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

* {
	margin: 0;
	padding: 0;		
}

#wrapSlide1 {
	display: none;
	z-index: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1280px;
	height: 720px;
	background: url(../images/slide_1/background.jpg) no-repeat left top;
}

#frame {
	display: none;
	z-index: 999;
	position: absolute;
	top: 550px;
	left: 0;
	width: 1280px;
	height: 175px;
	background: url(../images/slide_1/frame.png) no-repeat left top;
}

#title {
	display: none;
	z-index: 999;
	position: absolute;
	top: 590px;
	left: 110px;
	width: 1059px;
	height: 99px;
	background: url(../images/slide_1/title.png) no-repeat left top;
        animation-duration: 6s;
        animation-iteration-count: infinite;
}

#photo {
	display: none;
	z-index: 99;
	position: absolute;
	top: 85px;
	left:0px;
	width: 1280px;
	height: 488px;
	background: url(../images/slide_1/photo.png) no-repeat left top;
}

#tv {
	display: none;
	z-index: 99;
	position: absolute;
	top: 313px;
	left: 705px;
	width: 346px;
	height: 267px;
	background: url(../images/slide_1/tv.png) no-repeat left top;
}

#www {
	display: none;
	z-index: 99;
	position: absolute;
	top: 20px;
	left: 50px;
	width: 411px;
	height: 50px;
	background: url(../images/slide_1/www.png) no-repeat left top;
}

#logopro {
	display: none;
	z-index: 99;
	position: absolute;
	top: 20px;
	left: 990px;
	width: 230px;
	height: 49px;
	background: url(../images/slide_1/logo-pro.png) no-repeat left top;
}


/*---------------------- scene 2 ----------------------- */

#wrapSlide2 {
	display: none;
	z-index: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1280px;
	height: 720px;
	background: url(../images/slide_2/background2.png) no-repeat left top;
}

#title-2a {
	display: none;
	z-index: 9;
	position: absolute;
	top: 525px;
	left: 80px;
	width: 919px;
	height: 116px;
	background: url(../images/slide_2/title.png) no-repeat left top;
        animation-duration: 6s;
        animation-iteration-count: infinite;
}

#title-2b {
	display: none;
	z-index: 99;
	position: absolute;
	top: 650px;
	left: 80px;
	width: 672px;
	height: 54px;
	background: url(../images/slide_2/title-2.png) no-repeat left top;
}

#photo-2 {
	display: none;
	z-index: 9;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1280px;
	height: 504px;
	background: url(../images/slide_2/photo.png) no-repeat left top;
}

#screen {
	display: none;
	z-index: 99;
	position: absolute;
	top: 250px;
	left: 890px;
	width: 346px;
	height: 267px;
	background: url(../images/slide_2/screen.png) no-repeat left top;
}

#girl {
	display: none;
	z-index: 99;
	position: absolute;
	top: 0px;
	left: 480px;
	width: 343px;
	height: 501px;
	background: url(../images/slide_2/girl.png) no-repeat left top;
}

#logo-pro {
	display: none;
	z-index: 99;
	position: absolute;
	top: 645px;
	left: 930px;
	width: 405px;
	height: 60px;
	background: url(../images/slide_2/logo-pro.png) no-repeat left top;
}

/*---------------------- scene 3 ----------------------- */

#wrapSlide3 {
	display: none;
	z-index: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1280px;
	height: 720px;
	background: url(../images/slide_3/background.jpg) no-repeat left top;
}

#logo-3 {
	display: none;
	z-index: 9;
	position: absolute;
	top: 630px;
	left: 720px;
	width: 228px;
	height: 49px;
	background: url(../images/slide_3/logo.png) no-repeat left top;
}

#tablet-3 {
	display: none;
	z-index: 99;
	position: absolute;
	top: 270px;
	left: 420px;
	width: 219px;
	height: 298px;
	background: url(../images/slide_3/tablet.png) no-repeat left top;
}

#title-3 {
	display: none;
	z-index: 99;
	position: absolute;
	top: 330px;
	left: 595px;
	width: 686px;
	height: 342px;
	background: url(../images/slide_3/title.png) no-repeat left top;
}

#tv-3 {
	display: none;
	z-index: 9;
	position: absolute;
	top: 139px;
	left: 30px;
	width: 478px;
	height: 369px;
	background: url(../images/slide_3/tv.png) no-repeat left top;
}

/*---------------------- scene 4 ----------------------- */


#wrapSlide4 {
	display: none;
	z-index: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1280px;
	height: 720px;
	background: url(../images/slide_4/background.png) no-repeat left top;
}

#frame-4 {
	display: none;
	z-index: 99;
	position: absolute;
	top: 370px;
	left: 0;
	width: 664px;
	height: 300px;
	background: url(../images/slide_4/frame.png) no-repeat left top;
}

#logo-4 {
	display: none;
	z-index: 9;
	position: absolute;
	top:630px;
	left: 270px;
	width: 281px;
	height: 52px;
	background: url(../images/slide_4/logo.png) no-repeat left top;
}

/*---------------------- scene 5 ----------------------- */


#wrapSlide5 {
	display: none;
	z-index: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1280px;
	height: 720px;
	background: url(../images/slide_5/background.jpg) no-repeat left top;
}

