body, html
{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5
}

body.general-rules-active
{
	overflow: hidden;
}

/* Generic code */

a
{
	text-decoration: none;
}

h1
{
	font-size: 1.55em;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 700;
}

h2
{
	font-size: 1em;
	color: #222;
	text-transform: uppercase;
}

p.small,
p.small ~ ul
{
	font-size: 0.75em;
	color: #333;
	margin: auto;
	max-width: 800px;
	margin: auto;
}

.separator
{
	border: none;
    height: 1px;
    background-color: rgba(255,255,255,.4);
    width: 40px;
    display: block;
    margin: auto;
}

.hidden
{
	display: none;
}

#skrollr-body
{
	height: 100%;
}

section
{
	overflow: auto;
	position: relative;
	overflow: hidden;
	color: #fff;
	background: #fff;
}

section:nth-of-type(1)
{
	padding-top: 70px;
}

	/* Color variations */
	.white-bg
	{
		color: #222;
	}

	.white-bg .separator
	{
		opacity: 1;
		background: #ccc;
	}

	.white-bg a
	{
		color: #222;
	}

	.white-bg a:hover
	{
		color: #666 !important;
	}


section .content,
footer .content,
#general-rules .content
{
	position: relative;
	z-index: 2;
	text-align: center;
	margin: 100px auto;
	width: 100%;
	max-width: 1080px;
	padding: 0 50px;
	box-sizing: border-box;
	-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

section .h-restrained
{
	margin: 150px auto;
	text-align: left;
}

section .h-restrained .separator,
#network-list .separator
{
	margin: 0
}

.content p,
.content a,
.content h1,
.content h2
{
	margin: 30px auto;
	max-width: 800px;
}

section .h-restrained > p
{
	width: 55%;
	margin: 30px 0;
}


section .content .button
{
	font-size: 0.75em;
	padding: 16px 25px;
	min-width: 200px;
	border: 1px solid;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	margin-right: 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	line-height: 1;
	outline: none;
	text-align: center;
}

section .content .button.secundary
{
	border-color: #fff;
	background: transparent;
}

section .content .button.primary
{
	background: #43C04D;
	border-color: #43C04D;
}

section .content .button.primary:hover
{
	background: #3DB847;
	border-color: #3DB847;
}

section .content .button.primary.white-bg
{
	background: transparent;
	border-color: #ccc;
	color: #222;
	font-size: .6em;
	max-width: none;
}

section .content .button.secundary:hover
{
	background: #fff;
	color: #222;
}

section .content .button:hover
{
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
}


section .content .buttons-row
{
	width: 100%;
	margin: 40px auto 0;
	max-width: 830px;
	font-size: 0;
	display: flex;
}

section .content .buttons-row .button
{
	margin: 0;
	display: inline-block;
	width: 20%;
	min-width: auto;
	border: 1px solid #ccc;
	background: transparent;
	color: #222;
	border-right: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 13px;
	display: flex;
    align-items: center;
    justify-content: center;
}

section .content .buttons-row .button:first-of-type
{
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

section .content .buttons-row .button:last-of-type
{
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-right: 1px solid #ccc;
}

section .content .buttons-row .button:hover
{
	background: #fff;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

section .content .buttons-row .button.active
{
	background: #43C04D;
	color: #fff;
	border-color: #43C04D;
}


section .content .button:active,
section .content .buttons-row .button:active
{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}



.key-facts
{
	overflow: auto;
	margin: 100px auto 0;
	max-width: 800px;
	width: 100%;
}

	/* */
	#athens-programme .key-facts
	{
	  margin: 150px 0 50px;
	}

.key-facts .key-fact
{
	text-align: left;
	float: left;
	margin-right: 30px;
}

#athens-network-summary .key-facts .key-fact
{
	display: inline-block;
  text-align: center;
  float: none;
  margin: 0 15px
}

.key-facts .key-fact h4
{
	font-size: 3.5em;
	margin: 0;
	line-height: 1;
	font-weight: 300;
}

.key-facts .key-fact p
{
	font-size: .75em;
	margin: 10px 0;
}

.hero-bg
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	background-size: cover;
}

/* end */

.globe{
	z-index:2;
	width: 100%;
	height: 390px;
	position: relative;
	max-width: 1080px;
  	margin: 100px auto auto;
}

.globe > div
{
	-webkit-backface-visibility: hidden;
   	backface-visibility: hidden;
}

.globe .globe-img
{
	width: 1080px;
}

.globe .locations
{
	position: absolute;
	width: 1080px;
	height: 100%;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	  -moz-transition: all .5s ease-in-out;
	  -o-transition: all .5s ease-in-out;
	  transition: all .5s ease-in-out;
	  z-index: 2;
}

.globe .skrollable.skrollable-after .locations
{
	opacity: 1
}

.globe .locations a
{
	display: block;
	position: absolute;
	overflow: hidden;
	left: 50%;
	width: 24px;
	height: 24px;
}

.globe .locations a:hover
{
	overflow: inherit;
}

/* Locations */
.globe #tecnico-lisboa
{
	top: 250px;
  	margin-left: -279px;
}
.globe #aristotle-university-thessaloniki
{
	top: 240px;
  margin-left: -3px;
}

.globe #budapest-university-technology-economics
{
	top: 180px;
  margin-left: -37px;
}

.globe #czech-technical-university-in-prague
{
	  top: 150px;
  margin-left: -63px;
}

.globe #delft-university-technology
{
	top: 137px;
  margin-left: -135px;
}

.globe #itu-istanbul
{
	top: 234px;
	margin-left: 48px;
}

.globe #ku-leuven
{
	top: 149px;
 	margin-left: -138px;
}

.globe #ntnu
{
	  top: 60px;
  margin-left: -80px;
}

.globe #paristech
{
	  top: 166px;
  margin-left: -160px;
}

.globe #politecnico-milano
{
	  top: 198px;
  margin-left: -120px;
}

.globe #universidad-politecnica-madrid
{
	top: 235px;
  margin-left: -235px;
}

.globe #technische-universitat-munchen
{
	  top: 162px;
  margin-left: -64px;
}

.globe #technische-universitat-wien
{
	top: 168px;
  margin-left: -95px;
}

.globe #warsaw-university-technology
{
	top: 136px;
  margin-left: -24px;
}
.globe #universite-catholique-louvain
{
	  top: 145px;
  margin-left: -127px;
}

.globe #university-politehnica-bucharest
{
	    top: 207px;
    left: 575px;
}
/* End Locations */

.globe .locations a > img
{
	width: 8px;
	height: 8px;
	background: #43C04D;
	display: block;
	position: relative;
	top: 8px;
	left: 8px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all .13s ease-in-out;
	-moz-transition: all .13s ease-in-out;
	-o-transition: all .13s ease-in-out;
	transition: all .13s ease-in-out;
	-webkit-backface-visibility: hidden;
   	backface-visibility: hidden;
}

.globe .locations a:hover > img
{
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	background: transparent;
}

.globe .locations a > .png-image,
.ie-scks .globe .locations a > .svg-image
{
	display: none;
}

.ie-scks .globe .locations a > .png-image
{
	display: block;
}

.locations .tooltip
{
	width: 200px;
	padding: 25px 15px;
	box-sizing: border-box;
	background: white;
	text-align: center;
	opacity: 0;
	position: absolute;
	bottom: 30px;
	left: -88px;
	z-index: -1;
	margin-top: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
  	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.locations .tooltip:after
{
	content: "";
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid white;
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -8px;
}

.locations a:hover .tooltip
{
	z-index: 1;
	opacity: 1;
	bottom: 40px;
}

.locations .tooltip img
{
	width: 100%;
	display: block;
	margin: 10px 0 20px
}

.locations .tooltip h2
{
	font-size: .75em;
	margin: 0;
}

#light-fx
{
	position: absolute;
	width: 1084px;
	height: 1080px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;


}

#light-fx .flare
{
	position: absolute;
	right: 0px;
	top: 0px;
	margin-right: -230px;
}

#light-fx  .gradient-overlay
{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;

}

#light-fx  .gradient-overlay.left
{
	left: 0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MjEzNSIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2FiYWViNiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzE5MjEzNSIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  rgba(25,33,53,0.95) 0%, rgba(171,174,182,0) 35%, rgba(255,255,255,0.05) 55%, rgba(25,33,53,0.05) 70%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(25,33,53,0.95)), color-stop(35%,rgba(171,174,182,0)), color-stop(55%,rgba(255,255,255,0.05)), color-stop(70%,rgba(25,33,53,0.05)));
background: -webkit-linear-gradient(left,  rgba(25,33,53,0.95) 0%,rgba(171,174,182,0) 35%,rgba(255,255,255,0.05) 55%,rgba(25,33,53,0.05) 70%);
background: -o-linear-gradient(left,  rgba(25,33,53,0.95) 0%,rgba(171,174,182,0) 35%,rgba(255,255,255,0.05) 55%,rgba(25,33,53,0.05) 70%);
background: -ms-linear-gradient(left,  rgba(25,33,53,0.95) 0%,rgba(171,174,182,0) 35%,rgba(255,255,255,0.05) 55%,rgba(25,33,53,0.05) 70%);
background: linear-gradient(to right,  rgba(25,33,53,0.95) 0%,rgba(171,174,182,0) 35%,rgba(255,255,255,0.05) 55%,rgba(25,33,53,0.05) 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2192135', endColorstr='#0d192135',GradientType=1 );

}

#light-fx  .gradient-overlay.right
{
	right: 0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMxOTIxMzUiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNhYmFlYjYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTkyMTM1IiBzdG9wLW9wYWNpdHk9IjAuOTUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  rgba(25,33,53,0.05) 30%, rgba(255,255,255,0.05) 45%, rgba(171,174,182,0) 65%, rgba(25,33,53,0.95) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(30%,rgba(25,33,53,0.05)), color-stop(45%,rgba(255,255,255,0.05)), color-stop(65%,rgba(171,174,182,0)), color-stop(100%,rgba(25,33,53,0.95)));
background: -webkit-linear-gradient(left,  rgba(25,33,53,0.05) 30%,rgba(255,255,255,0.05) 45%,rgba(171,174,182,0) 65%,rgba(25,33,53,0.95) 100%);
background: -o-linear-gradient(left,  rgba(25,33,53,0.05) 30%,rgba(255,255,255,0.05) 45%,rgba(171,174,182,0) 65%,rgba(25,33,53,0.95) 100%);
background: -ms-linear-gradient(left,  rgba(25,33,53,0.05) 30%,rgba(255,255,255,0.05) 45%,rgba(171,174,182,0) 65%,rgba(25,33,53,0.95) 100%);
background: linear-gradient(to right,  rgba(25,33,53,0.05) 30%,rgba(255,255,255,0.05) 45%,rgba(171,174,182,0) 65%,rgba(25,33,53,0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d192135', endColorstr='#f2192135',GradientType=1 );

}


#legendframe div
{
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 200px;
	box-sizing: border-box;
	padding: 15px;
	text-align: center;
	position: relative;
	margin-top: -155px;
	margin-left: -100px
}

#legendframe div:after
{
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px
}

#legendframe div h2
{
	font-size: .75em
}

#legendframe div img
{
	display: block;
	width: 100%;
	height: 50px;
	margin: 15px auto;
}


/* Hero */

#landing-page
{
	height: 85%;
	min-height: 550px;
}


#landing-page .hero-bg
{
	background: url(../images/hero.jpg);
	background-size: cover;
}

#landing-page .h-restrained
{
	  position: relative;
	  top: 50%;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	  margin: 0 auto;
}

/* Gim */

#header
{
	position: fixed;
	width: 100%;
	-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
	z-index: 3;
	background: #fff;
}

#header.skrollable-before
{
	-webkit-box-shadow: inset 0 -1px 0 0 rgba(255,255,255,.4);
	box-shadow: inset 0 -1px 0 0 rgba(255,255,255,.4);
	background: transparent;
}

#header nav
{
	text-align: right;
	width: 100%;
	max-width: 1080px;
	margin: auto;
    padding: 0 50px;
	box-sizing: border-box;
}

#header nav ul
{
	margin: 0;
	padding: 0;
}

#header nav li
{
	display: inline-block;
}

#header nav li a
{
	display: inline-block;
	color: #666;
	font-size: 0.75em;
	text-transform: uppercase;
	margin: 0 15px;
	padding: 28px 5px 25px;
	border-bottom: 3px solid transparent;
	line-height: 1;
	-webkit-transition: border .1s ease-in-out;
	  -moz-transition: border .1s ease-in-out;
	  -o-transition: border .1s ease-in-out;
	  transition: border .1s ease-in-out;
}

#header nav li:last-child a
{
	margin-right: 0;
}

#header nav li a.active,
#header nav li a:hover
{
	color: #222
}

#header nav li.menu-link a:hover
{
	border-color: #666;
}

#header.skrollable-before nav li.menu-link a:hover
{
	border-color: rgba(255, 255, 255, .75);
}

#header nav li a.active,
#header nav li a.active:hover,
#header.skrollable-before nav li.menu-link a.active:hover
{
	border-color: #43C04D;
}

#header #logo
{
	float: left;
}

#header #logo a
{
	padding: 10px 0;
    margin: 19px 0 16px;
    line-height: 0;
}

#header #logo path
{
	fill: #43C04D
}


#header.skrollable-before nav li a
{
	color: #ddd
}


#header.skrollable-before nav li a.active,
#header.skrollable-before nav li a:hover
{
	color: #fff
}

#header.skrollable-before #logo path
{
	fill: #fff
}

/* Hero */

#hero-logo
{
	display: block;
	margin: 0;
}

#hero-logo .desktop
{
	margin: 0;
}

#hero-logo .mobile
{
	display: none;
	width: 100%;
}

/* Athens Network Summary */

#athens-network-summary
{
	background: #43C04D;
}

section .content p.two-column
{
	width: 50%;
    text-align: left;
	display: inline-block;
	text-align: justify;
	font-size: 0.889em;
	max-width: 400px;
	box-sizing: border-box;
}

section .content p.two-column:nth-of-type(1)
{
	padding-right: 20px;
}

section .content p.two-column:nth-of-type(2)
{
	padding-left: 20px;
}

#a-athens-logo
{
	position: relative;
	margin: auto;
	width: 180px;
	height: 350px;
	background-size: 1620px 350px;
	background-image: url(../images/athens-logo-sprite.svg);
	-webkit-animation: athens-logo-animation 10s steps(9) infinite;
	-moz-animation: athens-logo-animation 10s steps(9) infinite;
	-ms-animation: athens-logo-animation 10s steps(9) infinite;
	-o-animation: athens-logo-animation 10s steps(9) infinite;
	animation: athens-logo-animation 10s steps(9) infinite;
}

@-webkit-keyframes athens-logo-animation {
   from { background-position: 0 0; }
     to { background-position: -1620px 0; }
}

@-moz-keyframes athens-logo-animation {
   from { background-position: 0 0; }
     to { background-position: -1620px 0; }
}

@-ms-keyframes athens-logo-animation {
   from { background-position: 0 0; }
     to { background-position: -1620px 0; }
}

@-o-keyframes athens-logo-animation {
   from { background-position: 0 0; }
     to { background-position: -1620px 0; }
}

@keyframes athens-logo-animation {
   from { background-position: 0 0; }
     to { background-position: -1620px 0; }
}

#sky
{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	opacity: 0;
}

#sky.first-layer
{
	background: url(../images/stars1.svg);
}

#sky.second-layer
{
	background: url(../images/stars2.svg);
}

/* Athens Programme Summary */

#floating-tags
{
	width: 50%;
  	height: 100%;
  	position: absolute;
  	top: 0;
  	right: 0;
  	z-index: 2;
  	padding: 0;
  	margin: 0;
}


#floating-tags .tag
{
	background: rgba(255,255,255,0.90);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #222;
	font-size: 0.722em;
	position: absolute;
	padding: 10px 15px;
	list-style: none;
	left: 50%;
	-webkit-transform: translateX(-50%);
	  -ms-transform: translateX(-50%);
	  transform: translateX(-50%);
}

#floating-tags .tag.costs
{
	margin-left: 85px;
    top: 225px;
}

#floating-tags .tag.time
{

    top: 340px;
    margin-left: -120px;
}

#floating-tags .tag.schools
{

    top: 540px;
}

#floating-tags .tag svg
{
	vertical-align: middle;
	  margin-right: 5px;
	  transform: none;
	  left: auto;
	  top: auto;
	  margin: 0 5px 0 0;
	  display: inline-block;
}

#athens-programme-summary{
	background: url(../images/programme-summary-hero.jpg);
	background-size: cover;
}

#contest{
	background: url(../images/contest_hero.jpg);
	background-size: cover;
}

/* Network list */


@media (min-width: 1024px){
	#about_ideal .row{
		display: flex;
		padding: 60px 0;
	}
}

