/* common */
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.hidden{display:none;}

/* center lines debug */
#centerH{
	z-index:500;
	position: absolute;
	width:100%;
	top:50%;
	left:0;
	height: 1px;
	background-color: black;
}
#centerV{
	z-index:500;
	position: absolute;
	width:1px;
	top:0;
	left:50%;
	height: 100%;
	background-color: black;
}

/* layout */
html{
	height:100%;
}
body{
	padding: 0;
	margin: 0;
	height:100%;
	font-family: 'Open Sans', sans-serif;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#site-wrap{
	position:relative;
	top:0;
	left:0;
	margin: 0;
	padding:0;
	height:100%;
}
#logo{
	z-index:100;
	position: absolute;
	top:42px;
	left:42px;
	overflow:hidden;
	height:76px;
}
#logo-dark{
	z-index:101;
	position: absolute;
	top:42px;
	left:42px;
	overflow:hidden;
	height:76px;
}
#logo-dark img{
	margin-top: -76px;
}
/* footer */
#bottom-holder{
	position: absolute;
	z-index: 300;
	bottom:-100%;
	left:0;
	width:100%;
	height: 100%;
	background-color: #f1f1f1;
}
#bottom-holder .offset{
	
}
#bottom-holder .quasi-footer{
	/*height:55px;*/
	padding: 10px;
}
#bottom-holder .quasi-footer h3{
	font-weight:300;
	margin-top: 15px;
	margin-left: 10px;
}
#bottom-holder .partners {
	padding: 1% 15%;
	padding-bottom: 6%;
}
	#bottom-holder .partners h2 {
		color: #2A2A35;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 44px;
		font-weight: 300;
		width:30%;
	}
#bottom-holder .quasi-footer p{
	margin-top: 10px;
	float: right;
	margin-right: 10px;
	text-align: right;
	font-size: 13px;
	line-height: 16px;
}
#bottom-holder .quasi-footer{
	position: relative;
	padding: 0 10px;
}
#bottom-holder .quasi-footer img.logo{
	margin-top: 9px;
	float:right;
}

/* arrow */
#bottom-holder .icon-arrow-up{
	color: #2A2B36;
	position:absolute;
	font-size:28px;
	top:15px;
	left:50%;
	margin-left: -13px;
	z-index: 150px;
	text-decoration: none;
}

#bottom-holder .icon-arrow-down{
	color: #2A2B36;
	position:absolute;
	font-size:28px;
	top:15px;
	left:50%;
	margin-left: -13px;
	z-index: 150px;
	text-decoration: none;
}
#bottom-holder .quasi-footer .right{
	height:55px;
}
/* logos */
#bottom-holder .partners a.logo {
	float:left;
	width:50%;
	position: relative;
}
#bottom-holder .partners div{
	float:left;
	width:60%;
}
#bottom-holder .partners h3{
	font-size: 25px;
	font-weight: 300;
	display: block;
	float: left;
	margin-right: 25px;
}
@media screen and (max-width: 768px) {
	#bottom-holder .icon-arrow-up{
		float: left;
		position: static;
		margin:15px 10px;
	}
	#bottom-holder .quasi-footer .left{
		float:right;
	}
	#bottom-holder .partners h2{
		font-size: 32px;
		width: 100%;
	}
	#bottom-holder h3{
		margin-bottom: 0;
	}
	#bottom-holder .partners{
		padding-left: 5%;
		padding-right: 5%;
	}
	#bottom-holder .partners div{
		width:100%;
	}

	/*#bottom-holder .quasi-footer .right{
		float:left;
	}*/
}
#bottom-holder .partners a.logo img{
	width:100%;
}
#bottom-holder .partners a.logo img.overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 260;
}
/* prev / next */
.slide-nav{
	z-index:200;
	position: absolute;
	top:50%;
	background-color: #F1F1F1;
	text-decoration: none;
	font-size: 28px;
	color: #2A2A35;
	border: 2px solid #F5F5F5;
	width: 42px;
	height: 42px;
}

