@charset "UTF-8";



@font-face {
	font-family: 'MarkPro-Book';
	src: url('MarkPro-Book.eot');
	src: url('MarkPro-Book.eot?#iefix') format('embedded-opentype'),
		url('MarkPro-Book.woff2') format('woff2'),
		url('MarkPro-Book.woff') format('woff'),
		url('MarkPro-Book.ttf') format('truetype'),
		url('MarkPro-Book.svg#MarkPro-Book') format('svg');
	font-weight: 300;
	font-style: normal;
}



html, body {
    height: 100%;
	overflow: hidden;

}
 
a{
color:#000000;
text-decoration:none;
}
a:visited{
color:#000000;
text-decoration: none;	
}
 a:active{
color:#000000;
text-decoration: none;	
}
a:hover{
color:#000000;
text-decoration:none;	
}
 a:focus{
	color:#000000;
text-decoration: none;	
}

#logo{
	position: fixed; 
	left: 50%;
	margin-left: -130px;
	top: 5%;
	z-index: 200;
	width: 250px; 
	visibility: visible;
}



#back{
	position: fixed;
	width: 800px;
	left: 50%;
	margin-left:-400px;
	margin-top: 280px;
	z-index: 5;
	visibility: visible;
	overflow: hidden;


}



#txta{	
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 17px;
	text-align: center;
	color: #000000;
	position: fixed;
	width: 400px;
	left: 50%;
	margin-left:-200px;
	z-index:200;	
	top:400px;

}

#txtb{
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 17px;
	text-align: left;
	color: #000000;
	position: absolute;
    bottom: 20px;
    width: 100%;
	left: 20px;
	z-index:100;
}

#txtb2{
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 17px;
	text-align: left;
	color: #000000;
	position: absolute;
    bottom: 20px;
    width: 100%;
	left: 20px;
	z-index:100;
	visibility: hidden;

}

#txtb3{
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 14px;
	text-align: left;
	color: #000000;
	position: absolute;
    bottom: 20px;
    width: 100%;
	z-index:100;
	visibility: hidden;

}

	#txtb4{
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 14px;
	text-align: left;
	color: #000000;
	position: absolute;
    bottom: 20px;
    width: 100%;
	z-index:100;
	visibility: hidden;

}

@media screen and (max-width : 1200px ){


#txta{	
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 17px;
	text-align: center;
	color: #000000;
	position: fixed;
	width: 400px;
	left: 50%;
	margin-left:-200px;
	z-index:200;	
	top:400px;

}

#txtb{
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 17px;
	text-align: left;
	color: #000000;
	position: absolute;
    bottom: 20px;
    width: 100%;
	left: 20px;
	z-index:100;
	visibility: hidden;

}
	
#txtb2{
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 17px;
	text-align: left;
	color: #000000;
	position: absolute;
    bottom: 20px;
    width: 100%;
	left: 20px;
	z-index:100;
	visibility: visible;

}
	
}

@media screen and (max-width: 770px) {

#back{
	position: fixed;
	width: 600px;
	left: 50%;
	margin-left:-300px;
	margin-top: 130px;
	z-index: 5;
	visibility: visible;
	overflow: hidden;

}	



#txta{	
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 17px;
	text-align: center;
	color: #000000;
	position: fixed;
	width: 400px;
	left: 50%;
	margin-left:-200px;
	z-index:200;	
	top:320px;

}

#txtb{
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 17px;
	text-align: left;
	color: #000000;
	position: absolute;
    bottom: 20px;
    width: 100%;
	left: 20px;
	z-index:100;
}

}
@media screen and (max-width: 660px) {

#logo{
	position: fixed; 
	left: 50%;
	margin-left: -100px;
	top: 5%;
	z-index: 200;
	width: 200px; 
	visibility: visible;
}



#txta{	
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 14px;
	text-align: center;
	color: #000000;
	position: fixed;
	width: 400px;
	left: 50%;
	margin-left:-200px;
	z-index:200;	
	top:300px;

}

#txtb2{
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 14px;
	text-align: left;
	color: #000000;
	position: absolute;
    bottom: 20px;
    width: 100%;
	left: 20px;
	z-index:100;
}
	
#back{
	position: fixed;
	width: 600px;
	left: 50%;
	margin-left:-300px;
	margin-top: 100px;
	z-index: 5;
	visibility: visible;
	overflow: hidden;

}


}


@media screen and (max-width: 540px) {

#logo{
	position: fixed; 
	left: 50%;
	margin-left: -100px;
	top: 5%;
	z-index: 200;
	width: 200px; 
	visibility: visible;
}



#txta{	
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 14px;
	text-align: center;
	color: #000000;
	position: fixed;
	width: 400px;
	left: 50%;
	margin-left:-200px;
	z-index:200;	
	top:300px;

}

#txtb2{
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 14px;
	text-align: left;
	color: #000000;
	position: absolute;
    bottom: 20px;
    width: 100%;
	left: 20px;
	z-index:100;
	visibility: hidden;

}
	#txtb3{
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 14px;
	text-align: left;
	color: #000000;
	position: absolute;
    bottom: 20px;
    width: 100%;
	z-index:100;
	left: 10px;
	visibility: visible;

}

	
#back{
	position: fixed;
	width: 500px;
	left: 50%;
	margin-left:-250px;
	margin-top: 120px;
	z-index: 5;
	visibility: visible;
	overflow: hidden;

}


}
@media screen and (max-width: 445px) {
	
#logo{
	position: fixed; 
	left: 50%;
	margin-left: -100px;
	top: 5%;
	z-index: 200;
	width: 200px; 
	visibility: visible;
}

	

#txta{	
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 17px;
	text-align: center;
	color: #000000;
	position: fixed;
	width: 400px;
	left: 50%;
	margin-left:-200px;
	z-index:200;	
	top:240px;

}
#txtb3{
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 14px;
	text-align: left;
	color: #000000;
	position: absolute;
    bottom: 20px;
    width: 100%;
	z-index:100;
	left: 10px;
	visibility: hidden;

}

	#txtb4{
	font-family: 'MarkPro-Book', sans-serif;
	font-size: 14px;
	text-align: left;
	color: #000000;
	position: absolute;
    bottom: 20px;
	left:10px;
    width: 100%;
	z-index:100;
	visibility: visible;

}
	
#back{
	position: fixed;
	width: 350px;
	left: 50%;
	margin-left:-175px;
	margin-top: 120px;
	z-index: 5;
	visibility: visible;
	overflow: hidden;

}


}