@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;		
}

@font-face {
    font-family:RobotoL;
    src: url(//cdn.2742.gr/libs/fonts/Roboto-Light.ttf);
}

@font-face {
    font-family:Roboto;
    src: url(//cdn.2742.gr/libs/fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family:RobotoM;
    src: url(//cdn.2742.gr/libs/fonts/Roboto-Medium.ttf);
}


@font-face {
    font-family:RobotoB;
    src: url(//cdn.2742.gr/libs/fonts/Roboto-Bold.ttf);
}

@font-face {
    font-family:RobotoIt;
    src: url(//cdn.2742.gr/libs/fonts/Roboto-Italic.ttf);
}

@font-face {
    font-family:RobotoMIt;
    src: url(//cdn.2742.gr/libs/fonts/Roboto-MediumItalic.ttf);
}

@font-face {
    font-family:Raleway;
    src: url(//cdn.2742.gr/libs/fonts/Raleway-Regular.ttf);
}


body {background:#032c4b}

body:after {
   content: url(../images/scr1/background.jpg) url(../images/scr1/bullet.png) url(../images/scr1/info.png) url(../images/scr1/pro-frame.png) url(../images/scr2/map.jpg) url(../images/scr2/shadow.png) url(../images/scr3/background.png) url(../images/scr3/pro-logo.png) url(../images/scr3/shadow.png); 
   display: none;
}

#wrapper {
	z-index:0;
	width:1080px;
	height:1920px;
	position: relative;
	margin:0 auto;
	overflow:hidden;
}

/*====================PROOTHISI CSS=====================*/

#wrapper #scr1 {
	z-index:0;
	/*display:none;*/
	width:1080px;
	height:1920px;
	overflow:hidden;
	position:absolute; 
	top:0;
	left:0;
	background: url(../images/scr1/background.jpg) no-repeat top left;
}

#wrapper #scr1 #scr1_frame{
	z-index:1;
	/*display:none;*/
	width:100%;
	height:871px;
	position:absolute; 
	top:0;
	left:0;
}

#wrapper #scr1 #scr1_info{
	z-index:1;
	/*display:none;*/
	width:1002px;
	height:139px;
	position:absolute; 
	left:41px;
	bottom:32px;
}

#wrapper #scr1 #scr1_provide {
	z-index:1;
	width:100%;
	position:absolute;
	top: 938px;
	left:0;
	font-family:RobotoL, Arial, Helvetica, sans-serif;
	font-size:90px;
	color:#fff;
	text-align:center;
}

#wrapper #scr1 #scr1_moto {
	z-index:1;
	width:100%;
	height:auto;
	position:absolute;
	top: 1506px;
	left:0;
	font-family:RobotoL, Arial, Helvetica, sans-serif;
	font-size:70px;
	color:#fff;
	text-align:center;
}

.motoMedium {font-family:RobotoM, Arial, Helvetica, sans-serif;}
.regular {font-family:Roboto, Arial, Helvetica, sans-serif;}

#wrapper #scr1 #scr1_list {
	    width: 532px;
    position: absolute;
    top: 1103px;
    left: 280px;
}

#wrapper #scr1 #scr1_list ul {
    list-style: none;
    padding-left: 0;
}
#wrapper #scr1 #scr1_list li {
    position: relative;
    padding-left: 60px;
	font-family:RobotoM, Arial, Helvetica, sans-serif;
	font-size:65px;
	line-height:92px;
	color:#02c1ff;
}

#wrapper #scr1 #scr1_list li:before {
    content: '';
    width: 29px;
    height: 29px;
    position: absolute;
    background-image: url(../images/scr1/bullet.png);
    background-size: cover;
    background-position: center;
    left: 0;
    top: 58%;
    transform: translateY(-50%);
}


/* ==============SCREEN 2================= */
#wrapper #scr2 {
	z-index:0;
	/*display:none;*/
	width:1080px;
	height:1920px;
	overflow:hidden;
	position:absolute; 
	top:0;
	left:0;
	background:#fff;
}

#wrapper #scr2 #scr2_map{
	z-index:1;
	/*display:none;*/
	width:100%;
	height:991px;
	position:absolute; 
	top:0;
	left:0;
}

#wrapper #scr2 #scr2_shadow{
	z-index:1;
	/*display:none;*/
	width:100%;
	height:105px;
	position:absolute; 
	top:991px;
	left:0;
}

