/*=================================================================================================*/
.kg-butt{background-color:#e6762b; padding:10px 35px; display:inline-block; font-size:12pt; text-transform:uppercase; color:#fff !important; border-radius:0px 20px;}
.kg-butt:hover{background-color:#2c85cc; color:#fff !important; text-decoration:none;}

/*=================================================================================================*/
.box {
  width: 70%; margin: 0 auto; background: rgba(255,255,255,0.2);   padding: 35px;  border: 2px solid #fff;   border-radius: 20px/50px;
  background-clip: padding-box;  text-align: center;
}
.overlay { 
  position: /*absolute*/fixed; top: 0;  bottom: 0;  left: 0;   right: 0;   background: rgba(0, 0, 0, 0.7);  transition: opacity 500ms;
  visibility: hidden; opacity: 0;   z-index:999999999999999; overflow: auto;
}
.overlay:target { visibility: visible;  opacity: 1;  }

/*=================================================================================================*/
.popup { margin: 30px auto 50px; padding: 20px; background: #fff;   border-radius: 5px;  width: 70%;   position: relative;  transition: all 5s ease-in-out;   margin-top:5%;  margin-bottom:5%;}
.popup h2 {  margin-top: 0; color: #333; font-size:17pt; padding-top:15px; }
.popup .close { position: absolute; top: 0px;  right: 30px; transition: all 200ms;   font-size: 30px;  font-weight: bold;  text-decoration: none;   color: #333 !important; }
.popup .close:hover {  color: #333; }
.popup .content {  max-height: 30%; overflow: auto;  margin-top:30px; }

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