.dopso-close a
  {
      display: inline-block;
    margin: 10px 6px 4px 6px;
    text-decoration: none;
    position: relative;
    font-size: 16px;
    padding: 8px 16px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: #337ab7;
    position: absolute;
    top: 0;
    right: 0;
    
    }modal-close
      .dopso-close a:hover
      {
           background: #000 
      }
    
    body.open-popup section.sec1.dopso
{
    display: inline-block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 111;
    background: #000000a8;
    height: 100%;
    padding: 100px 0 0;
    }
    
    section.sec1.dopso
    {
        
display: none;
    
    }
    .mod-logo {
  margin: 17px 0 30px;
}
.mod-logo img {
  display: inline-block;
}

.mod1 {
  font-size: 34px;
  font-weight: 500;
  text-align: center;
  /* font-family: 'Rubik', sans-serif; */
  color: #2599e3;
  margin: 15px 0 0;
  display: inline-block;
  width: 100%;
}

.mod2 {
  text-align: center;
  margin: 0 auto;
  color: #0f0f0f;
  font-size: 25px;
  font-weight: 400;
  margin: 18px 0;
  max-width: 300px;
  margin: 33px auto;
}
.mod3 {
  text-align: center;
  margin: 0 auto;
  color: #0f0f0f;
  font-size: 34px;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  color: #0f0f0f;
  font-size: 25px;
  font-weight: 700;
  margin: 18px 0;
  max-width: 341px;
  margin: 0 auto;
  font-weight: 400;
}
.modal-more {
}
.modal-more a {
  display: inline-block;
  background: #000;
  font-size: 26px;
  padding: 13px 89px;
  height: initial;
  width: initial;
  border-radius: 10px;
  border: 2px solid #fff;
  color: #aad7f4;
  margin: 20px 0;
}

.modal-more a:hover {
  background: #2e9de4;
  color: #fff;
}
#modal-content {
  display: none;
  position: fixed;
  z-index: 9999999;
  background: #001d3ecc;
  top: 50%;
  /* transform: translateX(-50%) translateY(-50%); */
  max-width: 100%;
  width: 100%;
  text-align: center;
  padding: 10px 20px;
  border: 4px solid #337ab7;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 16px 20px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  right: 0;
  text-align: center;
  top: 0;
  height: 100%;
}
#modal-close {
  display: inline-block;
  margin: -24px -26px 4px 6px;
  text-decoration: none;
  position: relative;
  font-size: 16px;
  padding: 8px 16px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  background: #337ab7;
  /* position: absolute; */
  top: 0;
  right: 0;
  float: right;
}
#modal-close:hover {
  background: #000;
}

.modals-all {
  background: #fff;
  top: 50%;
  left: 50%;
  max-width: 700px;
  width: 100%;
  text-align: center;
  padding: 10px 20px;
  border: 4px solid #337ab7;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 16px 20px rgba(0, 0, 0, 0.2);
  margin: 100px 0 0;
  display: block;
  margin: 127px auto 0;
  text-align: center;
  padding: 37px;
}