/* --- Additional images --- */

/* Thumbnail */
.dc-photogallery{
    float: left;
    margin: 10px;
    width: 200px;
    height: 200px;
    background-color: #f9f9f9;
    background-size: cover;
}

/* --- Popup --- */

#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:99000;
    background-color: rgba(0, 86, 138, 0.8);
    display:none;
  }  
  #boxes .window {
    position: fixed;
    left:0;
    top:0;
    width:640px;
    height:200px;
    display:none;
    z-index:99999;
    padding:20px;
    border-radius: 3px;
    text-align: center;
  }
  #boxes #dialog {
    width:650px; 
    height:auto;
    padding:10px;
    background-color:#ffffff;
    color: black;
    font-size: 15pt;
    line-height: 20pt;
  }
  #advert-once {
    position: fixed;
    top:0;
    left:0;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: rgba(0, 86, 138, 0.8);
    z-index: 9999999;
    }
    #advert-once .advert-button {
      float: right;
      margin-top: 10px;
      font-weight: 600;
      font-size: 40pt;
      cursor: pointer;
    }
    .popupcontent{
      position: relative;
      left: 50%;
      top:50%;
      padding: 35px;
      margin-left: -250px;
      margin-top: -250px;
      background-color:#fff;
      width:500px;
      color:#666;
      line-height: 20pt;
      font-size: 12pt;
    }
    .popupcontent h3{
      color: #666;
      line-height: 0;
      font-size: 19pt;
    }
    @media only screen and (max-width: 603px) {
      .popupcontent {
          width: 95%;
          left: 5px;
          top: 5px;
          background-image: none;
          padding-top: 35px;
          margin-left: 0px;
          margin-top: 0;
      }
      #advert-once .advert-button {
        margin-top: -21px;
      }
  }