@font-face {
	font-family:'yorkbailehill';
	src:url(https://storage-asset.msi.com/event/nb/2019/prepare/fonts/yorkbailehill.otf) format('opentype');
}
body{background:#000; color:#FFFFFF; overflow-x:hidden;}
#ENTER a{color:#FFFFFF;}
#ENTER{
	background:#000;
	margin-bottom:20px;
	}
	
#ENTER .h1{
    color: #FFFFFF;
	padding-bottom:5px;
	margin-bottom:2%;
	margin-top:5%;
	font-size:3.5em;
	font-family:'DINPro-Black';
	padding-bottom:15px;
	margin-top:20%;
	-webkit-filter: drop-shadow(0px 0px 7px rgba(235,180,86,0.5));
    filter: drop-shadow(0px 0px 7px rgba(235,180,86,0.5));
}
#ENTER .kv-txt{
	font-family:'yorkbailehill';
	font-size:10em;
	-webkit-filter: drop-shadow(0px 0px 7px rgba(235,180,86,0.5));
    filter: drop-shadow(0px 0px 7px rgba(235,180,86,0.5));
	margin-top:7%;
	}
#ENTER .kv-txt strong{
	font-size:0.5em;
	}

#ENTER .top-h1{
    color: #FFFFFF;
	padding-bottom:5px;
	font-size:2.5em;
	font-family:'DINPro-Black';
	padding-bottom:15px;
	-webkit-filter: drop-shadow(0px 0px 7px rgba(235,180,86,0.5));
    filter: drop-shadow(0px 0px 7px rgba(235,180,86,0.5));
}
#ENTER .h1-w{
    background: none !important;
    -webkit-background-clip: none;
	color: #FFFFFF;
	padding-bottom:5px;
	margin-top:5%;
	font-size:1.8em;font-family:'DINPro-Black'; padding-bottom:15px;
}
#ENTER .top{
	background:url(https://storage-asset.msi.com/event/nb/2019/prepare/images/kv-2.jpg) no-repeat bottom center ;
	}
#ENTER .top-p{
	margin-top:16%;
	margin-bottom:1%;
	}
#ENTER p{
	line-height:1.5em;
	margin-bottom:5%;
	}
.POST{
	background:url(https://storage-asset.msi.com/event/nb/2019/prepare/images/gs75-before.jpg) fixed center no-repeat;
	position: relative;
	padding:4% 0px;
	}
.POST ul li{
	background: rgba(255,255,255,0.3);
    padding: 2%;
    line-height: 19px;
    margin-bottom: 1%;
    border-left: solid 3pt #FFFFFF;
	}
.POST ul li:hover{
	background: rgba(255,0,4,0.5);
    padding: 2%;
    line-height: 19px;
    margin-bottom: 1%;
    border-left: solid 3pt #F00;
	}
#ENTER i{ color:#ce320d;}
#ENTER .org{
	color:#fe9d29;
	font-weight:bold;
	}
#monsoon #navitem {
    position: absolute;
    z-index: 10000;
    width: 100%;
    top: 0;
    background:rgba(0,0,0,0.5);
    background-size: cover;
    background-color: none;
    -webkit-box-shadow: #fffbe3 0 0 30px;
    -moz-box-shadow: #fffbe3 0 0 30px;
    box-shadow: #fffbe3 0 0 30px;
}
#monsoon #navitem ul li a {
    display: block;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    font-family: "DINPro-Black";
    text-transform: uppercase;
    border-left: #fffbe3 1px solid;
    border-right: #2a243c 1px solid;
    cursor: pointer;
}
#PRIZE {
	background:url(https://storage-asset.msi.com/event/nb/2019/prepare/images/box-bg.jpg) no-repeat;
	}
#PRIZE .li{ color:#FFFFFF; font-size:1.5em; line-height:2em;}
#PRIZE .li strong{
	color:#fb9828;
	font-size:1.2em;
	}
#PRIZE p{
	color:#737373;
	margin-top:3%;
	margin-bottom:3%;
	}
.ul{
	color:#737373;
	line-height:1.5em;
	}
#POST{
	background:url(https://storage-asset.msi.com/event/nb/2019/prepare/images/steam-bg.jpg) center top no-repeat fixed;
	}
#REVIEW{
	background:url(https://storage-asset.msi.com/event/2018/shout_2018/images/box_2.jpg) fixed no-repeat;
	padding:8em 0px !important;
	}
#monsoon section{
	padding:3em 0px;
	}
#monsoon section .container {
  width: 65%;
  margin: 0 auto;
  max-width: 1600px;
  text-align: center;
}
.butten{
	background:#FF0004;
	border-radius:5px;
	padding:15px 20px;
	font-size:1.5em;
	display:-webkit-inline-box;
	margin:3% 0px;
	font-family: "DINPro-Black";
	}
.butten:hover{
	background:#C40003;
	}
.butten-1{
	background:#272727;
	border-radius:5px;
	padding:15px 20px;
	font-size:1.5em;
	margin:3% 0px;
	display:inline-block;
	font-family: "DINPro-Black";
	color:#4E4E4E;
	}
.butten-1:hover{
	background:#222222;
	color:#767676;
	}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #000;
    border:1px solid #363636;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	line-height:2em;
	text-align:left;
	margin-top:15px;
}
.well li{
	margin-bottom:5%;
	}
