/*27.09.2018*/
/*popup -start*/

@media only screen and (min-device-width : 320px) and (max-device-width : 1023px){
  #screen_popup, #modal_popup {
    display: none !important;
    position: fixed;
  }

}

@media only screen and (min-device-width : 1024px){

  #screen_popup, #modal_popup {
    display: none;
    position: fixed;
  }

  h1, h1 a.stb1 {
    min-height: 120px;
    width: 90%;
    max-width: 700px;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    text-decoration: none;
    color: #fff;
    padding-top: 80px;
  }

  #screen_popup {
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.75);
      z-index: 1;
  }

  div#modal_popup {
    width: 650px;
    margin: 30px auto;
  } 

  #modal_popup {
      width: 73.333%;
      left: 25%;
      background: white;
      z-index: 2;
      font-size: 16px;
      -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15);
      -moz-box-shadow: 0 0 20px rgba(0,0,0,0.15);
      box-shadow: 0 0 20px rgba(0,0,0,0.15);
      border: 1px solid rgba(0,0,0,0.25);
      border-radius: 5px;
  }

  #modal_popup p {
      padding: 10px;
      margin-top: 25px;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
  }

  #modal-close1 {
    float: right;
    /* background: #555; */
    /* border: none; */
    /* color: #ffffff; */
    /* font-size: 16px; */
    margin-right: -7px;
    /* margin-top: 5px; */
    /* border-radius: 13px; */
    /* padding: 6px; */
    padding-left: 9px;
    /* line-height: 16px; */
    cursor: pointer;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    color: #ff0000;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    position: absolute;
    right: 10px;
    top: 3px;
  }
}

/*popup -end*/