@charset "utf-8";
* { -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; }
#xsplit { background: #000; font-family: 'DIN Pro', sans-serif; color: #fff; }
#xsplit h1 { text-transform: uppercase; font-size: bold; text-align: center; }
#xsplit h1, #xsplit h2 { color: #f00; }
#xsplit a { color: #f00; }
#xsplit a:hover { color: #fff; }
#xsplit .container { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; }

@media (min-width:768px) {
#xsplit .container { width: 750px; }
}

@media (min-width:992px) {
#xsplit .container { width: 970px; }
}

@media (min-width:1200px) {
#xsplit .container { width: 1170px }
}

@media (min-width:1620px) {
#xsplit .container { width: 1620px; }
}
#xsplit .topbg { background: url(//asset.msi.com/event/2016/xsplit/images/topbg.jpg) top center no-repeat; background-size: 100% auto; }
#xsplit .p50 { padding: 0 50px; }

@media (max-width:992px) {
#xsplit .p50 { padding: 0 10px; }
}
#xsplit .step { padding: 50px 0 100px 0; }
#xsplit .stepbox { background: url(//asset.msi.com/event/2016/xsplit/images/step.png); background-size: cover; padding: 15px; min-height: 300px; }
#xsplit .stepbox a { color: #fff; }
#xsplit .steph3 { margin-bottom: 10px; text-align: center; }
#xsplit .steph3 h3 { font-size: 30px; font-weight: 100; vertical-align: top; text-align: left; margin:0 0 0 0;}
#xsplit .steph3 img { float: right; max-height: 65px; }
#xsplit .about { padding: 100px 0; background: url(//asset.msi.com/event/2016/xsplit/images/bg2.jpg); background-size: 100% 100%; }
#xsplit .about .pp { padding: 10px; }
#xsplit .about .pp img { -webkit-box-shadow: 0px 6px 21px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 21px 0px rgba(0,0,0,0.75); box-shadow: 0px 6px 21px 0px rgba(0,0,0,0.75); }
#xsplit .about h4 { font-size: 20px; text-transform: uppercase; margin: 0 0 10px 0; padding: 0; color: #f00; }
#xsplit .pdbox { margin-top: 80px; margin-bottom: 50px; }
#xsplit .pdlist, #xsplit .pdlist li { list-style: none; padding: 0 0; margin: 0 0; }
#xsplit .pdlist li { padding: 7px 10px; text-align: center; width: 40%; margin-right: 5%; background: #121212; display: inline-block; margin-bottom: 15px; }
#xsplit .pdlist2 li { width: 20%; }
#xsplit .pdlist3 li { width: 90%; }
#xsplit .menu { background: url(//asset.msi.com/event/2016/xsplit/images/step.png); background-size: 100% 100%; padding: 0 0 0 0; }
#xsplit .menu a { color: #fff; }
#xsplit .navbar { margin-bottom: 0; }
#xsplit .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 8px; margin-bottom: 8px; background-color: #940002; background-image: none; border: 1px solid #ff7474; border-radius: 4px; }
#xsplit .navbar-toggle .icon-bar { background: #fff; }
#xsplit .nav li { position: relative; display: inline-block; float: none; font-size: 20px; font-weight: bold; width: 19%; margin: 0 0 0 0; padding: 0 0 0 0; }
#xsplit .navbar-nav li a { color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; border: none; }
#xsplit .navbar-nav li a:hover, #xsplit .navbar-nav li a:focus { color: #fff; background-color: #800000 }
#xsplit .navbar-nav .active a, #xsplit .navbar-nav .active a:hover, #xsplit .navbar-nav .active a:focus { color: #fff; background-color: #470000; border: none; }
#xsplit .navbar-nav .disabled a, #xsplit .navbar-nav .disabled a:hover, #xsplit .navbar-nav .disabled a:focus { color: #fff; background-color: #470000; border: none; }
#xsplit .navbar-nav li a:focus, #xsplit .navbar-nav li a:hover, #xsplit .navbar-nav li.active a { border: none; }
#xsplit .navbar-nav { float: none; margin: 0; padding: 0; }
#xsplit .navbar-collapse { padding: 0 0; }
#xsplit .navbar-nav li a img { max-width: 100%; position: absolute; bottom: 50px; left: auto; right: auto; }

@media (max-width: 768px) {
#xsplit .navbar-nav { float: none; margin: 0; }
#xsplit .nav li { display: block; width: 100%; }
}
/***MB***/
#mb-co, #aio-co, #nightblade-co { background: url(//asset.msi.com/event/2016/xsplit/images/bg-mb.jpg); background-size: cover; }
#xsplit .desc { display: table; max-width: 800px; margin: 0px auto 20px; height: auto; }
#xsplit .desc.sm { min-width: 400px; max-width: 400px; }
#xsplit .desc.md { min-width: 636px; max-width: 636px; }
#xsplit .desc.lg { min-width: 800px; max-width: 800px; }
#xsplit .desc .inner { display: table-cell; vertical-align: middle; }
#xsplit .desc .inner.step-icon { width: 110px; height: 52px; background: url(//asset.msi.com/event/2016/xsplit/images/step-b.png) no-repeat; text-align: center; font-size: 20px; padding-right: 12px; vertical-align: top; padding-top: 13px; }
#xsplit .desc .inner.txt { padding-left: 10px; }
#xsplit .desc .inner.txt a { margin-right: 10px; }
#xsplit .carousel-indicators.step { position: relative; margin-bottom: 20px; padding-bottom: 30px; }
#xsplit .carousel-indicators.step li { width: 64px; height: 64px; line-height: 60px; border: 2px solid #fff; border-radius: 30px; text-indent: inherit; font-size: 42px; font-weight: bold; margin-bottom: 10px; }
#xsplit .carousel-indicators .active { color: #f00; }
#xsplit .carousel-inner .item { min-height: 500px; }
#xsplit .carousel-inner .item img, #xsplit .carousel-inner .item a img { display: block; max-width: 100%; margin: 0 auto; height: auto; }
#xsplit .carousel-control.left, #xsplit .carousel-control.right { background-image: none; }
#xsplit .m-pd { width: 19%; display: inline-block; text-align: center; }
#xsplit .m-pd img { margin: 0 auto; width: 100%; height: auto; }
/****/
#xsplit .hideme { opacity: 0; }
/**fix**/
#xsplit .navbar .collapse { margin-left: 0; background: none; padding: 0; margin: 0; border: none; }
#xsplit .navbar { background: none; padding: 0; margin: 0; border: none; }
@media (min-width: 768px) {
#xsplit .navbar-nav li a { padding:15px; }

.page-header{ display:none;}
.page-content { padding:0 -15px;}
.container {padding:0 -15px;}
.container-fluid {padding:0 -15px;}

#xsplit .pdbox-nb a {padding: 10px 10px; text-align: center;  display:block; font-size:20px;  text-decoration:none; }
#xsplit .pdbox-nb a:hover {background: #121212;}

#xsplit .terms{color:#999; padding-bottom:50px;}