/**
 * GLOBAL STYLE
 */

/* #region ROOT */
:root {
    --dark_red        : #870038;
    --orange          : #e04e39;
    --yellow          : #f7ff05;
    --dark_grey       : #747376;
    --light_grey      : #C0C0C0;
    --light_grey_white: #F4F4F4;
    --white           : #ffffff;
}

/* #endregion */

/* #region IMPORT */
*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing        : border-box
}

blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
p {
    margin: 0
}

ol[role=list],
ul[role=list] {
    list-style: none
}

html:focus-within {
    scroll-behavior: smooth
}

html {
    min-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden
}

body {
    min-height           : 100vh;
    text-rendering       : optimizeSpeed;
    line-height          : 1.5;
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column
}

main {
    -webkit-box-flex: 1;
    -ms-flex        : 1 0 auto;
    flex            : 1 0 auto
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink    : auto;
    text-decoration             : none
}

img,
picture {
    max-width: 100%;
    display  : block
}

button,
input,
select,
textarea {
    font: inherit
}

button,
input[type=submit] {
    cursor: pointer
}

@media(prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior: auto
    }

    *,
    ::after,
    ::before {
        -webkit-animation-duration       : .01ms !important;
        animation-duration               : .01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count        : 1 !important;
        -webkit-transition-duration      : .01ms !important;
        -o-transition-duration           : .01ms !important;
        transition-duration              : .01ms !important;
        scroll-behavior                  : auto !important
    }
}

/* #endregion */

/* #region FONTS */

