@charset "utf-8";

@font-face {
    font-family: "WF_Font";
  	src: url('../fonts/CGF_Locust_Resistance.ttf') format("truetype");
}

@font-face {
    font-family: "WF_Font_Content";
    src: url('../fonts/Downlink.otf') format("opentype");
}

html, body, #page, #pageBack {
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
}

#page {
	position:absolute;
}

#pageBack {
	position: fixed;
	top: 0;
	left: 0;
	background-image: url(../images/web_background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 70%;
}

#SEO {
	height: 0px;
	overflow: hidden;
	position: absolute;
}

a {
	color: #FFF;
}

/******************************************************
**********************INDEX****************************
******************************************************/

#background_img {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

#continue_button {
	left: 36%;
	top: 22%;
}

#news_button {
	left: 36%;
	top: 62%;
}

.info_panel {
	position: absolute;
	z-index: 10;
	width: 31%;
	height: 35%;
	overflow-Y: scroll !important;
	left: 4%;
}

.info_panel img {
	float: left;
	margin-right: 12px;
}

.info_panel .info_panel_h3 {
	padding: 20px 0px 10px 0px;
}

.info_panel p {
	padding: 15px 10px 20px 15px !important;
	font-size: 15px !important;
	font-family: "Times New Roman" !important;
}

#EN_info {
	top: 20%;
}

#SK_info {
	top: 60%;
}

.facebook50 {
	width: 50px;
	height: 50px;
	margin-right: 4px;
}

/********************************************
**************BOX1***************************
********************************************/

.WF_Box1 {
	background-color: rgba(69,92,138,0.2);
	color: #eee;
	border-bottom: 2px solid #3fb4f7;
	overflow: hidden;
}

.WF_Box1 h2, .WF_Box1 h3 {
	background-color: rgba(69,92,138,0.2);
	color: #eee;
	font-family: "WF_Font";
	margin: 0px;
	padding: 15px 25px 15px 12px;
	border-bottom: 2px solid #3fb4f7;
	letter-spacing: 1px;
}

.WF_Box1 h2 {
	font-size: 20px;
}

.WF_Box1 h3 {
	font-size: 16px;
}

.WF_Box1 p, .WF_Box1 .boxContent {
	margin: 0;
	padding: 15px 30px 15px 12px;
	font-family: "WF_Font_Content";
}

/********************************************
**************BOX2***************************
********************************************/

.WF_Box2 {
	background-color: rgba(69,92,138,0.2);
	color: #eee;
}

.WF_Box2 h2, .WF_Box2 h3 {
	background-color: rgba(69,92,138,0.2);
	color: #eee;
	font-family: "WF_Font";
	margin: 0px;
	padding: 15px 25px 15px 12px;
	border-bottom: 2px solid #3fb4f7;
	letter-spacing: 1px;
}

.WF_Box2 h2 {
	font-size: 20px;
}

.WF_Box2 h3 {
	font-size: 16px;
}

.WF_Box2 p, .WF_Box2 .boxContent {
	margin: 0;
	padding: 15px 30px 15px 12px;
	font-family: "WF_Font_Content";
}

/********************************************
**************BUTTON*************************
********************************************/

.button {
	background-color: rgba(10,10,10,0.5);
	color: #eee;
	border-top: 2px solid #3fb4f7;
	border-bottom: 2px solid #3fb4f7;
	
	font-family: "WF_Font_Content";
	position: absolute;
	z-index: 20;
	width: 25%;
	height: 30%;
	min-width: 360px;
	overflow: hidden;
	text-align: center;
	display: table;
}

.button:hover {
	background-color: rgba(69,92,138,0.3);
}

.button p {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	font-size: 50px;
}