.promobtn{
    float:right;
    margin: -77px -109px 0px -88px !important;
    z-index: 99;
    position: absolute;
    top: 208px;
    left: 1250px;
}


.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
    padding: 20px;
    border-radius: 5px;
    position: relative;
    transition: all 1s ease-in-out;
    font-family:Roboto;
    background: rgba(9, 16, 23, 0.8);
    text-align: left;
    max-width: 643px;
    margin: 40px auto;
    height:320px;
    color:#f3f3f3;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}

.popup h1 {
    background: url('../images/audiheader_bg.png') no-repeat center;
    height:37px;
    width:643px;
    color: #fff;
    vertical-align:middle;
    line-height:37px;
    text-indent: 14px;
    font-size:1.1em;
}

.popup p {
    text-indent: 14px;
    color:#737373;
    margin: 10px 0;
}

    .white-popup-block p{
         text-indent: 14px;
         color:#737373;
         margin: 10px 0;
        

    }

    .popup-form-content{
        width:618px;
        height:142px;
        /*background-color:#717171;*/
        margin: 5px auto;
    }

     .popup-form-content h2{
         font-family:Tahoma;
         color: #ffc700;
         
         text-align:center;
         font-size:2.5em;
         height:40px;
         vertical-align:middle;
        line-height:40px;
        margin: 5px 0;
     }

     .popup-form-content h3{
         font-family:Tahoma;
         color: #fff;
         text-align:center;
         font-size:.8em;
         font-weight:normal;
          margin: 10px 0 10px 0;
     }

     .popup ol{
       
         list-style:decimal;
         /*font-size:.8em;*/
         margin:39px 0 10px 0;
       
     }
    
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

.popup-form-content span{
        
         font-size:.8em;
         

     }

     .popformContainer{
         width:600px;
        height:45px;
        margin: 0 auto;
     }

     .popupInputContainer{
         width: 416px;
         height:30px;
         margin:  10px auto ;
     }

     .popupTxtbox{
        text-align: center;
        margin: 2px auto;
        width: 300px !important;
        height: 28px;
        font-size: 1em;
        letter-spacing: 1.5px;
        float: left !important;
        background-color: white !important;
        border: 1px solid black !important;
		color: black;
     }

     .btnEnterCodeContainer{
         width:98px;
         height:35px;
         text-align:center;
         margin: 0 0 0 10px;
         line-height:33px;
         vertical-align:middle;
         float:left;
     }

     .btnEnterCodeContainer a{
         font-family:Roboto;
         text-decoration:none;
         font-size:.9em;
         background-color:#f19f2a;
         border:1px solid #fff;
         color:#fff;
         padding: 5px 5px;
     }

      .btnEnterCode{
         font-family:Roboto;
         text-decoration:none;
         font-size:.9em !important;
         background-color:#b15d1a;
         border:1px solid #fff;
         color:#fff;
         padding: 5px 5px;
         cursor:pointer;
         width:97px !important;
         letter-spacing:0 !important;
         height:31px !important;
            }

      .closeBtn{
          margin-left:367px;
          text-decoration:none;
          color:#fff;

      }

      .linktosteam{
          color:orange;
      }