body
{
    background-color: black;
}

body:after{
    display:none;
    content: url(../../assets/images/ageGate/enter_over.png);
}

.background {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url('../../assets/images/background.jpg') no-repeat center;
    visibility: hidden;
}

.videoWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 424px;
    height: 184px;
    margin-top: -304px; /* Half the height */
    margin-left: -458px; /* Half the width */
    z-index: 1100;
}

.video
{
    overflow: hidden;
//   visibility: hidden;
//  height: 0px;
    position: absolute; top:79px; left: -3336px;
}

   .ageGateWrapper
   {
       position:absolute;
       width: 100%;
       height: 100%;
       top: 0;
       left: 0;
       margin-top: -2px;
       background: transparent url('../../assets/images/ageGate/Bckrnd_ageGate.jpg') no-repeat center;
       visibility: hidden;
       z-index: 1000;
   }
.ageGateControls
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -122px;
    margin-left: -164px;
    z-index:1000;
}


.ageselector {
    cursor: pointer;
}

.css-select select {
    width: 300px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 34px;

}
.css-select
{
    color: #ddd;
    background: #252525;
    display: inline;
    width: 240px;
    height: 24px;
    overflow: hidden;
  /*  background: url(../../assets/images/ageGate/arrow.jpg)no-repeat right #ddd; */
    border: 1px solid #252525;
 /*   -webkit-appearance: none;
    overflow:hidden; */
}



.ageGateButtonWrapper
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -70px;
    margin-left: -54px;
    z-index:1001;
}
.confirmAgeButton {
    background: transparent url('../../assets/images/ageGate/enter_up.png') no-repeat;
    width:96px;
    height:34px;
    margin: 0px;
    border: 0px;
    padding: 0px;
    cursor: pointer;
}
.confirmAgeButtonOver {
    background: transparent url('../../assets/images/ageGate/enter_over.png') no-repeat;
    width:96px;
    height:34px;
    margin: 0px;
    border: 0px;
    padding: 0px;
    cursor: pointer;
}
.tooYoungText {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -122px;
    margin-left: -205px;
    z-index: 1002;
    visibility: hidden;
}

.enterDateText {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -255px;
    z-index: 1002;
    visibility: hidden;
}

.gameContent
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 915px;
    height: 100%;
    margin-top: -305px; /* Half the height */
    margin-left: -458px; /* Half the width */
    z-index:999;
}

.oldbrowser {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 915px;
    height: 607px;
    margin-top: -303px; /* Half the height */
    margin-left: -458px; /* Half the width */
    visibility: visible;
    background: transparent url('../../assets/images/background_tite.jpg') no-repeat center;
    z-index: 1000;
}

.noSupportText {
    font-size: 20px;
    font-weight: bold;
    color: #898989;
}
.oldtext {
    color: #898989;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-top: -210px;
    margin-left: -280px;
}

.xptext {
    font-family: Arial;
    font-size: 10px;
    color: #dcdcdc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 80px;
    margin-left: -125px;

}

.buyNowLink {
    width: 145px;
    height: 220px;
    top: 50%;
    left: 50%;
    margin-top: 372px; /* Half the height */
    margin-left: 180px; /* Half the width */
    cursor: pointer;
}
.buyNowLink2 {
    width: 120px;
    height: 45px;
    top: 50%;
    left: 50%;
    margin-top: -75px; /* Half the height */
    margin-left: 330px; /* Half the width */
    cursor: pointer;
}

.packshotBuyLink {
    position: absolute;
    width:120px;
    height:120px;
    margin-top: 180px;
    margin-left: -390px;
    top: 50%;
    left: 50%;
    cursor: pointer;
    z-index: 2100;
}

.buttonBuyLink {
    position: absolute;
    width:120px;
    height:50px;
    margin-top: 222px;
    margin-left: 40px;
    top: 50%;
    left: 50%;
    cursor: pointer;
    z-index: 2101;
}

.buttonVisitLink {
    position: absolute;
    width:160px;
    height:50px;
    margin-top: 222px;
    margin-left: 170px;
    top: 50%;
    left: 50%;
    cursor: pointer;
    z-index: 2102;
}

.browserTitle {
    color: #cfcfcf;
    font-family: Arial;
    font-size: 12px;
}
.browserLink {
    color: #ffff00;
    font-family: Arial;
    font-size: 13px;
}

.browserLink1 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -330px;
    text-align: center;
}

.browserLink2 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -150px;
    text-align: center;
}

.browserLink3 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: 45px;
    text-align: center;
}

.browserLink4 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: 230px;
    text-align: center;
}

.portraitBlocker {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 915px;
    height: 607px;
    margin-top: -303px; /* Half the height */
    margin-left: -458px; /* Half the width */
    background: transparent url('../../assets/images/backrnd_rotateGame.jpg') top left no-repeat;
    visibility: hidden;
    z-index: 1002;
}

.legalOld{
    text-align:center; margin-top:3em;
}

.legal{
    text-align:center; margin-top:0em;
    z-index: 2000;
}

.tosLink {

    position: absolute;
    width: 65px;
    height: 14px;
    margin-left: 230px;
    margin-top: 462px;
    cursor: pointer;
    z-index: 3000;
}
.ppLink {

    position: absolute;;
    width: 70px;
    height: 14px;
    margin-left: 155px;
    margin-top: 462px;
    z-index: 3001;
    cursor: pointer;
}

.tosLink2 {
    position: absolute;
    width: 65px;
    height: 14px;
    margin-left: 525px;
    margin-top: -35px;
    cursor: pointer;
    z-index: 3000;
}
.ppLink2 {
    position: absolute;;
    width: 70px;
    height: 14px;
    margin-left: 447px;
    margin-top: -35px;
    z-index: 3001;
    cursor: pointer;
}