@font-face {
    font-family: 'Roboto';
    src        : url('/fonts/Roboto-MediumItalic.eot');
    src        : local('/fonts/Roboto Medium Italic'), local('Roboto-MediumItalic'),
        url('/fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('/fonts/Roboto-MediumItalic.woff') format('woff'),
        url('/fonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style : italic;
}

@font-face {
    font-family: 'Roboto';
    src        : url('/fonts/Roboto-Thin.eot');
    src        : local('/fonts/Roboto Thin'), local('Roboto-Thin'),
        url('/fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Roboto-Thin.woff2') format('woff2'),
        url('/fonts/Roboto-Thin.woff') format('woff'),
        url('/fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style : normal;
}

@font-face {
    font-family: 'Roboto';
    src        : url('/fonts/Roboto-Light.eot');
    src        : local('/fonts/Roboto Light'), local('Roboto-Light'),
        url('/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Roboto-Light.woff2') format('woff2'),
        url('/fonts/Roboto-Light.woff') format('woff'),
        url('/fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style : normal;
}

@font-face {
    font-family: 'Roboto';
    src        : url('/fonts/Roboto-Italic.eot');
    src        : local('/fonts/Roboto Italic'), local('Roboto-Italic'),
        url('/fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Roboto-Italic.woff2') format('woff2'),
        url('/fonts/Roboto-Italic.woff') format('woff'),
        url('/fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style : italic;
}

@font-face {
    font-family: 'Roboto';
    src        : url('/fonts/Roboto-Medium.eot');
    src        : local('/fonts/Roboto Medium'), local('Roboto-Medium'),
        url('/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Roboto-Medium.woff2') format('woff2'),
        url('/fonts/Roboto-Medium.woff') format('woff'),
        url('/fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style : normal;
}

@font-face {
    font-family: 'Arial';
    src        : url('Arial-ItalicMT.eot');
    src        : local('Arial Italic'), local('Arial-ItalicMT'),
        url('Arial-ItalicMT.eot?#iefix') format('embedded-opentype'),
        url('Arial-ItalicMT.woff2') format('woff2'),
        url('Arial-ItalicMT.woff') format('woff'),
        url('Arial-ItalicMT.ttf') format('truetype');
    font-weight: normal;
    font-style : italic;
}

@font-face {
    font-family: 'Arial';
    src        : url('ArialMT.eot');
    src        : local('Arial'), local('ArialMT'),
        url('ArialMT.eot?#iefix') format('embedded-opentype'),
        url('ArialMT.woff2') format('woff2'),
        url('ArialMT.woff') format('woff'),
        url('ArialMT.ttf') format('truetype');
    font-weight: normal;
    font-style : normal;
}

@font-face {
    font-family: 'Arial';
    src        : url('Arial-BoldItalicMT.eot');
    src        : local('Arial Bold Italic'), local('Arial-BoldItalicMT'),
        url('Arial-BoldItalicMT.eot?#iefix') format('embedded-opentype'),
        url('Arial-BoldItalicMT.woff2') format('woff2'),
        url('Arial-BoldItalicMT.woff') format('woff'),
        url('Arial-BoldItalicMT.ttf') format('truetype');
    font-weight: bold;
    font-style : italic;
}

@font-face {
    font-family: 'Arial Narrow';
    src        : url('ArialNarrow-BoldItalic.eot');
    src        : local('Arial Narrow Bold Italic'), local('ArialNarrow-BoldItalic'),
        url('ArialNarrow-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('ArialNarrow-BoldItalic.woff2') format('woff2'),
        url('ArialNarrow-BoldItalic.woff') format('woff'),
        url('ArialNarrow-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style : italic;
}

@font-face {
    font-family: 'Arial Narrow';
    src        : url('ArialNarrow-Bold.eot');
    src        : local('Arial Narrow Bold'), local('ArialNarrow-Bold'),
        url('ArialNarrow-Bold.eot?#iefix') format('embedded-opentype'),
        url('ArialNarrow-Bold.woff2') format('woff2'),
        url('ArialNarrow-Bold.woff') format('woff'),
        url('ArialNarrow-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style : normal;
}

@font-face {
    font-family: 'Arial Narrow';
    src        : url('ArialNarrow-Italic.eot');
    src        : local('Arial Narrow Italic'), local('ArialNarrow-Italic'),
        url('ArialNarrow-Italic.eot?#iefix') format('embedded-opentype'),
        url('ArialNarrow-Italic.woff2') format('woff2'),
        url('ArialNarrow-Italic.woff') format('woff'),
        url('ArialNarrow-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style : italic;
}

@font-face {
    font-family: 'Arial Narrow';
    src        : url('ArialNarrow.eot');
    src        : local('Arial Narrow'), local('ArialNarrow'),
        url('ArialNarrow.eot?#iefix') format('embedded-opentype'),
        url('ArialNarrow.woff2') format('woff2'),
        url('ArialNarrow.woff') format('woff'),
        url('ArialNarrow.ttf') format('truetype');
    font-weight: normal;
    font-style : normal;
}

@font-face {
    font-family: 'Arial';
    src        : url('Arial-BoldMT.eot');
    src        : local('Arial Bold'), local('Arial-BoldMT'),
        url('Arial-BoldMT.eot?#iefix') format('embedded-opentype'),
        url('Arial-BoldMT.woff2') format('woff2'),
        url('Arial-BoldMT.woff') format('woff'),
        url('Arial-BoldMT.ttf') format('truetype');
    font-weight: bold;
    font-style : normal;
}



/* #endregion */

/* #region TAGS */
html {
    min-width : 320px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 100vh;
}

body {
    overflow        : hidden;
    background-color: #fff;
    min-height      : 100vh;
    display         : flex;
    flex-direction  : column;
    font-family     : "Roboto", Arial, Helvetica, sans-serif;
    font-size       : 14px;
    font-weight     : 400;
    line-height     : 1.4;
    color           : #000;
    position        : relative;
    margin          : 0;
}

main {
    flex          : 1 0 auto;
    display       : flex;
    flex-direction: column;
}

button,
input[type="submit"] {
    cursor: pointer;
}

ul {
    margin : 0;
    padding: 0;
}

ul li {
    margin    : 0;
    padding   : 0;
    list-style: none;
}

a {
    text-decoration: none;
    position       : relative;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}

label {
    cursor: pointer;
}

section {
    position: relative;
    margin  : 60px 0;
}

img {
    width : 100%;
    height: auto;
}

a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
input.active.focus,
input.active:focus,
input.focus,
input:active.focus,
input:active:focus,
input:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline      : 0 !important;
    outline-color: transparent !important;
    outline-width: 0 !important;
    outline-style: none !important;
    box-shadow   : 0 0 0 0 rgba(0, 123, 255, 0) !important;
    border       : 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border                 : 0;
    -webkit-text-fill-color: #000;
    -webkit-box-shadow     : 0 0 0px 1000px #DEE8ED inset;
    transition             : background-color 5000s ease-in-out 0s;
    background             : -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 174, 255, 0.04) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 174, 255, 0.03) 100%);
}

/* #endregion */

/**
 * STYLE SITE
 */

/* #region Main */


.container {
    max-width   : 1200px;
    /* max-width: 1136px; */
    width       : 100%;
    height      : 100%;
    padding     : 0 20px;
    margin      : 0 auto;
    position    : relative;
}

.container-fhd {
    max-width: 1920px;
    width    : 100%;
    padding  : 0 20px;
    margin   : 0 auto;
    position : relative;
}


.btn {
    background-color: var(--orange);
    color           : white;
    padding         : 0 30px 0 30px;
    position        : relative;
    z-index         : 1;
    display         : flex;
    width           : fit-content;
    align-items     : center;
    border          : none;
    width           : 100%;
    max-width       : 175px;
    min-height      : 40px;
    justify-content : center;
    text-transform  : uppercase;
    font-size       : 14px;
    font-weight     : 700;
}

.section_title {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
}

/* #endregion */

/* #region Header */
.header {
    position        : fixed;
    top             : 0;
    width           : 100%;
    z-index         : 100;
    background-color: #000;
    max-height      : 110px;
    height          : 100%;
    /* background   : linear-gradient(to right, var(--dark_red) 50%, var(--white) 50%); */
}

.header_body {
    display              : grid;
    grid-template-columns: 140px 1fr 175px;
    grid-gap             : 10px;
    height               : 100%;
    align-items          : center;
}

.header_logo {
    width : 140px;
    height: 72px;
}

.header_logo img {
    width     : 100%;
    height    : 100%;
    object-fit: contain;
}

.header_menu ul li {
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.header_menu ul li a {
    color         : #fff;
    font-size     : 16px;
    font-weight   : 500;
    opacity       : 1;
    letter-spacing: 0.5px;
}


.menu__btn {
    position     : relative;
    display      : none;
    height       : 32px;
    width        : 32px;
    z-index      : 101;
    /* border    : 3px solid #000; */
    border-radius: 0;
    /* transition: border-radius 300ms ease; */
}



.menu__btn:hover {
    border-radius: 50%;
}

.menu--active .menu__btn .menu__burger {
    opacity  : 0;
    transform: translateX(45px);
}

.menu--active .menu__btn .menu__exit {
    opacity  : 1;
    transform: translateX(0);
}

.menu__burger,
.menu__burger:before,
.menu__burger:after {
    display         : block;
    content         : '';
    width           : 32px;
    height          : 3px;
    background-color: var(--white);
    position        : absolute;
}

/* .menu__burger:after {
    width: 19px;
    right: 0;
} */

.menu__burger {
    left         : 0;
    top          : 18px;
    border-radius: 10px;
    transform    : translateX(0);
    opacity      : 1;
    transition   : opacity 300ms ease, transform 300ms ease;
}

.menu__burger:before {
    top: -9px;
}

.menu__burger:after {
    top: 9px;
}

.menu__exit:before,
.menu__exit:after {
    display         : block;
    content         : '';
    width           : 22px;
    height          : 3px;
    background-color: var(--white);
    position        : absolute;
}

.menu__exit {
    position  : absolute;
    top       : 18px;
    left      : 10px;
    transform : translateX(-45px);
    opacity   : 0;
    transition: opacity 300ms ease, transform 300ms ease;
}

.menu__exit:before {
    transform: rotate(45deg);
}

.menu__exit:after {
    transform: rotate(-45deg);
}

/* #endregion */

/* #region banner */

.section_ban {
    margin-top   : 110px;
    margin-bottom: 0;
    position     : relative;
}

.section_ban::after {
    content                   : "";
    position                  : fixed;
    top                       : 0;
    left                      : 0;
    right                     : 0;
    bottom                    : 0;
    z-index                   : -1;
    -webkit-overflow-scrolling: touch;
    background-image          : url("/img/32423423.png");
    background-repeat         : repeat;
    background-position       : center;
    min-height                : 100%;
    height                    : 100vh;
    background-attachment     : initial;
    -webkit-transform         : translate3d(0, 0, 0);
    transform                 : translate3d(0, 0, 0);
    transition                : all 0.2s linear;
}

.ban_body {
    min-height     : 720px;
    height         : 100%;
    background     : url('/img/noroot.webp') center top no-repeat;
    background-size: cover;
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-direction : column;
    margin         : 0 -20px;
}

.ban_body h1 {
    color              : #ffffff;
    font-size          : 46px;
    font-family        : 'Roboto', Arial, sans-serif;
    line-height        : 1.55;
    font-weight        : 700;
    background-position: center center;
    border-color       : transparent;
    border-style       : solid;
    text-align         : center;
}

.ban_body p {
    color              : #fcfcfc;
    font-size          : 20px;
    font-family        : 'Roboto', Arial, sans-serif;
    line-height        : 1.55;
    font-weight        : 400;
    background-position: center center;
    border-color       : transparent;
    border-style       : solid;
    margin-top         : 70px;
}

.btn_ban {
    background-color: var(--yellow);
    color           : #000;
    padding         : 0 30px 0 30px;
    position        : relative;
    z-index         : 1;
    display         : flex;
    width           : fit-content;
    align-items     : center;
    border          : none;
    width           : 100%;
    max-width       : 200px;
    min-height      : 55px;
    justify-content : center;
    text-transform  : uppercase;
    font-size       : 14px;
    font-weight     : 700;
    border-radius   : 30px;
    font-family     : Arial, sans-serif;
    line-height     : 1.55;
    margin-top      : 28px;
}

.ban_body .ban_bottom_img {
    width : 200px;
    height: 100px;
    margin: 0 25px;
}

.ban_body .ban_bottom_img img {
    width     : 100%;
    height    : 100%;
    object-fit: contain;
}

.ban__bottom {
    display: flex;
}

/* #endregion */

/* #region info bonus */
.section_info_bonus {
    padding-top     : 80px;
    padding-bottom  : 20px;
    background-color: #fff;
    margin          : 0;
}

.section_title h2 {
    font-size    : 82px;
    line-height  : 1.17;
    color        : #ed5338;
    margin-top   : 10px;
    margin-bottom: 45px;
    font-weight  : 600;
}

.section_title p {
    font-size  : 20px;
    line-height: 1.55;
    text-align : center;
    font-weight: 300;
}

.info_bonus_body {
    max-width      : 712px;
    display        : flex;
    align-items    : center;
    margin         : auto;
    justify-content: center;
}

.info_bonus_body ul {
    margin: 20px 0;
}

.info_bonus_body li {
    padding-left  : 25px;
    padding-bottom: 50px;
    position      : relative;
}

.info_bonus_body li:last-child {
    padding-bottom: 35px;
}

.in_title {
    color      : #ed5338;
    font-size  : 22px;
    line-height: 1.35;
    font-weight: 600;
}

.in_text {
    font-size  : 15px;
    line-height: 1.55;
    font-weight: 300;
    margin     : 10px 0 20px 0;
}

.in_text span {
    font-weight: 600;
}

.in_link {
    color             : #ed5338;
    font-weight       : 700;
    font-size         : 15px;
    /* text-decoration: underline; */
    border-bottom     : 1px solid rgb(209, 38, 38);
    -webkit-box-shadow: inset 0px -1px 0px 0px rgb(209 38 38);
}

.in_b {
    font-size  : 15px;
    font-weight: 700;
    line-height: 23px;
    color      : #000;
    margin-top : 20px;
}

.in_title a {
    color          : rgb(94, 85, 224);
    text-decoration: underline;
    font-weight    : 700;
}

.in_subtitle {
    font-weight: 700;
    margin-top : 8px;
}

.in_li {
    margin-left  : 17px;
    display      : list-item;
    list-style   : disc;
    font-weight  : 300;
    margin-bottom: 5px;
    font-size    : 15px;
}

.in_li span {
    font-weight: 700;
}

.info_bonus_body {
    position: relative;
}

.info_bonus_body::before {
    content      : '';
    position     : absolute;
    left         : -15px;
    width        : 4px;
    height       : 92%;
    background   : #e8e8e8;
    /* margin-top: 50px; */
}

.in_num {
    position       : absolute;
    left           : -37px;
    top            : 0;
    width          : 44px;
    height         : 44px;
    border-radius  : 100%;
    display        : flex;
    border         : 2px solid #fff;
    align-items    : center;
    justify-content: center;
    border-width   : 2px;
    background     : #ecd7c2;
    font-size      : 20px;
    font-weight    : 600;
    color          : #fff;
    z-index        : 6;
}

.info_bonus_body li:last-child::after {
    content         : '';
    position        : absolute;
    background-color: #fff;
    height          : 100%;
    width           : 50px;
    left            : -40px;
    top             : 0;
    z-index         : 1;
}


/* #endregion */

/* #region form */
.section_form {
    background     : #333 url('/img/bg_ppa.webp') no-repeat center;
    background-size: cover;
    margin         : 0;
}

.form_bg {
    background-color: rgba(41, 34, 28, .8);

}

.section_form .container {
    z-index: 5;
}

.section_form .section_title h2 {
    color        : #fff;
    margin-bottom: 40px;
    font-size    : 42px;
    line-height  : 1.23;
}

.section_form .section_title p {
    color        : #fff;
    margin-bottom: 50px;
    font-size    : 20px;
    line-height  : 1.55;
}

/* #endregion */

/* #region img */
.section_img {
    margin          : 0;
    background-color: #fff;
}

.section_bimg {
    max-width: 90%;
    margin   : auto;
}

/* #endregion */

/* #region organization */
.section_org {
    margin          : 0;
    padding-top     : 15px;
    padding-bottom  : 45px;
    background-color: #fff;
}

.org_title {
    font-size  : 24px;
    line-height: 1.5;
    font-weight: 300;
    color      : #000;
    text-align : center;
    min-height : 162px;
}

.org_body {
    display        : flex;
    align-items    : center;
    justify-content: center;
    flex-direction : column;
}

.org_body .org_title a {
    color          : rgb(133, 58, 214) !important;
    text-decoration: underline;
    font-weight    : 700;
}

.org_doc {
    max-width: 460px;
    margin   : 30px 0 80px;
}

.org_doc a {
    color                : #000;
    display              : grid;
    grid-template-columns: 80px 1fr;
    justify-content      : center;
    align-items          : flex-start;
}

.org_doc a svg {
    width : 70px;
    height: 70px;
}

.org_doc a .org_doc_info p {
    font-weight   : 600;
    color         : #000;
    font-size     : 22px;
    line-height   : 1.35;
    padding-bottom: 8px;
}

.org_doc a .org_doc_info .org_text {
    font-size  : 18px;
    line-height: 1.55;
    font-weight: 300;
    color      : #000;
}

.org_bot_title {
    font-size     : 24px;
    line-height   : 1.35;
    font-weight   : 600;
    color         : #000;
    padding-top   : 8px;
    padding-bottom: 9px;
    text-align    : center;

}

.org_bottom_text {
    font-size     : 18px;
    line-height   : 28px;
    letter-spacing: 1px;
    padding-top   : 22px;
    padding-bottom: 5px;
    font-weight   : 300;
    color         : #000;
    text-align    : center;
}

.org_bottom_logo {
    /* display              : grid;
    grid-template-columns: 1fr 1fr;
    margin-top           : 26px; */
}

.org_bottom_img {
    width : 420px;
    height: 116px;
}

.org_bottom_img:first-child {
    margin-left: auto;
}

.org_bottom_img:last-child {
    margin-right: auto;
}

.org_bottom_img img {
    width     : 100%;
    height    : 100%;
    object-fit: contain;
}

/* #endregion */

/* #region footer */
.footer {

    height: 100%;
    width : 100%;
}

.footer_bg {
    background-color: #381704;
    height          : 100%;
    width           : 100%;
}

.footer_items {
    display        : flex;
    flex-direction : row;
    flex-wrap      : wrap;
    justify-content: space-around;
    align-items    : center;
    padding-top    : 30px;
    padding-bottom : 30px;
}

.footer_item p {
    font-size     : 20px;
    font-weight   : 600;
    color         : #fff;
    text-align    : center;
    padding-top   : 5px;
    padding-bottom: 5px;
}

.footer_item div {
    font-size  : 20px;
    font-weight: 300;
    color      : #fff;
    text-align : center;
    opacity    : .7;
}

.footer_item a {
    font-size  : 20px;
    font-weight: 300;
    color      : #fff;
    text-align : center;
    opacity    : .7;
}

.footer_soc {
    display        : flex;
    padding-top    : 60px;
    padding-bottom : 60px;
    align-items    : center;
    justify-content: center;
}

.footer_soc a:not(:last-child) {
    padding-right: 5px;
}

.footer_pol {
    padding-top    : 30px;
    padding-bottom : 30px;
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.footer_pol a {
    color          : #ff8562;
    text-decoration: none;
    font-weight    : 300;
    font-size      : 18px;
    line-height    : 1.55;
}

/* #endregion */


/* #region Media */
@media all and (max-width: 981px) {
    .header {
        min-height: 64px;
        max-height: inherit;
        height    : auto;
        position  : relative;
    }

    .menu__btn {
        display    : block;
        margin-left: auto;
        margin-top : 10px;
    }

    .header_body {
        display: none;
    }

    .menu--active .header_body {
        display              : grid;
        grid-template-columns: 1fr;
        grid-template-rows   : 140px 1fr 175px;
        justify-items        : center;
    }

    .ban_body h1 {
        font-size: 34px;
    }

    .ban_body p {
        margin-top: 0;
    }

    .ban_bottom_img {
        width: 170px;
    }

    .section_title h2 {
        font-size: 78px;
    }

    .ban_body .ban_bottom_img {
        width : 340px;
        height: 90px;
    }
}

@media all and (max-width: 820px) {
    .info_bonus_body {
        max-width: 482px
    }

    .section_title h2 {
        font-size: 40px;
    }

    .org_bottom_img:last-child img {
        max-width: 80px !important;
    }

    .org_bottom_img:last-child p {
        padding-left: 20px !important;
        font-size   : 14px !important;
        line-height : 16px !important;
    }

    .org_bottom_logo {
        grid-template-columns: 100%;
        justify-items        : center;
        align-items          : center;
    }

    .org_bottom_img:first-child {
        margin: auto;
    }

    .org_bottom_img:last-child {
        margin: auto;
    }

    .footer_items {
        flex-direction: column;
    }

    .footer_item {
        margin-bottom: 27px;
    }
}

@media all and (max-width: 639px) {
    .ban_body .ban_bottom_img {
        width : 100px;
        height: auto;
    }

    .section_title h2 {
        font-size: 30px;
    }

    .info_bonus_body {
        margin-left: 35px;
    }

    .section_form .section_title h2 {
        font-size: 30px;
    }

    .section_form .section_title p {
        font-size: 16px;
    }

    .section_bimg {
        max-width: 100%;
    }

    .org_title {
        font-size  : 20px;
        line-height: 1.4;
        min-height : auto;
    }

    .org_doc a .org_doc_info p {
        font-size: 18px;
    }

    .org_doc a .org_doc_info .org_text {
        font-size  : 14px;
        line-height: 1.45;
    }

    .org_doc a svg {
        width : 50px;
        height: 50px;
    }

    .org_doc a {
        grid-template-columns: 60px 1fr;
    }

    .org_bot_title {
        font-size: 20px;
    }

    .org_bottom_img:first-child {
        grid-row: 2;
    }

    .org_bottom_img {

        width : 320px;
        height: auto;
    }

    .footer_item p {
        font-size: 16px;
    }

    .section_form .section_title h2 {
        text-align: center;
    }

    .footer_soc {
        padding-top   : 40px;
        padding-bottom: 40px;
    }

    .header_menu ul li a {
        opacity: 1;
    }

    .ban_body {
        min-height: 680px;
    }

    .ban_body h1 {
        font-size: 24px;
    }

    .ban_body p {
        font-size    : 14px;
        margin-bottom: 46px;
    }

    .section_title p {
        font-size  : 16px;
        line-height: 1.45;
    }

    .in_title {
        font-size: 18px;
    }

    .in_text {
        font-size: 12px;
    }

    .in_link {
        font-size: 12px;
    }

    .in_b {
        font-size  : 12px;
        line-height: 16px;
    }

    .in_li {
        font-size: 12px;
    }

    .in_num {
        font-size: 16px;
    }

    .form_bg {
        padding: 20px 0;
    }

    .footer_pol a {
        font-size: 14px;
    }

    /* .section_img {
        margin-left : -20px;
        margin-right: -20px;
    } */

    /* 
    .section_img .container-fhd {
        margin: 0 -20px;
    } */
}

/* #endregion */