#about_ideal .row{
	border-bottom: 1px solid #ddd;
	padding: 32px 0;
}

#about_ideal .row:last-of-type{
	border-bottom: 0;
	padding-bottom:0; 
}

#network-list-hero
{
	background-size: cover;
}

#network-list-hero .overlay
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
}

#network-list-hero ~ section .content
{
	margin-top: 0;
}

#network-list .row
{
	border-top: 1px solid #ccc;
	overflow: auto;
	padding: 40px 0;
}

#network-list .row:first-of-type
{
	border: 0;
}

#network-list .row .column
{
	box-sizing: border-box;
	float: left;
}

#network-list .row .column.logo
{
	width: 35%;
}


@media (min-width: 1024px){
	#about_ideal .row .column.left
	{
		width: 35%;
	}
}




#about_ideal .row .column.left h1{
	text-align: left;
	padding-right: 20%;
	display: block
}

#network-list .row .column.logo a
{
	display: block;
	margin: 40px auto;
}

#network-list .row .column.logo img
{
	width: 100%;
	max-width: 340px;
}

#network-list .row .column.main-content
{
	padding-left: 40px;
	width: 65%;
	text-align: left;
	color: #222;
}


#about_ideal .row .column.right
{
	text-align: left;
	color: #222;
}

@media (min-width: 1024px){
	#about_ideal .row .column.right{
		padding-left: 40px;
		width: 65%;
	}
}