.slide-nav span{
	display: block;
	padding: 5px 15px;
	text-align: center;
}
#previous{
	left:22px;
}
#next{
	right:22px;
}

/* nav */
.nav-wrap {
	position: absolute;
	top: 42px;
	right: 0;
	z-index: 240;
}
#nav{
	z-index:100;

}
#nav ul{
	list-style: none;
	float: right;
}
#nav ul li {
	float:left;
	margin: 6px 20px;
}
#nav ul li a {
	color: #F1F1F1;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 21px;
	font-weight: 300;
}
#nav ul li a.icon-video {
	font-size: 28px;
}

@media (min-width:990px){
	#video-link .text{
		display:none;

	}
	#video-link .icon-video{
		padding-top: 56px;
		font-size:21px;
	}
}
@media (max-width:990px){
	#video-link .icon-video{
		display:none;
	}
}

/* slides defaults */
.slide{
	position: relative;
	width:100%;
	height:100%;
	overflow: hidden;
}
.slide .center-wrap{
	position: absolute;
	top:50%;
	left:50%;
	overflow:visible;
	width:0;
	height:0;
}
.slide .slide-content{
	width:600px;
	/*height:350px;*/
	/*margin-left:-300px;*/
	/*margin-top:-125px;*/
	overflow: visible;
}
.slide .slide-content h2{
	margin:0;
	width:250px;
	float:left;
	font-size: 55px;
	line-height: 1.2;
	color: #F1F1F1;
	font-weight: 300;
	text-align:right;
	margin-right:100px;
	height:auto;
}
	.slide .slide-content h2 span.footnote {
		font-size: 24px;
	}
.slide .slide-content .ilustration-holder{
	background-repeat: no-repeat;
	float:right;
	width:300px;
	height:300px;
}
.slide .slide-content .ilustration-holder div{
	background-repeat: no-repeat;
}
/* slide 1 */
#slide1 .slide-content {
	width: 589px;
}
#slide1 .slide-content .ilustration-holder{
	position: relative;
	background-image:url(/animation/css/img/slide-01-07-moved-by-230.png);
	width:230px;
	height:267px;
	background-position: -230px 0;
}
#slide1 .slide-content .ilustration-holder div{
	position: absolute;
	top:0;
	left:0;
	background-image:url(/animation/css/img/slide-01-07-moved-by-230.png);
	width:230px;
	height:267px;
	background-repeat: none;
}
#slide1 .slide-content .ilustration-holder #s1-drop1{
	background-position: -460px 0;
}
#slide1 .slide-content .ilustration-holder #s1-drop2{
	background-position: -680px 0;
}
#slide1 .slide-content .ilustration-holder #s1-drop3{
	background-position: -900px 0;
}
#slide1 .slide-content h2 {
	/*margin-top: -18px;*/
}

/* slide 2 */
#slide2 .slide-content{
	width:808px;
}
#slide2 .slide-content h2{
	color: #2A2A35;
	margin-right: 0px;
	width: 300px;
}
#slide2 .slide-content .ilustration-holder{
	position: relative;
	margin-top: -145px;
}
#slide2 .slide-content .ilustration-holder,
#slide2 .slide-content .ilustration-holder div{
	background-image:url(/animation/css/img/slide-02-moved-by560px.png);
	width:500px;
	height:560px;
	background-position: -590px;
}
#slide2 .slide-content .ilustration-holder div{
	position: absolute;
	top:0;
	left:0;
}
#slide2 .slide-content .ilustration-holder #s2-woman{
	background-position: -1150px;
}
#slide2 .slide-content .ilustration-holder #s2-man{
	background-position: -1710px;
}
#slide2 .slide-content .ilustration-holder #s2-equals{
	background-position: -2270px;
}
#slide2 .slide-content .ilustration-holder #s2-equals-not{
	background-attachment:scroll;
	background-position: -2830px 0;
}

