.popup-wrapper {
    position: fixed;
    background-color: rgba(0,0,0,.3);
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    z-index:1000;
    width:100vw;
    height:100vh;
    opacity:1;
    visibility:visible;
    transition: all .3s ease;
}

.popup {
    background-color: #fff;
    width: 800px;
    display: flex;
    position:relative;
}

    .popup:before {
        background: url(../images/title-bg.webp) no-repeat;
        content: "";
        height: 191px;
        left: -34px;
        position: absolute;
        top: -26px;
        width: 189px;
    }
.popup__content {
    padding: 38px;
    flex: 1 1 60%;
    width:60%;
    display:flex;
    flex-direction:column;
}

.popup__image {
    background-position: center left;
    background-size: cover;
    background-repeat: no-repeat;
    flex: 1 1 40%;
    width: 40%;
}

.popup__header {
    background-color: #000;
}

    .popup__title h3 {
        font-weight:bold;
        font-size:38px;
        margin-bottom:18px;
    }
        .popup__title h3:after {
            content: '';
            background-color: #ee6c0c;
            height:4px;
            width:50px;
            display:block;
        }

.popup__text {
    background-color: #fff;
    flex: 1;
}

.popup__buttons{
    margin-top:38px;
    margin-bottom:20px;
    display:flex;
}
.popup__close{
    font-weight:bold;
    color:black;
    font-size:20px;
    position:absolute;
    background-color:transparent;
    border:none;
    outline:none;
    right:10px;
    top:10px;
}
.popup__clickarea{
    width:100%;
    height:100%;
    display:block;
    position:absolute;
}

@media (max-width: 768px){
    .popup {
        flex-direction: column;
        margin-left: 12px;
        right: 15px;
        max-width: calc(100% - 60px);
    }
    .popup:before{
        content:none;
    }
    .popup__image{
        background-position: center center;
        height:180px;
        width:100%;
        flex: unset;
    }
    .popup__content{
        width: 100%;
        padding:20px;
    }
    .popup__close{
        background-color:rgba(255,255,255,.6);
    }
    .popup__title h3{
        font-size:20px;
    }
}