@charset "utf-8";
body {
	background-color: #000;
	margin:0px auto;
}
* {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
		margin:0px auto;
}
html *, html *:before, html *:after {
	box-sizing: border-box;
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
		margin:0px auto;
}

#nm {
	font-family: 'DINPro-Regular' !important;
	padding: 0;
	margin: 0;
	background-color: #000;
	overflow-x: hidden;
	margin:0px auto;
}
#nm h1 {
	color: #FFF;
	letter-spacing: 20px;
	font-size: 26px;
	font-weight: 200;
	border-bottom: 1px #5c5c5c solid;
	padding-bottom: 20px;
}
/*--------------------      b4-drean glow   --------------------------------------*/
#nm h3 {
	color: #FFF;
	letter-spacing: 20px;
	font-size: 26px;
	font-weight: 200;
	padding-bottom: 20px;
}
#nm h3:nth-child(2), #nm h1:nth-child(2) {
	-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;
}

/*glow for webkit*/

@-webkit-keyframes neon2 {
 from {
 text-shadow:
 0 0 20px #fff,  0 0 80px #fff,  0 0 90px #fff,  0 0 120px #fff;
}
to {
	text-shadow: 0 0 0px #fff,  0 0 15px #fff;
}
}
 @-moz-keyframes neon2 {
 from {
 text-shadow:
 0 0 20px #fff,  0 0 80px #fff,  0 0 100px #fff,  0 0 200px #fff;
}
to {
	text-shadow: 0 0 0px #fff,  0 0 0px #fff,  0 0 15px #fff,  0 0 40px #fff,  0 0 15px #fff;
}
}
#nm h2 {
	color: #FFF;
	letter-spacing: 10px;
	font-size: 18px;
	font-weight: 200;
	padding: 30px 0px 120px 0px;
}
#nm p {
	color: #ccc;
	font-size: 14px;
	letter-spacing: inherit;
}

#nm .box1 {
	background: url(https://asset.msi.com/event/aio/2017/next_move/images/h_bg.jpg) center no-repeat; position:relative;}
#nm .box1 .wlogo{ position:absolute; right:0; top:500px; text-align:left;}
#nm .box1 .ht {
	text-align: right;
	padding-top: 15%;
	text-align: center;
}
#nm .box2 {
	background: url(https://asset.msi.com/event/aio/2017/next_move/images/b2_bg.jpg) left no-repeat;
	background-size: 100%;
}
#nm .box2 .ht {
	text-align: right;
	padding: 10% 0 8% 0;
	text-align: left;
}
#nm .box2 img {
	width: 50%;
}
#nm .box3 {
	background: url(https://asset.msi.com/event/aio/2017/next_move/images/b3_bg.jpg) right no-repeat;
	background-size: 100%;
	margin: 0 auto;
}
#nm .box3 .ht {
	text-align: right;
	padding: 10% 0px;
	text-align: left;
}
#nm .box4 {
	background: url(https://asset.msi.com/event/aio/2017/next_move/images/b4_bg.jpg) right no-repeat fixed;
	margin: 0 auto;
	background-size: cover;
}
#nm .box4 .ht {
	text-align: right;
	padding-top: 10%;
	text-align: left;
	margin: 0 auto;
}
#nm .box5 {
	background: url(https://asset.msi.com/event/aio/2017/next_move/images/b5_bg.jpg) left no-repeat fixed;
	background-size: cover;
	margin: 0 auto;
}
#nm .box5 .ht {
	text-align: right;
	padding: 10% 0px;
	text-align: left;
}
#nm .box5 .cell {
	text-align: center;
	font-size: 42px;
	color: #FFF;
	padding: 25px;
	margin: 10px;
}
#nm .box5 .cell01 {
	background-color: #ff0000;
}
#nm .box5 .cell02 {
	background-color: #343434;
}
#nm .box5 .st {
	font-size: 13px;
}
#nm .box6 {
	padding-bottom: 50px;
}
#nm .box7 {
	border-top: 3px #ff0000 solid;
	border-bottom: 3px #ff0000 solid;
}
#nm .box7 .rbox {
	background-image: url(https://asset.msi.com/event/aio/2017/next_move/images/pd_r_bg.jpg);
	background-size: 100%;
}
#nm .box7 .lbox {
	background-image: url(https://asset.msi.com/event/aio/2017/next_move/images/pd_l_bg.jpg);
	background-size: 100%;
}
#nm .box7 .pt {
	color: #ccc;
	font-size: 23px;
	text-transform: uppercase;
	letter-spacing: 10px;
	margin-left: 18px;
	padding-top: 19%;
}
#nm .box7 ul {
	margin-left:40px;
	color: #ccc;
	font-size: 16px;
	line-height: 28px;
	list-style: url(https://asset.msi.com/event/aio/2017/next_move/images/00.png);
	margin-bottom:20px;
}

