@charset "utf-8";
/*----landing page-----*/
@import url('reset.css');
@import url('fonts.css');
@import url('common.css');
@import 'https://fonts.googleapis.com/css?family=Fjalla+One';
@import 'https://fonts.googleapis.com/css?family=Julius+Sans+One';
@import 'https://fonts.googleapis.com/css?family=Rajdhani';
@import 'https://fonts.googleapis.com/css?family=Roboto';
html *, html *:before, html *:after {
	box-sizing: border-box;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}/*----landing page-----*/
body {
	background: #000;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100%;
	overflow-x: hidden;
}
html *, html *:before, html *:after {
	box-sizing: border-box;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

@charset "utf-8";
@keyframes arrow {
 0% {
 transform: translateX(0px);
 opacity: 0;
}
 100% {
 transform: translateX(10px);
 opacity: 1;
}
}
 @keyframes arrowY {
 0% {
 transform: translateY(0px) rotate(90deg);
 opacity: 0;
}
 100% {
 transform: translateY(10px) rotate(90deg);
 opacity: 1;
}
}
 @keyframes colorful {
 0% {
 -webkit-filter: hue-rotate(0deg);
 filter: hue-rotate(0deg);
}
 100% {
 -webkit-filter: hue-rotate(360deg);
 filter: hue-rotate(360deg);
}
}
 @keyframes color {
 from {
 -webkit-filter: hue-rotate(0deg);
 filter: hue-rotate(0deg);
}
 to {
 -webkit-filter: hue-rotate(359deg);
 filter: hue-rotate(359deg);
}
}
* {
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	box-sizing: border-box;
}
#geag .s1 {
	-webkit-animation-delay: 0.2s;
}
#geag .s2 {
	-webkit-animation-delay: 0.4s;
}
#geag .s3 {
	-webkit-animation-delay: 0.6s;
}
#geag .colorful {
	-webkit-animation: colorful 2.5s -0.2s linear infinite;
	-moz-animation: colorful 2.5s -0.2s linear infinite;
	-ms-animation: colorful 2.5s -0.2s linear infinite;
	-o-animation: colorful 2.5s -0.2s linear infinite;
	animation: colorful 2.5s -0.2s linear infinite;
}
#geag .color {
	-webkit-animation: color 2.5s 0.2s linear infinite;
	-moz-animation: color 2.5s 0.2s linear infinite;
	-ms-animation: color 2.5s 0.2s linear infinite;
	-o-animation: color 2.5s 0.2s linear infinite;
	animation: color 2.5s 0.2s linear infinite;
}
#geag .tc { 	font-family: "DINPro-Regular"; font-size: 14px;  text-align: left; color:#999;}
/* CSS Document */

#geag .submit {
}
#geag .submit a {
	color: #feb518;
	font-size: 30px;
	padding: 5px;
	border-top: 3px solid #333;
	border-bottom: 3px solid #333;
	background-color: rgba(0,0,0,.5);
	max-width: 100%;
	height: 400px;
	vertical-align: bottom;
	font-family: "DINCond-Medium";
	text-transform: uppercase;
	text-decoration: none;
	margin: 0px 20px;
}
#geag .submit a:hover {
	color: #3b4c86;
	
	background: #fff;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/*----jump window--*/
#geag .content p {
	background-color: #333;
	margin: 0px;
	padding: 2px;
	font-size: 20px;
	font-weight: bold;
}
#geag .modal-content {
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	font-size: 1em;
	border: 1px solid #333;
	padding: 0%;
	letter-spacing: normal;
	border-radius: 0px !important;
}
#geag .modal-content .close {
	margin-top: 0px;
	color: #000;
	opacity: 1;
	text-shadow: 0 0px 0 #000 !important;
	margin-right: 5px;
}
#geag .modal-dialog {
	margin-top: 5%;
	width: 1200px;
}
#geag .modal-content ul {
	list-style: decimal;
	text-align: left;
	font-size: 18px;
	padding-top: 10px;
	line-height: 28px;
	margin: 0 35px;
}