#about_ideal .row .column.right p{
	font-size: 16px;
	max-width: unset;
}

#about_ideal .row .column.right p a{
	border-bottom: 1px dotted
}

#about_ideal .row .column.right p a:hover{
	color: #43C04D !important
}


#network-list .contact-info
{
	margin: 30px 0;
	padding: 0;
	overflow: auto;
	font-size: 1em;
}

#network-list .contact-info li
{
	list-style: none;
	float: left;
	margin-right: 30px;
}

#network-list .contact-info li .label
{
	display: block;
	text-transform: uppercase;
	color: #666;
	font-size: .6em;
}

#network-list .contact-info li a,
#network-list .country-info
{
	display: block;
	font-size: .75em;
	margin: 0;
	color: #222;
}

#network-list h2
{
	margin-bottom: 5px;
}

#paristech.active .hide-all-paristech-schools
{
	display: inline-block;
	margin: 35px 0 0;
}

#paristech.active .see-all-paristech-schools,
#paristech .hide-all-paristech-schools
{
	display: none;
}

#network-list .paristech-list > div
{
	overflow: auto;
	padding: 40px 0;
	border-top: 1px dashed #ccc;
}

.paristech-list
{
	display: none;
	clear: both;
}

#paristech.active .paristech-list
{
	display: block;
}


