.popup__body.modal__subscribe {
    min-width: 795px;
    padding: 35px 30px;
}

.modal__subscribe .popup__content {
    max-width: 50%;
    display: flex;
    min-height: 350px;
    flex-direction: column;
    justify-content:  end;
}

.tmpl_custom{
   min-height: 350px;
   background-size: cover !important; 
}

.modal__subscribe__image {

    position: absolute;
    bottom: 0;
    right: -35px;
    width: 50%;
    z-index: -1;
}


.popup__subscribe__title {
    font-weight: bold;
    line-height: 120%;
    letter-spacing: -0.0075em;
    margin-bottom: 30px;
}



.popup__subscribe__desc {
    line-height: 120%;
}


.modal__remember {
    font-size: 14px;
    line-height: 100%;
    display: inline-block;
    color: #FFF;
}

.modal__remember:hover {
    color: #FFF;
    text-decoration: none;
    text-decoration: underline;
}


.ss__btn__youtube,
.ss__btn__telegram {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 9px 20px 9px 10px;
    border-radius: 5px;
    font-weight: bold;

    line-height: 120%;
    text-decoration: none;
    margin-top: 15px;
    text-transform: initial;
}




.ss__btn__youtube:before,
.ss__btn__telegram:before {
    content: '';
    display: block;
    margin-right: 20px;
}

.ss__btn__youtube:before {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA0NiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik00NC42ODQ2IDUuMDI2MkM0NC4xNTg1IDMuMDcxOTUgNDIuNjE3NiAxLjUzMTEgNDAuNjYzNCAxLjAwNDk2QzM3LjA5MzEgMC4wMjc4MzIgMjIuODEyMSAwLjAyNzgzMiAyMi44MTIxIDAuMDI3ODMyQzIyLjgxMjEgMC4wMjc4MzIgOC41MzEwNSAwLjAyNzgzMiA0Ljk2MDc4IDAuOTY3Mzc1QzMuMDQ0MTIgMS40OTM1MiAxLjQ2NTY5IDMuMDcxOTUgMC45Mzk1NDMgNS4wMjYyQzAgOC41OTY0NiAwIDE2LjAwMDEgMCAxNi4wMDAxQzAgMTYuMDAwMSAwIDIzLjQ0MTIgMC45Mzk1NDMgMjYuOTczOUMxLjQ2NTY5IDI4LjkyODIgMy4wMDY1NCAzMC40NjkgNC45NjA3OCAzMC45OTUyQzguNTY4NjMgMzEuOTcyMyAyMi44MTIxIDMxLjk3MjMgMjIuODEyMSAzMS45NzIzQzIyLjgxMjEgMzEuOTcyMyAzNy4wOTMxIDMxLjk3MjMgNDAuNjYzNCAzMS4wMzI3QzQyLjYxNzYgMzAuNTA2NiA0NC4xNTg1IDI4Ljk2NTcgNDQuNjg0NiAyNy4wMTE1QzQ1LjYyNDIgMjMuNDQxMiA0NS42MjQyIDE2LjAzNzYgNDUuNjI0MiAxNi4wMzc2QzQ1LjYyNDIgMTYuMDM3NiA0NS42NjE4IDguNTk2NDYgNDQuNjg0NiA1LjAyNjJaIiBmaWxsPSIjRkYwMDAwIi8+CjxwYXRoIGQ9Ik0zMC4xNDA1IDE2TDE4LjI2NDYgOS4xNjAxNlYyMi44Mzk5TDMwLjE0MDUgMTZaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjQ2IiBoZWlnaHQ9IjMxLjk0NDQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDI3ODMyKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPg==");
    width: 45px;
    height: 32px;
}

