/* 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: #fff9e5 url(/img/betphoenix/18/bg-wc-contest-login-bp.jpg) no-repeat center top;
  -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.body{
  top: 33%;
}

.body::before{
  color: #000;
}

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

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

h2 a{
    background: #FFF;
}

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 */
  background: -moz-linear-gradient(top,  rgba(34,34,34,0.8) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(34,34,34,0.8) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(34,34,34,0.8) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc222222', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
  border: 1px solid #666
}
  
  .box-login:before{
      content: 'Enter with your Skybook 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 */
}

body.home, body{
  background: #fff9e5 url(https://www.skybook.ag/sites/default/files/SK_bg_WorldCup-landing-contest-v2.jpg) no-repeat center top;
  background-size:300%
}

div.container{
  color: #000;
  font:16px Arial;
  border: 0;
}

  .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;
  }

  .contest-wc .team-sel{
    background: #FFF;
    color: #000;
    font-size: 13px;
  }

  .contest-wc:before{
      /* background: url(/img/betphoenix/18/bg-wc-contest-bracket-bp.png) no-repeat -57px 37px; */
    }

    .contest-wc:after{
      /* background: url(/img/betphoenix/18/bg-wc-contest-bracket-wrap-bp.jpg) no-repeat center top #190003; */
      /* background-size: 100%; */
    }

/* Contest Body */

/* Pop-up game */
  

/* Media Queries */

@media (min-width: 780px){
  
  body.home, body{
    background-size: auto
  }

}


/* End Media Queries */

.rightc .wrap1, .rightc h2:nth-of-type(2){
  display: none;
}/* 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: #fff9e5 url(https://www.skybook.ag/sites/default/files/SK_bg_WorldCup-landing-contest-v2.jpg) no-repeat center top;
  -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  background-size: 800px;
}

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

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

h2 a{
    background: #FFF;
}

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 */
  background: -moz-linear-gradient(top,  rgba(34,34,34,0.8) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(34,34,34,0.8) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(34,34,34,0.8) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc222222', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
  border: 1px solid #666
}
  
  .box-login:before{
      content: 'Enter with your Skybook Account';
      color: #999;
      display: inline-block;
      margin: 0 0 20px 0
  }

  #submit{
    position: relative;
  }

    #submit:after{
      content: 'Login';
      background: #6c0d37;
      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 #6c2545;
    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 */
}

body.home, body{
  background: #fff9e5 url(https://www.skybook.ag/sites/default/files/SK_bg_WorldCup-landing-contest-v2.jpg) no-repeat center top;
  background-size:800px;
}

  .pick, .pick:visited{
    background:#6c0d37;
    border: 0;
        color: #FFF !important;
  }

  .contest-wc:before{
      background: url(https://www.skybook.ag/sites/default/files/WorldCup2022-bracket.png) no-repeat center top;
    }

div#bracket {
    position: absolute;
    width: 1240px;
    height: 740px;
    top: 0!important;
    z-index: 150;
    border: 0;
    display: none;
}

    .contest-wc:after{
      background: url(https://www.skybook.ag/sites/default/files/Bg-WorldCup2022-bracket.jpg) no-repeat center top #6c0d37 !important;
      background-size: 100%;
    }

/* Contest Body */

/* Pop-up game */

.team-sel{
  position: absolute;
}
  
#sel-0{
  top: 393px !important;
  left: 18px !important;
}

#sel-1{
  top: 393px !important;
  left: 333px !important;
}

#sel-2{
  top: 705px !important;
  left: 18px !important;
}

#sel-3{
  top: 705px !important;
  left: 330px !important;
}

#sel-4{
  top: 393px !important;
  left: 825px !important;
}

#sel-5{
  top: 393px !important;
  left: 1131px !important;
}

#sel-6{
  top: 705px !important;
  left: 828px !important;
}

#sel-7{
  top: 705px !important;
  left: 1130px !important;
}

#sel-8{
top: 393px !important;
left: 232px !important;
}

#sel-9{
  top: 393px !important;
  left: 118px !important;
}

#sel-10{
  top: 705px !important;
  left: 232px !important;
}

#sel-11{
  top: 705px !important;
  left: 118px !important;
}

#sel-12{
  top: 393px !important;
  left: 1031px !important;
}

#sel-13{
  top: 393px !important;
  left: 923px !important;
}

#sel-14{
  top: 705px !important;
  left: 1029px !important;
}

#sel-15{
  top: 705px !important;
left: 923px !important;
}

#sel-16{
  top: 310px !important;
  left: 438px !important;
}

#sel-17{
  top: 310px !important;
  left: 534px !important;
}

#sel-18{
  top: 310px !important;
  left: 629px !important;
}

#sel-19{
  top: 310px !important;
  left: 724px !important;
}

#sel-20{
  top: 374px !important;
left: 438px !important;
}

#sel-21{
  top: 374px !important;
  left: 534px !important
}

#sel-22{
  top: 374px !important;
  left: 629px !important;
}

#sel-23{
  top: 374px !important;
  left: 724px !important;
}

#sel-24{
  top: 448px !important;
  left: 443px !important;
}

#sel-25{
  top: 448px !important;
  left: 538px !important;
}

#sel-26{
  top: 448px !important;
  left: 632px !important;
}

#sel-27{
  top: 448px !important;
  left: 724px !important;
}

#sel-28{
  top: 537px !important;
  left: 490px !important;
}

#sel-29{
  top: 537px !important;
  left: 672px !important;
}

#sel-30{
  top: 651px !important;
  left: 581px !important;
}

#sel-31{
  top: 608px !important;
  left: 580px !important;
}

.submit-link{
  top: 750px !important;
  left: 555px !important;
}

.random-link{
  top: 705px !important;
  left: 524px !important;
}

.reset-link{
  top: 45px !important;
  left: 100% !important;
}

.cancel-link{
  top: 0!important;
  left: 100% !important;
}

/* Media Queries */

@media (min-width: 780px){
  
  body.home, body{
    background-size: auto
  }

}


/* End Media Queries */

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