html{ margin: 0px; padding: 0px;}
body{ font-family:'Montserrat'; font-size:14px; line-height:18px;position: relative; margin: 0px; padding: 0px; background: #1e0a0c;
    width: 100%;  overflow: auto; color: #ffffff;  background:url(../images/head_n.jpg) #000000 top center no-repeat;}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}
a{ text-decoration: none;  color: inherit;  transition: all 0.5s ease;}
a:hover{ color: #d1d2d2; text-decoration: none; }
.img-fluid {
    display: block;
    height: auto;
    max-width: 100%; margin: 0px auto 0px auto; position: relative;
}

#outer{  min-height: 618px; position: relative; min-width: 320px; overflow: hidden; width: 100%; position: relative; margin: 0px auto;}
.inner{ max-width: 635px; width:100%; position: relative; margin: 0px auto 0px auto; text-align: center; }

.shadow{ -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0, 1);
-moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0, 1);
box-shadow:         0px 3px 5px 0px rgba(0,0,0, 1);}

.shadow2{-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 1);}
.shadow4{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 1);}
.shadow5{-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.75);}
.sp20{ width: 100%; height: 20px; line-height: 20px; font-size: 20px; position: relative;}
 .sp40{ width: 100%; height: 40px; line-height: 40px; font-size: 40px; position: relative;}
 .sp60{ width: 100%; height: 60px; line-height: 60px; font-size: 60px; position: relative;}
 .sp80{ width: 100%; height: 80px; line-height: 80px; font-size: 80px; position: relative;}
 .sp100{ width: 100%; height: 100px; line-height: 100px; font-size: 100px; position: relative;}
.clear{ width: 100%; height: 0px; line-height: 0px; font-size: 0px; position: relative; clear: both;}
.videoWrapper {
    position: relative;
    padding-bottom: 51.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; display: block; border:0px solid #ffffff; background: #cccccc center no-repeat; box-sizing: border-box;
}
.head{ width:100%;  }

@media handheld, only screen and (max-width: 1000px) {
    /*.head{ height:auto; background:transparent; }
    .head_img{ display:block; }
*/
  body{ background:url(../images/head_m.jpg) #000 top center no-repeat; background-size: 100% auto }
}
.prizes{ margin-top:30px }
.prize_ttl{ font-size:18px; line-height:1.4; text-align:center; font-weight:700 }
.prizes_txt{ font-size:14px; line-height:1.4; text-align:center; font-weight:400; margin-top:10px; }
.content{ padding-bottom: 10px;
}


.main_ttl{ font-size:40px; line-height:1.3; font-weight:bold; margin-top:-30px; text-transform:uppercase; max-width:635px; margin:0px auto; }
.connect_btn{ margin-top:10px }

.connect_note{ max-width:500px; margin:10px auto 0px auto; text-transform:uppercase; font-size:14px; line-height:1.3 }
.note{ max-width:600px; margin:10px auto 0px auto;  font-size:14px; line-height:1.3 }

.content .inner{ max-width:1000px }
.theme {
position: relative;
}
.bracket {
  padding: 40px;
  margin: 5px;
}
.bracket {
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: center;
}
.column {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  justify-content: space-around;
  align-content: center;
}
.match {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 240px;
  max-width: 240px;
  height: 62px;
  margin: 12px 24px 12px 0;
}
.match .match-top {
  border-radius: 2px 2px 0 0;
}
.match .match-bottom {
  border-radius: 0 0 2px 2px;
}
.match .team {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  position: relative;
  background: #fff;
  color: #000;
}
.match .team span {
  padding-left: 8px;
  text-align: left;
}
.match .team span:last-child {
  padding-right: 8px;
}
.match .team .score {
  margin-left: auto;
}
.match .team:first-child {
  margin-bottom: -1px;
}
.match-lines {
  display: block;
  position: absolute;
  top: 50%;
  bottom: 0;
  margin-top: 0px;
  right: -1px;
}
.match-lines .line {
  background: white;
  position: absolute;
}
.match-lines .line.one {
  height: 2px;
  width: 12px;
}
.match-lines .line.two {
  height: 44px;
  width: 1px;
  left: 11px;
}
.match-lines.alt {
  left: -12px;
}
.match:nth-child(even) .match-lines .line.two {
  transform: translate(0, -100%);
}
.column:first-child .match-lines.alt {
  display: none;
}
.column:last-child .match-lines {
  display: none;
}
.column:last-child .match-lines.alt {
  display: block;
}
.column:nth-child(2) .match-lines .line.two {
  height: 88px;
}
.column:nth-child(3) .match-lines .line.two {
  height: 175px;
}
.column:nth-child(4) .match-lines .line.two {
  height: 262px;
}
.column:nth-child(5) .match-lines .line.two {
  height: 349px;
}
.disable-image .image,
.disable-seed .seed,
.disable-name .name,
.disable-score .score {
  display: none !important;
}
.disable-borders {
  border-width: 0px !important;
}
.disable-borders .team {
  border-width: 0px !important;
}
.disable-seperator .match-top {
  border-bottom: 0px !important;
}
.disable-seperator .match-bottom {
  border-top: 0px !important;
}
.disable-seperator .team:first-child {
  margin-bottom: 0px;
}
.prizes{ max-width:750px; margin:30px auto 0px auto; }

@media handheld, only screen and (max-width: 800px) {
.theme{
  overflow-y: auto;
  max-width: 100%;
  }

.bracket{
  width: fit-content;

}
}


footer{
  background: #cb2155;
}
.content{ padding-bottom:0px }

.prizes_imgs{
  display: flex;  justify-content: center;
}
.prize_img{ width:20%; margin:2%; border: 2px solid #cb2155; border-radius:20%;  }