#ipad {
	display: none;
	z-index: 66;
	position: absolute;
	top: 245px;
	left: 410px;
	width: 278px;
	height: 376px;
	background: url(../images/slide_5/ipad.png) no-repeat left top;
}

#iphone {
	display: none;
	z-index: 99;
	position: absolute;
	top: 360px;
	left: 330px;
	width: 124px;
	height: 261px;
	background: url(../images/slide_5/iphone.png) no-repeat left top;
}

#laptop {
	display: none;
	z-index: 9;
	position: absolute;
	top: 200px;
	left: 525px;
	width: 744px;
	height: 406px;
	background: url(../images/slide_5/laptop.png) no-repeat left top;
}

#Forma {
	display: none;
	z-index: 99;
	position: absolute;
	top: 475px;
	left: 155px;
	width: 130px;
	height: 134px;
	background: url(../images/slide_5/Forma.png) no-repeat left top;
}

#masterpro {
	display: none;
	z-index: 999;
	position: absolute;
	top: 620px;
	left: 800px;
	width: 525px;
	height: 66px;
	background: url(../images/slide_5/masterpro.png) no-repeat left top;
}

#logo {
	display: none;
	z-index: 99;
	position: absolute;
	top: 275px;
	left: 20px;
	width: 368px;
	height: 72px;
	background: url(../images/slide_5/logo.png) no-repeat left top;
}

#title-5 {
	display: none;
	z-index: 99;
	position: absolute;
	top: 50px;
	left: 60px;
	width: 1160px;
	height: 129px;
	background: url(../images/slide_5/title.png) no-repeat left top;
}


/*---------------------- scene 6 ----------------------- */


#wrapSlide6 {
	display: none;
	z-index: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1280px;
	height: 720px;
	background: url(../images/slide_6/MB-bg.jpg) no-repeat left top;
}

#mbetLogo {
	display: none;
	z-index: 66;
	position: absolute;
	top: 83px;
	left: 460px;
	width: 363px;
	height: 223px;
	background: url(../images/slide_6/MB-logo.png) no-repeat left top;
}

#mbetTitle {
	display: none;
	z-index: 66;
	position: absolute;
	top: 339px;
	left: 391px;
	width: 497px;
	height: 22px;
	background: url(../images/slide_6/MB-title.png) no-repeat left top;
}

#mbetInfo {
	display: none;
	z-index: 66;
	position: absolute;
	bottom: 27px;
	left: 62px;
	width: 1140px;
	height: 51px;
	background: url(../images/slide_6/MB-infot.png) no-repeat left top;
}

#mbetLines {
	display: none;
	z-index: 66;
	position: absolute;
	bottom: 108px;
	left: 66px;
	width: 1141px;
	height: 170px;
	background: url(../images/slide_6/lines.png) no-repeat left top;
}

#mbet1 {
	display: none;
	z-index: 66;
	position: absolute;
	bottom: 138px;
	left: 90px;
	width: 1101px;
	height: 104px;
	background: url(../images/slide_6/MB-1.png) no-repeat left top;
}

#mbet2 {
	display: none;
	z-index: 66;
	position: absolute;
	bottom: 128px;
	left: 153px;
	width: 974px;
	height: 114px;
	background: url(../images/slide_6/MB-2.png) no-repeat left top;
}

#mbet3 {
	display: none;
	z-index: 66;
	position: absolute;
	bottom: 138px;
	left: 311px;
	width: 658px;
	height: 104px;
	background: url(../images/slide_6/MB-3.png) no-repeat left top;
}

#mbet4 {
	display: none;
	z-index: 66;
	position: absolute;
	bottom: 138px;
	left: 304px;
	width: 673px;
	height: 104px;
	background: url(../images/slide_6/MB-4.png) no-repeat left top;
}

#mbet5 {
	display: none;
	z-index: 66;
	position: absolute;
	bottom: 138px;
	left: 393px;
	width: 494px;
	height: 104px;
	background: url(../images/slide_6/MB-5.png) no-repeat left top;
}

#proothisi-logo {
	z-index:999!important;
	position:absolute;
	width:109px;
	height:20px;
	top:700px;
	left:0;
	background: url(../images/slide_1/proothisi-logo.png)no-repeat left top;		
}



/*========================TICKER================================*/
#tickerWrap {
	z-index: 999 !important;
	position: absolute;
	overflow: hidden;
	left:109px;
	top: 700px;
	width: 1171px;
	height: 20px;
	background-color:whitesmoke;
}
#tickerWrap p.marquee {
	font-family: PF-DinDisplay-Med, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: gray;
	text-align: left;
	white-space: nowrap;
	width: 1171px;
	height: 20px;
	animation: marquee 30s linear infinite;
	-webkit-animation: marquee 30s linear infinite;
	-moz-animation: marquee 30s linear infinite;
}
@keyframes marquee {
    0%   { text-indent: 70.5em }
    100% { text-indent: -95em }
}
@-webkit-keyframes marquee {
    0%   { text-indent: 70.5em }
    100% { text-indent: -95em }
}
@-moz-keyframes marquee {
    0%   { text-indent: 70.5em }
    100% { text-indent: -95em }
}