#nm .box7 a{ background-color:#ff0000; color:#000; font-size:13px; text-decoration:none; padding:10px; font-weight:bold; letter-spacing:4px; margin-left:40px; margin-top:15px;}
#nm .box7 a:hover{ background-color:#fff; color:#000;}
#nm .box8 {
	padding: 4% 0px;
}
#nm .box8 .lbox {
	text-align: right;
	padding-top: 2%;
}
#nm .box8 .rbox img {
	padding: 15px;
}
#nm .down {
	background: #ff0000;
	color: #000;
	font-size: 14px;
	letter-spacing: 10px;
	padding: 1% 0px;
	text-align: center;
}


 @media screen and (max-width:1681px) {
#nm .box7 .rbox ,#nm .box7 .lbox{padding-bottom:50px;}
#nm .box1 { background-position:80% 50%;}
#nm .box1 .wlogo{top:450px; right:0px;}	 
#nm .box7 ul{line-height:22px;}
#nm .box7 .pt{padding-top:10px; font-size:20px; letter-spacing:5px;}
#nm h1 {
	letter-spacing: 10px;
	font-size: 20px;
}
#nm .box1 .ht {
	padding-top: 15%;
}
}
@media screen and (max-width:1367px) {
	
#nm .box8 img{width:15%; margin:-10px;}
	
#nm .box7 .rbox ,#nm .box7 .lbox{padding-bottom:50px;}
#nm .box1 { background-position:73% 50%;}
#nm .box1 .wlogo{top:370px; right:-20px;}
#nm h3 {
	letter-spacing: 10px;
	font-size: 24px;
	padding-bottom: 5px;
}
#nm .box1 .ht {
	padding-top: 12%;
}
#nm .box3 .ht, #nm .box4 .ht, #nm .box2 .ht {
	padding: 7% 0px;
}
#nm .box7 ul {
	font-size: 13px;
	line-height: 20px;
}
#nm .box7 .pt {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 8%;
}
#nm .box5 .ht {
	padding-bottom: 2%;
}
#nm .box5 img {
	width: 90%;
}
}
@media screen and (max-width:1025px) {
#nm .box1 {background: url(https://asset.msi.com/event/aio/2017/next_move/images/h_bg_jp.jpg) center no-repeat; background-size:cover;
}	
#nm .box1 .wlogo{top:200px; right:0px; }
#nm .box1 .wlogo p{font-size:12px;  color:#FFF;}
#nm .box1 .ht {
	padding-top: 5%;
}
#nm h3 {
	letter-spacing: 8px;
	font-size: 18px;
	padding-bottom: 5px;
}
#nm .box3 .ht, #nm .box4 .ht, #nm .box2 .ht {
	padding: 4% 0px;
}
#nm .box5 .cell {
	text-align: center;
	font-size: 32px;
	padding: 18px;
}

#nm .box7 .rbox{ background-position:right;}
#nm .box7 .pt{padding-top:0px; margin-top:0px;}
#nm .box7 .rbox,#nm .box7 .lbox {padding-bottom:20px; background-repeat:no-repeat; background-size:cover;}
#nm .box7 .rbox img,#nm .box7 .lbox img{width:100%;}
#nm p{padding-bottom:0px;}
}
@media screen and (max-width:769px) {
#nm .box7 .rbox img,#nm .box7 .lbox img{width:50%;}
#nm .box1 .ht {
	padding-top: 1%;
	text-align: center;
}
#nm h2 {
	padding: 0px;
	font-size: 13px;
	letter-spacing: 8px;
}
#nm h1 {
	letter-spacing: 2px;
	font-size: 22px;
}
#nm h3 {
	padding-bottom: 2px;
}
#nm .box3 .ht {
	padding: 2% 0px 0px 0px;
}
#nm p {
	font-size: 13px;
}
#nm .box5 .ht {
	padding: 2% 0px;
}
#nm .box5 .cell {
	font-size: 26px;
	padding: 5px;
}
}
@media screen and (max-width:640px) {
	#nm .box1 .wlogo{ top:300px; }
#nm h1 {
	margin: 0px;
}
#nm h3 {
	padding: 0px;
	letter-spacing: 5px;
}
#nm p {
	padding-bottom: 0%;
}
#nm .box1, #nm .box2, #nm .box3 {
	background: none;
}
#nm .box2 .ht, #nm .box3 .ht, #nm .box4 .ht, #nm .box5 .ht {
	text-align: center;
	padding: 0px 20px;
}
#nm .box4 {
	background: url(https://asset.msi.com/event/aio/2017/next_move/images/b4_bg.jpg) no-repeat;
	background-position: 85% 100%;
}
#nm .box5 {
	background: url(https://asset.msi.com/event/aio/2017/next_move/images/b5_bg.jpg) no-repeat;
	background-size: cover;
	background-position: 20% 50%;
}
#nm .box7 .pt {
	padding-top: 3%;
}
#nm .box8 .lbox {
	text-align: center;
	padding-top: 1%;
}
#nm .box8 .rbox {
	text-align: center;
}
#nm .box7 img {
	width: 80%;
}
}

/*--------------------      bg move  -------------------------------------

#nm .box3 {
  background-image: url(https://asset.msi.com/event/aio/2017/next_move/images/b3_bg.jpg);
  background-size:cover;
  background-repeat: no-repeat;
  height:770px;
}

#nm .box5 .hero{
  background-image: url(https://asset.msi.com/event/aio/2017/next_move/images/b5_bg.jpg);
  background-size:cover;
  background-repeat: no-repeat;
  height:770px;
}

@media (min-width: 1024px) {
#nm .box5 .hero ,#nm .box3{
    background-attachment: fixed;
  }
}

*/