PROB
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
<style type="text/css">
.popup{width: 100%;display: none;position: fixed;z-index: 9999999999;top: 0px;}
.popup1{width: 100%;display: none;position: fixed;z-index: 9999999999;top: 0px;}
</style>
<style type="text/css">
.login_box{background: #acacac;width:320px; min-width: 320px !important; max-width: 320px !important; position:fixed;right:60px;height: auto;bottom:20px; padding-bottom:20px;box-shadow: 1px 1px 20px 5px;background: white; border-radius:12px;}

.login_box1{background: #acacac;width:300px; min-width: 300px !important; max-width: 300px !important; position:fixed;right:60px;height: 70px;top:20px; padding-bottom:20px;box-shadow: 1px 1px 20px 3px;background: white; border-radius:12px;}


.img-responsive.img1{margin: 5% auto;}
.singleImg_250{margin: 5% auto; width: 100%;}
.img_600{margin: 20px auto !important;width:100%;}
.x_text_lightBox {position: absolute;left: 0px;color: #000000;;cursor: pointer;font-weight: 700;z-index: 9999999999999;padding-top: 4px;transition: ease .25s all;font-size: 18px;text-decoration: none;right: 10px;text-align: right;}
.adBoxDiv600 {background-color: #fff;padding: 15px;position: relative;text-align: center;border-radius: 7px;bottom: 33px;box-shadow: 1px 1px 15px 4px;padding-bottom: 20px}
.adBoxDiv600 {background-color: #fff;padding: 15px;	position: absolute !important;border-radius: 7px;box-shadow: 1px 1px 15px 4px;top: 100%;right: 0px;left: 0px;margin: 0px auto !important;padding-bottom: 20px}
.adBoxDiv600 a {position: relative;right: 15px;bottom: 16px;font-weight: 700px;}
.textAdClickText0 {font-size: 15px;font-weight: 700;color: #0000df;position: relative;margin: 0px auto;top: 10px}
.textAdClickText0 span {color: #1b01fe;}
.img-responsive.img2 {float: right;}
.col-md-12.col-xs-12.ifreamDiv {margin-top: 20px;}
.overlay_box{background: #acacac;width:320px; min-width: 320px !important; max-width: 320px !important;position:fixed;right:400px;height: auto;bottom:20px; padding-bottom:20px;box-shadow: 4px 4px 30px -8px;background: white; border-radius:12px;border: 1px solid #000}
.overlay_box_video{background: #acacac;width:320px; min-width: 320px !important; max-width: 320px !important;position:fixed;right:400px;height: auto;bottom:20px; padding-bottom:20px;box-shadow: 4px 4px 30px -8px;background: white; border-radius:12px;border: 1px solid #000}
.textAdClickText {word-wrap: break-word;}
.mainDivOverlay{margin: 20px auto;}
h3.overlayTitle {color: red;font-size: 25px;font-weight: bold;}
.overlayDescription {font-size: 20px;font-weight: 700;line-height: 30px;}
#btn_formcapture {background-color: red;padding: 15px;width: 85%;color: white;font-weight: 700;font-size: 19px;border-radius: 10px;margin: 10px auto;border: 2px solid #fff8f8;box-shadow: 1px 1px 7px 1px #000;cursor: pointer;}
.btnDivMain {border: 1px solid red;padding: 15px;background: linear-gradient(white, yellow);border-radius: 10px;width:90%;height: 155px;}
.dashborderImg1 {width: 100%;position: relative;bottom: 7px;}
.dashborderImg2 {width: 100%;position: relative;top: 22px;}
.x_250_overlay {position: fixed;right: 400px;color: #000000;;cursor: pointer;font-weight: 700;z-index: 9999999999999;padding-top: 4px;transition: ease .25s all;font-size: 18px;text-decoration: none;bottom: 380px}
.textAdClickTextOveray {font-size: 15px;font-weight: 700;color: #0000df;position: relative;margin: 0px auto;top: 20px}
.textAdClickTextOveray0 {font-size: 15px;font-weight: 700;color: #0000df;position: relative;margin: 0px auto;top: 10px;}
.x_250_single_edit {position: absolute;left: 0px;color: #000000;;cursor: pointer;font-weight: 700;z-index: 9999999999999;padding-top: 4px;transition: ease .25s all;font-size: 18px;text-decoration: none;right: 10px;top: 15px;text-align: right;}
.x_250_single {position: absolute;right: 10px;color: #000000;;cursor: pointer;font-weight: 700;z-index: 9999999999999;padding-top: 4px;transition: ease .25s all;font-size: 18px;text-decoration: none;left: 0px;text-align: right;}
.x_250_single0 {position: relative;right: -290px;color: #000000;;cursor: pointer;font-weight: 700;z-index: 9999999999999;padding-top: 4px;transition: ease .25s all;font-size: 18px;text-decoration: none;}
.x_250_textAd {position: relative;right: -310px;color: #000000;;cursor: pointer;font-weight: 700;z-index: 9999999999999;padding-top: 4px;transition: ease .25s all;font-size: 18px;text-decoration: none;}
.textAdDiv {border:2px dashed #ff2300;height: auto;margin: 0px auto;padding: 10px}
.textAdDiv p {font-size: 15px;word-wrap: break-word;color: #000000;padding-top: 10px}
.x_600 {position: fixed;right: 60px;color: #000000;cursor: pointer;font-weight: 700;z-index: 9999999999999;padding-top: 4px;transition: ease .25s all;font-size: 18px;text-decoration: none;}


.x_600_1 {position: fixed;right: 60px;color: #000000;cursor: pointer;font-weight: 700;z-index: 9999999999999;padding-top: 4px;transition: ease .25s all;font-size: 18px;text-decoration: none; min-width: 0;}


#timerform99{ position: relative; top: 5px; bottom: 10px; }
.timer99{ font-size: 20px; color: red; display: inline-block; font-weight: bold; position: relative; }
.text99{ font-size: 20px; font-weight: bold; display: inline-block; position: relative; }
#timer{ display: inline-block; }
.timersec{ font-size: 30px; }
.timermilsec{ font-size: 20px; color: blue; }

#divcontent99 input{ height: 30px; margin: 0; padding: 0; }
#divcontent99 input::-webkit-input-placeholder { font-size: 14px; }
.form99{ position: relative; top: 23px; font-weight: bold; font-size: 16px; }
#username99{ width: 120px !important; font-size: 12px; display: inline !important; }
#getoots{ width: 85px !important; font-size: 14px; margin-left: 5px !important; display: inline !important; }


.won99{ font-weight: bold; font-size: 20px; position: relative; top: 20px; }
.red99{ color: red; font-size: 20px !important; }
</style>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
<div class='popup1'>
  <div class="row login_box1">
    <span class='x_600_1' id='x1'>X</span>
    <div class="col-md-12 col-xs-12" align="center">
      <div class="col-md-12 col-xs-12"> 

          <div id="divcontent99">

            <div id="timerform99">
              <div class="text99">Wait&nbsp;</div>
              <div class="timer99">
                <div id="timer"></div>
                <!--<span id="stopstart"><input type="button" name="pause" id="pause" class="stopstart" value="Pause" onClick="stopTimer();"></span>-->
              </div>
              <div class="text99">&nbsp;Seconds</div>
            </div>

            <div id="form99" class="form99">
              <input type="text" id="username99" name="username99" placeholder="username">
              <input type="button" id="getoots" name="getoots" value="Get OOTs">
            </div>

          </div>

      </div>
    </div>
  </div>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script type='text/javascript'>
$(function(){

/* ### Get Credits Functionality START ### */

$('#getoots').mousedown(function(){
  var username = $('#username99').val();

  $.ajax({
    method: "POST",
    url: "https://oodlesoftraffic.com/ajax_query.php",
    data: {
      earncredits: 1,
      username: username,
      adid: '4124'
    }
  })
  .done(function(msg){
    $('#form99').html("<strong>" + msg + "</strong>");
  });

});

/* ### Get Credits Functionality END ### */

/* #####  timer functionality START ### */
  //$('#timerform99').hide();
  $('#form99').hide();
  $('#won99').hide();

var distance = 7000;
var timer;
var _second = 1000;
var _minute = _second * 60;

var prevent_bust = 0  
$(window).on('beforeunload', function(){
  if(distance > 0){
    prevent_bust++;
  }
});

setInterval(function() {  
  if (prevent_bust > 0) {  
    prevent_bust -= 2;
    //window.top.location = '?action=viewspotad';
  }  
}, 1);


function showRemaining(){
  distance = distance - 10;

  if (distance <= 0 ) {

    // handle expiry here
    clearInterval( timer ); // stop the timer from counting

    $('#timerform99').hide();
    $('#form99').show();


  }else{

    var seconds = Math.floor( (distance % _minute) / _second );
    //turn 3 digit milliseconds to 2 digit (higher digits)
    var milliseconds = Math.floor( (distance % _second) / 10 );
    var countdownElement = document.getElementById('timer');

    //add leading 0 to seconds
    if(seconds < 10) sseconds = '0' + seconds;
    else sseconds = seconds;

    //add leading 0 to milliseconds
    if(milliseconds < 10) mmilliseconds = '0' + milliseconds;
    else mmilliseconds = milliseconds;
    countdownElement.innerHTML = '<span class="timersec">' + sseconds + '</span> <span class="timermilsec">' + mmilliseconds + '</span>';

  }

}

function stopTimer(){
  document.getElementById('stopstart').innerHTML = '<input type="button" name="restart" id="restart" class="stopstart" value="Continue" onClick="restartTimer();">';
  clearInterval( timer );
}

function restartTimer(){
  document.getElementById('stopstart').innerHTML = '<input type="button" name="pause" id="pause" class="stopstart" value="Pause" onClick="stopTimer();">';
  timer = setInterval(showRemaining, 10);
}

  timer = setInterval(showRemaining, 10);

  //continue to members area
  $('#continue').on('click', function(){
          window.top.location = 'https://oodlesoftraffic.com/adhopsstats.html';
      });

  //earn more KuleCoins
  $('#earnmore').on('click', function(){
    window.top.location = 'https://oodlesoftraffic.com/earncredits.html?type=&uid=';
  });

/* #####  timer functionality END ### */
//Overlay functionality
  $('.popup1').hide();

  $('.close1').click(function(){
    $('.popup1').hide();
    return false;
  });
  setTimeout(function() {
    $('.popup1').show();
    $('.close1').click(function(){
      $('.popup1').hide();
      return false;
    });
  }, 500);
  $('#x1').click(function(){
    $('.popup1').hide();
    return false;
  });
});
</script>
    <div class='popup'>
        <div class="row login_box">
        <span class='x_250_single0' id='x'>X</span>
          <div class="col-md-12 col-xs-12" align="center">
            <div class="col-md-12 col-xs-12"> 
              <a href="https://automaticbuilder.com/nxrcp2.php?user=profitdoctor" target="_blank"><img  src="https://oodlesoftraffic.com/images/adBoxImages/1676648075.jpg" class="img-responsive singleImg_250"/></a>
          <div class="col-md-10 col-md-offset-1 textAdClickText0"> <a href="https://oodlesoftraffic.com/OOT1" target="_blank"><span><u>POWERED BY OOT</u></span></a> </div>
              </div>
          </div>
        </div>
      </div>
    
<!--</div>--> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script> 
<script type='text/javascript'>
$(function(){
  //$('#overlay').hide();
  $('.popup').hide();

  $('.close').click(function(){
    $('.popup').hide();
    //overlay.appendTo(document.body).remove();
    return false;
  });

setTimeout(function() {
  //$('#overlay').show();
  $('.popup').show();
  $('.close').click(function(){
    $('.popup').hide();
    //overlay.appendTo(document.body).remove();
    return false;
  });
}, 1000);

  $('#x').click(function(){
  $('.popup').hide();
  //$('#overlay').hide();
  return false;
  });

});
</script>