/* Betmania */

/* General Pages */
@font-face {
    font-family: 'bignoodletitling';
    src: url('/fonts/big-noodle-titling/big_noodle_titling_oblique-webfont.woff2') format('woff2'),
         url('/fonts/big-noodle-titling/big_noodle_titling_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  font: 18px 'bignoodletitling';
    line-height: 1.2em;
    background: #232323 url(https://www.betmania.ag/sites/default/files/BM-NBA_Playoffs_Bracket--2022_Contest.jpg) no-repeat center top;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-size: 850px;
}

body.home {
    background: #232323 url(https://www.betmania.ag/sites/default/files/BM-NBA_Playoffs_Bracket--2022_Contest.jpg) no-repeat center top;
    background-size: 680px;
}


a:link, a:visited, ul li strong{
  color: #e0b945;
}

h1, h2, h3, h4, h5, h6{
  font-weight: normal;
}

h2 a{
    background: #e0b945;
    color: #000!important;
}

h2 a:hover{
    background: #FFF;
    color: #000!important;
}

p, ul{
  font: 16px Helvetica;
}

.box-login{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,000000+100&0.8+0,0.8+100 */
   /* FF3.6-15 */
   /* Chrome10-25,Safari5.1-6 */
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   /* IE6-9 */
  border: 0;
  background: #121e26;
}
  
  .box-login:before{
      content: 'Enter with your Betmania Account';
      color: #999;
      display: inline-block;
      margin: 0 0 20px 0
  }

  #submit{
    position: relative;
  }

    #submit:after{
      content: 'Login';
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005986+0,0b6c9d+100 */
            background: #005986; /* Old browsers */
            background: -moz-linear-gradient(top,  #005986 0%, #0b6c9d 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  #005986 0%,#0b6c9d 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  #005986 0%,#0b6c9d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005986', endColorstr='#0b6c9d',GradientType=0 ); /* IE6-9 */
      width: 100%;
      color: #FFF;
      font-weight: bold;
      line-height: 55px;
      position: absolute;
      font-size: 1.5em;
      top: 0;
      left: 0;
      text-align: center;
      z-index: 1
    }

  .box-login input[type="submit"]{
    border: 1px solid #005986;
    background: none;
    padding: 20px 0;
    color: #FFF;
    position: relative;
    width: 100%;
    z-index: 2
  }

    .box-login input[type="submit"]:hover{
      border:1px solid #FFF;
    }

.contest-fo:after{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,222222+100 */
  background: rgb(0,0,0); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(34,34,34,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(34,34,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(34,34,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
}

div.container{
  color: #FFF;
  border: 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #121e26;
  margin: 25% 5%;
}

  .pick, .pick:visited{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005986+0,0b6c9d+100 */
        background: #005986; /* Old browsers */
        background: -moz-linear-gradient(top,  #005986 0%, #0b6c9d 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #005986 0%,#0b6c9d 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #005986 0%,#0b6c9d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005986', endColorstr='#0b6c9d',GradientType=0 ); /* IE6-9 */
        border: 1px solid #005986;
        color: #FFF!important;
  }

    .leftc a{
    
  }

  .contest-traditional:before{
      background: none
  }

      .contest-traditional:after{
        background: url(/img/default/rotate-bracket.png) no-repeat center 170px #FFF;
        content: '';
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: -2;
        background-size: 250px;
      }

  


  /* End Bracket Responsive */

/* Contest Body */

/* Pop-up game */
  

/* Media Queries */

.body::before{
  display: none;
}

.contest-traditional {
  width: 900px;
}

 .team-div, .button-div, .submit-div{
    display: none;
  }

@media (min-width: 780px) {

  /* Bracket Responsive */

  .team-div, .button-div, .submit-div{
    display: block;
  }

.team-div select{
    width: 100px;
  }
      .team-div{
        position: absolute;
        width: auto;
        background: none!important;
        padding: 0;
        margin: 0
      }
        
        .team-div:before{
          display: none;
        }

        #team-div-8, #team-div-9, #team-div-12, #team-div-13, #team-div-14{
          margin: 0
        }
    
    .contest-traditional:before{
      background: url(https://www.betmania.ag/sites/default/files/NBA-Bracket_contest_03_03.png) no-repeat bottom center;
      background-size: 100%;
  }

    .contest-traditional:after{
      background: url(https://www.betmania.ag/sites/default/files/NBA-Bracket_contest-bm.jpg) no-repeat center #FFF;
    }


    .contest-traditional{
    padding: 0;
    
    height: 365px;
  }

  

  div.container {
      margin: 17.8% auto 50px auto;
      width: 51%;
  }
  
  
  .team-div#team-div-0{
    top: 117px;
    left: 139px;
  }

  .team-div#team-div-1{
    top: 194px;
    left: 139px;
  }

  .team-div#team-div-2{
    bottom: 72px;
    left: 139px;
  }

  .team-div#team-div-3{
    bottom: -5px;
    left: 139px;
  }

  .team-div#team-div-4{
    right: 141px;
    top: 117px;
  }

  .team-div#team-div-5{
    top: 194px;
    right: 141px;
  }

  .team-div#team-div-6{
    bottom: 72px;
    right: 139px;
  }

  .team-div#team-div-7{
    bottom: -4px;
    right: 139px;
  }

  .team-div#team-div-8{
    top: 152px;
    left: 245px;
  }

  .team-div#team-div-9{
    bottom: 38px;
    left: 244px;
  }

  .team-div#team-div-10{
    right: 246px;
    top: 152px;
  }

  .team-div#team-div-11{
    bottom: 38px;
    right: 247px;
  }

  .team-div#team-div-12{
    left: 337px;
    top: 231px;
  }

    .team-div#team-div-12 div#sel-12{
      margin: 0 0 0 15px;
      color: #FFF;
      font-weight: bold;
    }

  .team-div#team-div-13{
    top: 232px;
    right: 340px;
  }

    .team-div#team-div-13 div#sel-13{
      margin: 0 15px 0 0;
      color: #FFF;
      font-weight: bold;
    }

  .team-div#team-div-14{
    bottom: 160px;
    left: 399px;
  }

    .team-div#team-div-14 div#sel-14{
      width: 115px;
      color: #000;
      font-weight: bold;
      margin: 0;
    }

  .button-div, .submit-div{
    position: absolute;
    bottom: -86px;
  }

  .submit-div{
    bottom: -160px;
  }

  body{
    background-size: 100%;
    height: 700px;
  }

  .body{
    top: 26%;
  }

}