#wrapper #scr2 #scr2_txt1 {
	z-index:0;
	position:absolute;	
	width:690px;
	height:auto;
	top:1110px;
	left:205px;
	font-family:Roboto, Arial, Helvetica, sans-serif;
	line-height:65px;
	text-align:center;
}

#wrapper #scr2 #scr2_txt2 {
	z-index:0;
	position:absolute;	
	width:565px;
	height:auto;
	top:1383px;
	left:267px;
	font-family:Roboto, Arial, Helvetica, sans-serif;
	line-height:65px;
	text-align:center;
}

#wrapper #scr2 #scr2_txt3 {
	z-index:0;
	position:absolute;	
	width:968px;
	height:auto;
	bottom:65px;
	left:47px;
	font-family:RobotoIt, Arial, Helvetica, sans-serif;
	font-size:50px;
	line-height:69px;
	text-align:center;
	color:#016eb5;
}

#wrapper #scr2 #scr2_txt4 {
	z-index:0;
	position:absolute;	
	width:885px;
	height:auto;
	top:1053px;
	left:91px;
}

#wrapper #scr2 #scr2_txt5 {
	z-index:0;
	position:absolute;	
	width:926px;
	height:auto;
	top:1352px;
	left:91px;
}

#wrapper #scr2 #scr2_txt6 {
	z-index:0;
	position:absolute;	
	width:800px;
	height:auto;
	bottom:35px;
	left:91px;
}



/* ==============SCREEN 3================= */
#wrapper #scr3 {
	z-index:0;
	/*display:none;*/
	width:1080px;
	height:1920px;
	overflow:hidden;
	position:absolute; 
	top:0;
	left:0;
	background: url(../images/scr3/background.png) no-repeat top left;
}

#wrapper #scr3 #scr3_logo{
	z-index:1;
	/*display:none;*/
	width:669px;
	height:243px;
	position:absolute; 
	top:66px;
	left:206px;
}

#wrapper #scr3 #scr3_shadow{
	z-index:1;
	/*display:none;*/
	width:100%;
	height:106px;
	position:absolute; 
	bottom:48px;
	left:0;
}


#wrapper #scr3 #scr3_url {
	z-index:1;
	position:absolute;	
	width:100%;
	height:auto;
	bottom:31px;
	left:0;
	font-family:Raleway, Arial, Helvetica, sans-serif;
	font-size:85px;
	text-align:center;
	color:#005a95;
}

#wrapper #scr3 #scr3_results {
	z-index:1;
	position:absolute;	
	width:985px;
	height:auto;
	bottom:203px;
	left:41px;
	font-family:Roboto, Arial, Helvetica, sans-serif;
	font-size:50px;
	text-align:center;
	color:#0aafe4;
}


#wrapper #scr3 #scr3_txt {
	z-index:1;
	position:absolute;	
	width:793px;
	height:auto;
	top:1200px;
	left:139px;
	font-family:Roboto, Arial, Helvetica, sans-serif;
	font-size:50px;
	line-height:80px;
	text-align:center;
	color:#005a95;
}

#wrapper #scr3 #scr3_title {
	z-index:1;
	position:absolute;	
	width:534px;
	height:auto;
	top:508px;
	left:0;
	font-family:Roboto, Arial, Helvetica, sans-serif;
	font-size:70px;
	line-height:93px;
	text-align:right;
	color:#005a95;
}

.titleB {
	font-family:RobotoB, Arial, Helvetica, sans-serif;
	font-size:90px;
	color:#0aafe4;
}
.medium {
	font-family:RobotoM, Arial, Helvetica, sans-serif;
	font-size:61px;
}

.number {
	color:#1ab5e7;
	font-family:RobotoB, Arial, Helvetica, sans-serif;
	font-size:140px;
}
.scr2_txt {
	font-family:Roboto, Arial, Helvetica, sans-serif;
	font-size:45px;
	line-height:65px;
	text-align:left;
	color:#005a95;
}

.lightBlue{
	font-family:RobotoMIt, Arial, Helvetica, sans-serif!important;
	color:#03aadf!important;
}

.txtBold {font-family:RobotoB, Arial, Helvetica, sans-serif!important;}

.txtBig {
	font-size:55px;	
	color:#005a95;
}
.txtNormal {
	font-size:45px;
	color:#1ab5e7;
}