/* slide 3 */
#slide3 .slide-content{
	width:786px;
	/*margin-left:-400px;
	margin-top: -200px;*/
}
#slide3 .slide-content h2{
	color:#2A2A35;
	margin-right:0;
	width:377px;
	text-align: right;
	/*margin-top: -9px;*/
}
#slide3 .slide-content .ilustration-holder{
	position: relative;
	margin-top: 85px;
	width:300px;
	height: 300px;
	background: url(/animation/css/img/s3-red-graph-bg.png);
	background-repeat: no-repeat;
}
#slide3 .slide-content .ilustration-holder .text {
	position: absolute;
	color:#2A2A35;
	top: 106px;
	right: 87px;
	text-align: right;
}
	#slide3 .slide-content .ilustration-holder .text span.amount {
		font-size:68px;
		font-weight: 800;
		display: block;
		float: left;
		clear: none;
	}
	#slide3 .slide-content .ilustration-holder .text span.sign {
		font-size: 47px;
		font-weight: 700;
		display: block;
		float: left;
		clear: none;
		line-height: 1.7;
	}

/* slide 4 */
#slide4 .slide-content{
	width:843px;
	/*margin-left:-400px;
	margin-top: -200px;*/
}
#slide4 .slide-content h2{
	color:#f1f1f1;
	margin-right:0;
	width:433px;
	text-align: right;
	/*margin-top: -9px;*/
}

#slide4 .slide-content .ilustration-holder{
	position: relative;
	margin-top: 81px;
	width:300px;
	height: 300px;
	background: url(/animation/css/img/s4-grey-graph-bg.png);
	background-repeat: no-repeat;
}
#slide4 .slide-content .ilustration-holder .text{
	position: absolute;
	top: 106px;
	right: 72px;
	text-align: right;
	color: #F1F1F1;
}
	#slide4 .slide-content .ilustration-holder .text span.less-than {
		font-size: 47px;
		font-weight: 700;
		display: block;
		float: left;
		clear: none;
		text-align: left;
		line-height: 2.1;
		padding-right: 5px;
	}
	#slide4 .slide-content .ilustration-holder .text span.amount {
		font-size:68px;
		font-weight: 800;
		display: block;
		float: left;
		clear: none;
		min-width: 80px;
	}
	#slide4 .slide-content .ilustration-holder .text span.sign {
		font-size: 47px;
		font-weight: 700;
		display: block;
		float: left;
		clear: none;
		line-height: 1.7;
	}

