/* Переменные для удобного внесения изменений при необходимости */
:root {
    --color-white: #fff; /* Белый цвет */
    --color-black: #222; /* Черный цвет */
    --color-dark-blue-1: #053763; /* Синий цвет (заголовки) */
    --color-grey: #87879f; /* Синий цвет (тексты) */    
    --color-yellow: #ffed4b; /* Желтый цвет (фрн у кнопок) */   
    --color-dark-blue-2: #2c576e; /* Синий цвет (текст на кнопках) */
}

/* Выделение текста на всём сайте */
html::-moz-selection {
    background: var(--color-yellow);
    color: var(--color-dark-blue-2);
}

html::selection {
    background: var(--color-yellow);
    color: var(--color-dark-blue-2);
}


/* Отступы между блоками для удобного массового изменения */
@media (min-width: 1440px) {
    .my-margin-between-blocks {
        height: 130px;
    }
    .my-margin-between-blocks-2 {
        height: 80px;
    }
}

@media (min-width: 1200px) and (max-width: 1439px) {
    .my-margin-between-blocks {
        height: 120px;
    }
    .my-margin-between-blocks-2 {
        height: 80px;
    }
}

@media (min-width: 960px) and (max-width: 1199px) {
    .my-margin-between-blocks {
        height: 100px;
    }
    .my-margin-between-blocks-2 {
        height: 50px;
    }
}

@media (min-width: 640px) and (max-width: 959px) {
    .my-margin-between-blocks {
        height: 80px;
    }
    .my-margin-between-blocks-2 {
        height: 60px;
    }
}

@media (min-width: 480px) and (max-width: 639px) {
    .my-margin-between-blocks {
        height: 80px;
    }
    .my-margin-between-blocks-2 {
        height: 60px;
    }
}

@media (max-width: 439px) {
    .my-margin-between-blocks {
        height: 80px;
    }
    .my-margin-between-blocks-2 {
        height: 60px;
    }
}

/* Названия полей в формах */
.t-descr_md {
    font-size: 16px;
}


/* Далее старые стили */
#rec483024299 {
    padding-top: 80px;
}

#rec483024299 .tn-elem__4830242991636974666456,
#rec483024300 .tn-elem__4830243001636974666456 {
    position: static;
}

#rec483024299 .tn-elem__4830242991661326823099 {
    position: absolute;
    width: 11.7% !important;
    right: 6.3%;
    left: auto !important;
    height: 64% !important;
    top: 19% !important;
}

#rec483024300 .tn-elem__4830243001661328050095 {
    position: absolute;
    width: 32.7% !important;
    right: 4.3%;
    left: auto !important;
    height: 50% !important;
    top: 31% !important;
    z-index: 10 !important;
    display: block !important;
}

#rec483024300 .tn-elem__4830243001661328050095 .tn-atom {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}


#rec483024299 .t396__artboard,
#rec483024300 .t396__artboard {
    height: auto !important;
    position: relative !important;
}