/* Athens programme */

#athens-programme .hero-bg
{
	background: url('../images/athens-programme-hero.jpg') center bottom;
	background-size: cover;
}




/* About the programme */

#about-the-programme
{
	background-size: cover;
	height: 500%;
}

#about-the-programme .slide
{
	width: 100%;
	height: 20%;
	position: relative;
	background-size: cover;
	backface-visibility: hidden;
}

#about-the-programme .slide img
{
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	top: 0;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	  -moz-transition: all .3s ease-in-out;
	  -o-transition: all .3s ease-in-out;
	  transition: all .3s ease-in-out;
}

#about-the-programme .slide-content
{
	margin: 0 auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-left: 150px;
}

#about-the-programme .slide.skrollable-after img
{
	opacity: 1;
}

/* Regras para prender a primeira imagem */

#about-the-programme .slide.one img
{
	position: absolute;
	opacity: 1;
}

#about-the-programme .slide.one.skrollable-after img
{
	position: fixed;
}

/* Regras para desprender a primeira imagem */

#about-the-programme .slide.fifth img
{
	position: fixed;
}
#about-the-programme .slide.fourth.skrollable-after ~ .slide.fifth.skrollable-after img
{
	opacity: 1;
}

#about-the-programme .slide.fourth.skrollable-after ~ .slide.fifth.skrollable-after img
{
	position: absolute;
}

#about-the-programme .icon
{
	width: 64px;
	height: 64px;
	position: absolute;
	left: 50px;
	top: 70px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #fff;
}

#about-the-programme .what-you-need-to-know .content
{
	height: 100%;
	margin: auto;
	padding: 100px 0;
}

#destination-info
{
	padding: 100px 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	  -ms-transform: translateY(-50%) translateX(-50%);
	  transform: translateY(-50%) translateX(-50%);
	  text-transform: uppercase;
	  width: 100%;
}

#destination-info p
{
	margin: 40px auto 0;
	font-size: .8em;
}

#destination-info .info
{
	display: inline-block;
	font-size: 2.333em;
	font-weight: 700;
	position: relative;
}

#destination-info .country.info
{
	color: #43C04D;
	border: 1px solid #43C04D;
	padding: 0 20px;
	margin: 0 10px;
	width: 325px;
}