/* slide 5 */
#slide5 .slide-content{
	width:973px;
	/*margin-left:-400px;
	margin-top: -200px;*/
}
#slide5 .slide-content h2{
	color:#f1f1f1;
	margin-right:0;
	width:470px;
	text-align: right;
	/*margin-top: 57px;*/
}
#slide5 .slide-content .ilustration-holder{
	position: relative;
	margin-top: 102px;
	width:402px;
	height:268px;
	background: none;
	background-position:0 0;
	background-repeat: no-repeat;
}
#slide5 .slide-content .ilustration-holder div{
	position: absolute;
	top:0;
	left:0;
	background: url(/animation/css/img/s5-bg.png);
	width:402px;
	height:257px;
	background-position: -5px -539px;
	background-repeat: no-repeat;
}
#slide5 .slide-content .ilustration-holder #s5-bg2{
	background-position: -416px -5px;
}
#slide5 .slide-content .ilustration-holder #s5-bg3{
	background-position: -416px -272px;
}
#slide5 .slide-content .ilustration-holder #s5-bg4{
	background-position: -416px -539px;
}
#slide5 .slide-content .ilustration-holder #s5-overlay{
	background-position: -5px -272px;
}
#slide5 .slide-content .ilustration-holder #s5-arrow{
	background-position: -5px -5px;
}
#slide5 .slide-content .ilustration-holder .text{
	position: absolute;
	color:#f1f1f1;
	font-size:68px;
	top: 106px;
	left: 70px;
}
/* slide 6 */
#slide6 .slide-content{
	width:931px;
	/*margin-left:-400px;
	margin-top: -200px;*/
}
#slide6 .slide-content h2{
	color:#2A2A35;
	margin-right:0;
	width:480px;
	text-align: right;
	/*margin-top: -9px;*/
}
#slide6 .slide-content .ilustration-holder{
	position: relative;
	width:342px;
	height:300px;
	background: none;
	background-position:0 0;
	background-repeat: no-repeat;
	margin-top: 47px;
}
#slide6 .slide-content .ilustration-holder div{
	position:absolute;
	top:0;
	left:0;
	background-image:url(/animation/css/img/slide-06.png);
	background-repeat: no-repeat;
	width:342px;
	height:100px;
}
#slide6 .slide-content .ilustration-holder #s6-bg2{
	background-position: 0 -100px ;
	top:100px;
}
#slide6 .slide-content .ilustration-holder #s6-bg3{
	background-position: 0 -200px;
	top:200px;
}
/* slide 7 */
#slide7 .slide-content{
	/*margin-top:-100px;
	margin-left:-500px;*/
	width:889px;
}
#slide7 .slide-content h2{
	width:550px;
	color:#2A2A35;
	margin-right:100px;
	/*margin-top: -43px; skripta radi*/
}
#slide7 .slide-content .ilustration-holder{
	position: relative;
	background-image:url(/animation/css/img/slide-01-07-moved-by-230.png);
	width:230px;
	height:267px;
	background-position: -230px -267px;
}
#slide7 .slide-content .ilustration-holder div{
	position: absolute;
	top:0;
	left:0;
	background-image:url(/animation/css/img/slide-01-07-moved-by-230.png);
	width:230px;
	height:267px;
	background-repeat: none;
	background-position: 0 -267px;
}
#slide7 .slide-content .ilustration-holder #s7-drop1{
	background-position: -460px -267px;
}
#slide7 .slide-content .ilustration-holder #s7-drop2{
	background-position: -680px -267px;
}
#slide7 .slide-content .ilustration-holder #s7-drop3{
	background-position: -900px -267px;
}
/* slide 8 */
#slide8 .slide-content{
	/*margin-left:-500px;*/
	width:920px;
}
#slide8 .slide-content h2{
	width:550px;
	color:#f1f1f1;
	/*margin-top: 89px;*/
}

/* slide 9 */
#slide9 .slide-content{
	margin-top:0;
	/*margin-left:-500px;*/
	width:900px;
}
#slide9 .slide-content h2{
	margin-right:50px;
	width:550px;
	margin-top: 0px;
	/*margin-top: 23px;*/
	position: absolute;
	height: 198px;
}

#slide9 .slide-content h2 span{
	display:block;
}
/*#slide9 .slide-content h2#text2{
	position: absolute;
}*/
#slide9 .slide-content .ilustration-holder{
	margin-top: -13px;
	position: relative;
	width:300px;
	height:200px;
}
#slide9 .slide-content .ilustration-holder div{
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 200px;
	background-image:url(/animation/css/img/slide-09-moved-by300px.png);
	background-repeat: no-repeat; /* fixe ie top line*/
}
#slide9 .slide-content .ilustration-holder #s9-bg1 {
	z-index: 110;
	background-position: -300px top;
}
#slide9 .slide-content .ilustration-holder #s9-bg2 {
	z-index: 120;
	background-position: -600px;
}
#slide9 .slide-content .ilustration-holder #s9-bg3 {
	z-index: 100;
	background-position: -900px;
}
#slide9 .slide-content .ilustration-holder #s9-bg4 {
	z-index: 150;
	background-position: -1200px;
}
#slide9 .slide-content .text {
	float: right;
	color: #2A2A35;
	top: 106px;
	right: 87px;
	text-align: right;
}
	#slide9 .slide-content .text .eu{
		float: left;
		color: #2A2A35;
		font-size: 68px;
		font-weight: 800;
		display: block;
		clear: none;
	}
	#slide9 .slide-content .text .year {
		font-size: 47px;
		font-weight: 700;
		display: block;
		float: left;
		clear: none;
		line-height: 1.7;
	}

/*
     FILE ARCHIVED ON 14:49:12 Nov 13, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:08:52 Jul 27, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/