@charset "utf-8";
/* CSS Document */
.textprint {
    
}
/*.mobileBox {
    width:750px;
    margin: auto;
    position: relative;
    top:0%;
	padding:40px 0px 40px 40px;
	padding-right: 0px;
}
.mobileBox p { 
    position: relative;
	color:#000;
	font:Arial;
	font-size:1.0em;/*175em;*/
	/*line-height:1.4em;
	letter-spacing:normal;
	z-index: 2;
}*/
/*.mobileBoxG {
    width:750px;
    margin: auto;
    position: relative;
    top:0%;
	padding:25px 0px 40px 40px;
	padding-right: 0px;
    padding-bottom: 160px;
}
.mobileBoxG p { 
    position: relative;
	color:#000;
	font:Arial;
	font-size:1.0em;
	line-height:1.4em;
	letter-spacing:normal;
	z-index: 2;
}
.mobileBoxG p a { 
	color:#000;
}*/
.mobileBoxLg {
	position:relative;
    display:block;
    width:100%;
}
.mobileBoxR {
    display:inline-block;
	position:relative;
    display:table;
}
/*.mobileBox1 {
    width:50%;
	position:relative;
    display:block;
    padding-top:0px;
    margin: auto;
}
.mobileBox1 p {
    display:inline-block;
    width:none;
    min-width: 20px;
    max-width:65%;
	position:relative;
	background-color: #eee;
    border-radius: 9px;
	border-color: #eee;
	top:0px;
	left:15%;
	padding:9px 10px;
	color:#000;
	font:Arial;
	font-size:1.0em;
	line-height:1.1em;
	z-index: 0;/*2;
}*/
.mobileBoxsp {
    margin-top: -20px;
}
.mobileBoxsp p {
    display:inline-block;
	width:none;
    text-align:right;
	position:relative;
	top:0px;
	left:60%;
	padding:-10px -10px;
	color:#fff;
	font:Arial;
	font-size:0em;
	line-height:0em;
    margin-top: 0px;
	z-index: 0;/*2;*/
}
/*.mobileBox2 {
    width:50%;
    display:block;
    margin: auto;
	position:relative;
    right:20px;
    padding-top:0px;
    text-align:right;
}*/
/*.mobileBox2 p {
    display:inline-block;
    width:none;
    min-width: 20px;
    max-width:50%;
    text-align:right;
	position:relative;
	background-color: #1b91fe;
    border-radius: 9px;
	border-color: #1e97fe;
	top:0px;
	right:0%;
	padding:9px 10px;
	color:#fff;
	font:Arial;
	font-size:1.0em;
	line-height:1.1em;
	z-index: 0;
}*/
.mobileBox1b {
    width:110%;
	position:relative;
    display:block;
    padding-top:0px;
    margin: auto;
}
.mobileBox1b p {
    display:inline-block;
    width:none;
    min-width: 20px;
    max-width:85%;
	position:relative;
	background-color: #eee;
    border-radius: 9px;
	border-color: #eee;
	top:0px;
	left:15%;
	padding:9px 10px;
	color:#000;
	font:Arial;
	font-size:1.0em;
	line-height:1.1em;
	z-index: 2;
}
.mobileBox2b {
    width:110%;
    display:block;
    margin: auto;
	position:relative;
    right:0px;
    padding-top:0px;
    text-align:right;
}
.mobileBox2b p {
    display:inline-block;
    width:none;
    min-width: 20px;
    max-width:85%;
    left:15%;
    text-align:right;
	position:relative;
	background-color: #1b91fe;/*3aadfb;*/
    border-radius: 9px;
	border-color: #1e97fe;/*3aadfb;*/
	top:0px;
	right:0%;
	padding:9px 10px;
	color:#fff;
	font:Arial;
	font-size:1.0em;
	line-height:1.1em;
	/*margin-top: 30px;*/
	z-index: 2;
}
.mobileBox1c {
    width:110%;
	position:relative;
    display:block;
    padding-top:0px;
    margin: auto;
}
.mobileBox1c p {
    display:inline-block;
    width:none;
    min-width: 20px;
    max-width:85%;
	position:relative;
	background-color: #eee;
    border-radius: 9px;
	border-color: #eee;
	top:0px;
	left:15%;
	padding:9px 10px;
	color:#000;
	font:Arial;
	font-size:1.0em;
	line-height:1.1em;
	z-index: 2;
}
.mobileBox2c {
    width:110%;
    display:block;
    margin: auto;
	position:relative;
    right:0px;
    padding-top:0px;
    text-align:right;
}
.mobileBox2c p {
    display:inline-block;
    width:none;
    min-width: 20px;
    max-width:85%;
    left:15%;
    text-align:right;
	position:relative;
	background-color: #1b91fe;/*3aadfb;*/
    border-radius: 9px;
	border-color: #1e97fe;/*3aadfb;*/
	top:0px;
	right:0%;
	padding:9px 10px;
	color:#fff;
	font:Arial;
	font-size:1.0em;
	line-height:1.1em;
	/*margin-top: 30px;*/
	z-index: 2;
}
.tooltip {
	position:absolute;
	top:1px;
	/*display: inline-block;
	/*border-bottom: 1px dotted white;*/
	color: white;
	z-index:2;
}
.tooltip .tooltiptext {
	position:absolute;
	top:0px;
	visibility: hidden;
	width: 200px;
	background-color: #fff;
	color: black;
	text-align: left;
	border-radius: 1px;
	border-color: #000;
	padding: 9px 10px;
	line-height:1.1em;
	z-index: 3;
}
.tooltip:hover .tooltiptext {
	animation-timing-function:ease-out;
    animation: key_fade-in 0.15s steps(200) 1;
	/*position:absolute;
	top:5px;*/
	visibility: visible;
}
::selection {
	background: #00F;
}
a:link {
	color:White;
	/*text-decoration:underline;*/
	font-style:italic;
	/*text-decoration:italic;*/
}
a:visited {
	color:White;
	font-style:italic;
	/*color:#ccffcc;*/
	/*text-decoration:underline|italic;*/
}
.imageMask {
	background-image:url(../images/mask.gif);
	/*background-image:url(../images/mask-shade.png);*/
	background-repeat:repeat;
	background-attachment: fixed;
	background-position:cover;
	background-size: auto;
	z-index:-1;
}
.imageBox {
	/*background-color: #000;*/
	/*height: 340px;*/
}
.imageBackground {
	background-color:#000;
}
.imageSvg {
    background-image:url(../images/mask.gif), none;
	background-repeat:repeat, no-repeat;
    /*background-color: #000077;*/
    background-attachment: fixed;
    background-position:cover;
	background-size:auto, cover;
	background-clip:content-box;
    /*top:0px;
    left:0px;*/
    z-index:-1;
}
.imageTest {
	background-image:url(../images/mask.gif), url(../images/EU-logo.png);
	background-repeat:repeat, no-repeat;
    background-color: #000000;
    background-attachment: fixed;
    background-position:cover;
	background-size:auto, cover;
	background-clip:content-box;
    z-index:-1;
}
.imageTest0 {
	background-repeat:repeat, no-repeat;
    background-color: #000000;
    background-attachment: fixed;
    background-position:cover;
	background-size:auto, cover;
	background-clip:content-box;
    z-index:-1;
}
.imageBlack {
	background-repeat:repeat, no-repeat;
    background-color: #000000;
    background-attachment: fixed;
    background-position:cover;
	background-size:auto, cover;
	background-clip:content-box;
    z-index:-1;
}
.imageTesb {
	background: #cccccc url(../images/fullscreen1.jpg) cover fixed;
    z-index:-2;
}
.imageTest2 {
	background-image: url(../images/mask.gif), url(../images/fullscreen2.jpg);
	background-repeat:repeat;
    background-color: #cccccc;
    background-attachment: fixed;
    background-position:cover;
	background-size:auto, cover;
	background-clip:content-box;
    z-index:-3;
}
.imageTest3 {
	background-image: url(../images/mask.gif), url(../images/fullscreen3.jpg);
	background-repeat:repeat;
    background-color: #cccccc;
    background-attachment: fixed;
    background-position:cover;
	background-size:auto, cover;
    z-index:-4;
}
.imageTest4 {
	background-image: url(../images/mask.gif), url(../images/fullscreen4.jpg);
	background-repeat:repeat;
    background-color: #cccccc;
    background-attachment: fixed;
    background-position:cover;
	background-size:auto, cover;
    z-index:-5;
}
.imageTestGB {
	background-image: url(../images/mask.gif), url(../images/unionflag.svg);
	background-repeat:repeat;
    background-color: #cccccc;
    background-attachment: fixed;
    background-position:cover;
	background-size:auto, cover;
	background-clip:content-box;
    z-index:-3;
}
.videoTest {
    z-index:-2;
}
.embedBox {
	width: 100%;
	position:relative;
	background-color: white;
	top:0%;
	padding:40px 0px 40px 340px;
	/*padding-right: 340px;*/
	color:#000;
	font:Arial;
	font-size:1.175em;
	line-height:1.4em;
	letter-spacing:normal;
	margin-top: 0;
	z-index: 2;
}
.textBox {
	width: 100%;
	position:relative;
	background-color: white;
	top:0%;
	padding:40px 0px 40px 340px;
	padding-right: 340px;
	color:#000;
	font:Arial;
	font-size:1.0em;/*175em;*/
	line-height:1.4em;
	letter-spacing:normal;
	margin-top: 0;
	z-index: 2;
}/*
.textBoxB {
    max-width: 750px;
    min-width: 550px;
    position:relative;
    margin:auto;
}
.textBoxB a {
    color:#DDD;
}
.textBoxB p {
    display:inline-block;
    text-justify:inter-word;
    text-align:justify;
	background-color: black;
	top:0%;
	padding:40px 0px 40px 40px;
	padding-right: 0px;
	color:#DDD;
	font:Arial;
	/*font-size:1.175em;*/
	/*font-size:10pt;
	line-height:1.4em;
	letter-spacing:normal;
	margin-top: 0;
	z-index: 2;
}*/
.textBoxBlack {
	width: 100%;
	position:relative;
	background-color: black;
	top:0%;
	left:0%;
	padding:40px 40px 40px 0px;
	color:#FFF;
	font:Arial;
	font-size:1.0em;
	line-height:1.0em;
	margin-top: 0;
	z-index: 2;
}
.textBoxG {
	width: 100%;
	position:relative;
	background-color: #aaa;
    padding-right: 340px;
	top:0%;
	/*left:0%;*/
	padding:40px 0px 40px 340px;
	color:#000;
	font:Arial;
	font-size:1.5em;
	line-height:1.0em;
    letter-spacing:normal;
	margin-top: 0;
	z-index: 2;
}
.textBoxG2 {
	width: 100%;
	position:relative;
	background-color: #aaa;
	top:0%;
	left:0%;
	padding:40px 40px 40px 0px;
	color:#000;
	font:Arial;
	font-size:1.0em;
	line-height:1.0em;
	margin-top: 0;
	z-index: 2;
}
.textBoxBlackGB {
	width: 100%;
	position:absolute;
	background-color: black;
	top:0%;
	left:0%;
	padding:40px 40px 40px 0px;
	color:#FFF;
	font:Arial;
	font-size:1.0em;
	line-height:1.0em;
	margin-top: 0;
	z-index: 2;
}
/*.titleBox {
	width: 100%;
	margin-top: 0px;
	//padding-top: 25%;
	padding-bottom:0%;
	text-align:center;
	color:#FFF;
	font:Helvetica, sans-serif;
	font-size:7.2em;//7.0em;
	font-weight:bold;
	//line-height:1.4em;
	height:100%;
	line-height:100%;
	letter-spacing: -4px;
	z-index:-1;
	transform:translate(0%, 50%);
}*/
.titleBox2 {
	background-image:url(images/mask-128.gif);
	background-repeat:repeat;
	background-attachment: fixed;
	background-position:cover;
	background-size:100%;
	width: 45%;
	position: fixed;
	text-align: left;
	top:15%;
	left:0;
	padding:0px 0px 0px 0px;
	color:#FFF;
	font: Arial;
	font-weight: bold;
	opacity: 0.85;
	font-size:4.5em;
	line-height:0.80em;
	margin-top: 0px;
	letter-spacing: -2px;
	z-index: -1;
}
.titleBox3 {
	width: 45%;
	position: fixed;
	text-align: left;
	top:15%;
	left:0;
	padding:0px 0px 0px 0px;
	color:#FFF;
	font: Arial;
	font-weight: bold;
	opacity: 0.85;
	font-size:4.5em;
	line-height:0.80em;
	margin-top: 0px;
	letter-spacing: -2px;
	z-index: -1;
}
#divFadeIn {
	animation-timing-function:ease-out;
    animation: key_fade-in 2.0s steps(200) 1;
}
/*@keyframes key_fade-in {
    from {opacity: 0;}
    to {opacity: 255;}
}*/
@keyframes key_fade-in {
    from {opacity: 0;}
    to {opacity: 255;}
}