.loading-banner{
	    width: 36vh;
    display: block;
    margin: 0 auto;
}



.safari_fix{
	background-position: center -27.5vh!important;

}

.winning_stage{
	background-image: url(../images/winningstage.jpg)!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    
}

.distance{
	width: 9vh;
}


.overlay{
      width: 25vh;
    display: block;
    margin: 19vh auto;
    position: absolute;
    left: 0;
    right: 0;
}
.dark{
	width: 100%;
    height: 100%;
    background-color: black;
    position: fixed;
    z-index: 3;
    opacity: .3;
    pointer-events: none;
    display: none;
}


.bee{
	 width: 8vh;
    display: block;
    margin: 0 auto 1vh;
}
.bee-l{
       width: 16vh;
    margin-right: 2vh;
    border: 0.4vh solid #083656;
    border-radius: 2vh;
    background-color: white;
    padding: 2vh;
   
}

.bee-r{
        width: 16vh;
    margin-left: 2vh;
    border: 0.4vh solid #083656;
    border-radius: 2vh;
    background-color: white;
    padding: 2vh;

    
}

.logo-landing{
	 width: 33vh;
    margin-top: 1vh;
    margin-bottom: 2vh;
}

.logo-landing-small{
   width: 23vh;
    margin-top: 1vh;
    margin-bottom: 2vh;
}

.logo{
      width: 40vh;
    margin-top: 15vh;
    margin-bottom: 4vh;
}

.pmode-r{
  width: 12vh;
   margin-left: 2vh;
}

.pmode-l{
  width: 12vh;
   margin-right: : 2vh;
}

.player-select{
	 background-color: #0d5181;
}

.playmode-select{
	background-color: #0d5181;
}

.playerresult{
	font-size: 3vh;
}

.carousel-indicators li{
          background-color: rgb(255, 255, 255);
}

.carousel-indicators .active{
  background-color: #912646;
}

.drinkpoint{
  width: 15vh;
}

.obs{
  width: 15vh;
}

.guide{
  width: 34vh;
}



hr{
  margin: 1vh!important;
}

.filedinput{
       width: 100%;
    border-radius: 5px;
    border: 2px solid #3f9c3e;
    margin-bottom: 2vh;
    height: 5vh;
    padding-left: 1vh;
    font-size: 2vh;
}

.centercup {
    width: 40vh;
}

.landingback{
  width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}

.landingticket{
  width: 30vh;
}

.landingbox{
    background-color: #ffffffeb;
    background-color: rgba(255, 255, 255, 0.94);
    border-radius: 10px;
    padding: 8px;
}

#leaderbody{
  text-transform: uppercase;
}




.terms-box{
   
    overflow-y: auto;
    max-height: 55vh;
    height: auto;
    margin: 3vh auto;
        text-align: left!important;
    color: #22282b;
    font-family: 'Arvo'!important;
    font-size: 1.5vh!important;
   
}

.termstitle{
    font-size: 3vh;
    text-align: left;
    margin-bottom: 0;
    padding-left: 2vh;
}

.terms-box p{
    color: #22282b!important;
    font-size: 2vh!important;
    text-align: left;
}
.voucher_code{
    width: 12vh;
    display: block;
    margin: 1vh auto;
}

.howtoimg{
      width: 35vh;
    display: block;
    margin: 1vh auto;
}

.points{
        color: #033771;
    font-size: 3vh!important;
    font-family: LT-Bold;
    pointer-events: none;
    float: left;
}



.nopad{
  padding-left: 0px!important;
  padding-right: 0px!important;
}

.countdown{
      position: fixed;
    font-size: 30vh;
    z-index: 5000;
    font-weight: bold;
    left: 0;
    right: 0;
    margin: 24vh auto;
    text-align: center;
    color: #bb5447;
    font-family: 'Montserrat-Bold';
    
}

.specialpoints_100,.specialpoints_50{
    display: none;
    width: 35vh;
    position: fixed;
    z-index: 5000;
    left: 0;
    right: 0;
    margin: 24vh auto;
   
    
}

.voucher_popup{
    width: 11vh;
    position: fixed;
    z-index: 500000;
    right: 2vh;
    bottom: 2vh;
}

.voucher_codes_text,.voucher_drink,.voucher_food{
      width: 100%;
    border: 2px solid #3d9b3e;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    color: #000000;
}

.leaderboardtext{
      width: 25%;
    height: 8vh;
    border: none;
    border-bottom: 2px solid #1457a8;
    background: transparent;
    margin-bottom: 1vh;
    font-size: 4vh;
    text-align: center;
    text-transform: uppercase;
}


.marb15{
    margin-bottom: 15px; 
}


.font28{
  font-size: 28px;
}

.mrscroll{
  overflow-y: auto;
}

.hidebox{
  display: none;
}

.override{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002e7f+1,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(top, rgba(0,46,127,0.65) 0%, rgba(0,46,127,0.64) 1%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,46,127,0.65) 0%,rgba(0,46,127,0.64) 1%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,46,127,0.65) 0%,rgba(0,46,127,0.64) 1%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6002e7f', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    z-index: 100;
    margin: 0;
    padding-top: 1vh;
    padding-bottom: 1vh;
}