/*BOX2*/
#PRIZE span {
	color: #f00;
}
#PRIZE .box2 p{ color:#FFFFFF;}
#PRIZE .box2 .box2-r {
	margin: 35px 0px;
	margin-left: 8%;
}
#PRIZE .box2 button .col-xs-12 {
	background: rgba(255,0,4,0.3);
	padding: 15px 0px;
}
#PRIZE .box2 button .col-xs-12:hover {
	background: rgba(255,0,4,1);
}
#PRIZE .box2 .round, #PRIZE .box2 .round-2 {
	padding: 40px;
	width: 12em;
	height: 12em;
	border-radius: 99em;
	border: #f00 solid 10px;
	background: rgba(0,0,0,0.5);
	margin-bottom: 1em;
}
#PRIZE .box2 .round-2 {
	padding: 35px;
}
#PRIZE .box2 .r-text {
	padding: 0px;
	font-size: 20px;
}
#PRIZE .box2 .r-text a {
	background: #FF0004;
	display: block;
	padding: 8px;
	line-height: 17px;
}
#PRIZE .box2 i {
	font-size: 4.5em;
}
#PRIZE .box2 .fa-x {
	font-size: 2.5em !important;
	margin-top: 1.8em;
	color: rgba(220,57,0,0.5);
}
#PRIZE .box2 .box2-l {
	margin-top: 5em;
	margin-bottom: 0em;
}
#PRIZE .box2 .box2-l .text {
	margin-top: 2.7em;
	font-size: 25px;
	line-height: 25px;
}
#PRIZE .box2 .button {
	margin-top: -235px;
	margin-bottom: 40px;
	z-index: 3;
}
#PRIZE .box2 .text2 {
	border: 0px solid #f00;
	padding: 3% 5%;
	margin-top: 15px;
	background: rgba(87,87,87,0.3);
	border-radius: 15px;
	font-size: 18px !important;
}
.box2 p {
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.4em;
}
/*--submit--*/
.icon-img {
	height: 3px;
	background: #3d2d13;
	background: #ff6c00;
	background: -moz-linear-gradient(to right, #f00 100%, #f00 10%, #f00 100%, #000 100%, #000 100%));
	background: -webkit-linear-gradient(to right, #f00 100%, #f00 10%, #f00 100%, #000 100%, #000 100%));
	background: linear-gradient(to right, #f00 100%, #f00 10%, #f00 100%, #000 100%, #000 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6c00', endColorstr='#ff6c00', GradientType=0 );
	-webkit-text-fill-color: transparent;
	-webkit-clip-path: polygon(30% 100%, 100% 100%, 0% 5%, 0% 0%);
	clip-path: polygon(30% 100%, 100% 100%, 0% 5%, 0% 0%);
	margin-top: 0px;
}
.submit a {
	text-decoration: none;
	color: #fff;
	font-size: 1.5em;
	letter-spacing: 2px;
	font-weight: bold;
	padding: 10px 40px;
	background: rgba(0,0,0,0.6);
    border-radius: 34px;
    border: solid #323232 2px;
	-webkit-box-shadow: 0 0 55px rgba(110, 46, 2, 1);
	transition-property: background border;
	transition-duration: .2s;
	transition-timing-function: ease-out;
	transition-delay: initial;
	-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;
	font-family: "DINPro-Black";
}
.submit {
	margin: 0px;
}
.submit a:hover {
	color: #000;
}
@-webkit-keyframes neon2 {
 from {
 box-shadow:
 0 0 20px rgba(255, 2, 2, 1), 0 0 50px rgba(255, 2, 2, 1), 0 0 70px rgba(255, 2, 2, 1),
}
 to {
 box-shadow: 
 0 0 0px rgba(255, 2, 2, .2), 0 0 15px rgba(255, 2, 2, .2);
}}
.arrowDown {
	-webkit-animation: arrowDown 1s ease-out infinite;
	animation: arrowDown 2s linear infinite;
	animation-delay: 0s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
}
 @keyframes filling {
 from {
 background-position: center 25%;
}
 to {
 background-position: center 50%;
}
}
/*rules animita*/
@-webkit-keyframes arrowDown {
 0% {
 opacity: 1;
 transform: translate(0px, 0px);
}
 65% {
 opacity: 1;
 transform: translate(0px, 10px);
}
 100% {
 opacity: 1;
 transform: translate(0px, 0px);
}
}
 @keyframes arrowDown {
 0% {
 opacity: 1;
 transform: translate(0px, 0px);
}
 65% {
 opacity: 1;
 transform: translate(0px, 10px);
}
 100% {
 opacity: 1;
 transform: translate(0px, 0px);
}
}
#REVIEW .container-text {
    background-image: url(https://storage-asset.msi.com/event/2018/shout_2018/images/t_bg.jpg);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: #FFFFFF;
	margin-bottom:3%;
    font-size: 100px;
    font-family: "DINPro-Black";
    animation: filling 3s ease forwards;
}
#shout_2018 .icon-img {
    height: 3px;
    background: #3d2d13;
    background: #ff6c00;
    background: -moz-linear-gradient(to right, #f00 100%, #f00 10%, #f00 100%, #000 100%, #000 100%));
    background: linear-gradient(to right, #f00 100%, #f00 10%, #f00 100%, #000 100%, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6c00', endColorstr='#ff6c00', GradientType=0 );
    -webkit-text-fill-color: transparent;
    -webkit-clip-path: polygon(30% 100%, 100% 100%, 0% 5%, 0% 0%);
    clip-path: polygon(30% 100%, 100% 100%, 0% 5%, 0% 0%);
    margin-top: 0px;
}