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



.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: #df4a11;
}

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


.checkbox-custom{
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label{
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label{
    position: relative;
    color: #3f5c6d;
   font-family: 'avantlite'!important;
}

.checkbox-custom + .checkbox-custom-label:before{
       content: '';
    background: #fff0;
    border: 2px solid #3f5c6d;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
       background: #3f5c6d;
    -webkit-box-shadow: inset 0px 0px 0px 4px #fff;
    box-shadow: inset 0px 0px 0px 4px #fff;
}



.checkbox-custom:focus + .checkbox-custom-label{
  
}


.terms-box{
      padding: 2vh;
    overflow-y: auto;
    max-height: 60vh;
    height: auto;
    margin: 3vh auto;
    text-align: left!important;
    color: white;
    font-family: 'LT-Bold'!important;
    font-size: 1.5vh!important;
   
}

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

.terms-box p{
    color: #446171!important;
    font-size: 1.5vh!important;
    text-align: center;
}
.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{
  display: none;
        position: fixed;
    font-size: 30vh;
    z-index: 5000;
    left: 0;
    right: 0;
    margin: 24vh auto;
    text-align: center;
    color: white;
    -webkit-text-fill-color: #1457a8;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #ffffff;
}

.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{
     background-color: #3f5c6d;
    z-index: 100;
    margin: 0;
    padding-top: 1vh;
    padding-bottom: 1vh;
    position: absolute;
    width: 100%;
    height: 11vh;

}