@font-face {
    font-family: "VTB Group";
    src: url("/fonts/vtbgroupbook/c41cf0605c0e3d2ef1b6e434a0718292.eot"); /* IE9*/
    src: url("/fonts/vtbgroupbook/c41cf0605c0e3d2ef1b6e434a0718292.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/vtbgroupbook/c41cf0605c0e3d2ef1b6e434a0718292.woff2") format("woff2"), /* chrome、firefox */
    url("/fonts/vtbgroupbook/c41cf0605c0e3d2ef1b6e434a0718292.woff") format("woff"), /* chrome、firefox */
    url("/fonts/vtbgroupbook/c41cf0605c0e3d2ef1b6e434a0718292.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("/fonts/vtbgroupbook/c41cf0605c0e3d2ef1b6e434a0718292.svg#VTB Group Book") format("svg"); /* iOS 4.1- */
}

@font-face {
    font-family: "VTB Group";
    font-weight: bold;
    src: url("/fonts/vtbgroupbold/4eaa52cfadca184bb1d94d74d8c5a778.eot"); /* IE9*/
    src: url("/fonts/vtbgroupbold/4eaa52cfadca184bb1d94d74d8c5a778.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/vtbgroupbold/4eaa52cfadca184bb1d94d74d8c5a778.woff2") format("woff2"), /* chrome、firefox */
    url("/fonts/vtbgroupbold/4eaa52cfadca184bb1d94d74d8c5a778.woff") format("woff"), /* chrome、firefox */
    url("/fonts/vtbgroupbold/4eaa52cfadca184bb1d94d74d8c5a778.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("/fonts/vtbgroupbold/4eaa52cfadca184bb1d94d74d8c5a778.svg#VTB Group Bold") format("svg"); /* iOS 4.1- */
}

@font-face {
    font-family: "VTB Group";
    font-weight: 300;
    src: url("/fonts/vtbgrouplight/c60671675fb6850a59d1a3a3aee0ba75.eot"); /* IE9*/
    src: url("/fonts/vtbgrouplight/c60671675fb6850a59d1a3a3aee0ba75.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/vtbgrouplight/c60671675fb6850a59d1a3a3aee0ba75.woff2") format("woff2"), /* chrome、firefox */
    url("/fonts/vtbgrouplight/c60671675fb6850a59d1a3a3aee0ba75.woff") format("woff"), /* chrome、firefox */
    url("/fonts/vtbgrouplight/c60671675fb6850a59d1a3a3aee0ba75.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("/fonts/vtbgrouplight/c60671675fb6850a59d1a3a3aee0ba75.svg#VTB Group Light") format("svg"); /* iOS 4.1- */
}

html {
    font-size: 21px;
}

body {
    font-family: "VTB Group", Arial, sans-serif;
    font-size: 24px;
    line-height: 1.6;
    background-color: #fff;
    color: #2F3441;
}
.gray {
    color: #6B7683;
}
h1 {
    font-weight: 700;
    font-size: 72px;
    line-height: 1em;
    margin-bottom: 16px;
}
h2 {
    font-weight: 700;
    font-size: 57px;
    line-height: 1.1em;
    margin-bottom: 40px;
}
h3 {
    font-weight: 400;
    font-size: 40px;
    /*line-height: 1.64em;*/
    margin-bottom: 0px;
}
.font-300 {
    font-weight: 300;
}
.font-400 {
    font-weight: 400;
}
.font-700 {
    font-weight: 700;
}
.font-12 {
    font-size: 12px !important;
}
.font-18 {
    font-size: 18px !important;
}
.font-21 {
    font-size: 21px !important;
}
.font-28 {
    font-size: 28px !important;
}
.font-34 {
    font-size: 34px !important;
}

.rounded {
    border-radius: 32px !important;
}
.rounded-sm {
    border-radius: 24px !important;
}
.lightgray-bg {
    background: #F3F7FA;
}
.gray-bg {
    background: #E6E9E6;
}
.mw-50 {
    max-width: 50%!important;
}
.mw-30 {
    max-width: 30%!important;
}
.btn {
    border-radius: 8px;
    padding: 0.64rem 1.35rem;
}
.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
    color: #fff;
    background: linear-gradient(89.95deg, #0039FC 0.02%, #0385FF 99.93%) !important;
    border-color: rgba(255,255,255,0) !important;
}
.btn.btn-outline-primary,
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:active,
.btn.btn-outline-primary:focus {
    color: #002882;
    background: transparent !important;
    border: 1px solid #ACB6C3 !important;
}
/**********************************************************************/
.block-1 {
    background: no-repeat url(/images/block-1.jpg) center / cover #305798;
    color: #fff;
    text-align: center;
    height: 680px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/**********************************************************************/

@media (max-width: 991px) {
    h1 {
        font-size: 7vw;
    }
    h2 {
        font-size: 5vw;
    }
}
@media (max-width: 767px) {
    .block-1 {
        padding: 12vw 0;
        height: auto;
    }
    html {
        font-size: 16px;
    }
    body {
        font-size: 20px;
    }
    .font-28 {
        font-size: 24px !important;
    }
}
@media (max-width: 575px) {

    h1 {
        font-size: 9vw;
    }
    h2 {
        font-size: 7vw;
    }
    .font-28 {
        font-size: 5vw !important;
    }
}