#geag {
	background: #000;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100%;
	overflow-x: hidden;
	font-family: 'DINCond-Medium-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff !important;
	position: relative;
	overflow: hidden;
}
#geag .mbanner {
	display: table;
	vertical-align: middle;
}
#geag .mbanner .cell, #geag .mbanner .cell2 {
	display: table-cell;
}
#geag .mbanner .cell2 {
	width: 43%;
}
#geag .mbanner img {
	width: 100%;
}
#geag .object {
	color: #fff;
	font-size: 28px;
	text-transform: uppercase;

}
#geag .object span {
	color: #f00;
	font-size: 42px;
	letter-spacing: 1px;
}
#geag h1 {
	font-size: 80px;
	color: #F00;
	
}
#geag h2 {
	color: #fff;
	font-size: 42px;
	text-transform: uppercase;

	color: #feb518;
	letter-spacing: 2px;
}
#geag .b2 {
	background: url(https://asset.msi.com/event/mb/2018/esl_mb_vga/images/bg041.jpg) no-repeat fixed;
	padding: 130px 0px;
}
#geag .b2 .date {
	color: #feb518;
	font-size: 86px;
	letter-spacing: 2px;
	font-family: "DINCond-Light" !important;

}
#geag .b2 .date:nth-child(2) {
	margin: 20px 0 20px 0;
	color: #feb518;
	-webkit-animation: neon2 1.5s ease-in-out infinite alternate;
	-moz-animation: neon2 1.5s ease-in-out infinite alternate;
	animation: neon2 1.5s ease-in-out infinite alternate;
}
 @-webkit-keyframes neon2 {
 from {
 text-shadow:
 0 0 20px #feb518,  0 0 120px #feb518;
}
 to {
 text-shadow: 
 0 0 50px #feb518;
}
}
#geag p {
	color: #fff;
	font-size: 20px;
	letter-spacing: normal;
}
#geag .b3 {
	background: url(https://asset.msi.com/event/mb/2018/esl_mb_vga/images/bg04.jpg) no-repeat top;
	padding: 100px 0px 200px 0px;
}
#geag .b3 .container-fluid {
	padding: 0px 10%;
}
#geag .b3 .step {
	vertical-align: middle;
	width: 100%;
	padding: 0px 5%;
}
#geag .b3 .step ul {
	vertical-align: middle;
}
#geag .b3 .step ul li {
	list-style: none;
	float: left;
	font-size: 20px;
	letter-spacing: normal;
}
#geag .b3 .step .cell {
	width: 23%;
	padding: 2%;
}
#geag .b3 .step .cell .title {
	font-size: 60px;
	border-radius: 180px;
	padding: 30% 20%;
	font-weight: bold;
border: #2bd0f3;
	box-shadow:  1px 1px 1px 1px #2bd0f3, -1px -1px 1px 1px #2bd0f3;
	background:#2bd0f3;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#geag .b3 .step .cell .text {
	font-size: 28px;
	margin-top: 10px;
	line-height: normal;
}
#geag .b4 {
	background: url(https://asset.msi.com/event/mb/2018/esl_mb_vga/images/bg05.jpg) no-repeat bottom fixed;
}
#geag .b4 .model {
	box-shadow: 0 1px 0 1px rgba(255, 102, 43, 0.25), 0 -1px 0 1px rgba(0, 25, 169, 0.25), 1px 0 0 1px rgba(255, 102, 43, 0.25), -1px 0 0 1px rgba(0, 25, 169, 0.25);
	padding: 10px 20px;
	margin-bottom: 100px;
}
#geag .b4 .model .tn {
	background: linear-gradient(to right, #000 0%, #003b59 20%, #402754, #000);
	transform: skewX(-16deg);
	color: #fff;
	margin-top: -10px;
	width: 50%;
	border-radius: 200px;
	margin-left: 25%;
	font-size: 32px;
	margin-bottom: 50px;
}
#geag .b4 .model .box {
	padding: 2%;
}
#geag .b4 .model .name {
	color: #fff;
	font-size: 28px;
}
#geag .b3 .step .imgbox {
	width: 15%;
	vertical-align: middle;
	margin-top: 120px;
}
#geag .hbox {
	padding-top: 150px;
}
#geag .td2{
padding-left:10px; border-left: 1px solid #666;}

@media screen and (max-width:1320px) {
#geag h1 {
	font-size: 40px;
}
#geag .object {
	font-size: 20px;
}
#geag .b2 .date {
	font-size: 60px;
}
#geag .b2 {
	padding: 80px 0px;
}
#geag .b3 .step .cell .title {
	font-size: 40px;
}
}

@media screen and (max-width:960px) {
#geag .mbanner {
	display: inline-block;
}
#geag .mbanner .cell2 {
	width: 100%;
	padding: 0 15px;
}
#geag .b2 .date {
	font-size: 45px;
	letter-spacing: 0px;
	line-height: 50px;
}
#geag .b2 {
	padding: 50px 0px;
}
#geag .b3 .step .cell {
	width: 100%;
	padding: 15% 5%;
}
#geag .b3 .step ul li {
	list-style: none;
	float: inherit;
	margin-left: -6%;
}
#geag .b3 .step .imgbox {
	width: 15%;
	transform: rotate(90deg);
	margin: -20px 35% 50px;
}
#geag .b3 .step {
	padding: 0px 0%;
}
#geag .b3 .step .cell .title {
	font-size: 60px;
}
#geag .b3 {
	padding-bottom: 0px;
	padding-top: 10px;
}
#geag .hbox {
	padding-top: 10px;
}
#geag .b4 .model .tn {
	transform: skewX(0deg);
	color: #fff;
	margin-top: -10px;
	width: 100%;
	border-radius: 200px;
	margin-left: 0%;
}
}