@charset "utf-8";
.mainTitle {
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	left:50%;
	margin: auto;
	text-align: center;
	color: #eee;
	font-size: 54px;
	z-index: 2;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none;
}
.levelMainTitle {
	position: relative;
	padding-right: 25px;
	padding-top:21px;
	width: 100%;
	height: auto;
	margin-top: 10px;
	margin-left: 0px;
	left: 0px;
	top: 0px;
	text-align: center;
	vertical-align: middle;
	color: #eef;
	background-color: rgba(29,30,31,0.95);
	font-size: 36px;
}
.levelSubTitle {
	position: relative;
	width: 53%;
	padding-right:15px;
	padding-top:21px;
	padding-bottom:21px;
	height: auto;
	margin-top: 1px;
	margin-left: 0px;
	left: 0px;
	top: 15px;
	text-align: right;
	font-size: 18px;
	align-items: center;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #eee;
	background-color: rgba(25,25,25,0.80);
	text-justify: inter-word;
	/*
	font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	*/
}
.emailFieldInput {
	position: relative;
	width: 53%;
	padding-right: 15px;
	height: auto;
	margin-left: 0px;
	left: 0px;
	margin-top: 11px;
	top: 15px;
	text-align: right;
	font-size: 24px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	color: #eef;
	background-color: rgba(11,11,11,0.85);
	text-justify: inter-word;
	border: none;
	/*
	font-family: "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	*/
	box-shadow: 0px 0px 3px 1px #666;
}
.emailField {
	position: relative;
	width: 100%;
	height: auto;
	margin-left: 0px;
	left: 0px;
	margin-top: 11px;
	top: 15px;
	text-align: center;
	font-size: 24px;
	color: #222;
	background-color: rgba(255,255,255,0.0);
	text-justify: inter-word;
}
.solutionTitle {
	position: relative;
	padding-right: 25px;
	width: 37%;
	height: auto;
	margin-right: 0px;
	right: 0px;
	margin-top: 10px;
	top: 30px;
	text-align: right;
	color: #ccc;
	background-color: rgba(0,0,0,0.9);
	font-size: 36px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.solutionInfo {
	position: absolute;
	width: 40%;
	height: auto;
	margin-left: 30%;
	margin-top: 110px;
	text-align: center;
	font-size: 34px;
	color: #121212;/*
	text-shadow: 1px 2px #333;
	*/
}
.tilePortfolio {
	position: relative;
	padding-right: 25px;
	width: 37%;
	height: auto;
	margin-left: 0px;
	left: 0px;
	top: 30px;
	text-align: right;
	color: #F1F0F0;
	background-color: rgba(0,0,0,0.8);
	font-size: 36px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	z-index: 2;
}
.portfolioInfo {
	position: absolute;
	clear: both;
	padding-right: 15px;
	width: 33%;
	height: auto;
	margin-left: 0px;
	left: 0px;
	margin-top: 5px;
	margin-bottom: auto;
	bottom: auto;
	text-align: right;
	font-size: 28px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	color: #eee;
	background-color: rgba(12,12,12,0.85);
	text-justify: inter-word;
	box-shadow: 0px 0px 3px 1px #666;
	
}

.txt1 {
	clear: both;
	top: 50px;
	width: 33%;
	height: auto;
	animation-name: example;
    animation-duration: 4s;
	animation-iteration-count: 1
}
@keyframes example {
  from { top: 50px;}
  to   { top: 80px;}
}

.txt2 {
	clear: both;
	top: 130px;
	width: 33%;
	height: auto;
}
.txt3 {
	clear: both;
	top: 180px;
	width: 33%;
	height: auto;
}
.contactInfo {
	position: relative;
	padding-right: 15px;
	width: 33%;
	height: auto;
	margin-left: 0px;
	left: 0px;
	margin-top: 11px;
	top: 15px;
	text-align: right;
	font-size: 28px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	/*
	color: #eee;
	background-color:rgba(0,0,0,0.5);
    text-justify: inter-word;
	*/
	color: #222;
	background-color: rgba(255,255,255,0.5);
	text-justify: inter-word;
	font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', 'sans-serif'serif;
	box-shadow: 0px 0px 3px 1px #666;
}
.txtCloseVideo {
	position: relative;
	width: 90%;
	padding-right: 0px;
	height: auto;
	margin-left: 0px;
	left: 0px;
	margin-top: 11px;
	top: 65px;
	text-align: right;
	font-size: 24px;
	color: #fff;
	text-justify: inter-word;
	z-index: 999;
	text-overflow: inherit
}
.txtCenter {
	position: relative;
	top: 36px;
}

@media (max-width: 1120px) {
.mainTitle {
	font-size: 64px;
}
.mainInfo {
	top: 0px;
	left: 10%;
	margin-top: 380px;
	width: 80%;
	text-align: center;
	font-size: 36px;
}
.levelMainTitle {
	font-size: 42px;
}
	.levelSubTitle {
	width: 90%;
	font-size: 28px;
}
	.textInfo2 {
	padding: 50px;
	font-size: 28px;
}

.emailFieldInput {
	width: 90%;
	font-size: 38px;
}
}