.popup__overlay{
  position: fixed;
  height: 100%;
  width: 100%;
  /*background: linear-gradient(135deg,rgba(176,70,243,.8),rgba(38,81,152,.8));*/
    background: rgba(0,0,0,0.3);
  top: 0;
  left: 0;
  z-index: 9999;
}

.popup{
  box-shadow: 0 0 50px 0 rgba(0,0,0,.1);
  background: #fff;
  position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
    width: 100%;
    max-width: 600px;
    border-radius: 6px;
    margin: 10px;
    box-sizing: border-box;
}

@media all and (max-width: 620px) {
    .popup{
        width: calc(100% - 20px);
        transform: translate(calc(-50% - 10px), -50%);
    }
}

.popup__wrap{
    /*
    margin: 50px auto;
    position: relative;

     */
}

a#popup__close{
    display: block;
    background-color: #e96f0b;
    padding: 10px;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-align: center;
    margin-bottom: 30px;
}

a#popup__close:hover,
a#popup__close:focus{
    background: #646faa;
}

.popup__inner-wrap{
    padding: 0 30px 30px 30px;
}

a.popup__button{
    display: block;
    background-color: #e8eaf2;
    color: #646faa;
    font-size: 14px;
    padding: 5px 10px;
    font-weight: 700;
    margin-top: 12px;
}

a.popup__button:hover,
a.popup__button:focus{
    background-color: #646faa;
    color: #fff;
}


.special_notice{
    background-color: #646faa;
    padding: 10px 0px 10px 20px;
    border-radius: 4px;
}