@media (min-width: 1100px) {
  
  body.home {
    background: #232323 url(https://www.betmania.ag/sites/default/files/BM-NBA_Playoffs_Bracket--2022_Contest.jpg) no-repeat center top;
    background-size: 100%;
}

  
}


@media (min-width: 1260px) {
.team-div select{
    width: 150px;
  }
  .contest-traditional {
  width: 1300px;
  height: 405px;
}

  .team-div#team-div-0{
    top: 48px;
    left: 220px;
  }

  .team-div#team-div-1{
    top: 159px;
    left: 221px;
  }

  .team-div#team-div-2{
    bottom: 114px;
    left: 220px;
  }

  .team-div#team-div-3{
    bottom: 3px;
    left: 221px;
  }

  .team-div#team-div-4{
    right: 224px;
    top: 48px;
  }

  .team-div#team-div-5{
    top: 160px;
    right: 224px;
  }

  .team-div#team-div-6{
    bottom: 114px;
    right: 224px;
  }

  .team-div#team-div-7{
    bottom: 3px;
    right: 225px;
  }

  .team-div#team-div-8{
    top: 102px;
    left: 354px;
  }

  .team-div#team-div-9{
    bottom: 60px;
    left: 355px;
  }

  .team-div#team-div-10{
    right: 358px;
    top: 102px;
  }

  .team-div#team-div-11{
    bottom: 60px;
    right: 358px;
  }

  .team-div#team-div-12{
    left: 493px;
    top: 213px;
  }

    .team-div#team-div-12 div#sel-12{
      margin: 0 0 0 15px;
      color: #FFF;
      font-weight: bold;
    }

  .team-div#team-div-13{
    top: 213px;
    right: 496px;
  }

    .team-div#team-div-13 div#sel-13{
      margin: 0 15px 0 0;
      color: #FFF;
      font-weight: bold;
    }

  .team-div#team-div-14{
    bottom: 238px;
    left: 575px;
  }

    .team-div#team-div-14 div#sel-14{
      width: 115px;
      color: #000;
      font-weight: bold;
      margin: 0;
    }

  .button-div, .submit-div{
    position: absolute;
    bottom: -86px;
  }

  .submit-div{
    bottom: -160px;
  }

}

@media (min-width: 1600px) {

  .body{
    top: 30%;
  }

}

/* End Media Queries */

.rightc .wrap1, .rightc h2:nth-of-type(2){
  display: none;
}