.s-main-type-12 {
    position: relative
}

@media screen and (max-width:639px) {
    .s-main-type-12 .s-main-type-12__row .s-main-type-12__main {
        padding: 20px 20px 36px
    }
    .s-main-type-12__buttons {
        width: 100%
    }
}

@media (min-width:640px) and (max-width:959px) {
    .s-main-type-12 .s-main-type-12__row .s-main-type-12__main {
        padding: 32px 32px 36px
    }
}

@media (min-width:960px) and (max-width:1359px) {
    .s-main-type-12 .s-main-type-12__row .s-main-type-12__main {
        padding: 20px 32px
    }
}

@media screen and (min-width:1360px) {
    .s-main-type-12 .s-main-type-12__row .s-main-type-12__main {
        padding: 20px 48px
    }
}

.s-main-type-12__additional {
    position: relative;
    min-height: 0
}

@media screen and (max-width:959px) {
    .s-main-type-12__additional {
        padding-bottom: 58%
    }
}

@media screen and (min-width:960px) {
    .s-main-type-12_right .s-main-type-12__row {
        flex-direction: row-reverse
    }
    .s-main-type-12__additional {
        padding-bottom: 50%
    }
}

.s-main-type-12__main {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.s-main-type-12__main .s-main-type-12__main-background {
    z-index: -1
}

.s-main-type-12__buttons {
    margin-left: -8px;
    margin-right: -8px;
    font-size: 0
}

.s-main-type-12__button {
    margin-left: 8px;
    margin-right: 8px;
    vertical-align: middle
}

@media screen and (max-width:639px) {
    .s-main-type-12__button {
        width: 100%
    }
}