#destination-info .country-name:after
{
	content: "▼";
	font-size: .3em;
	position: absolute;
	  right: 0;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
}

	/* Animação */
	.interactive-data
	{
		display: inline-block;
		position: relative;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}

	#destination-info .info span
	{
		-webkit-transition: top, opacity, .1s ease-in-out;
		-moz-transition: top, opacity, .1s ease-in-out;
		-o-transition: top, opacity, .1s ease-in-out;
		transition: top, opacity, .1s ease-in-out;
		width: 100%;4
		text-align: left;
		box-sizing: border-box;
	}

	#destination-info .info span.country-name
	{
		padding-right: 30px;
		display: block;
		width: 100%;
	}

	#destination-info .info .waiting
	{
		position: absolute;
		top: -25px;
		opacity: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		  -ms-transform: translateX(-50%);
		  transform: translateX(-50%);
	}

	#destination-info .current
	{
		position: relative;
		  top: 0;
		  opacity: 0;
		  left: auto;
	}
	#destination-info .current.visible
	{
		  opacity: 1;
	}

	#destination-info .info select
	{
		position: absolute;
		background: #fff;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		font-size: .5em;
		opacity: 0;
	}


/* Courses list */
#courses-list .dropdown-wrapper
{
	overflow: auto;
	margin: 60px auto 0;
	max-width: 830px;
}

#courses-list label
{
	position: relative;
	display: block;
	float: left;
}

#courses-list label::after
{
	content: '▼';
	  font-size: .7em;
	  font-weight: 400;
	  color: #43C04D;
	  right: 30px;
	  top: 50%;
	  margin-top: -10px;
	  padding: 0 0 2px;
	  position: absolute;
	  pointer-events: none;
}

#courses-list label::before
{
	content: '';
	  right: 1px;
	  top: 1px;
	  width: 74px;
	  height: 49px;
	  background: #fff;
	  position: absolute;
	  pointer-events: none;
	  display: block;
}

#courses-list .dropdown-wrapper .study-areas
{
	width: 65%;
}

#courses-list .dropdown-wrapper .country
{
	width: 35%;
}

#courses-list .selectpicker
{
	width: 100%;
	  padding: 15px 30px;
	  margin: 0;
	  -webkit-border-radius: 0;
	  -moz-border-radius: 0;
	  border-radius: 0;
	  background: #fff;
	  color: #43C04D;
	  border: 1px solid #ccc;
	  outline: none;
	  display: inline-block;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  cursor: pointer;
	  float: left;
	  text-transform: uppercase;
	  font-weight: 700;
	  font-size: 0.722em;
}

#courses-list .country .course-selector
{
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

#courses-list .country .selectpicker
{
	border-left: 0;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

#courses-table
{
	overflow: hidden;
}

#courses-table.active
{
	opacity: 1;
	margin-top: 0;
	/* Temporário */
	height: 372px;
}

table
{
	width: 100%;
	margin: auto;
	text-align: left;
}

table tr
{
	-webkit-transition: height, opacity, box-shadow, 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-moz-transition: height, opacity, box-shadow, 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-o-transition: height, opacity, box-shadow, 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: height, opacity, box-shadow, 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-box-shadow: 0 -1px 0 0 #ccc;
	box-shadow: 0 -1px 0 0 #ccc;
	display: block;
	width: 100%;
	overflow: auto;
	padding: 15px;
	box-sizing: border-box;
}



table td
{
	padding: 0;
	font-size: 1em;
	display: block;
	float: left;
	box-sizing: border-box;
}

.content table td a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  margin: 0;
}



#courses-table td.course-name
{
	width: 65%;
}

#courses-table td.country
{
	width: 35%;
}

table td.country-name,
table td.contact
{
	width: 100%;
}

#see-full-list
{
	font-size: 0.7em;
	text-transform: uppercase;
	color: #666;
	display: block;
	margin: 0 auto;
	background-color: transparent;
	padding: 10px;
	border: 0;
	cursor: pointer;

	margin-top: 50px;
}

#courses-table.active ~ #see-full-list
{
	margin-top: 50px;
}

#see-full-list .hide-list,
#courses-table.active ~ #see-full-list .see-list
{
	display: none;
}

#courses-table.active ~ #see-full-list .hide-list
{
	display: block;
}


/* Apply now */

#apply-now
{
	background: #43C04D;
}

/* More about the programme */

#more-about-the-programme
{
	background: #fafafa;
}

.costs-text,
.aims-text,
.course-structure-text,
.students-text,
.faqs-text
{
	display: none;
	margin: 60px auto 0;
	text-align: left;
}

.costs-text.active,
.aims-text.active,
.course-structure-text.active,
.students-text.active,
.faqs-text.active
{
	display: block;
}

#more-about-the-programme ul
{
	margin: 30px auto;
	max-width: 800px;
	text-align: left;
}

#more-about-the-programme .general-rules-trigger
{
	color: #43C04D;
	cursor: pointer;
	font-weight: 700;
}

#more-about-the-programme a{
	border-bottom: 1px dotted
}

/* General rules */

#general-rules
{
	padding: 40px;
	position: fixed;
	top: 0;
	opacity: 0;
	z-index: -1;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	   -webkit-transition: opacity, .3s ease-in-out;
	   -moz-transition: opacity, .3s ease-in-out;
	   -o-transition: opacity, .3s ease-in-out;
	   transition: opacity, .3s ease-in-out;
}

.general-rules-active #general-rules
{
	z-index: 10;
	opacity: 1;
}

#general-rules .dark-overlay
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
}

#general-rules .content-wrap
{
	overflow: hidden;
	  position: relative;
	  height: 100%;
	  max-width: 980px;
	  margin: auto;
	  margin-top: -40px;
	  -webkit-transition: margin .5s ease-in-out;
	  -moz-transition: margin .5s ease-in-out;
	  -o-transition: margin .5s ease-in-out;
	  transition: margin .5s ease-in-out;
}

.general-rules-active #general-rules .content-wrap
{
	margin-top: 0;
}

#general-rules .content
{
	margin: auto;
	text-align: left;
	background: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 50px;
	height: 100%;
	position: absolute;
	overflow: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	  -ms-transform: translateX(-50%);
	  transform: translateX(-50%);
}

