@charset "utf-8";
body {
	background: rgba(0,0,0,1.00);
}
* {
	-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;
}
#uk61 {
	background: url(https://asset.msi.com/event/2017/uk61/images/bg.jpg) bottom center no-repeat;
	background-size: 100% auto;
	background-attachment: fixed;
	font-family: 'DIN Pro', sans-serif;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.4em;
	position: relative;
	width: 100%;
	overflow-x: hidden;
}
#uk61 .kv {
	z-index: 1;
}
#uk61 .box1 {
	background: rgba(0,0,0,0.6);
	padding-top: 50px;
	margin-top: -250px;
	z-index: 999;
	position: relative;
	padding-bottom: 50px;
}
#uk61 .time {
	width: 60%;
	margin-left: 20%;
	margin-top: 50px;
}
#uk61 .map { padding: 80px 0;}
#uk61 h1 {
	text-transform: uppercase;
	font-weight: bold;
	margin: 50px auto 25px auto;
}
#uk61 a { color: inherit}
#uk61 h2 {
	text-transform: uppercase;
	font-weight: bold;
}
#uk61 .box2 {
	background: #ffc717;
}
#uk61 .box2 .campaign {
	padding: 0 0 15px 0;
	color: #000; 
}
#uk61 .box2 .campaign p, #uk61 .box2 .campaign h2 {
	padding: 0 15px;
}
#uk61 .box2 .campaign p {
	min-height: 8em;
}
#uk61 .box2 .campaign h2 {
	text-align: center;
}
#uk61 .box2 .campaign a { color: #000; text-decoration: underline}
#uk61 .box2 .campaign .btn {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 7px;
	margin: 0 auto;
	text-align: center;
	color: #ffc717;
	background: #000;
	clear: both;
	width: 60%;
	border-radius: 0;
}
#uk61 .box2 .campaign a:hover { text-decoration: none;background: #f00;color: #fff;}
#uk61 th ,#uk61 td {padding: 5px 10px;}
#uk61 .a-even { background: #303030; }
#uk61 .gray {color: #8f8f8f;}
#uk61 .red { color: #f00;}

#uk61 .lol { background: #101010; padding:50px 0 50px 0;}
#uk61 .prizebox { background: url(https://asset.msi.com/event/2017/uk61/images/prizesbg.gif) no-repeat; background-size: 100% 100%; text-align: center; padding: 0 0 50px 0; margin-top: -10px;}
#uk61 .prizebox img { margin-bottom: -25px;}
#uk61 .you { padding: 0 0; position: relative;}
#uk61 .y-txt { position: absolute; top:50%; width: 100%;}
#uk61 .y-txt h3 { margin: 0 0 15px 0; padding: 0 0;}
#uk61 .y-txt  a { color: #fff; }
#uk61 .y-txt img { border: 1px solid #fff;}
#uk61-pdbox { text-align: center;}
#uk61-pdbox img { margin: 0 auto;}

#uk61 .carousel-indicators { bottom: 0;
}
#uk61 .carousel-indicators li {
	border: 1px solid #f00;
}
#uk61 .carousel-indicators .active {
	background-color: #f00
}
#uk61 .carousel-inner { padding-bottom: 50px;}
#uk61 .pd61 { padding: 50px 0 100px 0; text-align: center;}


#uk61 .modal-content { background: #ffc717; color: #000;border-radius: 0; }
#uk61 .modal-header { border-bottom: 1px solid #000;}
#uk61 .modal-footer { border-top: 1px solid #000;}

#uk61 .btn-go {
	color: #fff;font-weight: bold;
	background-color: #f00;
	border-color: #f00; border-radius: 0;
}
#uk61 .btn-go:hover, #uk61 .btn-go:focus, #uk61 .btn-go:active, #uk61 .btn-go.active, #uk61 .open>.dropdown-toggle.btn-go {
	color:#fff;
	background-color: #000;
	border-color: #f00
}

#uk61 .box3 {
	background: url(../images/bg2.jpg) top center no-repeat;background-size:100% 100%; padding-bottom:50px; margin: 50px 0;
}
#uk61 .box3 .ad { padding: 0 0 0 0; border: 1px solid #000; position: relative; cursor: pointer}
#uk61 .box3 .ad .zoom { display: none; width: 100%; height: 100%; background:rgba(255,0,4,0.69) ; position: absolute ; text-align: center; cursor: pointer}
#uk61 .box3 .ad .zoom img { margin:35% 0 auto 0; height: 30%; width: 30%; }
#uk61 .box3 .ad:hover .zoom {display: block; }
@media (min-width:1920px) {
#uk61 .container {
	width: 80%
}
}

@media (max-width:992px) {
#uk61 .time {
	width: 90%;
	margin-left: 5%;
	margin-top: 50px;
}
#uk61 .box1 {
	margin-top: 0px;
}
}

@media (min-width:768px) and (max-width:991px) {
#uk61 .box1 {
	margin-top: 0px;
}
}

@media (min-width:992px) and (max-width:1199px) {
}

@media (min-width:1200px) and (max-width:1399px) {
}

@media (min-width:1400px) and (max-width:1600px) {
}

@media (min-width:1600px) and (max-width:1920px) {
#uk61 .container {
	width: 80%
}
}

@media (min-width : 1206px ) {
}