.ss__btn__telegram:before {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDQwQzMxLjA0NTcgNDAgNDAgMzEuMDQ1NyA0MCAyMEM0MCA4Ljk1NDMxIDMxLjA0NTcgMCAyMCAwQzguOTU0MzEgMCAwIDguOTU0MzEgMCAyMEMwIDMxLjA0NTcgOC45NTQzMSA0MCAyMCA0MFoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcikiLz4KPHBhdGggZD0iTTE2LjMzMzMgMjkuMTY2NkMxNS42ODUzIDI5LjE2NjYgMTUuNzk1NSAyOC45MjE5IDE1LjU3MiAyOC4zMDQ5TDEzLjY2NjYgMjIuMDM0NEwyOC4zMzMzIDEzLjMzMzMiIGZpbGw9IiNDOERBRUEiLz4KPHBhdGggZD0iTTE2LjMzMzQgMjkuMTY2N0MxNi44MzM0IDI5LjE2NjcgMTcuMDU0MiAyOC45MzggMTcuMzMzNCAyOC42NjY3TDIwIDI2LjA3MzdMMTYuNjczNyAyNC4wNjc5IiBmaWxsPSIjQTlDOUREIi8+CjxwYXRoIGQ9Ik0xNi42NzMzIDI0LjA2ODRMMjQuNzMzMyAzMC4wMjMyQzI1LjY1MzEgMzAuNTMwNyAyNi4zMTY4IDMwLjI2NzkgMjYuNTQ2IDI5LjE2OTRMMjkuODI2OCAxMy43MDg5QzMwLjE2MjYgMTIuMzYyMiAyOS4zMTM1IDExLjc1MTIgMjguNDMzNSAxMi4xNTA3TDkuMTY4NDcgMTkuNTc5MkM3Ljg1MzQ3IDIwLjEwNjcgNy44NjEzIDIwLjg0MDQgOC45Mjg4IDIxLjE2NzJMMTMuODcyNiAyMi43MTA0TDI1LjMxODEgMTUuNDg5NUMyNS44NTg1IDE1LjE2MTkgMjYuMzU0NSAxNS4zMzc5IDI1Ljk0NzUgMTUuNjk5MiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMjYuNjgiIHkxPSI2LjY4IiB4Mj0iMTYuNjgiIHkyPSIzMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMzdBRUUyIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFFOTZDOCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXIiIHgxPSIyMi41MDczIiB5MT0iMjAuMDAxNiIgeDI9IjI1LjYyODUiIHkyPSIyNy4xMTMxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFRkY3RkMiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPg==");
    width: 40px;
    height: 40px;
}


.ss__btn__default {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 9px 20px 9px 10px;
    border-radius: 5px;
    font-weight: bold;
    line-height: 120%;
    text-decoration: none;
    margin-top: 15px;
    text-transform: initial;
 
}

.ss__btn__youtube:hover,
.ss__btn__telegram:hover,
.ss__btn__default:hover {
    opacity: .7;
}

.subscription__form {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    text-transform: none;
    line-height: 16px;
    font-size: 15px;
}

.subscription__form-field {
    height: 40px;
    margin-bottom: 10px !important;
    padding: 6px 12px;
    border-radius: 3px;
    background-color: #fff;
    transition: all .3s;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 5%) inset;
    border: 1px solid #e6e6e6;
    outline: 0;
    max-width: 100%;
    color: #000;
}

.subscription__form-submit {
    border-radius: 5px;
    border: 0;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    position: relative;
}

.subscription__form-submit::after {
    content: "";
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.subscription__form-submit:hover {
    opacity: .7;
}

.popup__body.modal__subscribe.tmpl-single {
    padding: 0;
    min-width: 600px;
}

.modal__subscribe.tmpl-single .popup__content {
    max-width: 100%;
    position: relative;
}

.link__full, .link__full img {
    display: block;
}

.popup__body.modal__subscribe.tmpl-single {
    min-width: 790px;
}

.modal__subscribe .popup__content {
    padding: 0 !important;
}

.popup-msg.error{
    background: rgb(255 95 95 / 80%);
    padding: 10px;
    color: #fff;
}

.popup-msg.ok{
    background: rgb(0 0 0 / 30%);
    padding: 10px;
    color: #fff;
}


@media (max-width: 830px) {
    .popup__body.modal__subscribe.tmpl-single {
        min-width: inherit !important;
    }
}

@media (max-width: 830px) {
    .popup__body.modal__subscribe {
        min-width: 100%;
        padding: 15px;
    }

    .modal__subscribe__image {
        width: 100%;

    }

    .modal__subscribe .popup__content {
        max-width: 100%;
        grid-row-gap: 5px;

    }

    .popup__subscribe__content {
        padding: 15px;
        background: rgba(0, 0, 0, 0.6);
        border-radius: 10px;
        margin-top: 120px;
    }

    .popup__subscribe__title{
        font-size: 28px !important;
        line-height: 32px;
    }

    .popup__subscribe__desc {
        font-size: 16px !important;
        line-height: 20px;
    }

    .popup__subscribe__desc span {
        font-size: 20px;
        line-height: 32px;
    }

    .popup__body.tmpl-red .popup__subscribe__title, .popup__body.tmpl-green .popup__subscribe__title, .popup__body.tmpl-purple .popup__subscribe__title, .popup__body.tmpl-blue .popup__subscribe__title {
        font-size: 38px;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.95);
    }

    .modal__remember {
        text-shadow: 1px 0px 4px rgb(0 0 0);
    }
}



.subscription__form__spinner{
    display: none;
    justify-content: center;
    padding: 5px;
    margin-top: 10px;
}


.subscription__form__spinner .bounce{
    margin-right: 2px;
    text-align: center;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    animation: sbs-bouncedelay 1.4s ease-in-out infinite both
}

.subscription__form__spinner .bounce1{
    animation-delay: -.32s
}

.subscription__form__spinner .bounce2{
    animation-delay: -.16s
}

@keyframes sbs-bouncedelay{

    0%,
    80%,
    to{
        transform: scale(0);
        transform-origin: center
    }

    40%{
        transform: scale(1)
    }
}