#general-rules .content p.small
{
	margin: 20px auto;
}

#general-rules .content p.small:first-of-type
{
	margin-top: 30px;
}

#general-rules .content h1
{
	text-align: center;
	display: block;
}

#modal-window-close
{
	position: absolute;
	right: 25px;
	top: 25px;
	cursor: pointer;
	z-index: 9;
}

#modal-window-close .lines-wrap
{
	position: relative;
	width: 24px;
	height: 24px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid transparent;
	padding: 8px;
	-ms-transform: rotate(45deg);
	   -webkit-transform: rotate(45deg);
	   transform: rotate(45deg);
	   -webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
	   -o-transition: all .2s ease-in-out;
	   transition: all .2s ease-in-out;
}

#modal-window-close:hover .lines-wrap
{
	border-color: #ccc;
}

#modal-window-close .lines-wrap .line
{
	position: absolute;
	background: #ccc;
}

#modal-window-close .lines-wrap .line:first-of-type
{
	width: 24px;
	height: 2px;
	top: 50%;
	margin-top: -1px;
}

#modal-window-close .lines-wrap .line:last-of-type
{
	height: 24px;
	width: 2px;
	left: 50%;
	margin-left: -1px;
}

/* Footer */

footer
{
	background: #fafafa;
	overflow: auto;
	position: relative;
}

footer .content
{
	margin: 60px auto 0px;
	padding: 30px 0 0 0;
	opacity: 0;
	-webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  max-width: none;
  text-align: center;
}

footer .content.skrollable-after
{
	padding-top: 0;
	opacity: 1;
	margin: 60px auto 30px;
}

footer .help-link
{
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	max-width: 490px;
}

.help-link .content-wrap
{
	padding: 40px 0;
}

/*
.help-link:hover .content-wrap
{
	background-color: rgba(255, 255, 255, .5);
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
}
*/

footer .help-link .icon
{
	display: block;
	margin: 0 auto 40px auto;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	width: 80px;
	height: 80px;
	position: relative;
	border: 1px solid #43C04D;
}

.icon > svg
{
	position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    display: block;
	height: auto;
    max-width: 34px;
}

footer .help-link.help
{
	padding-right: 50px;
}

footer .help-link.info
{
	padding-left: 50px;
}

