#popup-atc{
    font-size: 16px;
    z-index: 999999;
    --gray: #A3A3A6;
    --red: #ed1c24;
    --focus-border: #000;
    --focus-color: #79797B;
    --error-border: #E32E22;
    --error-color: #E32E22;
}
#popup-atc .popup-overlay{
    background-color: rgba(0,0,0,.85);
}
#popup-atc .popup-content {
    width: 600px;
    height: 382px;
    max-height: 100%;
    padding: 0 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/back.jpg);
    background-image: -webkit-image-set(url("../images/back.jpg") 1x, url("../images/back@2x.jpg") 2x);
}
#popup-atc .atc-animation {
    width: 56px;
    height: 56px;
    margin-bottom: 14px;
}
#popup-atc .atc-animation dotlottie-player {
    width: 282px;
    height: 282px;
}
#popup-atc .popup-content .popup-close {
    width: auto;
    height: auto;
    padding: 27px 33px;
    top: 0;
    right: 0;
}
#popup-atc p {
    font-size: 1.1875em;
    line-height: normal;
    margin: 0 auto;
    max-width: 100%;
    width: 260px;
}
#popup-atc p.avenir-black {
    font-size: 2em;
    margin-bottom: 13px;
    width: auto;
}
#popup-atc .button{
    width: 232px;
    height: 40px;
    border-radius: 20px;
    margin-top: 15px;
    margin-bottom: 13px;
    font-size: 1em;
    color: #fff;
    padding: 0.2em 0 0;
}
#popup-atc a {
    column-gap: 14px;
    font-size: 1em;
}
@media screen and (max-width: 567px){
    #popup-atc .popup-content {
        width: 324px;
        height: 394px;
        background-image: url(../images/back-m.jpg);
        background-image: -webkit-image-set(url("../images/back-m.jpg") 1x, url("../images/back-m@2x.jpg") 2x);
    }
    #popup-atc .popup-content .popup-close {
        padding: 20px 15px;
    }
    #popup-atc .button{
        margin-top: 33px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 414px) and (max-height: 700px){
}