footer .or-separator
{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

footer .or-separator > span
{
	display: inline-block;
	vertical-align: middle;
	color: #666;
	font-size: 0.667em;
	text-transform: uppercase;
}

footer .or-separator > .line
{
	width: 20px;
	height: 1px;
	background: #ccc
}

footer p.small
{
	max-width: 400px;
}

#credits
{
	margin-top: 60px;
	padding: 30px 5px 0 5px;
	text-align: center;
	border-top: 1px solid #ccc;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

#credits p
{
	margin: auto ;
	font-size: .65em;
	color: #666;
}

#credits a
{
	color: #666
}

#credits a:hover
{
	color: #000;
}


#burguer-menu
{
	position: absolute;
	border: 0;
	display: block;
	z-index: 10;
	cursor: pointer;
	width: 26px;
	height: 17px;
	display: none;
	opacity: 0;
	top: 6px;
	right: 30px;
	padding: 20px;
	-webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
	 -ms-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
	  -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
	     transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#burguer-menu .burguer-lines-wrapper
{
	position: relative;
}

#burguer-menu .burguer-lines-wrapper .burguer-line
{
	width: 26px;
	height: 3px;
	background: #43C04D;
	display: block;
	position: absolute;
	-webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
	 -ms-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
	  -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
	     transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#burguer-menu .burguer-line:nth-child(1)
{
	top: 0;
}

#burguer-menu .burguer-line:nth-child(2)
{
	top: 7px;
}

#burguer-menu .burguer-line:nth-child(3)
{
	top: 14px;
}


header.mobile-menu-active #burguer-menu .burguer-line:nth-child(1)
{
	top: 7px;
	-ms-transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
}

header.mobile-menu-active #burguer-menu .burguer-line:nth-child(2)
{
	opacity: 0;
}
header.mobile-menu-active #burguer-menu .burguer-line:nth-child(3)
{
	top: 7px;
	-ms-transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
}





/* Mobile rules */
@media screen and (max-width: 990px)
{
	#landing-page
	{
		height: auto;
		min-height: 0;
	}

	#landing-page .h-restrained
	{
		  position: relative;
		  top: auto;
		  top: auto;
		  -webkit-transform: none;
		  -ms-transform: none;
		  transform: none;
		  margin: 100px auto;
	}

	section:nth-of-type(1)
	{
		padding-top: 59px;
	}

	#hero-logo .desktop
	{
		display: none;
	}

	#hero-logo .mobile
	{
		display: block;
	}

	#athens-programme .key-facts
	{
		text-align: center;
		margin: 50px auto;
	}

	.key-facts .key-fact
	{
		margin: 20px 20px 20px 0;
	}

	section .h-restrained
	{
		text-align: center;
	}

	#hero-logo svg
	{
		margin: auto;
	}

	section .h-restrained > p
	{
		width: auto;
		text-align: center;
	}

	section .h-restrained .separator,
	#network-list .separator
	{
		margin: auto;
	}

	section .content p.two-column:nth-of-type(1),
	section .content p.two-column:nth-of-type(2)
	{
		padding: 0;
		max-width: none;
		width: auto;
		margin-bottom: 0;
	}

	#network-list .row .column.logo,
	#network-list .row .column.main-content
	{
		width: 100%;
		padding-left: 0;
	}

	#network-list .contact-info li
	{
		margin-top: 10px;
	}

	#about-the-programme .slide-content
	{
		padding: 0 50px;
	}

	.globe
	{
		display: none;
	}

	#about-the-programme .icon
	{
		position: relative;
		overflow: auto;
		display: block;
		margin: auto;
		top: auto;
		left: auto;
	}


	#destination-info
	{
		padding: 0 50px;
		box-sizing: border-box;
	}

	#destination-info .info
	{
		display: block;
		margin: 20px 0;
	}

	#destination-info .country.info
	{
		margin: 20px auto;
	}

	#courses-table
	{
		margin-top: 50px;
	}

	#courses-list .dropdown-wrapper .study-areas,
	#courses-list .dropdown-wrapper .country
	{
		width: 100%;
	}

	#courses-list .country .selectpicker
	{
		border-top: 0;
		border-left: 1px solid #ccc;
	}

	#courses-table td.country,
	#courses-table td.course-name
	{
		width: 100%;
		display: block;
		padding: 0 30px;
	}

	#courses-table td.country
	{
		padding-bottom: 20px;
	}

	#courses-table td.course-name
	{
		padding-top: 20px;
	}

	#courses-table td a
	{
		padding: 2px 0;
	}

	#floating-tags
	{
		display: none;
	}

	#header nav
	{
		padding: 0;
	}

	#header #logo
	{
		float: none;
		text-align: left;
		padding: 0 50px;
	}

	#header nav ul
	{
		overflow: auto;
		background: #fff !important;
	}

	#header #logo a
	{
		margin: 19px 0 12px;
	}

	#header #logo path
	{
	  fill: #43C04D !important;
	}

	#header nav li
	{
		position: relative;
		display: block;
		text-align: center;
		box-sizing: border-box;
	}


	#header nav li.menu-link
	{
		background: #fff;
		overflow: hidden;
		height: 0;
		opacity: 0;
		border-bottom: 1px solid transparent;
		-webkit-transition: height, opacity, border, 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
		-moz-transition: height, opacity, border, 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
		 -ms-transition: height, opacity, border, 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
		  -o-transition: height, opacity, border, 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
		     transition: height, opacity, border, 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
	}

	#header.mobile-menu-active nav li.menu-link
	{
		height: 73px;
		opacity: 1;
		border-bottom: 1px solid #ccc;
	}

	#header nav li.menu-link a
	{
		display: block;
		width: 100%;
		margin: 0;
		padding: 28px 50px;
		box-sizing: border-box;
		color: #222 !important;
	}

	#header nav li.menu-link:nth-of-type(4)
	{
		border-bottom: 0;
	}

	#header nav li.menu-link:nth-of-type(2)
	{
		border-top: 1px solid #ccc;
	}

	#burguer-menu
	{
	  display: block;
	  opacity: 1;
	}

	#header nav li.menu-link a:hover
	{
		border-color: transparent;
	}

	#header nav li.menu-link a.active:hover
	{
		border-color: #43C04D;
	}

	footer .help-link.help,
	footer .help-link.info
	{
		padding: 0;
		width: 100%;
	}

	footer .or-separator
	{
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		display: block;
	}

	section .content .buttons-row .button
	{
		width: 100%;
		border-right: 1px solid #ccc;
		border-bottom: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	section .content .buttons-row .button:first-of-type
	{
		-webkit-border-radius: 2px;
		-webkit-border-bottom-right-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius: 2px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		border-radius: 2px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}

	section .content .buttons-row .button:last-of-type
	{
		border-bottom: 1px solid #ccc;
		-webkit-border-radius: 0px;
		-webkit-border-bottom-right-radius: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-moz-border-radius: 0px;
		-moz-border-radius-bottomright: 2px;
		-moz-border-radius-bottomleft: 2px;
		border-radius: 0px;
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
	}


	footer .content
	{
		opacity: 1;
		margin: 60px auto 30px;
		padding-top: 0;
		overflow: auto;
	}

	#about-the-programme
	{
		height: auto;
	}

	#about-the-programme .slide-content
	{
		padding: 0 30px;
	}

	#about-the-programme .slide
	{
		height: auto;
		overflow: auto;
	}

	#about-the-programme .slide img
	{
		display: none !important;
	}

	#about-the-programme .slide.fifth
	{
		background: url('../images/housing-bg-m.jpg') no-repeat center /cover;
	}

	#about-the-programme .slide.fourth
	{
		background: url('../images/travel-bg-m.jpg') no-repeat center /cover;
	}

	#about-the-programme .slide.three
	{
		background: url('../images/activities-bg-m.jpg') no-repeat center /cover;
	}

	#about-the-programme .slide.two
	{
		background: url('../images/courses-bg.jpg') no-repeat center /cover;
	}

	#about-the-programme .slide.one
	{
		background: #fff;
	}

	#about-the-programme .slide-content,
	#destination-info
	{
		top: auto;
		left: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		margin: 150px auto;
		position: relative;
	}

	#destination-info
	{
		padding: 0 30px;
	}

	.help-link .content-wrap
	{
		padding: 40px 25px;
	}

}

@media screen and (max-width: 660px)
{
	body, html
	{
		font-size: 16px;
	}

	#background-video
	{
		display: none;
	}

	section .content .button
	{
		font-size: .9em;
	}

	p.small,
	#network-list .contact-info li a
	{
		font-size: 0.875em;
	}

	#network-list .contact-info li .label
	{
		font-size: .7em;
	}

	section .h-restrained
	{
		margin: 80px auto;
	}

	section .h-restrained > p
	{
		margin: 50px 0;
	}

	#header,
	#header.nav-down,
	#header.nav-up.nav-down
	{
		top: 0;
		-webkit-transition: all .2s ease-in-out;
		  -moz-transition: all .2s ease-in-out;
		  -o-transition: all .2s ease-in-out;
		  transition: all .2s ease-in-out;
	}

	#header.mobile-menu-active nav li.menu-link
	{
		height: 71px;
	}

	#header.nav-up
	{
		top: -60px;
	}

	#header #logo
	{
		padding: 0 30px;
	}

	#header #logo a
	{
		margin: 14px 0 7px;
	}

	#burguer-menu
	{
		right: 10px;
		top: 1px;
	}

	section .content
	{
		padding: 0 30px;
	}

	section .content .button
	{
		width: 100%;
		margin: 30px auto 0;
		display: block;
		box-sizing: border-box;
		max-width: 380px;
	}

	#a-athens-logo
	{
		width: 128.5555px;
		height: 250px;
		background-size: 1157px 250px;
		-webkit-animation: athens-logo-animation-mobile 10s steps(9) infinite;
		-moz-animation: athens-logo-animation-mobile 10s steps(9) infinite;
		-ms-animation: athens-logo-animation-mobile 10s steps(9) infinite;
		-o-animation: athens-logo-animation-mobile 10s steps(9) infinite;
		animation: athens-logo-animation-mobile 10s steps(9) infinite;
	}

	@-webkit-keyframes athens-logo-animation-mobile {
	   from { background-position: 0 0; }
	     to { background-position: -1157px 0; }
	}

	@-moz-keyframes athens-logo-animation-mobile {
	   from { background-position: 0 0; }
	     to { background-position: -1157px 0; }
	}

	@-ms-keyframes athens-logo-animation-mobile {
	   from { background-position: 0 0; }
	     to { background-position: -1157px 0; }
	}

	@-o-keyframes athens-logo-animation-mobile {
	   from { background-position: 0 0; }
	     to { background-position: -1157px 0; }
	}

	@keyframes athens-logo-animation-mobile {
	   from { background-position: 0 0; }
	     to { background-position: -1157px 0; }
	}

	.key-facts .key-fact
	{
	  margin: 10px 20px 10px 0;
	}

	.key-facts .key-fact h4
	{
		font-size: 3em;
	}


	#destination-info .info
	{
		font-size: 2em;
		width: 100%;
		white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
	}

	#destination-info .country.info
	{
		width: auto;
		margin: 0 auto;
	}


	section .content p
	{
		margin: 30px auto 0;
	}

	.mobile-menu-active ~ section a,
	.mobile-menu-active ~ footer a
	{
	   pointer-events: none;
	   cursor: default;
	}

	#general-rules
	{
		padding: 0;
	}

	#modal-window-close
	{
		width: 100%;
		right: auto;
		top: auto;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		padding: 5px;
		box-sizing: border-box;
	}

	#modal-window-close .lines-wrap
	{
		left: 50%;
		margin-left: -20px;
	}

	#modal-window-close:hover .lines-wrap
	{
		border-color: transparent;
	}

	#about-the-programme .slide-content,
	#destination-info
	{
		margin: 80px auto;
	}

	#courses-list label::before
	{
		height: 47px;
	}

}


.content p.asterisco
{
	font-size: .5em;
	color: rgba(255, 255, 255, .3);
	width: 100%;
	clear: both;
	text-align: left;
	padding: 20px 0 0;
	text-align: center;
	margin: 0
}


#background-video
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
}

#background-video .overlay
{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 3;
	background: rgba(43, 55, 67, .45);
}

#background-video video
{
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
 background: url('../images/hero.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
  z-index: 2;
}




body.locked{
	overflow: hidden;
}

.alert_message{
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(40,40,40,.8);
  padding: 62px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alert_message.show_alert{
	display: flex !important;
}

.alert_message_content{
	background: white;
    width: 100%;
    max-width: 900px;
    max-height: 100%;
    overflow-y: scroll;
    padding: 80px 64px;
    box-sizing: border-box;
    border-radius: 6px;
    text-align: center;
}

.alert_message_content h1{
    margin: 24px 0;
    font-size: 24px;
}

.alert_message_content p{
	font-size: 15px;
    margin: 24px 0;
}


.alert_message svg{
	margin: auto auto 24px auto;
	display: block;
}



.close {
  margin-top: 2.4rem;
 font-size: 0.75em;
    padding: 16px 25px;
    min-width: 200px;
    border: 1px solid;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 1;
    outline: none;
    text-align: center;
  background: #43C04D;
    border-color: #43C04D;
  cursor: pointer;
}


.close:hover{
  background: #3DB847;
    border-color: #3DB847;
}

.warning{
	position: fixed;
    z-index: 9;
    background: #F9690E;
    color: #fff;
	font-size: 14px;
	font-weight: 300;
    padding: 16px;
    box-sizing: border-box;
    line-height: 1;
    width: 100%;
}

.warning_content{
	width: 100%;
    max-width: 1080px;
    margin: auto;
    padding: 0 50px;
    box-sizing: border-box
}

.warning_content a{
	color: #fff;
	font-weight: 400;
	margin-left: 8px;
}

.warning_content a:hover{
	text-decoration: underline;
}

.warning ~ #skrollr-body {
    padding-top: 46px;
}



.ideal-header .column{
	width: 100%;
}

.ideal-header .column h1{
	max-width: 600px;
    margin-top: 80px;
    display: block;
}


.ideal-header .column .button.primary:hover{
	color: white !important;
}

.subcosts span{
	display: inline-block;
	text-transform: initial;
	margin: 1.6rem .8rem;
	background: rgba(255, 255, 255, .5);
	padding: .4rem .8rem;
}

.ul_centered{
	text-align: center;
    list-style-position: inside;
}