@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);

html, body {
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
}

header {
    width: 100%;
}

a {
    text-decoration: none;
    color: black;
}

.body1 {
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 100px);
    background: url(/images/new/main_fon.jpg) center/cover no-repeat, #64ffda;
}

.body2 {
    width: 100%;
    background: #fceff0;
}

.body_studio {
    background: url(/images/new/main_fon_studio.jpg) center/cover no-repeat, #64ffda;
}

.top {
    height: 100px;
}

@media (max-width: 768px) {
    .body1 {
        background: url(/images/new/main_fon1.jpg) center/cover no-repeat;
    }
    .body_studio {
        background: url(/images/new/main_fon_studio_mobile.jpg) center/cover no-repeat;
    }
}

.main {
    width: 100%;

}

.main {
    flex-grow: 1;
}

footer {
    flex-shrink: 0;
}

.example_image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.example_image img {
    border-radius: 10px;
    max-height: 120px;
    margin: 5px 15px 5px 15px;
    box-shadow: 0px 0px 4px 1px #0000005c;
    transition: all 0.3s ease;
}

.example_image img:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 7px 1px #000000a4;
}

@media (max-width: 1200px) {
    .window_content {
        width: 90% !important;
    }
}

@media (max-width: 765px) {
    .example_image img {
        max-height: 65px;
        border-radius: 5px;
    }
}

@media (max-width: 460px) {
    .example_image img {
        max-height: 45px;
    }
}

.payout_max_value, .payout_max_value:hover {
    text-decoration: underline;
    cursor: pointer;
    opacity: 1;
    padding: 0;
    color: #0b725a;
    font-weight: 700;
}

.editor {
    background: #ffffff;
    border-radius: 15px;
    box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.25);
    width: 570px;
    height: 400px;
    margin: auto;
    align-items: center;
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.text_register {
    display: flex;
    align-items: center;
}

.button_reg button {
    display: flex;
    padding: 15px;
    border-radius: 10px;
    background: #3E9A84;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.black_button button {
    background: #313131;
}

.button_reg button:hover {
    background: #2da68a;
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.205);
    transform: scale(1.03);
}

.black_button button:hover {
    background: #3e3e3e;
}

.partner_panel {
    width: 300px;
    margin-left: 30px;
    border-radius: 10px;
}

.statistics_panel {
    width: 90%;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.statistics_panel_img {
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
}

.text_register img {
    transition: all 0.3s ease;
}

.text_register a :hover,
.statistics_panel:hover {
    transform: scale(1.01);
    box-shadow: 0 0px 20px rgba(0, 0, 0, .3);
}

.partner-section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 2em auto;
}

.partner-block {
    display: flex;
    align-items: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    max-width: 30%;
    margin: 1em auto;
    background-color: #fff;
    padding: 1em;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
}

.partner-block img {
    max-width: 100px;
    padding-right: 15px;
}

.container_register {
    padding: 100px;
    margin-top: 50px;
    background: #008a7a14;
}

.section_register {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section_register h3 {
    font-size: 22px;
    font-weight: 700;
    color: #3E9A84;
    width: 50%;
}

.background-container-partner {
    position: relative;
    text-align: center;
    margin-top: 25px;
}

.background-image-partner {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 450px;
    background-image: url('/images/new/partner_background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.text-left-partner {
    width: 70%;
    padding: 0px 20px 20px 10px;
    box-sizing: border-box;
    text-align: left;
}

.text-left-partner h1 {
    font-size: 3rem;
    font-weight: 700;
}

.text-left-partner p {
    width: 75%;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    margin-top: 20px;
}

.text-left-partner span {
    font-size: 26px;
    font-weight: 700;
}

.button_reg_left a {
    display: inline-block;
    background: #ffb000;
    color: #0c3b30;
    border-radius: 10px;
    padding: 20px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    transition: all 0.3s ease;
}

.button_reg_left {
    text-align: left;
}

.button_reg_left a:hover {
    background: #ffbe30;
    color: #01120e;
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.205);
    transform: scale(1.03);
}

.main-background {
    background: linear-gradient(to right, #0ecaaf, #1c9a85);
    text-align: center;
}

@media (max-width: 1400px) {
    .background-image-partner {
        overflow: hidden;
    }

    .background-image-partner {
        min-height: 500px;
    }
}

@media (max-width: 1300px) {
    .section_register {
        flex-direction: column;
    }

    .button_reg {
        margin-top: 15px;
    }

    .section_register h3 {
        width: 90%;
        text-align: center;
    }
}

@media (max-width: 992px) {
    .partner-block {
        max-width: 45%;
    }

    .background-container-partner {
        margin-top: 0px;
    }

    .background-image-partner::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .text-left-partner,
    .button_reg_left,
    .text-left-partner p {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .partner-block {
        max-width: 90%;
    }

    .section_register h3 {
        width: 100%;
    }

    .container_register {
        padding: 50px;
    }
}

@media (max-width: 576px) {
    .text_register {
        display: block;

    }

    .text_register_img {
        text-align: center;
    }

    .statistics_panel_img {
        display: block;
        text-align: center;
    }

    .statistics_panel_img img {
        margin-top: 15px;
    }

    .partner_panel {
        margin: 15px auto;
    }

    .button_reg button {
        width: max-content;
    }
}

.description_gifts_left.foreword {
    margin: 25px 0 auto;
}

.description_gifts_left p {
    width: 95%;
}

.draw_block_up {
    float: right;
    margin-left: 10px;
}

.container_list_draws {
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.list_disc li {
    list-style: disc;
}

.draw_block,
.draw_block_active {
    display: grid;
    width: 320px;
    height: auto;
    background-color: white;
    border-radius: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
    transition: 0.3s all;
}

.draw_block img,
.draw_block_active img {
    width: 100%;
    height: auto;
    display: block;
}

.draw_buttons {
    padding-top: 15px;
    text-align: center;
}

.draw_buttons p {
    font-weight: 700;
    color: #ca9e58;
}

.draw_buttons_line img {
    width: 15px;
    margin-left: 3px;
}

.draw_buttons_line {
    display: flex;
    justify-content: space-evenly;
    margin: auto;
}

.draw_buttons_line button {
    width: 140px !important;
    font-size: 14px !important;
    display: flex;
    padding: 10px;
    justify-content: center;
}

.draw_buttons button {
    width: calc(80% - 5px);
    text-align: center;
    background-color: #ccc;
    border-radius: 30px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 15px;
    padding: 14px;
    color: white;
    font-weight: 700;
    font-size: 16px;
    transition: 0.3s all;
}

.draw_buttons button:hover {
    box-shadow: -1px 3px 7px 0 rgba(0, 0, 0, 0.367);
    transform: translateY(-3px);
}

.draw_button_first {
    background: linear-gradient(rgb(255 220 125) 0%, rgb(199 154 86) 100%);
}

.draw_button_second {
    background: linear-gradient(180deg, #ff93b2 0%, #950000 150%);
}

.draw_button_third {
    background: linear-gradient(180deg, #a358df 0%, #266bc0 100%);
}

.draw_button_fourth {
    background: linear-gradient(180deg, #c4ba93 0%, #268d6b 100%);
}

.block_active_models {
    display: flex;
}

@media (max-width: 1800px) {
    .draw_block {
        width: 30%;
    }

    .container_list_draws {
        flex-flow: wrap;
        justify-content: space-around;
    }
}

@media (max-width: 1600px) {
    .draw_buttons button {
        font-size: 14px;
        padding: 14px;
    }
}

@media (max-width: 1430px) {
    .container_list_draws {
        flex-flow: wrap;
        justify-content: space-around;
    }

    .draw_block {
        width: 35%;
    }
}

@media (max-width: 1300px) {
    .draw_buttons button {
        font-size: 14px;
        padding: 14px;
    }

    .block_active_models {
        align-items: center;
        flex-direction: column;
    }
}

@media (max-width: 1200px) {
    .draw_block {
        width: 51%;
    }
}

@media (max-width: 920px) {
    .draw_block_up {
        float: none;
        margin: auto;
        margin-bottom: 20px;
    }
}

@media (max-width: 800px) {
    .draw_block {
        width: 60%;
    }
}

@media (max-width: 700px) {
    .draw_block {
        width: 70%;
    }
}

@media (max-width: 600px) {
    .draw_block {
        width: 90%;
    }
}

.star-container {
    position: relative;
    display: inline-block;
}

.star_rating {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    transition: all 0.3s;
}

.details_draw {
    text-decoration: underline;
    color: #009af7;
    font-weight: 700;
}

.star_rating:hover {
    transform: scale(1.2);
    cursor: pointer;
}

.notification_star_rating:before,
.notification_star_rating:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
}

.speech:before {
    left: -10px;
    bottom: -24px;
    transform: rotate(30deg);
    border: 16px solid;
    border-color: #333 transparent transparent #333;
}

.speech:after {
    left: -6px;
    bottom: -21px;
    border: 16px solid;
    transform: rotate(30deg);
    border-color: #fff transparent transparent #fff;

}

.notification_star_rating {
    color: black;
    box-sizing: border-box;
    border: 1px solid rgb(0, 0, 0);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.85);
    background: white;
    position: absolute;
    width: 570px;
    top: -146px;
    left: 28px;
    border-radius: 25px;
    padding: 8px 11px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s ease-in-out;
    z-index: 5;
    text-align: left;
    font-size: 14px;
    margin-top: 5px;
}

.notification_star_rating:before,
.notification_star_rating:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
}

.star-container:hover .notification_star_rating {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 992px) {
    .notification_star_rating {
        width: 250px;
        top: -136px;
        left: 28px;
        border-radius: 25px;
        padding: 7px 10px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0.3s ease-in-out;
        z-index: 5;
        text-align: left;
        font-size: 14px;
    }

    .speech:after {
        left: -31px;
        top: 125px;
        transform: rotate(180deg);
        border-color: transparent transparent transparent #fff;
    }

    .speech:before {
        left: -33px;
        top: 125px;
        transform: rotate(180deg);
        border-color: transparent transparent transparent #333;
    }

    .center_title_star_rating {
        align-items: center;
    }
}

.center_title_star_rating {
    display: flex;
    font-size: 18px;
    margin-bottom: -20px;
}

.foreword_gift {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .foreword_gift {
        font-size: 16px;
    }
}

@media (max-width: 500px) {
    .foreword_gift {
        font-size: 14px;
        margin-bottom: 30px;
        margin-top: -20px;
    }
}

.line_txt_draw {
    box-shadow: -3px 0px 0px 0px #3E9A84;
    width: 100%;
    padding: 15px;
}

.table-telegram {
    border-collapse: collapse;
    width: 80%;
    margin: auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.25);
    border: 2px solid white;

}

.table-telegram th,
.table-telegram td {
    border: 1px solid #000647;
    overflow: hidden;
    padding: 15px;
    text-align: center;
    font-weight: 600;
    text-wrap: pretty;
}

.table-telegram th {
    color: white;
}

.table-telegram th {
    background: linear-gradient(180deg, #a358df 0%, #266bc0 100%);
}

.table-telegram_tr:nth-child(odd) {
    background: #fafcff;
}

.table-telegram_tr:nth-child(even) {
    background: #edeff9;
}

.table-telegram_tr a {
    color: #0066FF;
}

.table-telegram_tr a:hover {
    text-decoration: underline;
    color: #0066FF;
}

@media (max-width: 992px) {
    .table-telegram {
        width: 100%;
    }
}

@media (max-width: 700px) {

    .table-telegram th,
    .table-telegram td {
        padding: 10px;
        font-size: 12px;
    }
}

@media (max-width: 530px) {

    .table-telegram th,
    .table-telegram td {
        padding: 5px;
        font-size: 10px;
    }

    .table-telegram {
        border-radius: 10px;
    }
}

@media (max-width: 400px) {

    .table-telegram th,
    .table-telegram td {
        padding: 3px;
        font-size: 9px;
    }
}

.table-telegram_tr {
    display: none;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.table-telegram_tr.visible {
    display: table-row;
    opacity: 1;
    transform: translateY(0);
}

.table-telegram_tr:nth-child(-n+10) {
    display: table-row;
}

#show_more_row {
    display: table-row;
    background: #fafcff;
}

#show_more_btn {
    background: #4a66c9;
    color: white;
    border: none;
    padding: 8px 15px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    transition: all 0.3s ease;
}

#show_more_btn:hover {
    background: #3a54b1;
}

@media (max-width: 700px) {
    #show_more_btn {
        font-size: 12px;
    }
}

@media (max-width: 400px) {
    #show_more_btn {
        font-size: 10px;
    }
}

.table-telegram_tr_win {
    background: #e3e5ff !important;
}

.table-telegram_tr_win span {
    cursor: pointer;
}

.box_notice_important {
    display: flex;
    padding: 5px 10px;
    background: antiquewhite;
    font-size: 14px;
    align-items: flex-start;
    justify-content: center;
    width: fit-content;
    margin: auto;
    margin-bottom: 15px;
    border-radius: 10px;
    text-wrap: pretty;
}

.box_notice_important img {
    width: 15px;
    margin-right: 7px;
}

.prize_telegram h1 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.prize_telegram h2 {
    font-size: 18px;
    font-weight: 700;
}

.prize_telegram h3,
.photo_contest_text h3 {
    font-size: 16px;
    font-weight: 700;
}

.photo_contest_text {
    padding: 5px 12px;
}

.prize_telegram li,
.prize_telegram p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.prize_telegram_box {
    font-size: 15px;
    font-weight: 500;
    padding: 10px;
    border: 2px dashed #3E9A84;
    border-radius: 10px;
    margin-bottom: 2rem;
    text-align: center;
    text-wrap: pretty;
}

.prize-button-container {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.prize_telegram_box a {
    padding: 7px 15px;
    border-radius: 25px;
    font-weight: 700;
    color: white;
    transition: all 0.3s ease;
}

.prize-button-container .prize_button_telegram {
    background-color: #26A4E3;
}

.prize-button-container .prize_button_telegram:hover {
    background-color: #208abf;
}

.prize-button-container .prize_button_youtube {
    background-color: #e62020;
}

.prize-button-container .prize_button_youtube:hover {
    background-color: #c71c1c;
}

.prize-button-container a:hover {
    color: #ffffff;
}

.mini_txt {
    font-size: 14px;
    background: antiquewhite;
}

.photo_contest {
    align-items: center;
}

.alert_contest {
    background: #ffcece;
    width: fit-content;
}

.photo_contest_box {
    display: flex;
    align-items: center;
    width: 49%;
    background: #ffffffcc;
    border-radius: 15px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
}

.photo_contest_box img {
    width: 250px;
    border-radius: 7px;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.photo_contest_box img:hover {
    transform: scale(1.05);
}

.photo_contest_image {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.photo_contest_text span {
    font-weight: 500;
}

.photo_contest_text a {
    font-weight: 700;
    cursor: pointer;
}

.photo_contest_text a:hover {
    color: white;
}

.photo_contest_text__buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.photo_contest_text__buttons a {
    background: #009688;
    padding: 5px;
    border-radius: 5px;
    color: white;
    width: 100%;
    text-align: center;
}

.modal-photo_contest {
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.modal-photo_contest.active {
    opacity: 1;
    visibility: visible;
}

.modal-photo_contest-content {
    padding: 20px;
    border-radius: 10px;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    line-height: 1.2;
}

.modal-photo_contest-content img {
    width: 100%;
    border-radius: 7px;
    margin-bottom: 10px;
}

.modal-photo_contest-content p {
    font-size: 16px;
    color: #333;
}

.modal-photo_contest-content a {
    margin: auto;
    background-color: #009688;
    padding: 10px 20px;
    border-radius: 5px;
    color: white;
    font-weight: 500;
    transition: all 0.3s ease;
}

.modal-photo_contest-content a:hover {
    background-color: #047c71;
}

.modal-photo_contest-close {
    position: absolute;
    top: 3px;
    right: 3px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #333;
}

.results_photo_contest {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

@media (max-width: 1800px) {
    .photo_contest_box {
        width: calc(50% - 20px);
    }
}

@media (max-width: 1400px) {
    .photo_contest_box {
        width: 100%;
    }

    .photo_contest_box img {
        width: 300px;
    }

    .results_photo_contest {
        gap: 30px;
    }

    .photo_contest_text__buttons a {
        padding: 10px;
    }
}

@media (max-width: 700px) {
    .photo_contest_box {
        display: block;
    }

    .photo_contest_box img {
        width: 100%;
        padding: 20px 20px 0 20px;
    }

    .photo_contest_text {
        padding: 20px;
    }

    .results_photo_contest {
        gap: 30px;
    }
}

.red {
    color: #e62020;
    font-weight: 700;
}

.red:hover {
    filter: drop-shadow(0px 3px 10px #fd9999);
}

.table-telegram_bonus th {
    background: linear-gradient(180deg, #c4ba93 0%, #268d6b 100%);
}

.less_highlighted {
    font-weight: 700;
}

.menu_welcome_bonus {
    background: white;
    border-radius: 5px;
    border: 1px solid #FFCD03;
    box-shadow: 0px 0px 10px 0px #FFCD03;
}

.welcome_bonus {
    font-family: "Choco cooky";
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
}

.menu_welcome_bonus strong {
    line-height: 1.5;
    font-size: 14px;
}

.progress-bar-welcome-txt {
    margin: 5px 0;
}

.progress-bar-welcome div {
    height: 5px !important;
}

.progress-bar-earn {
    display: flex;
    margin: 20px 0;
}
.progress-bar-earn div {
    height: 20px;
    flex: 1;
    margin: 0 1px;
    background-color: #d3d3d3;
    border-radius: 5px;
}
.progress-bar-earn .filled {
    background-color: #008080;
}

.progress-bar-earn-txt {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.earn-txt-right {
    text-align: right;
}

@media (max-width: 500px) {
    .progress-bar-earn-txt {
        font-size: 10px;
    }
}

.top_ed {
    width: 570px;
    height: 60px;
    background: #56B7A0;
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.25);
    border-radius: 15px 15px 0px 0px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
}

.txt_edit {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
    padding-left: 25px;
}

.ext {
    position: absolute;
    right: 0;
    padding-right: 25px;
}

.zoom {
    display: block;
    margin: auto;
    cursor: pointer;
}

.cr-boundary {
    width: 230px !important;
    height: 230px !important;
    background: linear-gradient(180deg, #00ffc389 0%, rgba(0, 182, 137, 0.351) 100%);
}

.photo_d {
    width: 230px;
    height: 230px;
    background: linear-gradient(180deg, #00ffc389 0%, rgba(0, 182, 137, 0.351) 100%);
    outline: dashed 2px #56B7A0;
    margin: auto;
}

.avatarSelector {
    width: 230px;
    height: 230px;
    background: none;
    position: absolute;
}

.slider {
    -webkit-appearance: none !important;
    width: 230px !important;
    height: 3px !important;
    border-radius: 5px !important;
    outline: none !important;
    background: #2C2C2C !important;
    padding: 0 !important;
    -webkit-transition: .2s !important;
}

.cr-slider {
    -webkit-appearance: none !important;
    width: 230px !important;
    height: 3px !important;
    border-radius: 5px !important;
    outline: none !important;
    background: #2C2C2C !important;
    padding: 0 !important;
    -webkit-transition: .2s !important;
}

.cr-slider::-moz-range-thumb {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: #56B7A0 !important;
    cursor: pointer !important;
    border: none !important;
    margin-top: -10px !important;
}

.cr-slider::-webkit-slider-thumb {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: #56B7A0 !important;
    cursor: pointer !important;
    border: none !important;
    margin-top: -10px !important;
}

.slider::-webkit-slider-thumb {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background-color: #56B7A0 !important;
    cursor: pointer !important;
    border: none !important;
}

.slider::-moz-range-thumb {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background-color: #56B7A0 !important;
    cursor: pointer !important;
    border: none !important;
}

input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
}

/* Создать собственный ползунок с желтым цветом */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
}

.cr-slider-wrap {
    padding-top: 10px !important;
    width: 230px !important;
    margin: 0 !important;

}

.slid {
    padding-top: 10px;
    width: 230px;

}

.full_ed {
    display: flex;
    align-items: center;
    margin: auto;
    margin-top: 95px;
}

.txt_photo {
    width: 225px;
    background: #F7F7F7;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    font-size: 11px;
    line-height: 13px;
    padding: 15px 15px 1px 15px;
}

.gross {
    font-weight: 600;
    color: #367465;
}

.bold_caption {
    font-weight: 700;
    color: #000000;
}

.but_txt {
    display: flex;
    margin-left: 30px;
    position: relative;
    justify-content: center;
}

.save {
    background: linear-gradient(180deg, #24ffca 0%, #56B7A0 100%);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 10px;
    width: 110px;
    justify-content: center;
    display: flex;
    margin: auto;
    margin-top: 175px;
    position: absolute;
}

.save:hover {
    transition: 0.1s;
    transform: translateY(-3px);
    box-shadow: 0px 3px 3px 0px #3131315b, inset -3px -3px 5px -1px rgba(0, 0, 0, 0.15), inset 3px 3px 3px rgb(77 235 197);
    background: linear-gradient(180deg, #42edc4 0%, #60cbb2 100%);
}


.save:active {
    transform: none;
    box-shadow: none;
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
}

.ssv {
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
}

.close-icon {
    font-size: 24px;
    color: white;
    cursor: pointer;
}

@media (max-width: 650px) {
    .editor {
        width: 500px;
        height: 330px;
    }

    .top_ed {
        width: 500px;
    }

    .photo_d {
        width: 190px;
        height: 190px;
    }

    .avatarSelector {
        width: 190px;
        height: 190px;
    }

    .cr-boundary {
        width: 190px !important;
        height: 190px !important;
    }

    .slider {
        width: 190px !important;
    }

    .cr-slider {
        width: 190px !important;
    }

    .but_txt {
        margin-left: 30px;
        margin-bottom: 20px;
    }

    .full_ed {
        margin-top: 85px;
    }

    .save {
        margin-top: 170px;
    }

    .txt_photo {
        width: 195px;
    }

    .txt_edit {
        font-size: 14px;
    }

    .ssv {
        font-size: 14px;
    }

    .slid {
        width: 190px;
    }

}

@media (max-width: 575px) {
    .editor {
        width: 450px;
        height: 280px;
    }

    .top_ed {
        width: 450px;
    }

    .photo_d {
        width: 150px;
        height: 150px;
    }

    .avatarSelector {
        width: 150px;
        height: 150px;
    }

    .cr-boundary {
        width: 150px !important;
        height: 150px !important;
    }

    .slider {
        width: 150px !important;
    }

    .cr-slider {
        width: 150px !important;
    }

    .but_txt {
        margin-left: 25px;
        margin-bottom: 20px;
    }

    .full_ed {
        margin-top: 80px;
    }

    .save {
        margin-top: 137px;
    }

    .txt_photo {
        width: 220px;
        font-size: 10px;
    }

    .txt_edit {
        font-size: 14px;
    }

    .ssv {
        font-size: 14px;
    }

    .slid {
        width: 150px;
    }

}

@media (max-width: 500px) {

    .editor {
        width: 300px;
        height: 515px;
    }

    .top_ed {
        width: 300px;
    }

    .photo_d {
        width: 200px;
        height: 200px;
    }

    .avatarSelector {
        width: 200px;
        height: 200px;
    }

    .cr-boundary {
        width: 200px !important;
        height: 200px !important;
    }

    .slider {
        width: 200px !important;
    }

    .cr-slider {
        width: 200px !important;
    }

    .but_txt {
        margin-left: 0px;
        margin-bottom: 20px;
        margin-top: 20px;

    }

    .full_ed {
        margin-top: 80px;
        display: grid;
    }

    .save {
        margin-top: 137px;
    }

    .txt_photo {
        width: 220px;
        font-size: 10px;
    }

    .slid {
        width: 150px;
    }

}

@media (max-width: 370px) {

    .editor {
        width: 250px;
        height: 495px;
    }

    .top_ed {
        width: 250px;
    }

    .photo_d {
        width: 150px;
        height: 150px;
    }

    .avatarSelector {
        width: 150px;
        height: 150px;
    }

    .cr-boundary {
        width: 150px !important;
        height: 150px !important;
    }

    .slider {
        width: 150px !important;
    }

    .cr-slider {
        width: 150px !important;
    }

    .but_txt {
        margin-left: 0px;
        margin-bottom: 20px;
        margin-top: 20px;

    }

    .full_ed {
        margin-top: 80px;
        display: grid;
    }

    .save {
        margin-top: 165px;
    }

    .txt_photo {
        width: 180px;
        font-size: 10px;
    }

    .txt_edit {
        font-size: 12px;
    }

    .ssv {
        font-size: 12px;
    }

    .slid {
        width: 150px;
    }

}

.body4 {
    background: url(/images/new/support_all.png) no-repeat, linear-gradient(180deg, #009A91 19%, #92e0d4 91%) center fixed;
    display: flex;
    flex-direction: column;
    background-size: 100% auto;
    min-height: 100vh;
}

.glass_block {
    display: flex;
    flex-direction: column;
    max-width: 850px;
    margin: 50px auto auto;
    position: relative;
    background: #ffe5d7be;
    border-radius: 20px;
    box-shadow: 7px 7px 17px 0px #FFB68E inset, -7px -7px 9px 0px #FFB68E inset;
    backdrop-filter: blur(11.5px);
    -webkit-backdrop-filter: blur(9.5px);
}

.logo_whiteline {
    position: relative;
    display: flex;
}

.logo_camwork {
    margin: auto;
}

.white_line {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 95%;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.545);
}

.text_rating {
    color: #000000;
    text-align: justify;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0px 20px 0px 24px;
}

.theme_cons {
    font-weight: 700;
}

.white_label {
    color: #ffffff !important;
    text-shadow: 0 0 10px #007a68;
}

.rating_text {
    font-size: 20px;
    font-weight: 600;
}

.rating_stars img {
    width: 40px;
}

.rating_stars input {
    display: none;
}

.rating_stars label {
    cursor: pointer;
    color: #888;
    position: relative;
    margin-right: -5px;
}

.rating_stars label::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('/images/new/grade/star_grey_grade.png');
    background-size: cover;
}

.rating_stars input:checked ~ label,
.rating_stars label:hover {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('/images/new/grade/star_grade.png');
    background-size: cover;
}

.rating_stars input:checked ~ label:before,
.rating_stars label:hover:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('/images/new/grade/star_backlight_grade.png');
    background-size: cover;
}

.rating_stars label:hover ~ label {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('/images/new/grade/star_backlight_grade.png');
    background-size: cover;
}

.rating_stars label:hover ~ label:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('/images/new/grade/star_backlight_grade.png');
    background-size: cover;
}

.rating_stars input:checked ~ label::before {
    background-image: url('/images/new/grade/star_grade.png');
}

.rating_new {
    display: inline-block;
    unicode-bidi: bidi-override;
    direction: rtl;
}

.rating_stars {
    display: flex;
    align-items: center;
    margin: auto;
    border-radius: 10px;
    border: 3px solid #ffbb96;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 5px 15px 5px 15px;
}

.comment_block {
    display: grid;
    width: 95%;
    margin: 30px auto;
    margin-bottom: 30px;
}

.comment_title {
    color: #000000;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px;
    padding: 0px 0px 0px 4px;
}

.comment_bg {
    resize: none;
    border-radius: 10px;
    border: 3px solid #ffbb96;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    height: 100px
}

.thin_text {
    font-weight: 500;
}

.thin_rows_block p {
    margin-bottom: 3px;
    font-weight: 500;
}

.glass_block button {
    background: linear-gradient(182deg, #ffffff 1.74%, #d9d9d9 98.25%);
    box-shadow: 3.56673px 3.56673px 4.07627px 0px rgba(218, 218, 218, 0.49) inset, -3.56673px -3.56673px 4.07627px 0px rgba(0, 0, 0, 0.25) inset, 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
    font-weight: 700;
    font-size: 15px;
    line-height: normal;
    color: #0A4234;
    width: 370px;
    height: 55px;
    text-decoration: none;
    margin: auto;
    margin-bottom: 30px;
}

.glass_block button:hover {
    text-decoration: none;
    transform: translateY(-3px);
    transition: 0.2s;
    background: linear-gradient(182deg, #ffffff 1.74%, #d1d1d1 98.25%);
    box-shadow: 0px 3px 3px 0px #3131315b, inset -5px -5px 8px rgba(0, 0, 0, 0.2), inset 7px 7px 8px rgba(255, 255, 255, 0.2);
}

.glass_block button:active {
    transform: none;
    box-shadow: none;
}

.rating_footer {
    width: 100%;
    margin-top: 50px;
    text-align: center;
    background: #7dd6cb;
}

@media (max-width: 1700px) {
    .text_rating {
        font-size: 16px;
        line-height: 20px;
    }

    .support_team img {
        max-width: 400px;
    }

    .comment_bg {
        height: 70px;
    }

    .rating_text {
        font-size: 16px;
    }

    .comment_title {
        font-size: 15px;
    }

    .glass_block button {
        font-size: 14px;
        width: 350px;
        height: 50px;
    }

    .main_start_work_text h3 {
        font-size: 25px !important;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
}

@media (max-width: 1200px) {
    .body4 {
        background: url(/images/new/support_girl.png) no-repeat center top, linear-gradient(180deg, #009A91 19%, #92e0d4 91%) fixed;
        background-size: 50%;
    }
}

@media (max-width: 900px) {
    .glass_block {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media (max-width: 620px) {
    .body4 {
        background-size: 70%;
    }

    .glass_block {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (max-width: 400px) {
    .body4 {
        background-size: 80%;
    }

    .glass_block {
        margin-left: 3px;
        margin-right: 3px;
    }
}

.new_main_head_consultation {
    width: 34%;
    margin-left: 1%;
    background: #FFE5D7;
    border-radius: 9px;
    box-shadow: 7px 7px 17px 0px #FFB68E inset, -7px -7px 9px 0px #FFB68E inset;
    float: left;
    height: 200px;
    position: relative;
    padding-bottom: 15px;
}

.new_main_head_consultation h5 {
    color: #313131;
    font-weight: 600;
    font-size: 18px;
    padding-top: 13px;
    padding-left: 13px;
}

.new_main_head_consultation p {
    color: #313131;
    font-weight: 400;
    font-size: 15px;
    padding-right: 20px;
    padding-left: 20px;
}

.grade_text {
    color: #313131;
    font-weight: 600;
    font-size: 15px;
    padding-left: 40px;
}

.grade {
    display: flex;
    align-items: center;
}

.grade img {
    width: 23px;
}

.grade_bottom {
    padding-bottom: 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.rating {
    display: inline-block;
    unicode-bidi: bidi-override;
    direction: rtl;
}

.rating input {
    display: none;
}

.rating label {
    cursor: pointer;
    color: #888;
    position: relative;
    margin-right: -5px;
}

.rating label::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/images/new/grade/star_grey_grade.png');
    background-size: cover;
}


.rating input:checked~label,
.rating label:hover {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/images/new/grade/star_grade.png');
    background-size: cover;
}

.rating input:checked~label:before,
.rating label:hover:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/images/new/grade/star_backlight_grade.png');
    background-size: cover;
}

.rating label:hover~label {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/images/new/grade/star_backlight_grade.png');
    background-size: cover;
}

.rating label:hover~label:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/images/new/grade/star_backlight_grade.png');
    background-size: cover;
}

.rating input:checked~label::before {
    background-image: url('/images/new/grade/star_grade.png');
}

.grade_items {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row-reverse;
    overflow: hidden;
}

.grade_item {
    position: absolute;
    width: 0%;
    height: 0%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.comment {
    resize: none;
    border-radius: 5px;
    border: 1px solid #000;
    height: 50px
}

.comment_text {
    color: #313131;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 3px;
}

.comment_box {
    display: grid;
    width: 90%;
    margin: auto;
}

.grade_bottom button {
    background: linear-gradient(180deg, #FFF 20%, #B7B7B7 100%);
    box-shadow: rgb(149 149 149 / 20%) -5px -5px 8px inset, rgba(159, 159, 159, 0.2) 7px 7px 8px inset;
    border-radius: 7px;
    font-weight: 700;
    font-size: 12px;
    line-height: normal;
    color: rgba(0, 31, 23, 0.7);
    width: 100px;
    height: 35px;
    text-decoration: none;
    overflow: hidden;
    position: absolute;
    right: 0;
    margin-right: 25px;
}

.grade_bottom button:hover {
    text-decoration: none;
    transform: translateY(-3px);
    transition: 0.2s;
    background: linear-gradient(180deg, #FFF 30%, #c1c1c1 100%);
    box-shadow: 0px 3px 3px 0px #3131315b, inset -5px -5px 8px rgba(0, 0, 0, 0.2), inset 7px 7px 8px rgba(159, 159, 159, 0.2);
}

.grade_bottom button:active {
    transform: none;
    box-shadow: none;
}

@media (max-width: 1800px) {
    .new_main_head_consultation {
        height: 240px;
    }

    .new_main_head_consultation h5 {
        padding-top: 23px
    }

    .grade_bottom {
        flex-direction: column-reverse;
    }

    .comment_box {
        margin-bottom: 20px;
    }

    .grade_text {
        padding-left: 25px;
    }

    .grade {
        margin-bottom: 5px;
    }
}

@media (min-width: 1600px) and (max-width: 1700px) {
    .new_main_head_consultation {
        height: 250px;
    }

    .new_main_head_consultation h5 {
        padding-top: 23px
    }
}

@media (min-width: 1550px) and (max-width: 1600px) {
    .new_main_head_consultation {
        height: 260px;
    }

    .new_main_head_consultation h5 {
        padding-top: 23px
    }
}

@media (min-width: 1550px) and (max-width: 1600px) {
    .grade_bottom button {
        width: 85px;
        font-size: 11px;
    }
}

@media (min-width: 1399px) and (max-width: 1550px) {
    .grade_bottom button {
        width: 77px;
        font-size: 10px;
    }
}

@media (min-width: 1450px) and (max-width: 1550px) {
    .new_main_head_consultation {
        height: 270px;
    }

    .new_main_head_consultation h5 {
        padding-top: 20px
    }

    .new_main_head_consultation p {
        padding-top: 5px
    }
}

@media (min-width: 1400px) and (max-width: 1450px) {
    .new_main_head_consultation {
        height: 270px;
    }
}

@media (max-width: 1399px) {
    .new_main_head_consultation {
        width: 100%;
        margin-left: 0px;
        margin-top: 30px;
    }
}

#menu__toggle {
    opacity: 0;
}

#menu__toggle:checked ~ .menu__btn > span {
    transform: rotate(45deg);
}

#menu__toggle:checked ~ .menu__btn > span::before {
    top: 0;
    transform: rotate(0);
}

#menu__toggle:checked ~ .menu__btn > span::after {
    top: 0;
    transform: rotate(90deg);
}

#menu__toggle:checked ~ .menu__box {
    visibility: visible;
    box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
}

.menu__btn {
    display: flex;
    position: absolute;

    right: 20px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    z-index: 11;
}

.left_mobile_menu_btn {
    top: 20px;
    height: 111px;
    width: 26px;
    background: black;
    position: fixed;
    top: 0px;
    right: 0px;
    border-radius: 0px 0px 0px 45px;
    background: linear-gradient(144.29deg, #0ED8BE -7.6%, #09B39C 15.85%, #0ED8BD 81.39%);
}

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    top: 20px;
    background-color: #000;

}

.menu__btn > span::before {
    content: '';
    top: -8px;
}

.menu__btn > span::after {
    content: '';
    top: 8px;
}

.left_mobile_menu_btn > span,
.left_mobile_menu_btn > span::before,
.left_mobile_menu_btn > span::after {
    background-color: #fff;
    transform: none;
}

.left_mobile_menu_btn {
    animation: left_mobile_menu_btn 1.5s infinite;
}

@keyframes left_mobile_menu_btn {
    0% {
        box-shadow: none;
    }
    50% {
        box-shadow: 0px 0px 11.1888px #0CC9B0, 0px 0px 6.3936px #0CC9B0, 0px 0px 3.7296px #0CC9B0, 0px 0px 1.8648px #0CC9B0, 0px 0px 0.5328px #0CC9B0, 0px 0px 0.2664px #0CC9B0;
    }
    100% {
        box-shadow: none;
    }
}

.menu__box {
    display: block;
    position: fixed;
    visibility: hidden;
    top: 0;
    right: 0;
    z-index: 1;
    width: 230px;
    height: 100%;
    margin: 0;
    padding: 80px 0;
    list-style: none;
    background-color: #fff;
    box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
    transition-duration: .25s;
    padding-bottom: 0px;
}


.menu__item {
    display: block;
    padding: 12px 24px;
    color: #333;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    transition-duration: .25s;
}


.menu_map1 {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 26px;
}

.menu_girl {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 300px;
}

.hamburger-menu {
    display: none;
}


.main_logo {
    width: 180px;
    margin-top: 20px;
}

.menu_position {
    display: block;
    text-decoration: none;
    font-size: 18px;
    padding-top: 35px;
    text-align: center;
    font-weight: 600;
}

.menu_map {
    padding-top: 30px;
    width: 26px;
}

.menu_position a {
    padding-bottom: 10px;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}

.menu_position a:focus {
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #64FFDA;
}

.menu_position a:active {
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #64FFDA;
}

.menu__item:hover {
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #64FFDA;
    color: #333;
}

.menu__item:focus {
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #64FFDA;
    color: #333;
}

.menu__item:active {
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #64FFDA;
    color: #333;
}

.menu_position a:after {
    display: block;
    content: "";
    background-color: #64FFDA;
    height: 2px;
    width: 0%;
    left: 50%;
    position: absolute;
    -webkit-transition: width .15s ease-in-out;
    -moz--transition: width .15s ease-in-out;
    transition: width .15s ease-in-out;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.menu_position a:hover:after,
.menu_position a:focus:after {
    width: 100%;
}

@media (max-width: 1380px) {
    .menu_position {
        font-size: 17px !important;
        margin-top: 1px;
    }
}

@media (max-width: 1300px) {
    .menu_position {
        font-size: 16px !important;
        margin-top: 2px;
    }
}

@media (max-width: 1240px) {
    .menu_position {
        font-size: 15px !important;
        margin-top: 3px;
    }
}

@media (max-width: 1160px) {
    .menu_position {
        font-size: 14px !important;
    }
}

@media (max-width: 1100px) {
    .menu_position {
        font-size: 13px !important;
        margin-top: 4px;
    }
}

@media (max-width: 1025px) {
    .menu_position {
        font-size: 12px !important;
        margin-top: 5px;
    }
}

@media (max-width: 992px) {
    .menu__item {
        font-size: 13px !important;
        text-transform: uppercase;
    }
}

@media (max-width: 992px) {
    .hamburger-menu {
        display: block;
    }

    .menu1 {
        display: none;
    }

    .main_logo {
        margin-top: 0px;
    }
}

.burger {
    width: 15px;
    height: 15px;
    background: url(/images/new/open.svg) no-repeat;
    position: fixed;
    top: 15px;
    right: 6px;
    transition: .7s;
}

#menu__toggle:checked ~ .menu__btn > div {
    background: url(/images/new/close.svg) no-repeat;
    transition: .7s;
}

.left_mobile_menu {
    animation: left_mobile_menu 2s forwards;
}

@keyframes left_mobile_menu {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.main_okno {
    width: 100%;
    padding: 30px;
    box-shadow: inset 6px -7px 20px rgba(100, 255, 218, 0.61), inset -6px 7px 40px rgba(100, 255, 218, 0.62), 0px 2px 5px -2px;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 39px;
    margin-top: 100px;

}

@media (max-width: 500px) {
    .main_okno {
        margin-top: 20px;
        backdrop-filter: blur(3px);
        box-shadow: inset 6px -7px 20px rgba(100, 255, 218, 0.61), inset -6px 7px 40px rgba(100, 255, 218, 0.62), 0px 2px 5px -2px, inset 0px -5px 15px -5px;

    }
}

.container_contacts {
    display: flex;
    align-items: center;
}

.images_mini {
    width: 30px !important;
    height: 30px !important;
}

.all_contacts {
    display: block;
    width: 420px;
}

.all_contacts input {
    margin-left: 10px;
}

.full_list {
    display: flex;
}

.small_text {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    margin-bottom: 10px;
}

.box_text {
    margin-left: 40px;
}

.mobile_img {
    width: 30px !important;
    height: auto !important;
}

.marks_contacts {
    margin-top: 20px;
}

.checkbox_contacts_text {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.name_input input {
    border: 1px solid #000000;
    border-radius: 9px;
    width: 130px !important;
    height: 30px !important;
    padding-left: 5px;
    font-size: 20px;
    margin-left: 10px;
}

.name_telegram {
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #3E3E3E;
    text-align: left !important;
    margin-left: 2rem;
}

.name_profile {
    display: flex;
    align-items: center;
}

.question_mark {
    width: 17px !important;
    height: auto !important;
    vertical-align: middle;
    margin-left: 5px;
}

@media (max-width: 768px) {

    .full_list {
        justify-content: center;
    }

    .box_contact {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.tooltip_help {
    position: relative;
    display: inline-block;
}

.tooltip_help .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #2b2b2b;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 14px !important;
}

.tooltip_help:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


@media (max-width: 500px) {
    .form_item {
        margin-left: 15px;
    }

    .tooltip_help .tooltiptext {
        margin-left: -60px;
        width: 150px;
    }

    .name_profile_reg .tooltiptext {
        margin-left: 0;
    }
}

.main_okno1 {
    width: 80%;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .main_okno1 {
        width: 90%;
    }

}

.main_okno h3 {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 44px;
}

.main_okno input {
    width: 100%;
    border-radius: 18px;
    height: 35px;
    border: 2px solid #ABABAB;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 0.5);
    padding-left: 5px;
    font-size: 18px;
    padding: 10px 10px 10px 10px;
    font-weight: 400;
}

.main_okno_text {
    margin-bottom: 5px;
    float: left;
    font-size: 17px;
    margin-left: 10px;
    color: #3b3b3b;
}

.main_okno button {
    width: 100%;
    height: 46.3px;
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
    border-radius: 18px;
    margin-top: 10px;
    font-size: 18px;
    color: black;
    font-style: normal;
    line-height: 29px;
    font-weight: 400;
    transition: .1s;
}

.main_okno button:hover {
    transform: translateY(-3px);
    box-shadow: 0px 3px 1px 0px #3131315b;
    background: linear-gradient(180deg, #8effe5 0%, #87e7d1 100%);

}

.main_okno button:active {
    transform: translateY(1px);
    box-shadow: none;
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
}

.main_okno p {
    font-size: 13px;
    text-align: left;
}

.main_okno_end {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}


.main_okno_end span {
    margin-top: 5px;
    color: rgb(60 60 60);
    font-weight: 500;
}

.main_okno_end span:hover {
    text-decoration: underline;
}

.footer {
    text-align: center;
    width: 100%;
    margin-top: 50px;
    padding: 10px 10px 10px 10px;
    background-color: rgba(255, 255, 255, 0.5);
}

.main_okno_user {
    padding: 10px;
    text-align: center;
}

.main_okno_user span {
    color: rgb(60 60 60);
    font-size: 14px;
    font-weight: 500;
}

.main_okno_user:hover {
    text-decoration: underline;
}

.form_line_paragraph {
    margin-top: 0;
}

.form_line_paragraph p {
    font-size: 10px;
    text-align: center;
}

.footer1 {
    text-align: center;
    margin-top: 20px;
}

.footer h3 {
    font-weight: bold;
    margin-bottom: 10px;
}

.footer1 h3 {
    font-weight: bold;
    margin-bottom: 10px;
}


.footer_soc {
    margin-right: 10px;
    height: 30px;
}


.dzen, .wiki, .odnokl, .youtube, .teleg {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #1f4d42;
}

.dzen {
    -webkit-mask: url(/images/new/dzen_color.png) center/cover no-repeat;
    mask: url(/images/new/dzen_color.png) center/cover no-repeat;
}

.dzen:hover {
    background: url(/images/new/dzen_color.png) center/cover no-repeat;
}

.wiki {
    -webkit-mask: url(/images/new/wiki_color.png) center/cover no-repeat;
    mask: url(/images/new/wiki_color.png) center/cover no-repeat;
}

.wiki:hover {
    background: url(/images/new/wiki_color.png) center/cover no-repeat;
}

.odnokl {
    -webkit-mask: url(/images/new/ok_color.png) center/cover no-repeat;
    mask: url(/images/new/ok_color.png) center/cover no-repeat;
}

.odnokl:hover {
    background: url(/images/new/ok_color.png) center/cover no-repeat;
}

.youtube {
    -webkit-mask: url(/images/new/youtube_color.png) center/cover no-repeat;
    mask: url(/images/new/youtube_color.png) center/cover no-repeat;
}

.youtube:hover {
    background: url(/images/new/youtube_color.png) center/cover no-repeat;
}

.teleg {
    -webkit-mask: url(/images/new/telegram_color.png) center/cover no-repeat;
    mask: url(/images/new/telegram_color.png) center/cover no-repeat;
}

.teleg:hover {
    background: url(/images/new/telegram_color.png) center/cover no-repeat;
}

.footer1_vert {

}

.soc {
    text-align: center;
}

.footer span {
    font-size: 12px;
}

.footer1 span {
    font-size: 12px;
}

.footer_cont {
    height: 15px;
}

.footer_end {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.left_menu {
    background: linear-gradient(90deg, #0EDABE 0%, #02A5A1 100%);
    box-shadow: inset -1px -1px 5px rgba(0, 0, 0, 0.5);
    border-radius: 0px 0px 9px 0px;
    float: left;
}

.sticky {
    position: fixed;
    z-index: 101;
}
.stop {
    position: relative;
    z-index: 101;
}

.my_cab {
    width: 100%;
    background: rgba(44, 108, 93, 0.5);
    box-shadow: inset -2.03813px -2.54767px 2.03813px rgba(31, 77, 66, 0.5), inset 2.03813px 2.54767px 2.03813px rgba(57, 134, 116, 0.5);
    padding: 10px;
}

.exit_button {
    height: 22px;
}

.ava {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

.ava img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    border: 3px solid #208073;
    background: #FAE7E9;
}

.ava button {
    position: absolute;
    bottom: 0;
    right: 13px;
    width: 17px;
    height: 17px;
    background: url(/images/new/new_ava.svg) center/cover no-repeat;
    color: #56B7A0;
    font-size: 20px;
    line-height: 17px;
    border-radius: 100px;
}

@media (max-width: 1399px) {
    .ava button {
        right: 13px;
    }

    .ava img {
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 1200px) {
    .ava button {
        right: 15px;
        font-size: 18px;
    }
}

@media (max-width: 996px) {
    .ava button {
        right: 10px;
        font-size: 15px;
    }
}

.my_cab_des {
    text-align: center;
}

.my_cab_des span {
    text-align: center;
    color: white;
    font-size: 15px !important;
    line-height: 20px;
    font-weight: 600;
    margin-top: 10px;
    display: flex;
}

.my_cab_balance {
    width: 100%;
    padding-top: 10px;
}

.my_cab_balance h3 {
    font-size: 12px !important;
    line-height: 12px !important;
    color: white;
    width: 100%;
    font-weight: 600;
    margin-bottom: 0px;
}

.my_cab_balance span {
    float: right;
    color: #00FFC2;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
}

.my_cab_balance img {
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
}

.my_cab_balance_button {
    background: linear-gradient(180deg, #FFF 20%, #B7B7B7 100%);
    box-shadow: inset -5px -5px 8px rgba(0, 0, 0, 0.15), inset 7px 7px 8px rgba(159, 159, 159, 0.15);
    border-radius: 12px;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #42625B;
    width: 225px;
    height: 24px;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin-top: 15px;
}

.my_cab_balance_button span {
    z-index: 20;
}

@media (min-width: 500px) {
    .my_cab_balance_button:hover {
        text-decoration: none;
        transform: translateY(-3px);
        transition: 0.2s;
        box-shadow: 0px 3px 3px 0px #3131315b, inset -5px -5px 8px rgba(0, 0, 0, 0.10), inset 7px 7px 8px rgba(159, 159, 159, 0.10);
    }

    .my_cab_balance_button::after {
        background: #fff;
        box-shadow: 0px 0px 10px 5px #ffffff;
        content: "";
        height: 3px;
        left: 0px;
        opacity: 0.8;
        position: absolute;
        top: -2px;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        width: 225px;
    }

    .my_cab_balance_button:hover:after {
        top: 130%;
        transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .my_cab_balance_button:active {
        transform: none;
        box-shadow: none;
    }
}

.my_cab_des button {
    background: url(/images/new/zakaz_viplat.png) center/cover no-repeat;
    border-radius: 12px;
    color: #445a55;
    font-size: 10px;
    font-weight: bold;
    width: 100%;
    height: 30px;
    text-align: center;
    margin-top: 24px;
}


@media (max-width: 1200px) {
    .my_cab_balance h3 {
        font-size: 13px;
        width: 100%;
        margin-left: 5px;
    }

    .my_cab_balance span {
        font-size: 15px;
    }

    .my_cab_balance img {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .my_cab_balance button {
        font-size: 10px;
    }
}

details {
    display: block;
    /*background: rgb(44, 108, 93, 0.5);*/
    background: rgba(44, 108, 93, 0.5);
    color: #fff;
    width: 100%;
    box-shadow: inset -2px -3px 3px 1px rgba(31, 77, 66, 0.25), inset 2px 3px 2px rgba(57, 134, 116, 0.1), inset 2px 3px 3px rgba(40, 176, 155, 0.8);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

summary::-webkit-details-marker {
    display: none;
}

summary::-moz-list-bullet {
    list-style-type: none;
}

summary::marker {
    display: none;
}

summary {
    display: block;
    padding: .3em 1em .3em .9em;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

summary:before {
    top: .9em;
    right: .8em;
    color: transparent;
    background: url("/images/new/strel_menu1.svg") no-repeat 50% 50%;
    width: 12px;
    height: 6px;
    content: "";
    position: absolute;
    transition: transform .5s;
}

details[open] > summary:before {
    transform: scale(1, -1);
}

summary ~ * {
    padding: 0 1em 10px 1.4em;
}

details[open] summary ~ * {
    animation: sweep .5s ease-in-out;
}

@keyframes sweep {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.statistica_zar {
    text-align: center;
    padding-top: 10px;
}

.statistica_zar h3 {
    color: white;
    font-size: 15px;
    font-weight: 700;
}

.statistica_zar_content {
    text-align: left;
    width: 80%;
    display: inline-block;
    margin-top: 5px;
}

.statistica_zar_content img {
    height: 8.41px;
    margin-top: 6.5px;
    padding-left: 15px;
}

.statistica_zar_content1 img {
    height: 8.41px;
    margin-top: 7.2px;
}

.left_menu_qr {
    width: 18px;
    height: 18px !important;
    margin-top: 2px !important;
    padding-left: 5px;
    transition: 1s;
}


.statistica_zar_content span {
    font-weight: 600;
    font-size: 14px !important;;
    line-height: 14px !important;;
}

.statistica_zar_content a {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    line-height: 15px;
}

.statistica_zar_content button {
    background: linear-gradient(180deg, #FFF 20%, #B7B7B7 100%);
    box-shadow: inset -5px -5px 8px rgba(0, 0, 0, 0.2), inset 7px 7px 8px rgba(159, 159, 159, 0.2);
    border-radius: 10px;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: rgba(0, 31, 23, 0.7);
    width: 200px;
    height: 37px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-decoration: none;
    overflow: hidden;
    position: relative;
}

.statistica_zar_content button span {
    z-index: 20;
}

@media (min-width: 500px) {
    .statistica_zar_content button:hover {
        text-decoration: none;
        transform: translateY(-3px);
        transition: 0.2s;
        background: linear-gradient(180deg, #FFF 30%, #c1c1c1 100%);
        box-shadow: 0px 3px 3px 0px #3131315b, inset -5px -5px 8px rgba(0, 0, 0, 0.2), inset 7px 7px 8px rgba(159, 159, 159, 0.2);
    }

    .statistica_zar_content button::after {
        background: #fff;
        box-shadow: 0px 0px 10px 5px #ffffff;
        content: "";
        height: 10px;
        left: 0px;
        opacity: 0.8;
        position: absolute;
        top: -30px;
        transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
        width: 320px;
    }

    .statistica_zar_content button:active {
        transform: none;
        box-shadow: none;
    }

    .statistica_zar_content button:hover:after {
        top: 130%;
        transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
    }
}

@media (max-width: 1200px) {
    .statistica_zar h3 {
        font-size: 20px;
    }

    .statistica_zar_content {
        width: 90%
    }

    .statistica_zar_content span {
        font-size: 18px;
    }
}

.bloks {
    text-align: center;
    width: 100%;
}

.blocks_content {
    width: 95%;
    display: inline-block;
    text-align: left;
}

.statistica_zar_content1 {
    text-align: left;
    width: 80%;
    display: inline-block;
}

.personal_support_contacts p {
    margin-bottom: 0;
}

.personal_support_contacts p:not(.personal_support_contacts p:first-child) {
    margin-top: -10px;
}

.personal_support_contacts br:last-child {
    display: none;
}

@media (max-width: 1400px) {
    .statistica_zar_content1 {
        width: 100%;
    }

}

.left_menu_banner:hover {
    transform: scale(1.01);
    display: inline-block;
}

.banner1:hover {
    border: 2px solid #1bffca
}

.statistica_zar_content1 a {
    color: #fff;
    font-size: 12px !important;
    line-height: 18px;
    font-weight: 500;
    text-align: center;
}

.statistica_zar_content a:hover {
    transform: scale(1.05);
    display: inline-block;
    color: #1bffca !important;
	transition-duration: 0.15s;
}

.statistica_zar_content a:active {
    transform: scale(1.05);
    display: inline-block;
    color: #1bffca !important;
}


.statistica_zar_content1 a:hover {
    transform: scale(1.05);
    display: inline-block;
    color: #1bffca;
	transition-duration: 0.15s;
}

.statistica_zar_content1 a:active {
    transform: scale(1.05);
    display: inline-block;
    color: #1bffca;
}

@media (max-width: 1200px) {
    .statistica_zar_content1 a {
        font-size: 15px;
    }
}


.left_menu_icon {
    width: 11px;
    height: 11px !important;
    margin-top: 6px !important;
}

.left_menu_contact {
    margin-left: 5px;
}

.banner1 {
    width: 100%;
    border: 2px solid #128076;
    border-radius: 9px;
}

.banner {
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em;
}

.statistica_zar_content1 p {
    color: #fff;
    font-style: normal;
    line-height: 20px;
    font-size: 12px !important;
}

.left_menu_install {
    font-weight: 400 !important;
    margin-top: 15px !important;
    padding-left: 5px !important;
    line-height: 30px !important;
}

.left_menu_fon {
    background: url(/images/new/left_menu_fon.png) center/cover no-repeat;
    width: 100%;
    box-shadow: inset -1px -1px 5px rgba(0, 0, 0, 0.5);
    border-radius: 0px 0px 9px 0px;
}

.left_menu_install_img {
    width: 20px !important;
    margin-top: 5px !important;
    height: auto !important;
}

.left_mobile_menu {
    background: url(/images/new/left_menu_fon.png) center/cover no-repeat;
    width: 300px;
    position: fixed !important;
    right: 26px;
    height: auto;
    z-index: 10;
    padding-top: 0px;
}


.info_head {
    text-align: center;
}

.info_head img {
    width: 627px;
}

.info_head h3 {
    font-weight: 700;
    color: black;
    width: 100%;
    font-size: 25px;
    text-align: center;
}

@media (max-width: 1200px) {
    .info_head h3 {
        font-size: 20px;
    }
}


.info_content {
    width: 78%;
    margin: 0 auto;
}

.info_content1 {
    margin-top: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
}

@media (max-width: 768px) {
    .info_head img {
        width: 275px;
    }

    .info_content1 {
        font-size: 14px;
        line-height: 18px;
    }

    .info_head h3 {
        font-size: 18px;
    }
}


@media (max-width: 1700px) {
    .info_content {
        width: 90%
    }
}

@media (min-width: 1800px) and (max-width: 1900px) {
    .info_content {
        width: 85%
    }
}

@media (max-width: 1625px) {
    .info_content {
        width: 95%
    }
}

.info_content1 h3 {
    margin-top: 20px;
    font-weight: 700;
    font-size: 18px;
}

.info_content1 li::marker {
    font-weight: 700;
}

.info_content1 li {
    margin-top: 10px;
    text-align: justify;
}

.new_footer {
    width: 100%;
    margin-top: 50px;
    text-align: center;
}

.new_footer_line {
    width: 100%;
    height: 3px;
    background: #128076;
    margin-bottom: 10px;
}

.new_footer_img_soc {
    width: 30px;
    height: 30px;
    margin-top: 5px;
    margin-right: 10px;
}

.new_footer_img_you {
    width: 30px;
    height: 30px;
    margin-top: 10px;
    margin-right: 10px;
}

.new_footer_img_dzen {
    height: 40px;
    width: 30px;
    margin-right: 10px;
}

.new_footer_left {
    float: right;
    margin-top: 10px;
    text-align: left;
}

.new_footer_left span {
    color: #1F4D42;
    line-height: 15px;
    font-size: 12px;
}

.new_footer_right {
    float: left;
    margin-top: 10px;
    text-align: left;
}

.new_footer_right span {
    color: #1F4D42;
    line-height: 15px;
    font-size: 12px;
}

@media (max-width: 576px) {
    .new_footer_left {
        float: none;
        text-align: center;
    }

    .new_footer_right {
        float: none;
        text-align: center;
    }
}

.main_head {
    width: 100%;
    margin-bottom: 20px;
}

.main_head_menu {
    padding-top: 10px;
    text-align: center;
}

.main_head_menu_logo {
    width: 245px;
}

@media (max-width: 1400px) {

}

.main_head_menu span {
    color: black;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
}

.main_head_menu_map {
    width: 31px;
    height: 31px;
    margin-top: 10px;
}

.main_head_menu_item {
    padding-top: 15px;
}

.main_head_menu_item a:after {
    display: block;
    content: "";
    background-color: #3EA088;
    height: 2px;
    width: 0%;
    left: 50%;
    position: absolute;
    -webkit-transition: width .15s ease-in-out;
    -moz--transition: width .15s ease-in-out;
    transition: width .15s ease-in-out;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0px 0px 15px #3EA088;
}

.main_head_menu_item a:hover:after,
.main_head_menu_item a:focus:after {
    width: 100%;
}

.main_head_menu_item a {
    padding-bottom: 10px;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}


.my_cab_des_email {
    font-size: 12px;
    line-height: 15px;
    color: white;
    font-weight: 600;
}

@media (max-width: 1200px) {
    .main_head_menu span {
        font-size: 9px;
    }

    .main_head_menu_item {
        padding-top: 3px;
    }

}

@media (max-width: 1400px) {
    .main_head_menu span {
        font-size: 9px;
        line-height: 31px;
    }
}

@media (min-width: 1400px) and (max-width: 1700px) {
    .main_head_menu_item {
        padding-top: 10px;
    }
}

@media (min-width: 1400px) and (max-width: 1700px) {
    .ava img {
        width: 120px;
        height: 120px;
    }

    .statistica_zar_content1 {
        width: 100%;
    }

    .statistica_zar_content {
        width: 90%;
    }

    .statistica_zar_content span {
        font-size: 18px;
    }

    .statistica_zar h3 {
        font-size: 22px;
    }

    .statistica_zar_content1 a {
        font-size: 15px;
    }

    .statistica_zar_content1 p {
        font-size: 15px;
    }

    .my_cab_balance h3 {
        width: 100%
    }

    .ava button {
        right: 7px;
    }

    summary {
        font-size: 17px;
    }

    .my_cab_balance button {
        font-size: 9px;
    }
}

@media (max-width: 3000px) {
    .ava img {
        width: 100px;
        height: 100px;
    }

    .statistica_zar_content1 {
        width: 100%;
    }

    .statistica_zar_content {
        width: 90%;
    }

    .statistica_zar_content span {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
    }

    .statistica_zar h3 {
        font-weight: 700;
        font-size: 17px;
        line-height: 21px;
    }

    .statistica_zar_content1 a {
        font-weight: 500;
        font-size: 13px;
        line-height: 22px !important;
    }

    .statistica_zar_content1 p {
        font-size: 13px;
        line-height: 16px;
        font-weight: 500;
    }

    .my_cab_des_email {
        font-size: 12px;
        line-height: 15px;
    }

    .my_cab_balance h3 {
        width: 100%;
        font-size: 13px;
    }

    .ava button {
        right: 7px;
    }

    summary {
        font-weight: 700;
        font-size: 11px;
        line-height: 15px;
        padding-top: 7px;
        padding-left: 14px;
        padding-bottom: 7px;
    }

    .my_cab_balance button {
        font-size: 9px;
    }

    .my_cab_des span {
        font-size: 18px;
    }
}

.adaptiv {
    display: none;
}

.adaptiv1 {
    display: none;
}

@media (min-width: 1339px) and (max-width: 1430px) {
    .adaptiv {
        display: block;
    }
}

@media (min-width: 1486px) and (max-width: 1584px) {
    .adaptiv1 {
        display: block;
    }
}


.main_head_content_ban {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 10px;
    width: 100%;
}

.main_head_content_ban img {
    width: 100%;
    max-width: 562px;
    padding-top: 10px;
}

.main_head_content {
    padding-top: 15px;
    padding-bottom: 10px;
    float: left;
    display: inline-block;
    text-align: justify;
    padding-right: 5px;
}

.main_head_content span {
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
}

.main_head_fon {
    background: #DEFFFB;
    border-radius: 9px;
    box-shadow: inset -7px -7px 9px #85D0CE, inset 7px 7px 17px #85D0CE;
}

@media (max-width: 1200px) {
    .main_head_content span {
        font-size: 13px;
    }

    .main_head_content {
        padding-top: 5px;
    }
}

.box_green {
    width: 75%;
    margin: auto;
    padding: 20px;
    background: #F5FFEC;
    box-shadow: inset -5px -5px 9px #85C646, inset 5px 5px 15px #85C646;
    border-radius: 21px;
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.marks:hover {
    color: #128b77;
    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));
}

.green {
    color: #00c84d;
    font-weight: 700;
}

.green:hover {
    filter: drop-shadow(0px 3px 10px #29f2768f);
}

.box_text_img {
    display: flex;
    justify-content: center;
    margin: auto;
}

.left_text {
    font-size: 20px;
    padding-right: 50px;
}

.right_img {
    border-radius: 15px;
}

.right_img img {
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5));
}

.right_img span {
    color: #5E5E5E;
    font-size: 13px;
    display: flex;
    text-align: center;
    justify-content: center;
    line-height: 15px;
}

.site_img {
    display: flex;
    justify-items: center;
    align-items: center;
    flex-direction: column;
}

.site_img img {
    padding: 20px;
    width: 50%;
}

.center_video {
    text-align: center;
    display: grid;
    justify-items: center;
    margin-top: 20px;
}

.center_video span {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    width: 75%;
}

.center_video img {
    margin-top: 20px;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5));
}

.center_text {
    text-align: center;
    display: flex;
    justify-content: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

@media (max-width: 1200px) {

    .box_text_img {
        display: block;
    }

    .right_img {
        text-align: center;
        margin-top: 25px;
    }

    .right_img img {
        width: 50%;
    }

    .left_text {
        padding-right: 0px;
    }

}

@media (max-width: 900px) {

    .right_img {
        text-align: center;
        margin-top: 25px;
    }

    .right_img img {
        width: 50%;
    }

    .site_img img {
        padding: 10px;
        width: 90%;
    }

}

@media (max-width: 650px) {

    .right_img img {
        width: 70%;
    }

    .box_green {
        width: 95%;
    }

    .center_video span {
        width: 100%;
    }

    .center_video img {
        width: 70%;
    }

}

.quick_start {
    display: flex;
    justify-content: center;
    margin: 0 auto 30px;
}

.quick_start img {
    border-radius: 5px;
}

.anon_head h2 {
    font-weight: 700;
    font-size: 30px;
    color: #3E9A84;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.anon_head h3 {
    text-align: left;
    color: #3E9A84 !important;
}

.anon_head {
    text-align: center;
}

@media (max-width: 1200px) {
    .anon_head h3 {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .anon_head img {
        width: 275px;
    }

    .anon_content1 {
        font-size: 14px;
        line-height: 18px;
    }

    .anon_head h3 {
        font-size: 18px;
    }
}

.anon_content1 {
    margin-top: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
}

.anon_content1 h3 {
    margin-top: 20px;
    font-weight: 700;
    font-size: 18px;
    color: #3E9A84;
}

.anon_content1 li::marker {
    font-weight: 700;
}

.anon_content1 li {
    margin-top: 10px;
    text-align: justify;
}

.anon_content1 {
    margin-left: 1%;
    margin-right: 1%;
}

.anon_content_text {
    margin-left: 6%;
    margin-right: 6%;
}

.advantages_content_text {
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 1500px) {
    .anon_content_text {
        margin-right: 2%;
        margin-left: 2%;
    }
}

@media (max-width: 700px) {
    .anon_content_text {
        margin-right: 1%;
        margin-left: 1%;
    }
}

.prize1 h3 {
    font-weight: 700;
    font-size: 24px;
    color: #3E9A84;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}

.begin_welcome_bonus {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.begin_welcome_bonus_txt {
    width: 75%;
    margin-right: 25px;
}

@media (max-width: 1300px) and (min-width: 992px) {
    .begin_welcome_bonus {
        flex-direction: column;
    }

    .begin_welcome_bonus_txt {
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 750px) {
    .begin_welcome_bonus {
        flex-direction: column;
    }

    .begin_welcome_bonus_txt {
        width: 100%;
        margin-right: 0;
    }
}

.box_text_img iframe {
    border-radius: 10px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
}

.window {
    width: 75%;
    outline: 3px dashed #3E9A84;
    text-align: left;
    margin: auto;
    padding: 20px;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 21px;
    margin-top: 25px;
    margin-bottom: 25px;

}

.window1 {
    width: 75%;
    outline: 3px dashed #3E9A84;
    text-align: center;
    margin: auto;
    padding: 20px;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 21px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.window2 {
    width: 100%;
    outline: 3px dashed #3E9A84;
    text-align: left;
    margin: auto;
    padding: 20px;
    background: rgb(255, 255, 255);
    border-radius: 21px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.def {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center;
}

.marks, .marks:visited {
    color: #3E9A84;
    font-weight: 600;
}

.text_window2 {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    margin-top: 30px;
    padding: 15px 35px 15px 35px;
}

.midd {
    color: #3E9A84;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
}

.prize_image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ligth1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rekv {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    flex-direction: row;
    flex-wrap: wrap;
}

.rekv img {
    padding: 0px 20px 0px 20px;

}

.prize_image img {
    padding: 0px 15px 0px 15px;
}

.wind {
    font-size: 18px;
    color: #3E9A84;
    font-weight: 600;
}

.wind1 {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
}

.d_window {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75%;
    margin: auto;
}

.d_window1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin: auto;
}

.txt_wind {
    font-size: 18px;
    padding-right: 35px;
}

.img_wind {
    outline: 2px dashed #3E9A84;
    width: 100%
}

.img_wind_left {
    width: 100%;
    transition: 1s;
}

.anon_content1 li {
    color: #3E9A84;
    font-size: 24px;
}

.welcome_bonus_ol li {
    font-size: large;
    color: black;
}

.bold1 {
    color: #3E9A84;
    font-weight: 600;
    font-size: 18px;
}

.window li {
    font-size: px;
    color: #000000;
}

.line_txt {
    box-shadow: -3px 0px 0px 0px #3E9A84;
    width: 80%;
    margin: auto;
    margin-bottom: 35px;
    margin-top: 35px;

}

.line_txt1 {
    box-shadow: -3px 0px 0px 0px #3E9A84;
    width: 80%;
    margin: auto;
    margin-bottom: 35px;
    margin-top: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wind2 {
    padding: 15px;
    font-size: 18px;
}

.wind_yout {
    width: 50%;
    margin: auto;
    margin-top: 35px;
    display: block;
    justify-content: center;
}

.two_wind_yout {
    display: flex;
    align-items: center;
    gap: 55px;
    text-align: center;
}

.yout {
    color: #3E9A84 !important;
    font-weight: 800;
}

.block_yout {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    text-align: center;
}

.block_yout img {
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5));
}

@media (max-width: 650px) {
    .block_yout img {
        width: 70%;
        text-align: center;
    }
}

@media screen and (max-width: 1550px) {
    .two_wind_yout {
        gap: 25px;
        flex-direction: column;
    }
}

.txt_im {
    display: block;
    text-align: center;
}

.br_txt {
    color: #8b8b8b;
    font-size: 13px;
    line-height: 12px;
    margin-top: 3px;
}

.wdn_yo {
    width: 560px;
    height: 315px;
}

.m_head {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.m_head img {
    width: 800px;
}

.img_teach {
    width: 20%;
    margin: auto;
}

.contacts_icon {
    width: 15px !important; /*Добавить !important*/
    height: auto !important; /*Добавить !important*/
    vertical-align: middle;
    margin: -3px 2px 0 2px;
}

.cyan {
    color: #26A4E3;
    font-weight: 700;
}

.cyan:hover {
    filter: drop-shadow(0px 3px 10px #54c0f683);
}

.blue {
    color: #0066FF;
    font-weight: 700;
}

.blue:hover {
    filter: drop-shadow(0px 3px 10px #5a99f78a);
}

.violet {
    color: #B500A3;
    font-weight: 700;
}

.violet:hover {
    filter: drop-shadow(0px 3px 10px #cd51c193);
}

.green {
    color: #34cf4e;
    font-weight: 700;
}

.mazarine {
    color: #4148b2;
    font-weight: 700;
}

.mazarine:hover {
    filter: drop-shadow(0px 3px 10px #8db5ff);
}

@media (max-width: 1600px) {
    .wind_yout {
        width: 100%;
    }
}

@media (max-width: 1420px) {
    .window1 {
        width: 85%;
    }
}

@media (max-width: 1300px) {
    .img_wind {
        width: 200px;
    }

    .window1 {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .d_window {
        width: 100%;
    }

    .d_window1 {
        width: 100%;
    }

    .img_wind {
        margin: auto;
        width: 250px;
    }

    .m_head {
        margin: auto;
    }

    .m_head img {
        width: 100%;
    }

    .prize_image {
        display: block;
    }

    .window1 {
        width: 60%;
    }

    .ligth1 {
        margin-bottom: 15px;
        margin-top: 15px;
    }

}

@media (max-width: 900px) {
    .img_teach {
        display: none;
    }
}

@media (max-width: 650px) {
    .d_window {
        display: block;
    }

    .d_window1 {
        display: block;
    }

    .img_wind {
        width: 350px;
        margin-top: 15px
    }

    .window {
        width: 95%;
    }

    .wdn_yo {
        width: 373px;
        height: 210px;
    }

    .window1 {
        width: 80%;
    }

}

@media (max-width: 500px) {
    .window1 {
        width: 90%;
    }
}

@media (max-width: 420px) {
    .img_wind {
        margin: auto;
        width: 150px;
        margin-top: 15px
    }

    .br_txt {
        width: 200px;
        margin: auto;
        margin-top: 10px
    }

    .wdn_yo {
        width: 340px;
        height: 177px;
    }

    .line_txt {
        width: 95%;
    }

    .line_txt1 {
        width: 95%;
    }

    .m_head img {
        margin-bottom: -20px;
    }

    .window1 {
        width: 100%;
    }

}

.bold_txt {
    font-weight: 700;
}

.info_content1 {
    margin-left: 1%;
    margin-right: 1%;
}

.info_content_text {
    margin-left: 6%;
    margin-right: 6%;
}

.info_content_other {
    margin-left: 6%;
    margin-right: 6%;
}

.info_content_other_many {
    margin-left: 18%;
    margin-right: 18%;
}

.info_content_other_max {
    margin-left: 23%;
    margin-right: 23%;
}

@media (max-width: 1700px) {
    .info_content_other_many {
        margin-right: 15%;
        margin-left: 15%;
    }
}

@media (max-width: 1500px) {
    .info_content_other_many {
        margin-right: 10%;
        margin-left: 10%;
    }
}

@media (max-width: 700px) {
    .info_content_other_many {
        margin-right: 1%;
        margin-left: 1%;
    }
}

@media (max-width: 992px) {
    .main_head_content {
        padding-top: 15px;
    }
}

@media (max-width: 768px) {
    .main_head_content {
        padding: 10px 10px 10px 10px;
        max-width: 100%;
    }
}

.doc_select {
    background: #fceff0;
}

.doc_select_head h3 {
    font-weight: 600;
    font-size: 22px;
    color: #3E9A84;
    text-align: center;
    margin-top: 50px;
}

@media (max-width: 768px) {
    .doc_select_head h3 {
        margin-top: 20px;
    }

}

.you_know {
    width: 95%;
    background: #CEEDFF;
    border-radius: 9px;
    box-shadow: inset -7px -7px 9px #46C7E3, inset 7px 7px 17px #68C7DB;
}

.you_know h5 {
    font-weight: 600;
    font-size: 18px;
    line-height: 103.61%;
    color: #313131;
    padding-left: 13px;
    padding-top: 13px;
}

.you_know p {
    font-weight: 300;
    font-size: 16px;
    line-height: 103.61%;
    padding-right: 40px;
    padding-left: 40px;
}

.doc_head_img {
    text-align: center;
    margin-top: 30px;
}

.doc_head_img img {
    max-width: 90px;
}

.form_item input[type=radio] {
    display: none;
}

.circle {
    max-width: 120px !important;
    margin-top: 40px;
}

.doc_head_img p {
    font-weight: 400;
    font-size: 15px;
    line-height: 40px;
    color: black;
}

.doc_head_img1 {
    text-align: center;
    display: inline-block;
}

.doc_head_img2 {
    margin-right: 30px;
    text-align: center;
    display: inline-block;
}

@media (max-width: 576px) {
    .doc_head_img img {
        max-width: 45px;
    }

    .circle {
        max-width: 60px !important;
        margin-top: 20px;
    }

    .doc_head_img2 {
        margin-right: 8px;
    }

    .add_docs h3 {
        margin-top: 0px;
    }
}

@media (max-width: 768px) {
    .doc_head_img img {
        width: 60px;
    }

    .circle {
        max-width: 90px !important;
        margin-top: 20px;
    }

    .doc_head_img2 {
        margin-right: 8px;
    }

    .doc_head_img p {
        font-size: 10px;
    }
}

@media (max-width: 450px) {
    .doc_head_img p {
        font-size: 8px;
    }
}

.add_docs {
    text-align: left;
}

.add_docs h3 {
    text-align: left;
    color: black;
    margin-bottom: 20px;
}

.add_docs p {
    font-weight: 500;
    font-size: 15px;
    text-align: justify;
}

.add_docs_select {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
}

.select {
    position: relative;
    display: inline-block;
}

.select:after {
    content: url(/images/new/select_arrow_down.svg);
    font-size: 25px;
    position: absolute;
    right: 8px;
    top: 2px;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
    display: inline-block; /* Здесь и происходит магия */
}

.select select {
    padding-left: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFFFFF;
    border: 2px solid #000;
    border-radius: 21px;
    height: 40px;
    font-weight: 600;
    font-size: 20px;
    color: black;
    height: 40px;
    width: 400px;
    text-align: left;
}

@media (max-width: 500px) {
    .select select {
        width: 300px;
        font-size: 15px;
    }
}

@media (max-width: 992px) {
    header {
        height: 0px;
    }
}

.choince_docs {
    position: relative;
}

.choince_docs_strel {
    position: absolute;
    left: 0;
    top: 200px;
}

.choince_docs_strel img {
    margin-left: 10px;
}

.choince_docs_strel_span {
    font-weight: 600;
    font-size: 20px;
    color: #000000;
    transform: rotate(-90deg);
    display: inline-block;
    position: absolute;
    top: 100px;
    left: 0px;
    height: 150px;
    width: 150px;
}

.choince_docs1 {
    text-align: center;
    margin-top: auto;
}

.doc_choince1 {
    background: url(/images/new/doc_select.png) center/cover no-repeat;
    width: 300px;
    height: 400px;
    display: inline-block;
}

.input__file {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: calc(100% - 43px);
}

.input__file-button {
    background: url(/images/new/doc_select.png) center/cover no-repeat;
    width: 300px;
    height: 400px;
    display: inline-block;
    position: relative;
}

.input__file-button label {
    cursor: pointer;
}

.input__file-button1 {
    background: url(/images/new/doc_select1.png) center/cover no-repeat;
}

.input__file-button img {
    width: 136px;
    margin-top: 40px;
}

.input__file_part img {
    margin-top: 100px;
}

.input__file-button17 img {
    margin-top: 120px !important;
    width: 136px !important;
}

.input__file-button img:hover {
    transition: 0.1s;
    transform: scale(1.03);

}

.input__file-button img:active {
    transform: none;
}

.input__file-button p {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
}

.input__file-button span {
    font-weight: 700;
}

.file-input {
    position: absolute;
    left: -9999px;
}

.choince_docs1_text {
    text-align: left;
    width: 300px;
    height: 140px;
    display: inline-block;
    margin-bottom: 10px;
}

.choince_docs1_text p {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.choince_docs1_text span {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

.choince_docs_part {
    height: auto;
}

.input__file_part {
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    height: calc(100% - 43px);
    position: static;
}

@media (max-width: 568px) {
    .choince_docs1_text {
        width: 100%;
        text-align: justify;
    }
}

.circle:hover {
    transition: none !important;
    transform: none !important;
}

.input__file_part p {
    color: #4E7269 !important;
}

.choince_docs1_clear {
    width: 212px;
    height: 52px;
    box-shadow: inset -3px -3px 5px -1px rgba(0, 0, 0, 0.15), inset 3px 3px 3px rgb(253, 253, 253);
    background: #FFFFFF;
    border-radius: 14px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    border: 1.54734px solid #000000;
}

.choince_docs1_clear:hover {
    transition: 0.1s;
    transform: translateY(-3px);
    background: #FFFFFF;
    box-shadow: 0px 3px 3px 0px #3131315b, inset -3px -3px 5px -1px rgba(0, 0, 0, 0.10), inset 3px 3px 3px rgb(253, 253, 253);
}

.choince_docs1_clear:active {
    transform: none;
    box-shadow: none;
    background: #FFFFFF;
}

.choince_docs1_send {
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
    border: 0px;
    border: none !important;
    box-shadow: inset -3px -3px 5px -1px rgba(0, 0, 0, 0.15), inset 3px 3px 3px rgb(151, 255, 230);

}

.choince_docs1_send:hover {
    transition: 0.1s;
    transform: translateY(-3px);
    box-shadow: 0px 3px 3px 0px #3131315b, inset -3px -3px 5px -1px rgba(0, 0, 0, 0.15), inset 3px 3px 3px rgb(151, 255, 230);
    background: linear-gradient(180deg, #64FFDA 0%, #60cbb2 100%);
}

.choince_docs1_send:active {
    transform: none;
    box-shadow: none;
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
}

.input__file-button_part {
    background: url(/images/new/doc_select_part.png) center/cover no-repeat;
}

.input__file-button2 {
    background: url(/images/new/doc_select_rus.png) center/cover no-repeat;
}

.input__file-button3 {
    background: url(/images/new/doc_select_rus1.png) center/cover no-repeat;
}

.input__file-button4 {
    background: url(/images/new/doc_select_overseas.png) center/cover no-repeat;
}

.input__file-button5 {
    background: url(/images/new/doc_select_overseas1.png) center/cover no-repeat;
}

.input__file-button6 {
    background: url(/images/new/doc_select_another.png) center/cover no-repeat;
}

.input__file-button7 {
    background: url(/images/new/doc_select_another1.png) center/cover no-repeat;
}

.input__file-button8 {
    background: url(/images/new/doc_select_license.png) center/cover no-repeat;
}

.input__file-button9 {
    background: url(/images/new/doc_select_license1.png) center/cover no-repeat;
}

.input__file-button10 {
    background: url(/images/new/doc_select_license2.png) center/cover no-repeat;
}

.input__file-button11 {
    background: url(/images/new/doc_select_ukr.png) center/cover no-repeat;
}

.input__file-button12 {
    background: url(/images/new/doc_select_ukr1.png) center/cover no-repeat;
}

.input__file-button13 {
    background: url(/images/new/doc_select_ukr2.png) center/cover no-repeat;
}

.input__file-button14 {
    background: url(/images/new/doc_select_id.png) center/cover no-repeat;
}

.input__file-button15 {
    background: url(/images/new/doc_select_id1.png) center/cover no-repeat;
}

.input__file-button16 {
    background: url(/images/new/doc_select_id2.png) center/cover no-repeat;
}

.input__file-button18 {
    background: url(/images/new/doc_select_belarus.png) center/cover no-repeat;
}

.input__file-button19 {
    background: url(/images/new/doc_select_belarus1.png) center/cover no-repeat;
}

.input__file-button20 {
    background: url(/images/new/doc_select_date.png) center/cover no-repeat;
}

.input__file-button21 {
    background: url(/images/new/doc_select_nickname.png) center/cover no-repeat;
}


.input__file-button22 {
    background: url(/images/new/doc_select_date_camlust.png) center/cover no-repeat;
}


.input__file-button23 {
    background: url(/images/new/doc_select_contract.png) center/cover no-repeat;
}

.input__file-button17 {
    background: linear-gradient(180deg, #00ffc389 0%, rgba(0, 182, 137, 0.351) 100%);
    outline: 4px dashed #1C9C8A !important;
    border-radius: 57px;
    margin-bottom: 30px;
    width: 100% !important;
}

.choince_docs1_text_rus {
    height: auto !important;
    margin-bottom: 10px !important;
}

.choince_docs1_zoom {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.choince_docs1_zoom img {
    height: 43px;
    width: 43px;
}

.choince_docs1_zoom img:hover {
    transition: 0.1s;
    transform: scale(1.05);
}

.choince_docs1_zoom img:active {
    transform: none;
}

.choince_docs1_text_license {
    width: 240px;
    height: 200px !important;
}

.choince_docs1_text_4_docs {
    width: 240px;
    height: 265px !important;
}

.input__file-button_three {
    width: 240px;
    height: 320px;
}

.input__file-button_four {
    width: 210px;
    height: 280px;
    /*  by me*/
}

.choince_docs1_text_license_part {
    height: auto !important;
    width: 240px !important;
}

.another_doc_type {
    display: flex;
    align-items: center;
    justify-content: center;
    order: -1;
}

.another_doc_type span {
    font-size: 20px;
    font-weight: 600;
    color: #3E9A84;
    display: block;
}

.another_doc_type:hover span {
    transition: 0.1s;
    transform: translateY(-3px);
    text-decoration: underline;
}

.container_buttons {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    justify-content: space-around;
}

@media (max-width: 1200px) {
    .another_doc_type {
        width: 700px;
    }
}

@media (max-width: 768px) {
    .choince_docs1 {
        margin-bottom: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .another_doc_type span {
        font-size: 16px !important;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .another_doc_type span {
        font-size: 16px;
        margin-top: 0px;
    }
}

@media (max-width: 575px) {
    .another_doc_type span {
        margin-top: 0px;
    }
}

@media (max-width: 500px) {
    .another_doc_type span {
        font-size: 14px;
    }

    .choince_docs1 {
        margin-bottom: 5px;
    }
}

@media (max-width: 1200px) {
    .another_doc_type {
        order: 2;
        margin-top: 35px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .choince_docs1_text_4_docs {
        width: 200px !important;
        height: 340px !important;
    }

    .input__file-button_four {
        width: 198px !important;
        height: 264px !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .input__file-button {
        width: 200px;
        height: 267px;
    }

    .input__file-button img {
        width: 68px;
        margin-top: 20px;
    }

    .input__file_part img {
        margin-top: 70px;
    }

    .input__file-button17 img {
        margin-top: 50px !important;
    }

    .input__file-button p {
        font-weight: 500;
        font-size: 13px;
        line-height: 20px;
        color: #FFFFFF;
    }

    .choince_docs_strel {
        top: 100px;
    }

    .choince_docs1_text {
        width: 200px;
        height: 160px;
    }

    .choince_docs1_text p {
        font-size: 12px;
    }

    .choince_docs1_text span {
        font-size: 13px;
    }

    .choince_docs_part {
        height: 60px;
    }

    .choince_docs1_clear {
        width: 182px;
        height: 44px;
        font-size: 16px;
        border: 1.54734px solid #000000;
    }

    .choince_docs1_zoom img {
        height: 21px;
        width: 21px !important;
    }

    .input__file-button_three {
        height: 240px !important;
        width: 180px !important;
    }

    .input__file-button_four {
        height: 200px !important;
        width: 150px !important;
    }

    .choince_docs1_text_license {
        width: 180px !important;
        height: 240px !important;
    }

    .choince_docs1_text_4_docs {
        width: 150px !important;
        height: 355px !important;
    }

    .choince_docs1_text_license_part {
        width: 180px !important;
        height: 70px !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .input__file-button_three {
        height: 267px !important;
        width: 200px !important;
    }

    .input__file-button_four {
        height: 224px !important;
        width: 168px !important;
    }

    .choince_docs1_text_license {
        width: 200px !important;
        height: 240px !important;
    }

    .choince_docs1_text_4_docs {
        width: 168px !important;
        height: 395px !important;
    }

    .choince_docs1_text_license_part {
        width: 200px !important;
        height: 80px !important;
    }

    .input__file-button img {
        width: 68px;
    }

    .input__file-button p {
        font-size: 14px;
    }

    .choince_docs1_zoom img {
        width: 21px;
        height: 21px;
    }
}

@media (max-width: 767px) {
    .input__file-button_three, .input__file-button_four {
        height: 400px !important;
        width: 300px !important;
    }

    .choince_docs1_text_license {
        width: 300px !important;
        height: 160px !important;
    }

    .choince_docs1_text_license_part {
        width: 300px !important;
    }

    .choince_docs1_text_4_docs {
        width: 300px !important;
        height: 205px !important;
    }

    .input__file-button img {
        width: 136px;
        margin-top: 20px !important;
    }

    .input__file-button p {
        font-size: 16px;
    }

    .choince_docs1_zoom img {
        width: 43px;
        height: 43px;
    }

    .input__file_three img {
        margin-top: 60px !important;
    }

    .input__file-button17 img {
        margin-top: 50px !important;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .input__file-button {
        width: 200px;
        height: 267px;
    }

    .input__file-button img {
        /*width: 68px;  by me*/
        margin-top: 20px;
    }

    .input__file_part img {
        margin-top: 80px;
    }

    .input__file-button p {
        font-weight: 500;
        font-size: 13px;
        line-height: 20px;
        color: #FFFFFF;
    }

    .choince_docs1_text {
        width: 200px;
        height: 160px;
    }

    .choince_docs1_text p {
        font-size: 12px;
    }

    .choince_docs1_text span {
        font-size: 13px;
    }

    .choince_docs_part {
        height: 60px;
    }

    .choince_docs1_clear {
        width: 182px;
        height: 44px;
        font-size: 16px;
    }

    .choince_docs1_zoom img {
        height: 21px;
        width: 21px !important;
    }
}

@media (max-width: 576px) {
    .choince_docs1_text {
        height: auto;
    }

    .input__file-button {
        margin-top: 10px;
    }

    .input__file-button17 img {
        margin-top: 100px !important;
    }
}

.main_start_work {
    width: 100%;
}

.main_start_work_adt {
    width: 100%;
    box-shadow: inset -7px -7px 9px #B1B3FF, inset 7px 7px 17px #B1B3FF;
    background: #ECECFF;
    border-radius: 9px;
    padding: 20px 20px 20px 20px;
}

.main_start_work_adt {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    margin-top: 30px;
    margin-bottom: 30px;
}

.main_start_work_text h3 {
    font-weight: 700;
    font-size: 30px;
    color: #3E9A84;
    margin: 30px;
    text-align: center;
}

.main_start_work_text span {
    font-weight: 500;
    font-size: 16px;
    color: #000;
    line-height: 20px;
    text-align: justify;
}

.main_start_work_text p {
    font-weight: 600;
    font-size: 21px;
    color: #000;
    line-height: 26px;
    text-align: center;
    margin-top: 30px;
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    .main_start_work_adt {
        font-size: 13px;
        line-height: 18px;
    }

    .main_start_work_text h3 {
        font-size: 30px;
    }

    .main_start_work_text span {
        font-size: 15px;
        line-height: 20px;
    }
}

.stand {
    position: relative;
}

.stand img {
    width: 100%;
}

.stand_content {
    width: 79%;
    display: inline-block;
    padding-left: 10px;
    position: relative;
}

.stand_content h3 {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    word-wrap: break-word;
}

.stand_content span {
    font-size: 13px;
    font-weight: 600;
    line-height: 10px !important;
}

.stand_content input {
    background: #FFFFFF;
    border: 0.5px solid #005244;
    border-radius: 9px;
    padding-left: 5px;
    height: 28px;
    width: 120px;
    -webkit-user-select: all;
    user-select: all;
}

.stand_content_href {
    display: flex;
    justify-content: space-between;
    margin-top: 1%;
    margin-bottom: 1%;
}

.stand_content_href img {
    width: 15px;
    height: 15px;
}

.stand_content_href span {
    line-height: 25px;
    color: #1F4D42;
}

.stand_content_rev span {
    line-height: 20px
}

.stand_content_movies {
    width: 35%;
    margin-right: 10px;
}

.stand_content_rev {
    width: 30%;
}

.stand_content_rev_br {
    display: block;
}

.stand1 {
    width: 100%;
    background: linear-gradient(180deg, #b4fbac 0%, #ebffe9 33.42%, #ebffe9 70.94%, #b4fbac 99.26%);
    box-shadow: inset -5px -5px 7px #00000020, inset 5px 5px 7px #00000020;
    border-radius: 9px;
    padding: 10px 10px 10px 10px;
    margin: 10px auto 20px;
    max-width: 1400px;
}

.stand1_logo {
    width: 20%;
    border-radius: 15px 0 300px 15px;
}

.open_for_work {
    padding-top: 10px;
}

.open_for_work span {
    font-weight: 500;
    font-size: 18px;
    color: black;
}

.channel_link {
    display: flex;
    margin-bottom: 3px;
}

.text_channel {
    margin-left: 5px;
}

.text_channel .youtube_social_link,
.text_channel .rutube_social_link,
.text_channel .vk_social_link {
    text-decoration: underline;
    font-size: 10px;
}

a .youtube_social_link {
    color: #dd5c55;
}

.text_channel .rutube_social_link {
    color: #383838;
}

a .vk_social_link {
    color: #2771ff;
}

@font-face {
    font-family: "Choco cooky";
    src: url("fonts/Choco cooky.ttf");
}

.name_site {
    font-family: "Choco cooky";
    color: #000000 !important;
    text-shadow: 0px 0px 3px #1da3828f;
    margin-bottom: 1px;
}

.name_site:hover {
    color: #128b77 !important;
    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));
}

.new_news {
    font-family: "Choco cooky";
    color: #fc2121 !important;
    font-size: 18px;
    margin-left: -7px;
    margin-right: -7px;
}

.new_news:hover {
    filter: drop-shadow(0px 3px 10px rgba(255, 39, 39, 0.541)) !important;
    color: #ff0000 !important;
}

.new_news_invise {
    margin-left: 0;
    margin-right: 0;
    display: none;
}

@media (max-width: 768px) {
    .new_news {
        display: none;
    }

    .new_news_invise {
        display: inline;
    }
}

@media (max-width: 1150px) {
    .stand_content {
        width: 70%;
    }
}

@media (max-width: 1400px) {
    .stand_content_dop_href {
        margin-bottom: 2%;
    }

    .stand_content h3 {
        font-size: 15px;
        line-height: 15px;
    }

    .stand_content span {
        font-size: 15px;
    }
}

@media (max-width: 1450px) {
    .stand_content_href {
        margin-top: 1%;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .stand_content_dop_href {
        margin-bottom: 2%;
    }

    .stand_content h3 {
        font-size: 15px;
        line-height: 15px;
    }

    .stand_content span {
        font-size: 15px;
    }

    .stand_content_href {
        margin-top: 0px;
    }

    .stand_content_href span {
        line-height: 18px;
    }

    .stand_content_rev_br {
        display: none;
    }

    .stand_content_rev span {
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width: 882px) {
    .stand_content_dop_href {
        margin-bottom: 2%;
    }

    .stand_content h3 {
        font-size: 15px;
        line-height: 15px;
    }

    .stand_content span {
        font-size: 15px;
    }

    .stand_content_href {
        margin-top: 3%;
    }

    .stand_content_href span {
        line-height: 18px;
    }

    .stand_content_rev_br {
        display: none;
    }

    .stand_content_rev span {
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .stand1_logo {
        width: 59%;
        display: inline-block;
    }

    .stand_content_head_href {
        width: 38%;
        padding-left: 0;
    }

    .stand_content_mobile {
        width: 100%
    }

    .disaply_mob_none {
        display: none;
    }

    .channel_link {
        margin-bottom: 7px;
    }
}

@media (min-width: 992px) and (max-width: 1100px) {
    .pc_image {
        width: 20px;
    }

    .mobile_image {
        height: 18px;
        width: 8px;
    }
}

.input__file_img {
    margin-bottom: 5px !important;
}

.part_docs_h {
    font-size: 25px;
    text-align: center;
    font-weight: 600;
    color: #3E9A84;
    margin-top: 20px !important;
}

.dragover .input__file-button {
    filter: brightness(70%);
}

.br_apps {
    display: none;
}

@media (min-width: 1348px) and (max-width: 1450px) {
    .br_apps {
        display: block;
    }
}

.add_docs_form h3 {
    text-align: center !important;
    margin-top: 20px !important;
    margin-bottom: 50px !important;
}

.one_step_ecl {
    width: 24px;
    height: 24px;
    position: relative;
    margin-top: 50px;
}

.form_item h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    margin-top: 50px;
}

.one_step {
    position: relative;
}

.line_form {
    position: absolute;
    left: 1.5px;
    z-index: -100;
}

.line_form img {
    height: 2850px;
}

.form_item_btn {
    background: #FFFFFF;
    box-shadow: inset -3px -3px 5px -1px rgba(0, 0, 0, 0.33), inset 3px 3px 3px rgba(253, 253, 253, 0.55);
    border-radius: 10px;
    width: 410px;
    height: 36px;
    font-size: 18px;
    line-height: 22px;
    color: black;
    margin-top: 20px;
    cursor: pointer;
    z-index: 5;
    position: relative;
    text-align: center;
    padding-top: 5px;
}

.form_item_btn:hover, .form_item_btn:active, .form_item_btn:focus  {
    background: #3E9A84;
    color: white;
    border: 1px solid #3E9A84;
}

.form_item_btn21 {
    background: #3E9A84;
    color: white;
    border: 0px solid #3E9A84;
}

.form_item_name {
    background: #FFFFFF;
    border: 3px solid #000000;
    border-radius: 14px;
    margin-top: 20px;
    color: black;
    width: 394px;
    height: 46px;
    font-size: 18px;
    line-height: 22px;
    padding-left: 10px;
    z-index: 5;
    position: relative;
}

.form_item_btn_format {
    font-size: 14px !important;
    line-height: 22px;
}

.form_item p {
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    width: 410px;
    margin-top: 10px;
    text-align: justify;
}

.form_item_age {
    background: #FFFFFF;
    border: 3px solid #000000;
    border-radius: 14px;
    margin-top: 20px;
    color: black;
    width: 410px;
    height: 36px;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    z-index: 5;
    position: relative;
}

.form_item select {
    margin-top: 20px;
    border-radius: 13px;
    width: 410px;
    height: 36px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    text-align: center;
}

.form_item_select:after {
    top: 22px;
}

.form_item_english {
    font-size: 16px;
    line-height: 20px;
    color: #3E9A84;
    width: 500px;
    font-weight: 600;
    margin-top: 50px;
    max-width: 410px;
}

.form_item_unit {
    width: 410px;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    opacity: 0.5;
}

.form_item_unit span {
    float: right;
}

.form_item textarea {
    background: #FFFFFF;
    border: 2px solid #000000;
    border-radius: 14px;
    width: 410px;
    height: 107px;
    z-index: 5;
    position: relative;
    margin-top: 20px;
    padding: 5px 5px 5px 5px;
}

.form_item_next {
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
    border-radius: 14px;
    width: 371px;
    height: 54px;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin-top: 30px;
    box-shadow: inset -3px -3px 5px -1px rgb(0 0 0 / 15%), inset 3px 3px 3px rgb(151 255 230);
}

.form_item_next:hover {
    transition: 0.1s;
    transform: translateY(-3px);
    box-shadow: 0px 3px 3px 0px #3131315b, inset -3px -3px 5px -1px rgb(0 0 0 / 15%), inset 3px 3px 3px rgb(151 255 230);
    background: linear-gradient(180deg, #64FFDA 0%, #60cbb2 100%)
}

.form_item_next:active {
    transform: none;
    box-shadow: none;
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
}

@media (max-width: 600px) {
    .form_item_btn {
        width: 300px;
        font-size: 14px;
        line-height: 25px;
    }

    .form_item h4 {
        font-size: 14px;
        line-height: 23px;
    }

    .form_item_name {
        width: 300px
    }

    .form_item p {
        width: auto;
    }

    .form_item_age {
        width: 300px
    }

    .form_item select {
        width: 300px;
        font-size: 16px;
    }

    .form_item_english {
        width: auto
    }

    .form_item textarea {
        width: 300px
    }

    .form_item_btn_format {
        font-size: 11px;
        line-height: 16px;
    }

    .form_item_next {
        width: 270px;
        height: 40px;
        font-size: 16px;
        margin-top: 40px;
    }

    .form_item_unit {
        width: 300px
    }

    .checkbox_span {
        font-size: 14px !important;
    }
}

@media (max-width: 460px) {
    .line_form img {
        height: 0px
    }
}

.contact_data h2 {
    font-weight: 700;
    font-size: 30px;
    color: #3E9A84;
    text-align: center;
    margin-top: 30px;
}

.contact_data h3 {
    font-weight: 600;
    font-size: 18px;
    color: #000;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.contact_data span {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #000;
    text-align: center;
}

.contact_data p {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin-top: 30px;
    margin-left: 0px;
}

.contact_girl {
    width: 100% !important;
    height: auto !important;
}

.contact_data input {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 373px;
    height: 40px;
    padding-left: 5px;
    font-size: 20px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

@media (max-width: 568px) {
    .contact_data input {
        width: 187px
    }
}

.contact_data button {
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
    border-radius: 12px;
    width: 189px;
    height: 46.15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin-top: 50px;
    margin-left: 10px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .contact_data input {
        width: 248px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .contact_data input {
        width: 248px;
    }
}

.one_pops {
    width: 100%;
    background: #FFFFFF;
    border: 5px solid #3E9A84;
    border-radius: 22px;
    margin-top: 20px;
    padding: 10px 10px 10px 10px;
    position: relative;
}

.one_pops:hover {
    background: linear-gradient(180deg, #B8FAF3 0%, #EFFFFE 51.35%, #BCFCF6 100%);
    border: 5px solid #57DABA;
}

.one_pops_select {
    background: linear-gradient(180deg, #B8FAF3 0%, #EFFFFE 51.35%, #BCFCF6 100%);
    border: 5px solid #57DABA;
}

.props_next {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.props_next img {
    height: 26px;
    width: 13px;
}

.pops_img {
    width: 60px !important;
    height: 60px !important;
}

.one_pops_img {
    text-align: center;
}

.one_pops_content {
    text-align: left;
}

.one_pops_content h4 {
    font-size: 18px;
    line-height: 37px;
    font-weight: 600;
}

.one_pops_content span {
    font-size: 15px;
    line-height: 19px;
}

.one_pops_content p {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.payment_method_comment {
    margin-top: 1px
}
.payment_method_comment p {
    font-size: 14px;
}

.payment_method_comment p:first-child {
    margin-bottom: 0;
}

.payment_method_comment p:last-child {
    margin-top: 0;
}

.one_pops_content_tin h4 {
    font-size: 18px;
}

.one_pops_content_visa h4 {
    font-size: 18px;
    line-height: 33px;
}

.one_pops_content_web h4 {
    font-size: 18px;
    line-height: 29px;
}

.pops_img_you {
    margin-left: 50px;
    width: 22px;
}

.one_pops_content_you span {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #2F685B;
    margin-top: 0;
}

.pops_img_qiwi {
    width: 60px !important;
    height: 80px !important;
}

.pops_img_kor {
    width: 60px !important;
    height: 30px !important;
}

.pops_img_pax {
    width: 60px !important;
    height: 42px !important;
}

.pops_img_epay {
    width: 66px !important;
    height: 46px !important;
}

@media (max-width: 600px) {
    .one_pops_content span {
        font-size: 12px;
        line-height: 16px;
    }

    .one_pops_content p {
        margin-left: 0px;
        font-size: 14px;
        line-height: 19px;
    }

    .one_pops_content_you p {
        margin-left: 0px;
    }

    .one_pops_content_you p {
        font-size: 14px;
        line-height: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .pops_img {
        width: 40px !important;
        height: 40px !important;
    }

    .one_pops_content h4 {
        font-size: 25px;
    }

    .one_pops_content_visa h4 {
        font-size: 22px;
        line-height: 27px;
    }

    .one_pops_content_tin h4 {
        font-size: 16px;
    }

    .pops_img_pax {
        width: 40px !important;
        height: 28px !important;
    }

    .pops_img_epay {
        width: 44px !important;
        height: 31px !important;
    }

    .pops_img_qiwi {
        width: 40px !important;
        height: 54px !important;
    }

    .pops_img_kor {
        width: 40px !important;
        height: 20px !important;
    }
}

@media (min-width: 500px) and (max-width: 768px) {
    .one_pops {
        width: 80%;
        margin-left: 10%;
    }
}

@media (max-width: 500px) {
    .pops_img {
        width: 40px !important;
        height: 40px !important;
    }

    .one_pops_content h4 {
        font-size: 25px;
    }

    .one_pops_content_visa h4 {
        font-size: 22px;
        line-height: 27px;
    }

    .one_pops_content_tin h4 {
        font-size: 16px;
    }

    .pops_img_pax {
        width: 40px !important;
        height: 28px !important;
    }

    .pops_img_epay {
        width: 44px !important;
        height: 31px !important;
    }

    .pops_img_qiwi {
        width: 40px !important;
        height: 54px !important;
    }

    .pops_img_kor {
        width: 40px !important;
        height: 20px !important;
    }
}

.min_payout {
    width: 50%;
    margin: auto;
    margin-top: 50px;
    font-size: 18px !important;
    background: #CEEDFF;
    border-radius: 9px;
    box-shadow: inset -7px -7px 9px #46C7E3, inset 7px 7px 17px #68C7DB;
    padding: 10px 15px 10px 15px;
    text-align: center;

}

.min_payout span{
    color: #3E9A84;
    font-weight: 800;
}

.min_payout p{
    margin-top: 10px;
}

@media (max-width: 1700px) {
    .min_payout {
        width: 70%;
    }
}

@media (max-width: 1100px) {
    .min_payout {
        width: 80%;
    }
}

@media (max-width: 500px) {
    .min_payout {
        width: 95%;
    }
}

.stat_earn h2 {
    font-weight: 700;
    font-size: 30px;
    color: #3E9A84;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.stat_earn p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin-top: 10px;
}

.stat_earn_table {
    width: 75%;
    text-align: center;
    box-shadow: -2px -2px 4px rgb(0 0 0 / 29%), 2px 2px 4px rgb(0 0 0 / 29%);
    overflow: hidden;
    border-radius: 14px;
    background: white;
    margin: 20px auto;
}

.stat_earn_table td {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.stat_earn_table tr {
    border-bottom: 1px solid #1A7B6D;
}

.stat_earn_first_td_head {
    border-right: 1px solid #1B7C6E;
    width: 20%;
    font-size: 16px !important;
    line-height: 22px !important;
}

.stat_earn_table thead {
    background: linear-gradient(170.92deg, #F7E7DC -16.15%, #AFE5DF 93.01%);
}

.stat_earn_first_td {
    background: linear-gradient(180deg, #E1FCF9 0%, #98DAD3 100%);
    border-right: 1px solid #1B7C6E;
}

.stat_earn_second_td {
    background: #E8FFFC;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 21px !important;
}

.stat_earn span {
    font-weight: 700;
    color: #2B6759;
}

.stat_earn .period_date {
    font-size: 16px;
    color: #378976;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: -15px;
    text-transform: uppercase;
}

.stat_earn select {
    border: 1px solid #000000;
    border-radius: 11px;
    width: 300px;
    height: 37px;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: black;
    text-align: left;
    padding-left: 20px;
    background-color: white;
}

.stat_earn select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -o-appearance: none;
}

.stat_earn select::-ms-expand {
    display: none;
}

.stat_earn_table2 {
    box-shadow: -2px -2px 4px rgb(0 0 0 / 29%), 2px 2px 4px rgb(0 0 0 / 29%);
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 14px;
}

.stat_earn_table2_short {
    box-shadow: -2px -2px 4px rgb(0 0 0 / 29%), 2px 2px 4px rgb(0 0 0 / 29%);
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 14px;
    display: none;
}

.stat_earn_table2_first {
    position: relative;
    width: 10%;
    background: #DBFAF6;
    border-right: 1px solid #1A7B6D;
}

.stat_earn_table2_first img {
    width: 100%;
}

.stat_earn_table2_first_data {
    position: absolute;
    top: 0;
    right: 5px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}

.stat_earn_table2_first_site {
    position: absolute;
    bottom: 0;
    left: 5px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}

.stat_earn_table2_last {
    width: 10%;
    background: linear-gradient(180deg, rgba(141,227,217,1) 15%, rgb(196 247 240) 50%, rgba(141,227,217,1) 85%);
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    color: #000000;
    text-align: center;
}

.stat_earn_table2_next {
    width: 5.3%;
    background: linear-gradient(140.6deg, #E8FFFC 0%, #8DD5CD 100%);
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 29px;
    color: #000000;
    border-right: 1px solid #1A7B6D;
}

.stat_earn_table2_td_first {
    background: linear-gradient(140.6deg, #E8FFFC 0%, #8DD5CD 100%);
    width: 10%;
    border-right: 1px solid #1A7B6D;
    border-top: 1px solid #1A7B6D;
    font-weight: 500;
    font-size: 16px;
    line-height: 35px;
    color: #000000;
    text-align: center;
}

.stat_earn_table2_td_next {
    border-right: 1px solid #1A7B6D;
    border-top: 1px solid #1A7B6D;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #000000;
}

.stat_earn_table2_td_last {
    font-size: 18px;
    line-height: 22px;
    border-top: 1px solid #1A7B6D;
    width: unset;
}

.stat_earn_table2_tr:nth-child(odd) {
    background: #E8FFFC;
}

.stat_earn_table2_tr:nth-child(even) {
    background: #fff;
}

.stat_earn_table2_tfoot td {
    background: linear-gradient(180deg, rgba(141,227,217,1) 15%, rgba(220,255,245,0.9948354341736695) 50%, rgba(141,227,217,1) 85%);
    border-right: 1px solid #1A7B6D;
    border-top: 1px solid #1A7B6D;
    text-align: center;
}

.stat_earn_table2_tfoot1 {
    font-weight: 500;
    font-size: 18px;
    line-height: 45px;
    color: #000000;
    text-align: center;
}

.stat_earn_table2_tfoot_last {
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    border-right: 0px !important;
}

.stat_earn_table2_non_empty_td {
    background: linear-gradient(180deg, rgba(207, 253, 204, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0.9948354341736695) 50%, rgba(255, 255, 255, 1) 60%, rgba(207, 253, 204, 1) 100%);
}

.lighter_weight {
    font-weight: 400;
}

.price_comis {
    width: 200px;
    text-align: right;
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    color: #000000;
    display: inline-block;
    padding-right: 10px;
    margin-top: 5px;
}

.part_pokaz {
    display: none;
}

@media (max-width: 568px) {
    .part_pokaz {
        display: block;
    }
}

.price_comis_graf {
    width: 400px;
    border-radius: 30px;
    text-align: center;
    display: inline-block;
}


.price_comis_graf_com {
    display: inline-block;
    background: #FCE2D8;
    width: 20%;
    height: 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    color: #000000;
    border-radius: 30px 0px 0px 30px;
    box-shadow: inset -1px -1px 1px rgb(0 0 0 / 15%), inset 1px 1px 1px #ffffff;
}

.price_comis_graf_dox {
    display: inline-block;

    width: 79%;
    height: 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    color: #000000;
    border-radius: 0px 30px 30px 0px;
    box-shadow: inset -1px -1px 1px rgb(0 0 0 / 15%);
}

.price_comis_color img {
    width: 18px;
    height: 18px;
    margin-top: 6px;
}

.price_comis_color {
    margin-left: 200px;
}

.price_comis_color span {
    font-weight: 500;
    font-size: 18px;
    line-height: 29px;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
}

.price_comis_you {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 34px;
}

.price_comis_you span {
    font-weight: 700 !important;
}

.price_comis_you img {
    width: 25px;
    vertical-align: middle;
}

.price_comis_short {
    display: none;
}

@media (max-width: 1300px) {
    .stat_earn_table2_first_data {
        right: 1px;
        line-height: 19px;
        font-size: 15px;
    }

    .stat_earn_table2_first_site {
        left: 1px;
        line-height: 19px;
        font-size: 15px;
    }
}

@media (max-width: 500px) {
    .stat_earn_table2_first_data {
        right: 1px;
        line-height: 12px;
        font-size: 10px;
    }

    .stat_earn_table2_first_site {
        left: 1px;
        line-height: 12px;
        font-size: 10px;
    }

    .stat_earn_table2_next {
        width: auto;
    }

    .stat_earn_table2_last {
        width: auto;
    }

    .stat_earn_table2_tfoot1 {
        font-size: 14px;
    }

    .stat_earn_table2_td_first {
        font-size: 14px;
    }

    .stat_earn_table2_next {
        font-size: 14px;
    }

    .stat_earn_table2_last {
        font-size: 12px;
    }

    .stat_earn_table2_td_last {
        font-size: 12px;
    }

    .stat_earn_table2_tfoot_last {
        font-size: 14px;
    }

    .stat_earn_table2_tfoot td {
        font-size: 12px;
    }

    .stat_earn h2 {
        font-size: 25px;
    }

    .stat_earn_first_td_head {
        font-size: 10px !important;
        line-height: 14px !important;
        padding-left: 3px;
        padding-top: 2px;
        padding-right: 3px;
    }

    .stat_earn_table td {
        font-size: 12px;
        line-height: 18px;
    }

    .stat_earn_second_td {
        font-size: 12px !important;
        line-height: 18px !important;
    }

    .stat_earn p {
        font-size: 14px;
        line-height: 19px;
    }

    .stat_earn select {
        width: 258px;
        font-size: 14px;
        line-height: 19px;
        text-align: left;
    }
}

@media (max-width: 1570px) and (min-width: 1501px),
(max-width: 1400px) and (min-width: 1301px) {

    .stat_earn_table2_first_data,
    .stat_earn_table2_first_site {
        font-size: 16px;
    }

    .stat_earn_table2_first_data {
        right: 0;
    }

    .stat_earn_table2_first_site {
        left: 0;
    }
}

@media (max-width: 700px) {
    /*.price_comis_des {*/
    /*    display: none;*/
    /*}*/
    .price_comis_short {
        display: block;
    }

    .price_comis {
        width: 80px;
        font-size: 10px;
    }

    .price_comis_graf {
        width: 230px;
        background: none;
        box-shadow: none;
    }

    .price_comis_graf_com {
        width: 19.4%;
        font-size: 10px;
        line-height: 41px;
    }

    .price_comis_graf_dox {
        font-size: 12px;
    }

    .price_comis_color {
        margin-left: 80px;
    }

    .price_comis_color span {
        font-size: 14px;
    }
}

.early_payment h3 {
    font-weight: 700;
    font-size: 30px;
    color: #3E9A84;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.early_payment h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: #000;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 5px;
    text-align: center;
}

.early_payment input {
    border: 1px solid #000000;
    border-radius: 15px;
    width: 168px;
    height: 43px;
    text-align: center;
    font-size: 24px;
    margin-top: 10px;
}

.early_payment span {
    font-weight: 600;
    font-size: 14px;
    line-height: 43px;
    color: #000000;
    opacity: 0.5;
    padding-left: 10px;
    padding-right: 10px;
}

.early_payment button {
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
    border-radius: 18px;
    width: 189px;
    height: 43px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #414141;
    margin-top: 10px;
    box-shadow: inset -3px -3px 5px -1px rgb(0 0 0 / 15%), inset 3px 3px 3px rgb(151 255 230);
}

@media (max-width: 500px) {
    .early_payment button {
        width: 126px;
        font-size: 12px;
    }
}

.early_payment button:active {
    transform: none;
    box-shadow: none;
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
}

.early_payment button:hover {
    transition: 0.1s;
    transform: translateY(-3px);
    box-shadow: 0px 3px 3px 0px #3131315b, inset -3px -3px 5px -1px rgb(0 0 0 / 15%), inset 3px 3px 3px rgb(151 255 230);
    background: linear-gradient(180deg, #64FFDA 0%, #60cbb2 100%);
}

.early_payment p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: justify;
}

.early_payment_br {
    display: none;
}

@media (max-width: 650px) {
    .early_payment_br {
        display: block;
    }

    .early_payment_head {
        text-align: center;
    }

    .early_payment h3 {
        font-size: 25px;
    }

    .early_payment h4 {
        font-size: 16px;
        line-height: 21px;
    }

    .early_payment p {
        font-size: 14px;
        line-height: 19px;
    }
}

.container-seed-phrase {
    width: fit-content;
    background-color: #ffeb3b4a;
    padding: 10px;
    border: 1px solid #00000021;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 15px;
}

.container-seed-phrase a {
    color: red;
    font-weight: 600;
    white-space: nowrap;
}

.container-seed-phrase .pops_img_you {
    margin: 0 2px 2px 2px;
    width: 15px;
    vertical-align: middle;
}

.early_payment .container-seed-phrase {
    margin: 15px auto;
    text-align: center;
}

.early_payment .container-seed-phrase span {
    opacity: 1;
    font-weight: 500;
    line-height: 21px;
    padding-left: 0px;
    padding-right: 0px;
}

.one_pops .seed-phrase-alert {
    background-color: #ffeb3b4a;
    padding: 10px;
    border: 1px solid #fe0000;
    border-radius: 5px;
    font-size: 14px;
}

.seed-phrase-alert a {
    color: red;
    font-weight: 600;
    white-space: nowrap;
}

.seed-phrase-alert .pops_img_you {
    margin: 0 2px 2px 2px;
    width: 15px;
    vertical-align: middle;
}

.statistica_time h3 {
    font-weight: 700;
    font-size: 30px;
    color: #3E9A84;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.statistica_time span {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.statistica_time select {
    border: 1px solid #000000;
    border-radius: 11px;
    font-weight: 500;
    font-size: 16px;
    line-height: 29px;
    color: #000000;
    width: 84px;
    height: 37px;
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
}

.statistica_time table {
    box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.29), 2px 2px 4px #9DFFE8;
    width: 100%;
    overflow: hidden;
    border-radius: 14px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.statistica_time thead {
    background: linear-gradient(180deg, #B8FFF7 0%, #A2DBD6 130.95%);
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #000000;
    text-align: center;
}

.statistica_time tbody {
    font-weight: 400;
    font-size: 13px;
    line-height: 21px;
    color: #000000;
    text-align: center;
}

.statistica_time tbody td {
    border-top: 2px solid #009B85;
    border-right: 2px solid #009B85;
    height: 40px;
    font-weight: 500;
}

.statistica_time tbody tr:nth-child(odd) {
    background: #E8FFFC;
}

.statistica_time tbody tr:nth-child(even) {
    background: #D2FFF9;
}

.statistica_time_td_last {
    border-right: 0px !important;
}

.statistica_time tfoot {
    background: linear-gradient(360deg, #B8FFF7 0%, #A2DBD6 100%);
    border-top: 2px solid #009B85;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #000000;
    text-align: center;
    height: 56px;
}

.statistica_time button {
    width: 55px;
    height: 55px;
    font-weight: 500;
    font-size: 32px;
    line-height: 44px;
    color: black;
    opacity: 0.7;
    background: transparent;
}

.statistica_time button:hover {
    background: linear-gradient(135.94deg, #C5FFF7 19.72%, #58A299 100%);
    border: 0.3px solid #3E9A84;
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25), inset -2px -2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.statistica_time button:active {
    background: linear-gradient(135.94deg, #C5FFF7 19.72%, #58A299 100%);
    border: 0.3px solid #3E9A84;
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25), inset -2px -2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.statistica_time button:focus {
    background: linear-gradient(135.94deg, #C5FFF7 19.72%, #58A299 100%);
    border: 0.3px solid #3E9A84;
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25), inset -2px -2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.statistica_time th {
    font-weight: 600;
}

.statistica_time_span_last {
    line-height: 58px !important;
    font-weight: 500;
}

@media (max-width: 600px) {
    .statistica_time span {
        font-size: 18px;
    }

    .statistica_time h3 {
        font-size: 25px;
    }

    .statistica_time thead {
        font-size: 14px;
        line-height: 19px;
    }

    .statistica_time tbody {
        font-size: 14px;
        line-height: 19px;
    }

    .statistica_time tfoot {
        font-size: 12px;
        line-height: 17px;
    }

    .statistica_time select {
        font-size: 14px;
        line-height: 19px;
    }
}

@media (max-width: 1400px) {
    .statistica_time span {
        font-size: 14px;
        line-height: 23px;
    }

    .statistica_time_span_last {
        line-height: 35px !important;
    }

    .statistica_time button {
        width: 27.5px;
        height: 27.5px;
        font-size: 18px;
        line-height: 22px;
    }
}

@media (min-width: 992px) and (max-width: 1100px) {
    .statistica_time_records span {
        font-size: 10px;
    }
}

@media (max-width: 768px) {
    .statistica_time_records {
        text-align: center;
    }
}

.statistica_time_thead thead {
    height: 63px;
}

@media (max-width: 1330px) {
    .statistica_site thead {
        line-height: 19px;
    }

    .statistica_site tbody {
        line-height: 19px;
    }

    .statistica_site tfoot {
        line-height: 19px;
    }
}

@media (max-width: 600px) {
    .statistica_site thead td {
        font-size: 10px;
        line-height: 15px;
        padding-left: 1px;
        padding-right: 1px;
    }

    .statistica_site tbody td {
        font-size: 10px;
        line-height: 15px;
        padding-left: 1px;
        padding-right: 1px;
    }

    .statistica_site tfoot td, .statistica_site tfoot th {
        font-size: 10px;
        line-height: 15px;
        padding-left: 1px;
        padding-right: 1px;
        /*  by me */
    }
}

td.link-column {
    text-decoration: underline;
}

.finance button {
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
    border-radius: 11px;
    width: 162px;
    height: 37px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #414141;
    margin-left: 10px;
    box-shadow: inset -3px -3px 5px -1px rgba(0, 0, 0, 0.15), inset 3px 3px 3px rgb(151, 255, 230);
}

.finance button:hover {
    transition: 0.1s;
    transform: translateY(-3px);
    box-shadow: 0px 3px 3px 0px #3131315b, inset -3px -3px 5px -1px rgb(0 0 0 / 15%), inset 3px 3px 3px rgb(151 255 230);
    background: linear-gradient(180deg, #64FFDA 0%, #60cbb2 100%);
}

.finance button:active {
    transform: none;
    box-shadow: none;
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
}

.finance p {
    margin-bottom: 30px;
    text-align: justify;
}

@media (max-width: 630px) {
    .finance_center {
        text-align: center;
    }

    .finance_payment_button {
        width: 95% !important;
        font-size: 12px !important;
    }
}

@media (min-width: 630px) {
    .finance_button_row {
        margin-right: 0;
    }
}


.finance_first_table {
    background: linear-gradient(180deg, #A7E4DE 0%, #DAFAF7 85.68%);
    box-shadow: inset -2px -2px 2px rgba(0, 0, 0, 0.2), inset 2px 2px 3px #9FF2E6;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.finance_first_table thead {
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    height: 50px;
}

.finance_first_table thead td {
    border-bottom: 2px solid #1A7B6D;
    border-right: 2px solid #1A7B6D;
}

.finance_last_table {
    border-right: 0px !important;
}

.finance_first_table tbody td {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    padding: 10px 10px 10px 10px;
}

.finance_first_table.finance_first_table_first {
    border-radius: 14px 14px 0 0;
}

.finance_first_table.finance_first_table_last {
    border-radius: 0 0 14px 14px;
}

.finance_second_table {
    background: linear-gradient(0deg, #F2F2FF 1.9%, #AAABFD 130%);
    box-shadow: inset -2px -2px 2px rgba(0, 0, 0, 0.2), inset 2px 2px 3px #9FF2E6;
}

.finance_second_table tbody td {
    border-bottom: 2px solid #1A7B6D;
}

.finance_first_table tfoot {
    empty-cells: hide;
    font-weight: 600;
    font-size: 14px;
    line-height: 50px;
    color: #000000;
}

.finance_first_table_empty {
    width: 30%;
}

.finance_first_table_null {
    width: 5%;
}

@media (max-width: 1250px) {
    .finance_first_table thead {
        font-size: 14px;
        line-height: 19px;
    }

    .finance_first_table tbody td {
        font-size: 14px;
        line-height: 19px;
    }

    .finance_first_table tfoot {
        font-size: 14px;
        line-height: 50px;
    }

    .finance_payment_button {
        font-size: 14px;
    }

    .finance button {
        margin-top: 10px;
    }

    .finance_payment_button.first_button {
        width: 400px !important;
    }

    .finance_payment_button.second_button {
        width: 260px !important;
    }
}

@media (max-width: 768px) {
    .finance_first_table {
        box-shadow: inset -2px -2px 2px rgb(0 0 0 / 20%), inset 2px 2px 3px #9ff2e6, -1px -1px 7px rgb(0 0 0 / 25%);
    }

    .finance_first_table thead {
        font-size: 10px;
        line-height: 15px;
    }

    .finance_first_table tbody td {
        font-size: 11px;
        line-height: 13px;
        padding-left: 1px;
        padding-right: 1px;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(180deg, #A7E4DE 0%, #E7FFFD 30.36%, #E7FFFD 72.71%, #A7E4DE 100%);
        border-bottom: 2px solid #1A7B6D;
        border-right: 2px solid #1A7B6D;
        font-weight: bold;
    }

    .finance_second_table tbody td {
        background: linear-gradient(180deg, #B7B8FF 0%, #E9E9FF 30.36%, #E9E9FF 72.71%, #B7B8FF 100%);
    }

    .finance_last_table {
        border-right: 2px solid #1A7B6D !important;
    }

    .finance_first_table tfoot {
        font-size: 10px;
        line-height: 25px;
    }

    .finance_first_table tfoot td {
        padding-left: 1px;
        padding-right: 1px;
    }

    .finance_first_table thead td {
        padding-left: 1px;
        padding-right: 1px;
    }

    .finance_first_table_empty, .finance_first_table_null {
        width: auto;
    }
}

.partnership h3 {
    font-weight: 700;
    font-size: 30px;
    color: #3E9A84;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.partnership p {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    text-align: justify;
    color: #000000;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.ref_href {
    margin-top: 20px;
}

.ref_href span {
    font-weight: 700 !important;
    font-size: 20px;
    line-height: 25px;
    text-align: justify;
    color: #1F4D42 !important;
}

.ref_href1 {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    border: 1px solid #398674;
    border-radius: 11px;
    padding: 5px 10px 5px 10px;
    background: white;
}

.explanation {
    margin-top: 10px;
}

.explanation span {
    font-weight: 700;
    font-size: 15px !important;
    line-height: 20px !important;
    color: #000000;
    opacity: 0.5;
}

.code_href {
    margin-top: 20px;
}

.code_href span {
    font-weight: 700 !important;
    font-size: 20px;
    line-height: 25px;
    text-align: justify;
    color: #1F4D42 !important;
}

.code_href_html {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: rgb(0, 0, 0, 0.5);
    border: 3px solid #398674;
    border-radius: 11px;
    margin-top: 10px;
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;
    width: max-content;
    background: white;
}

.code_href_html pre {
    margin-bottom: 0px;
}

.code_href p {
    font-size: 15px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 700;
}

.partnership span {
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    color: black;
}

@media (max-width: 500px) {
    .partnership h3 {
        font-size: 20px;
    }

    .partnership p {
        font-size: 14px;
        line-height: 19px;
    }

    .partnership span {
        font-size: 14px;
        line-height: 19px;
    }

    .code_href p {
        font-size: 13px;
        line-height: 18px;
    }
}

.main_start_work_text {
    text-align: justify;
}

.partnership_table {
    overflow: hidden;
    border-radius: 14px 14px 0px 0px;
    box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.25), 1px 1px 4px #A8FFF2;
    width: 100%;
}


.partnership_table thead {
    background: linear-gradient(339.03deg, #A2DBD6 13.2%, #B8FFF7 85.55%);
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    text-align: center;
    border-bottom: 2px solid #009B85;
}

.partnership_table thead th {
    padding: 5px 5px 5px 5px;
}

.partnership_table thead th:not(.partnership_table thead th:first-child) {
    padding-right: 18px;
    padding-left: 15px;
}

.partnership_table_first_th {
    font-size: 18px;
    line-height: 21px;
}

.partnership_table tbody tr {
    text-align: center;
    border-bottom: 2px solid #009B85;
}

.partnership_table tbody td {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    color: #000000;
    padding: 5px 5px 5px 5px;
    border-right: 2px solid #009B85;
}

.partnership_table_first_td {
    font-weight: 400 !important;
    font-size: 24px !important;
    line-height: 29px !important;
}

th.partnership_table_first_td {
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 21px !important;
}

.partnership_table tbody tr:nth-child(odd) {
    background: #E8FFFC;
}

.partnership_table tbody tr:nth-child(even) {
    background: #D2FFF9;
}

.partnership_table_last_td {
    border-right: 0px !important;
}

@media (max-width: 1400px) {
    .big-table {
        overflow: auto;
        position: relative;
    }

    .big-table table {
        display: inline-block;
        vertical-align: top;
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .partnership_table {
        box-shadow: none;
    }
}

.stand_content_open_for_work {
    color: #2C6C5D;
    font-weight: 500;
}

.stand_content_line {
    width: 100%;
    transform: rotate(180deg);
    height: 12px;
}

.stand_content_line1 {
    margin-top: 1%;
}

.stand_content_line2 {
    margin-bottom: 1%;
}

.input__file-button_three img {
    margin-top: 75px;
}

.big_href {
    display: inline-block;
    width: calc(100% - 50px);
    margin-top: 5px;
}

.big_href span {
    line-height: normal;
}

.stand_content h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
    color: #000000;
    padding-top: 0.5rem;
    padding-bottom: 0rem;
}

.stand_content p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    color: #000000;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.stand_content button {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    background: linear-gradient(to right, #3ccba8, #46d5b4, #23d4ab, #0bb98f);
    box-shadow: inset 0 0px 3px 0px rgb(0 0 0 / 28%);
    border-radius: 20px;
    padding: 3px 6px;
    color: white;
    transition: all 0.3s;
}

.link {
    margin-right: 5px;
}

.stand_content button:hover {
    color: white;
    cursor: pointer;
    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));
    transform: scale(1.02);
    box-shadow: inset 0 0px 3px 0px rgb(0 0 0 / 43%), 0 0px 7px 0 rgba(34, 189, 183, 0.75);
}

.download:hover {
    color: #128b77;
    cursor: pointer;
    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));
}

.selection {
    color: #107b69;
    font-size: 16px !important;
}

.selection:hover {
    color: #128b77;
    cursor: pointer;
    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));
}

@media (max-width: 1300px) {
    .stand_content h6 {
        font-size: 14px;
        line-height: 18px;
    }

    .stand_content p {
        font-size: 14px;
        line-height: 18px;
    }

    .selection {
        font-size: 14px;
    }
}

@media(max-width: 768px) {
    .selection {
        font-size: 12px;
    }
}

.all_link {
    display: flex;
    align-items: center;
}

.additional_link {
    font-size: 15px !important;
    font-weight: 500 !important;
    margin-bottom: 10px;
}

.full_link {
    display: flex;
    margin-top: 10px;
}

.add_link {
    display: block;
    text-align: center;
    margin-left: 30px;
}

.login_details {
    margin-left: 30px;
}

.content_link {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.invise_line {
    display: none;
}

@media (max-width: 1550px) {
    .content_link {
        display: block;
    }

    .login_details {
        display: flex;
        margin-left: 0px;
    }

    .stand_content_log {
        margin-right: 10px;
    }

    .stand_content_pas {
        margin-right: 10px;
        margin-left: 10px;
    }

    .invise_line {
        display: block;
    }
}

@media (max-width: 450px) {
    .all_link {
        display: block;
    }

    .add_link {
        display: block;
        text-align: left;
        margin-left: 0px;
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    .additional_link {
        font-size: 13px !important;
    }
}

@media (min-width: 992px) and (max-width: 1020px) {
    .all_link {
        min-width: 450px;
    }
}

.stand1_yellow {
    background: linear-gradient(180deg, #FFFF6F 0%, #ffffd4 33.42%, #ffffd4 70.94%, #FFFF6F 99.26%);
}

.stand1_red {
    background: linear-gradient(180deg, #FFA7A7 0%, #fddcdc 33.42%, #fddcdc 70.94%, #FFA7A7 99.26%);
}

.stand1_pur {
    background: linear-gradient(180deg, #b7b7ff 0%, #e5e5ff 33.42%, #e5e5ff 70.94%, #b7b7ff 99.26%);
}

.stand1_gr {
    background: linear-gradient(180deg, #ACACAC 0%, #EAEAEA 33.42%, #EAEAEA 70.94%, #ACACAC 99.26%);
}

.stand1_dark_grey {
    background: linear-gradient(180deg, #b7a79d 0%, #e3dcd4 33.42%, #e3dcd4 70.94%, #b7a79d 99.26%);
}

.pc_mobile img:hover {
    transform: scale(1.07);
    transition-duration: 0.15s;
}

.stand1 {
    position: relative;
    z-index: 1;
    transition: all 0.5s ease;
}

.pc_mobile {
    position: absolute;
    cursor: pointer;
    display: flex;
    gap: 5px;
}

.pc_mobile .info_image {
    height: 20px;
}

.overlay-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}

.overlay-info.active {
    opacity: 1;
    visibility: visible;
    backdrop-filter: blur(5px);
}

.overlay-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 40%);
    border-radius: 9px;
    z-index: 1;
}

.overlay-content {
    display: flex;
    flex-direction: column;
    width: 70%;
    position: relative;
    z-index: 2;
    color: black;
    text-align: left;
    padding: 10px;
    background: rgb(245 255 244);
    border-radius: 10px;
    transform: scale(0.8);
    transition: all 0.5s ease;
    line-height: 1.2em;
    overflow-y: auto;
    max-height: 90%;
    box-shadow: 0px 0px 35px 0px #00000052;
}

.overlay-info.active .overlay-content {
    transform: scale(1);
}

.overlay-content .section-title-pre-reg {
    align-items: center;
    margin: 5px;
}

.overlay-content .section-title-pre-reg img {
    width: auto;
    height: 20px;
    margin-right: 7px;
}

.overlay-content button {
    padding: 5px 10px;
    border-radius: 30px;
    margin: auto;
    font-size: 15px;
    font-weight: 600;
    color: white;
    background: #009688;
}

.overlay-content::-webkit-scrollbar {
    width: 6px;
}

.overlay-content::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.overlay-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.overlay-content hr {
    margin: 10px 0;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.overlay-section-title {
    display: flex;
    justify-content: center;
}

.overlay-section-title .section-title-pre-reg {
    flex: 0 0 calc(50% - 10px);
}

.character-site {
    width: 50%;
}

.character-site .section-title-pre-reg {
    margin-bottom: 7px;
}

.rating-site-img {
    width: 20%;
    float: right;
}

.description-site {
    width: 100%;
    float: right;
}

.overlay-content .section-title-pre-reg span {
    text-align: justify;
}

.overlay-content .section-title-pre-reg span img {
    height: 22px;
    margin-left: 15px;
}

.overlay-content .description-pre-reg a {
    font-weight: 500;
}

.rating-site-img-mobile {
    display: none;
}

@media (max-width: 1600px) {
    .overlay-section-title {
        display: block;
    }

    .character-site {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .overlay-content {
        width: 80%;
        font-size: 13px;
        margin-top: 25px;
    }

    .overlay-content .description-pre-reg {
        font-size: 13px;
    }

    .rating-site-img {
        display: none;
    }

    .rating-site-img-mobile {
        display: flex;
        margin: auto;
        width: 150px;
    }

    .overlay-info {
        align-items: start;
    }
}

@media (max-width: 450px) {
    .overlay-content {
        width: 90%;
        font-size: 12px;
    }

    .overlay-content .description-pre-reg {
        font-size: 12px;
    }
}

.useful_materials {
    margin-top: 50px;
    font-size: 16px;
    display: grid;
    justify-content: center;
}

.useful_materials h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: justify;
    color: #000000;
    padding-bottom: 30px;
}

.useful_materials li {
    list-style: disc;
    color: #3E9A84;
}

.main_start_work_adt2 {
    background: #FFD9DD;
    box-shadow: inset -7px -7px 9px #FFAFB7, inset 7px 7px 17px #FFAFB7;
}

.main_start_work_adt3 {
    background: #ECFDEA;
    box-shadow: inset -5px -5px 7px #B6E7B0, inset 5px 5px 7px #B6E7B0;
}

.main_start_work_adt4 {
    background: #FFFCDD;
    box-shadow: inset -7px -7px 9px rgba(255, 221, 101, 0.7), inset 7px 7px 17px rgba(255, 221, 101, 0.7);
}

.main_start_work_adt5 {
    background: #ECECFF;
    box-shadow: inset -7px -7px 9px #B1B3FF, inset 7px 7px 17px #B1B3FF;
}

.main_start_work_adt6 {
    background: #CFFFF2;
    box-shadow: inset 7px 7px 9px #89E3CB, inset -7px -7px 9px #89E3CB;
}

.main_start_work_adt_center {
    text-indent: 1.5em;
    width: 600px;
    margin: 30px auto;
    font-weight: 500;
}

@media (max-width: 600px) {
    .main_start_work_adt_center {
        width: 90%;
    }
}

.big-table1 {
    text-align: center;
}

.big-table1 table {
    display: inline-block;
    vertical-align: top;
    width: max-content !important;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.big-table1 table td {
    padding-left: 3px;
    padding-right: 3px;
}

.big-table1 table th {
    padding-left: 5px;
    padding-right: 5px;
}

.dataTable th {
    padding-right: 14px;
    padding-left: 10px;
}

.big-table1 .dataTable th {
    padding-right: 12px;
    padding-left: 12px;
}

.big-table1 .dataTable th:last-child {
    padding-right: 15px;
    padding-left: 15px;
}

.part_graf img {
    height: 21px;
    width: 21px;
    padding-left: 5px;
}

.part_graf {
    margin-bottom: 30px;
}

.part_graf_span {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    opacity: 0.5;
}

.part_graf select {
    border: 1px solid #000000;
    border-radius: 11px;
    width: max-content;
    height: 37px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    float: right;
    background: white;
    padding-left: 5px;
}

.part_graf_br {
    display: none;
}

.part_graf1 span {
    line-height: 37px;
}

@media (max-width: 1400px) {
    .stand_content button {
        font-size: 15px;
    }

    .part_graf select {
        float: none;
        margin-top: 10px;
    }

    .part_graf1 {
        text-align: center;
    }

    .part_graf_br {
        display: block;
    }
}

.under_table_content {
    margin-top: 20px;
}

.under_table_content span {
    font-size: 13px;
    line-height: 15px;
    padding-right: 10px;
}

.under_table_content1 {
    text-align: justify;
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox + label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

.custom-checkbox + label::before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #3E9A84;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    margin-right: 3px;
}

.custom-checkbox:checked + label::before {
    border-color: #3E9A84;
    background-color: #3E9A84;
}

.custom-checkbox:not(:disabled):active + label::before {
    background-color: #3E9A84;
    border-color: #3E9A84;
}

.custom-checkbox:focus + label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-checkbox:focus:not(:checked) + label::before {
    border-color: #3E9A84;
}

.custom-checkbox:disabled + label::before {
    background-color: #3E9A84;
}

.under_table_content select {
    border: 1px solid #000000;
    border-radius: 6px;
    background: white;
    padding-left: 5px;
}

.under_table_content_search input {
    border: 2px solid #007461;
    border-radius: 6px;
    padding: 2px 2px 2px 2px;
    line-height: normal;
}

.under_table_content_din {
    display: inline-block;
}

.partnership_total p {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    margin-bottom: 5px;
    margin-top: 30px;
    text-align: left;
}

@media (max-width: 500px) {
    .partnership_total p {
        font-size: 16px;
        line-height: 21px;
    }
}

@media (max-width: 992px) {
    header {
        height: 60px;
        background: #E8FFFC;
        box-shadow: inset 0px 0px 2px 1px #D3D3D3;
    }

    .header_mobile_logo {
        height: 40px;
        margin-top: 15px;
    }
}

.doc1 {
    border-radius: 50px;
    background: #54d0c7;
    width: 90px;
    height: 90px;
    content: "";
    box-shadow: inset -0.503376px -1.00675px 2.0135px rgba(0, 0, 0, 0.35), inset 1.51013px 1.51013px 2.0135px #6DFFF2;
}

.doc1:hover {
    transition: 0.1s;
    transform: translateY(-3px);
    box-shadow: 0px 3px 5px 0px #3131315b, inset -3px -3px 5px -1px rgba(0, 0, 0, 0.45), inset 3px 3px 3px rgb(108, 252, 239);
    background: #63dfd6;
}

.doc1:active {
    transition: 0.1s;
    transform: none;
    box-shadow: none;
    background: #54d0c7;
}

.doc2 {
    border-radius: 50px;
    background: #d6cccd;
    width: 90px;
    height: 90px;
    content: "";
    box-shadow: inset -3px -3px 5px -1px rgba(0, 0, 0, 0.45), inset 3px 3px 3px rgb(253, 253, 253)
}

.doc2:hover {
    transition: 0.1s;
    transform: translateY(-3px);
    box-shadow: 0px 3px 5px 0px #3131315b, inset -3px -3px 5px -1px rgba(0, 0, 0, 0.45), inset 3px 3px 3px rgb(253, 253, 253);
    background: #e0d9d9;
}

.doc_head_img img {
    max-width: 55px;
    opacity: 0.6;
}

.doc2:active {
    transition: 0.1s;
    transform: none;
    box-shadow: none;
    background: #d6cccd;
}

.main_footer_br {
    display: none;
}

@media (max-width: 500px) {
    .doc1 {
        width: 45px;
        height: 45px;
    }

    .doc2 {
        width: 45px;
        height: 45px;
    }

    .doc3 {
        width: 45px;
        height: 45px;
    }

    .doc_head_img img {
        max-width: 30px;
    }

    .main_footer_br {
        display: block;
    }
}

a:hover {
    color: black;
}

.ref_href1 {
    -webkit-user-select: all; /* для Safari */
    user-select: all;
}

.code_href_html {
    -webkit-user-select: all; /* для Safari */
    user-select: all;
}

@media ((max-width:

500px

) or

((min-width:

768px

) and

(max-height:

720px

))) {
    .body1 {
        display: block;
    }

    .footer1 {
        margin-top: 50px;
    }
}

.main_start_work_admin {
    background: #FFD7E3;
    box-shadow: inset 0px 0px 41px rgba(255, 85, 135, 0.5), inset -1px 0px 5px rgba(0, 0, 0, 0.25), inset 1px 0px 5px rgba(0, 0, 0, 0.25), inset 0px -2px 5px rgba(0, 0, 0, 0.25);
    width: 100%;
    border-radius: 9px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    font-weight: 600;
    margin-top: 30px;
}

.main_start_work_adt_head {
    background: rgba(255, 41, 105, 0.75);
    box-shadow: inset 0px -5px 7px rgba(0, 0, 0, 0.25), inset 0px 5px 5px rgba(255, 255, 255, 0.4);
    border-radius: 9px 9px 0px 0px;
    padding: 5px 5px 5px 5px;
}

.main_start_work_adt_head img {
    height: 30px;
    padding-right: 5px;
}

.main_start_work_adt_head span {
    font-size: 18px;
    line-height: 30px;
    color: white;
    font-weight: 700;
}

.main_start_work_admin_content {
    padding: 10px 20px 10px 20px;
}

.main_start_work_admin_footer {
    text-align: center;
}

.main_start_work_admin_footer button {
    background: linear-gradient(180deg, #F9F9F9 0%, #E2E2E2 47.67%, #C8C8C8 100%);
    box-shadow: inset 0px -2px 3px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    border-radius: 9px;
    width: 144px;
    height: 38px;
    margin-bottom: 10px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .main_start_work_admin {
        font-size: 13px;
        line-height: 18px;
    }

    .main_start_work_adt_head span {
        font-size: 13px;
        line-height: 20px;
    }

    .main_start_work_adt_head img {
        height: 20px;
    }
}

.main_okno_vxod {
    font-size: 26px !important;
}

@media (max-width: 1400px) {
    .main_okno_vxod {
        font-size: 24px !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .main_okno_vxod {
        font-size: 19px !important;
    }

    .main_okno_text {
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    .main_okno_vxod {
        font-size: 21px !important;
    }
}

@media (max-width: 400px) {
    .main_okno_vxod {
        font-size: 20px !important;
    }
}

.stat_earn_table2_short td {
    height: 40px;
}

.stand_content_dop_href_2 {
    font-weight: 500 !important;
}

.col_content {
    width: calc(100% - 295px);
}

@media (max-width: 992px) {
    .col_content {
        width: 100%;
    }
}

.col_menu {
    width: 275px;
}

.new_main_head_win_first {
    display: flex;
    width: 65%;
    background: #DEFFFB;
    border-radius: 9px;
    box-shadow: inset -7px -7px 9px #85d0ce, inset 7px 7px 17px #85d0ce;
    padding: 10px 15px 10px 10px;
    float: left;
    height: 200px;
}

.new_main_head_win_second {
    display: inline-block;
    width: 34%;
    margin-left: 1%;
    background: #CEEDFF;
    border-radius: 9px;
    box-shadow: inset -7px -7px 9px #46C7E3, inset 7px 7px 17px #68C7DB;
    float: left;
    height: 200px;
}

.new_main_head_win_second h5, .new_main_head_win_first_span h5 {
    color: #313131;
    font-weight: 600;
    font-size: 16px;
}

.new_main_head_win_second p {
    color: #313131;
    font-weight: 300;
    font-size: 15px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 15px;
}

@media (max-width: 1800px) {
    .new_main_head_win_second {
        height: 240px;
    }

    .new_main_head_win_first {
        height: 240px;
    }

    .new_main_head_win_second p {
        padding-top: 25px;
    }
}

@media (min-width: 1600px) and (max-width: 1700px) {
    .new_main_head_win_second {
        height: 250px;
    }

    .new_main_head_win_first {
        height: 250px;
    }

    .new_main_head_win_second p {
        padding-top: 25px;
    }
}

@media (min-width: 1550px) and (max-width: 1600px) {
    .new_main_head_win_second {
        height: 260px;
    }

    .new_main_head_win_first {
        height: 260px;
    }

    .new_main_head_win_second p {
        padding-top: 25px;
    }
}

@media (min-width: 1450px) and (max-width: 1550px) {
    .new_main_head_win_second {
        height: 270px;
    }

    .new_main_head_win_first {
        height: 270px;
    }

    .new_main_head_win_second p {
        padding-top: 35px;
    }
}

@media (min-width: 1400px) and (max-width: 1450px) {
    .new_main_head_win_second {
        height: 270px;
    }

    .new_main_head_win_first {
        height: 270px;
    }

    .new_main_head_win_second p {
        padding-top: 35px;
    }

    .new_main_head_win_first_span {
        line-height: 14px;
    }
}


@media (max-width: 1399px) {
    .new_main_head_win_second {
        width: 100%;
        height: auto;
        margin-left: 0px;
        margin-top: 30px;
        padding: 10px;
    }

    .new_main_head_win_first {
        width: 100%;
        height: auto;
    }
}

.new_main_head_win_first img {
    border-radius: 3px;
    width: 300px;
    display: inline-block;
    float: left;
    margin-top: 5px;
    box-shadow: 0 0 5px 0 #303030;
}

@media (min-width: 768px) {
    .new_main_head_win_first img {
        margin: auto;
    }
}

@media (max-width: 768px) {
    .new_main_head_win_first {
        align-items: center;
    }
}

.new_main_head_win_first_span {
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    width: calc(100% - 300px);
    padding-left: 10px;
    text-align: justify;
    margin: auto;
}

.new_main_head_teach2 h5,
.new_main_head_win_first_span h5,
.new_main_head_win_second h5 {
    margin: 0 auto 5px;
}

.new_main_head_teach2 p,
.new_main_head p{
    font-size: 13px !important;
}

.new_main_head_win_second_teach {
    background: #d1ffcb;
    box-shadow: inset 0 0 10px 7px #85dd7d;
}

.new_main_head_teach2 {
    background: #ffd9f6;
    box-shadow: inset 0 0 10px 7px #f392d9;
}

.notice_main_icon {
    height: 11px;
    margin-left: 3px;
    margin-top: 1px !important;
}

.line_spacing {
    margin-bottom: 7px !important;
}

@media (max-width: 1826px) and (min-width: 1801px) {
    .line_spacing {
        margin-bottom: 0 !important;
    }
}

.new_main_head_win_second_teach p{
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 7px
}

@media (max-width: 1863px) and (min-width: 1400px) {
    .new_main_head_win_second_teach p{
        margin-bottom: 0
    }
}

@media (max-width: 380px) {
    .new_main_head_win_first_span h5 {
        font-size: 15px;
    }
}

.new_main_head_win_first_span p {
    margin-bottom: 7px;
}

.centred_text {
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 100%;
}

.next {
    margin-top: 35px;
}

.inf {
    font-weight: 500 !important;
}

.other p {
    font-weight: 500;
    margin-left: 0px !important;
    margin-top: 15px !important;
    font-size: 15px !important;
}

.other_inf {
    font-size: 15px !important;

}

.now {
    font-size: 15px !important;

    font-weight: 700 !important;
    text-decoration-line: underline;
    color: #1C9E88 !important;
    cursor: pointer;
}

.now:hover {
    color: #128b77;
    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));
}

.bld {
    font-weight: 600 !important;
    text-transform: uppercase;
}

@media (max-width: 1500px) {
    .stand_content span {
        font-size: 13px;
        line-height: 18px;
    }

    .info_content_other {
        margin-right: 2%;
        margin-left: 2%;
    }

    .info_content_text {
        margin-right: 2%;
        margin-left: 2%;
    }
}

@media (max-width: 1780px) {
    .pops_img_you {
        margin-left: 40px;
    }
}

@media (max-width: 1500px) {
    .pops_img_you {
        margin-left: 45px;
    }
}

@media (max-width: 1400px) {
    .pops_img_you {
        margin-left: 40px;
    }

    .one_pops_content {
        margin-left: 0;
    }

}

@media (max-width: 1300px) {
    .pops_img_you {
        margin-left: 30px;
    }

    .one_pops_content {
        margin-left: 0;
    }

}

@media (max-width: 1200px) {
    .pops_img_you {
        margin-left: 20px;
    }
}

@media (max-width: 992px) {
    .pops_img_you {
        margin-left: 30px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .pops_img_you {
        width: 20px;
    }
}

@media (max-width: 850px) {
    .pops_img_you {
        margin-left: 25px;
    }
}

@media (max-width: 768px) {
    .pops_img_you {
        margin-left: 45px;
    }
}

@media (max-width: 700px) {
    .new_main_head_win_first img {
        height: auto;
        width: 100%;
    }

    .new_main_head_win_first_span {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .new_main_head_win_first {
        display: inline-block;

    }

    .info_content_other {
        margin-right: 1%;
        margin-left: 1%;
    }

    .info_content_text {
        margin-right: 1%;
        margin-left: 1%;
    }
}

@media (max-width: 560px) {
    .pops_img_you {
        margin-left: 35px;
    }
}

@media (max-width: 500px) {
    .pops_img_you {
        margin-left: 40px;
    }
}

@media (max-width: 430px) {
    .pops_img_you {
        margin-left: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1300px) {
    .stand_content_dop_href {
        margin-bottom: 2%;
    }

    .stand_content h3 {
        font-size: 15px;
        line-height: 15px;
    }

    .stand_content span {
        font-size: 13px;
    }

    .stand_content_href {
        margin-top: 0px;
    }

    .stand_content_href span {
        line-height: 18px;
    }

    .stand_content_rev_br {
        display: none;
    }

    .stand_content_rev span {
        font-size: 13px;
    }

    .stand_content button {
        line-height: 17px;
    }
}

.info_content_com {
    text-align: center;
}

.price_comis_des {
    display: inline-block;
}

@media (max-width: 1500px) {
    .stand_content_head_href {
        text-align: center;
    }
}

@media (max-width: 1150px) {
    .stand_content input {
        width: 115px;
    }
}

@media (max-width: 1100px) {
    .stand_content input {
        width: 100px;
    }
}

@media (max-width: 1040px) {
    .stand_content input {
        width: 90px;
    }
}

@media (max-width: 992px) {
    .stand_content input {
        width: 120px;
    }
}

@media (max-width: 825px) {
    .stand_content input {
        width: 105px;
    }
}

@media (max-width: 768px) {
    .stand1_logo {
        width: 60%;
        display: inline-block;
        border-radius: 15px;
        margin-bottom: 10px;
    }

    .stand_content_head_href {
        width: 38%;
    }

    .stand_content_mobile {
        width: 100%
    }

    .disaply_mob_none1 {
        display: none;
    }

    .stand_content_href {
        display: block;
    }

    .stand_content_rev {
        width: 100%
    }

    .stand_content_movies {
        width: 100%
    }

    .stand_content input {
        width: 100%;
    }

    .stand_content h3 {
        font-size: 12px;
        margin-top: 5px;
    }

    .stand_content_open_for_work {
        text-decoration: none !important;
    }

    .stand_content_href span {
        line-height: 20px;
        text-decoration: underline;
    }

    .stand_content_rev_br {
        display: none;
    }

    .main_start_work_text p {
        font-size: 18px;
        line-height: 23px;
    }

    .stand_content h6 {
        padding-top: 0px;
        font-size: 12px;
        line-height: 16px;
    }

    .stand_content p {
        padding-top: 0px;
        padding-bottom: 0px;
        font-size: 12px;
        line-height: 16px;
    }

    .big_href {
        margin-top: 0px;
    }

    .useful_materials h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .stand_content button {
        font-size: 12px;
    }
}

.col_content1 {
    display: none;
}

.col_menu1 {
    display: none;
}

.col_content3 {
    display: none;
}

.col_content2 {
    display: block;
}

.list_stand1 {
    padding-left: 295px;
}

@media (max-width: 992px) {
    .my_cab {
        margin-bottom: 0px !important;
    }

    .details_mobile {
        border-radius: 4px;
        margin-bottom: 0.5rem;
    }
}

.form_item input[type="checkbox"]:checked,
.form_item input[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.form_item input[type="checkbox"]:checked + label,
.form_item input[type="checkbox"]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    margin-top: 20px;
}

.form_item input[type="checkbox"]:checked + label:before,
.form_item input[type="checkbox"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 23px;
    height: 23px;
    background: url(/images/new/chek.png) center/cover no-repeat;
}

.form_item input[type="checkbox"]:checked + label:before,
.form_item input[type="checkbox"]:not(:checked) + label:before {
    border-radius: 2px;
}

.form_item input[type="checkbox"]:checked + label:after,
.form_item input[type="checkbox"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form_item input[type="checkbox"]:checked + label:after,
.form_item input[type="checkbox"]:not(:checked) + label:after {
    left: 3px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: url(/images/new/gal.png) center/cover no-repeat;
}

.form_item input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}

.form_item input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.checkbox_span {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

.add_docs_select button {
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
    border-radius: 14.7503px;
    width: 330px;
    height: 40px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    margin-top: 20px;
    box-shadow: inset -3px -3px 5px -1px rgb(0 0 0 / 15%), inset 3px 3px 3px rgb(151 255 230);
}

@media (max-width: 500px) {
    .add_docs_select button {
        width: 220px;
    }

    .choince_docs1_clear {
        width: 141px;
        font-size: 14px;
        height: 35px;
    }
}

.login_details {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 1750px) and (min-width: 1550px) {
    .indent_login {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }
}

.stand_content_log,
.stand_content_pas {
    margin-right: 5px;
    margin-left: 5px;
}

.login_link,
.link,
.sign_consultation button {
    white-space: nowrap;
}

.copy_button {
    width: 22px;
    border-radius: 20px;
    margin: 3px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
}

.copy_button:hover {
    transform: scale(1.10);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.248);
}

.notification {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px 5px;
    border-radius: 5px;
    font-size: 12px;
    display: none;
    z-index: 1;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}

.sign_consultation {
    margin: 1% 0;
    display: flex;
}

.sign_consultation button,
.sign_consultation_one_button .teach_one_button {
    background: linear-gradient(to bottom right, #59daffd1, #0072ffe3);
    color: white;
    transition: all 0.3s;
    white-space: nowrap;
}

.sign_consultation>a:last-of-type button {
    margin-left: 15px;
    background: linear-gradient(to top right, #0072ffe3, #59daffd1);
}

.sign_consultation_one_button {
    position: absolute;
    right: 0;
    top: 0;
}

.sign_consultation button:hover,
.sign_consultation_one_button .teach_one_button:hover {
    transform: scale(1.02);
    box-shadow: inset 0 0px 3px 0px rgb(0 0 0 / 43%), 0 0px 5px 0 rgba(34, 189, 183, 0.75);
}

.delete_mob_text {
    text-decoration: none;
}

.pc_display_none {
    display: none;
}

.copy_login_block {
    display: flex;
    align-items: center;
}

@media (max-width: 1340px) {
    .sign_consultation {
        flex-direction: column;
        align-items: center;
    }

    .sign_consultation>a:first-of-type button {
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    .login_details {
        display: none;
    }

    .disaply_mob_copy {
        display: flex;
    }

    .delete_mob_text {
        display: none;
    }

    .sign_consultation {
        margin: 0;
    }

    .sign_consultation>a:last-of-type button {
        margin-left: 0;
    }

    .sign_consultation button {
        width: 260px;
    }
}

@media (max-width: 400px) {
    .notification {
        font-size: 10px;
    }
}

@media (max-width: 1150px) {
    .pc_display_none {
        display: block;
    }

    .sign_consultation_one_button {
        position: relative;
        padding-top: 5px;
        text-align: center;
    }
}

@media (max-width: 769px) {
    .pc_display_none {
        display: none;
    }

    .sign_consultation_one_button {
        padding-top: 0;
    }
}

.form_item {
    max-width: 400px;
}

.form_item_reg {
    margin-bottom: 5px;
    max-width: unset;
}

@media (max-width: 500px) {
    .form_item_reg {
        margin-left: unset;
    }
}

.form_item_reg input[type="checkbox"]:checked+label,
.form_item_reg input[type="checkbox"]:not(:checked)+label {
    margin-top: unset;
    margin-bottom: 3px;
}

.name_telegram_small {
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #3E3E3E;
    font-size: 12px;
}

.name_input_small input {
    border: 2px solid #ABABAB;
    border-radius: 18px;
    width: 130px !important;
    height: 30px !important;
    padding-left: 5px;
    font-size: 14px;
    margin: 0px 0px 0px 3px !important;
}

.name_profile_reg {
    display: flex;
    align-items: center;
}

.form_line_reg {
    margin: 5px 0 10px;
}

.contacts_icon_small {
    width: 11px !important;
    height: auto !important;
    vertical-align: middle;
    margin: -3px 2px 0 2px;
}

.obzor_site {
    width: 15px !important;
    height: 15px !important;
}

.props_select {
    text-align: justify;
}

.props_select h4 {
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    font-weight: 500;
    margin-top: 30px;
}

.props_select span {
    font-size: 15px;
    line-height: 19px;
    font-weight: 500;
}

.props_data span {
    font-weight: 700;
    font-size: 14px;
    line-height: 15px;
}

.props_data_set .props_data span {
    font-weight: 600;
    font-size: 17px;
}

.props_data .light_span {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
}

.props_data {
    margin-top: 20px;
}

.props_data input {
    height: 40px;
    width: 100%;
    font-size: 14px;
    padding: 10px;
}

.props_data1 p {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    margin-top: 5px;
    margin-left: 0px;
}

.props_button button {
    margin-top: 10px;
    font-weight: 400;
    margin-left: 0px;
    width: max-content;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: inset -3px -3px 5px -1px rgb(0 0 0 / 15%), inset 3px 3px 3px rgb(151 255 230);
}

.props_button_second {
    background: white !important;
    border: 1.54734px solid #000000;
    margin-left: 20px !important;
    box-shadow: inset -3px -3px 5px -1px rgb(0 0 0 / 15%), inset 3px 3px 3px rgb(253 253 253) !important;
}

@media (max-width: 600px) {
    .contact_data h2 {
        font-size: 23px;
    }

    .props_select span {
        font-size: 13px;
        line-height: 17px;
    }

    .props_data input {
        margin-left: 0;
    }

    .props_data1 button {
        margin-top: 5px;
        font-size: 10px;
    }

    .props_data1 p {
        font-size: 10px;
    }

    .props_button_second {
        margin-left: 0px !important;
    }

    .props_button button {
        font-size: 12px;
    }

    .doc_head_img1 p {
        font-weight: bold;
    }

    .choince_docs1_text p {
        text-align: center;
    }

    .doc2 {
        box-shadow: inset -0.503376px -1.00675px 2.0135px rgba(0, 0, 0, 0.35), inset 1.51013px 1.51013px 2.0135px #FFF;
    }

    .input__file-button_part img {
        margin-top: 100px !important;
    }
}

.main_head_menu_item span:hover {
    transform: scale(1.02);
}

.main_head_menu_item span {
    transition: transform .2s;
}

.props_button button:hover {
    transition: 0.1s;
    transform: translateY(-3px);
    box-shadow: 0px 3px 3px 0px #3131315b, inset -3px -3px 5px -1px rgba(0, 0, 0, 0.15), inset 3px 3px 3px rgb(151, 255, 230);
    background: linear-gradient(180deg, #64FFDA 0%, #60cbb2 100%);
}

.props_button button:active {
    transform: none;
    box-shadow: none;
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
}

.props_button_second:hover {
    transition: 0.1s;
    transform: translateY(-3px);
    background: #FFFFFF !important;
    box-shadow: 0px 3px 3px 0px #3131315b, inset -3px -3px 5px -1px rgba(0, 0, 0, 0.10), inset 3px 3px 3px rgb(253, 253, 253) !important;
}

.props_button_second:active {
    transform: none;
    box-shadow: none !important;
    background: #FFFFFF;
}

.props_data1 button:hover {
    transition: 0.1s;
    transform: translateY(-3px);
    box-shadow: 0px 3px 3px 0px #3131315b, inset -3px -3px 5px -1px rgba(0, 0, 0, 0.10), inset 3px 3px 3px rgb(253, 253, 253) !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #B7B7B7 100%) !important;
}

.props_data1 button:active {
    transform: none;
    box-shadow: none;
    background: linear-gradient(180deg, #FFFFFF 0%, #B7B7B7 100%);
}

.props_data1 button:after:active {
    transform: none;
    box-shadow: none;
    background: linear-gradient(180deg, #FFFFFF 0%, #B7B7B7 100%);
}

.props_data1 button:disabled {
    pointer-events: none;
    opacity: 0.6;
    cursor: default;
}

.body3 {
    background: url(/images/new/main_start_fon3.jpg) no-repeat;
    background-attachment: fixed;
    background-color: #fae7e9;
}

.add_docs_select button:hover {
    transition: 0.1s;
    transform: translateY(-3px);
    box-shadow: 0px 3px 3px 0px #3131315b, inset -3px -3px 5px -1px rgba(0, 0, 0, 0.15), inset 3px 3px 3px rgb(151, 255, 230);
    background: linear-gradient(180deg, #64FFDA 0%, #60cbb2 100%);
}

.add_docs_select button:active {
    transform: none;
    box-shadow: none;
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
}

.early_payment button:hover {
    transition: 0.1s;
    transform: translateY(-3px);
    box-shadow: 0px 3px 3px 0px #3131315b, inset -3px -3px 5px -1px rgba(0, 0, 0, 0.15), inset 3px 3px 3px rgb(151, 255, 230);
    background: linear-gradient(180deg, #64FFDA 0%, #60cbb2 100%);
}

.early_payment button:active {
    transform: none;
    box-shadow: none;
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
}

.early_payment__exchange-rate p,
.early_payment__exchange-rate span {
    opacity: 1;
    line-height: 20px;
}

.early_payment__exchange-rate p {
    color: #000;
}

.early_payment__exchange-rate span {
    padding-left: 7px;
    padding-right: 7px;
    color: #188e81;
}

@media (max-width: 400px) {
    .code_href_html {
        width: 100%;
    }
}

.props_data_span {
    display: inline-block;
    margin-bottom: 5px;
}

.props_data_input select {
    border: 1px solid #000000;
    border-radius: 9px;
    margin-left: 10px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 16px;
}

.props_data_input .selection {
    color: black;
    filter: none;
}

.props_data .select2-container--default .select2-selection--single .select2-selection__placeholder,
.props_data .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 400;
}

.props_data .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px;
}

.props_data .select2-container--default .select2-selection--single {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
}

.props_data .select2-container .select2-selection--single {
    height: 40px;
    width: 100%;
}

@media (max-width: 600px) {
    .props_data select {
        width: 124px;
        margin-left: 0px;
        height: 22px;
        font-size: 12px;
    }
}

.contact_data button {
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
    box-shadow: inset -3px -3px 5px -1px rgba(0, 0, 0, 0.15), inset 3px 3px 3px rgb(151, 255, 230);

}

.contact_data button:hover {
    transition: 0.1s;
    transform: translateY(-3px);
    box-shadow: 0px 3px 3px 0px #3131315b, inset -3px -3px 5px -1px rgba(0, 0, 0, 0.15), inset 3px 3px 3px rgb(151, 255, 230);
    background: linear-gradient(180deg, #64FFDA 0%, #60cbb2 100%);
}

.contact_data button:active {
    transform: none;
    box-shadow: none;
    background: linear-gradient(180deg, #64FFDA 0%, #56B7A0 100%);
}

.main_head_menu_item a:after {
    margin-top: -6px;
}

.finance_first_table thead {
    width: 100%;
}

.stat_earn table {
    overflow: auto;
    position: relative;
}

.finance_first_table.finance_first_table_last {
    border-radius: 0;
}

.finance_first_table .question_mark {
    margin-bottom: 3px;
}

.finance_first_table .tooltip_help .tooltiptext {
    background-color: white;
    color: black;
    box-shadow: 0px 0px 15px #00000075;
}

.stat_earn .tooltiptext_small {
    font-size: 12px;
    line-height: normal;
}

.tooltip_help hr {
    margin: 5px 0;
}

@media (max-width: 450px) {
    .finance_payment_button.first_button {
        width: 330px !important;
    }
}

@media (max-width: 767px) {
    .d-block {
        display: inline-table !important;
    }

    .finance_first_table .tooltip_help .tooltiptext {
        margin-left: 0px;
        font-size: 12px !important;
    }
}

.finance_first_table .tooltip_help .tooltiptext {
    width: 250px;
}

@media (max-width: 600px) {
    .body3 {
        background: url(/images/new/main_start_fon1.jpg) no-repeat;
        background-size: 100%;
        background-attachment: fixed;
        background-color: #fae7e9;
    }
}

.mscrollbar {
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 100px;
}

.new_mob_menu {
    height: 111px;
    width: 26px;
    background: black;
    position: fixed;
    top: 0px;
    right: 0px;
    border-radius: 0px 0px 0px 45px;
    background: linear-gradient(144.29deg, #0ED8BE -7.6%, #09B39C 15.85%, #0ED8BD 81.39%);

}

.name_menu {
    transform: rotate(-90deg);
    position: fixed;
    right: 2px;
    margin-bottom: 0px;
    top: 80px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: white;
    width: 20px;
}

.menu_map_mobile_1 {
    position: relative;
    float: right;
    margin-right: 50px;
    margin-top: 5px;
    z-index: -1;
}

.price_comis_graf img {
    width: 90%;
    margin-top: -10px;
}

.new_main_head_win_second p {
    padding-top: 0px !important;
    font-weight: 400;
}

.dis_500 {
    display: none;
}

.dis_500_block {
    margin-bottom: 5px;
}

.props_form {
    background: #f1fffd;
    padding: 2px 20px 5px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    margin: 20px auto;
}

.semi-transparent-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #00000094;
    text-align: center;
}

.main-line {
    font-weight: 700;
    font-size: 14px;
    line-height: 15px;
}

.props_data input::placeholder {
    color: #999;
    opacity: 1;
}

.card-phone-number {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.card-phone-number img {
    padding: 0 5px;
    width: 40px;
}

.props_button {
    text-align: center;
}

.send_code {
    margin-bottom: 5px;
}

.send_code button {
    padding: 7px;
    margin: 5px;
    height: auto;
    line-height: inherit;
    border-radius: 5px;
}

.code_timer_span {
    margin-top: 0 !important;
    text-align: justify;
}

@media (max-width: 600px) {
    .dis_500 {
        display: inline-block;
    }

    .dis_500_block {
        display: inline-block;
    }
}

.color_decoration {
    color: #5A44BB;
    font-weight: 600;
}

@media (max-width: 700px) {
    .price_comis_graf img {
        margin-top: -3px;
    }

    .price_comis {
        margin-top: 0px;
    }

    .color_decoration {
        text-decoration: none;
    }
}

.props_data1 button {
    width: max-content;
    height: 32px;
    background: linear-gradient(180deg, #FFFFFF 0%, #B7B7B7 100%) !important;
    border-radius: 12.4161px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #8b8b8b;
    font-weight: 500;
    font-size: 12px;
    margin-top: 0;
    margin-left: 0;
    box-shadow: none;
}

.props_data1 button:active {
    transform: none;
    box-shadow: none !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #B7B7B7 100%);
}

.stand_content_href span:hover {
    color: #128b77;
    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));
}

.color_decoration:hover {
    color: #128b77;
    cursor: pointer;
    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));
}

/*.stand_content h3:hover {*/
/*    color: #128b77;*/
/*    cursor: pointer;*/
/*    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));*/
/*}*/

.one_pops_content_you p:hover {
    color: #128b77;
    cursor: pointer;
    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));
}

.price_comis_you span:hover {
    color: #128b77;
    cursor: pointer;
    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));
}

.price_comis_you span {
    font-weight: 700;
    color: #2B6759;
}

@media (max-width: 600px) {
    .price_comis_you {
        font-size: 12px;
        line-height: 12px;
    }

    .price_comis_you img {
        width: 19px;
    }
}

.language-select {
    display: inline-flex;
    flex-direction: column;
    color: rgb(40, 40, 40);
    text-transform: uppercase;
    height: 40px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
    right: 0px;
    top: 15px;
    z-index: 10000;
}

.language-select li {
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    order: 2;
    padding: 10px;
    min-height: 40px;
    width: 50px;
    height: 50px;
    background: none;
}

.language-select li:hover {
    cursor: pointer;
}

.language-select.open {
    height: auto;
}

.language-select li.active {
    order: 1;
    pointer-events: none;
}

.language-select1 {
    display: inline-flex;
    flex-direction: column;
    color: rgb(40, 40, 40);
    text-transform: uppercase;
    height: 40px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
    right: 50px;
    top: 0px;
    z-index: 100;
}

.language-select1 li {
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    order: 2;
    padding: 10px;
    min-height: 40px;
    width: 50px;
    height: 50px;
    background: none;
}

.language-select1 li:hover {
    cursor: pointer;
    background-color: rgb(246, 228, 226);
}

.language-select1.open {
    height: auto;
    margin-top: -11px;
}

.language-select1 li.active {
    order: 1;
    pointer-events: none;
}

.statistica_time_records_a {
    font-weight: 500;
    font-size: 16px;
    line-height: 35px;
    color: #000000;
}

@media (max-width: 1400px) {
    .statistica_time_records_a {
        font-size: 14px;
    }
}

.statistica_time_records_a span {
    padding: 10px 15px 10px 15px;
    font-weight: 500;
    font-size: 26px;
    line-height: 44px;
    color: black;
    /*opacity: 0.7; by me*/
}

.statistica_time_records_a span a {
    padding: 10px 15px 10px 15px;
    font-weight: 500;
    font-size: 26px;
    line-height: 44px;
    color: black;
    opacity: 0.7;
}

.statistica_time_records_a .paginate_button {
    cursor: pointer;
    /*  by me */
}

.statistica_time_records_a .paginate_button.disabled, .statistica_time_records_a .paginate_button.disabled:hover {
    cursor: default;
    box-shadow: none;
    border: 1px solid transparent;
    background: transparent;

    /*  by me */
}

/*.statistica_time_records_a span a:hover {*/
/*    background: linear-gradient(135.94deg, #C5FFF7 19.72%, #58A299 100%);*/
/*    box-shadow: inset 1px 1px 4px rgb(0 0 0 / 25%), inset -2px -2px 4px rgb(0 0 0 / 25%);*/
/*    border-radius: 5px;*/
/*}*/

.statistica_time_records_a span a.current {
    background: linear-gradient(135.94deg, #C5FFF7 19.72%, #58A299 100%);
    box-shadow: inset 1px 1px 4px rgb(0 0 0 / 25%), inset -2px -2px 4px rgb(0 0 0 / 25%);
    border-radius: 5px;
    /*  by me */
}

.statistica_time_records_a .paginate_button.next, .statistica_time_records_a .paginate_button.previous {
    padding: 8px 10px 8px 10px;
    /*  by me */
}

.statistica_time_records_a .paginate_button:hover {
    background: linear-gradient(135.94deg, #C5FFF7 19.72%, #58A299 100%);
    box-shadow: inset 1px 1px 4px rgb(0 0 0 / 25%), inset -2px -2px 4px rgb(0 0 0 / 25%);
    border-radius: 5px;
    /*  by me */
}

@media (max-width: 1400px) {
    .statistica_time_records_a span {
        padding: 5px 7.5px 5px 7.5px;
        font-size: 18px;
        line-height: 22px;
    }

    .statistica_time_records_a span a {
        padding: 5px 7.5px 5px 7.5px;
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 1200px) {
    .language-select {
        top: 5px;
    }
}

@media (max-width: 992px) {
    .language-select {
        top: 10px;
    }
}

.active {
    background: none !important;
}

.under_table_content_din {
    font-weight: 600;
    color: black;
    font-size: 13px;
    line-height: 30px;
    padding-right: 10px;
}

.under_table_content_din label {
    margin-left: 10px;
}

.statistica_time label {
    font-weight: 500;
}

.new_main_head_win_first_span span {
    vertical-align: top;
}

/*.form_item_btn {*/
/*    background: #FFFFFF;*/
/*    box-shadow: inset -3px -3px 5px -1px rgba(0, 0, 0, 0.33), inset 3px 3px 3px rgba(253, 253, 253, 0.55);*/
/*    border-radius: 10px;*/
/*    color: black;*/
/*    margin-top: 20px;*/
/*    cursor: pointer;*/
/*    z-index: 5;*/
/*    position: relative;*/
/*    text-align: center;*/
/*    padding-top: 5px;*/
/*}*/

.form_item_btn:hover {
    background: #4fc4a8;
    color: white;
    transform: translateY(-3px);
    transition: 0.1s;
    box-shadow: inset -3px -3px 5px -1px rgba(0, 0, 0, 0.144), inset 3px 3px 3px rgba(253, 253, 253, 0.55), 0px 3px 3px 0px #3131315b;
}

.form_item_btn:active {
    background: #3E9A84;
    color: white;
    transform: none;
}

/*.form_item_btn:focus {*/
/*    background: #3E9A84;*/
/*    color: white;*/
/*}*/

.form_item_btn21 {
    background: #3E9A84;
    color: white;
    box-shadow: inset -3px -3px 5px -1px rgba(0, 0, 0, 0.33), inset 3px 3px 3px rgba(253, 253, 253, 0.55);
    border-radius: 10px;
    width: 410px;
    height: 36px;
    font-size: 18px;
    line-height: 22px;
    margin-top: 20px;
    cursor: pointer;
    z-index: 5;
    position: relative;
    text-align: center;
    padding-top: 5px;
}

.statistica_time_records_part {
    text-align: right;
}

@media (max-width: 768px) {
    .statistica_time_records_part {
        text-align: center;
    }
}

.fix {
    position: relative;
}

.language-select li {
    color: #2C6C5D;
    font-weight: 700;
}

@media (max-width: 1600px) {
    .language-select {
        top: 25px;
    }
}

@media (max-width: 1200px) {
    .language-select {
        right: -10px;
    }
}

@media (max-width: 800px) {
    .language-select {
        right: -30px;
    }
}

@media (max-width: 500px) {
    .language-select {
        right: -50px;
    }
}

.pal {
    position: relative;
    width: 50px;
    height: 50px;
    float: right;
    margin-top: -10px;
    z-index: 1;
}

.active {
    border: 0px !important;
}

.under_table_content_search {
    display: inline-block;
}

.float_right {
    float: right;
}

@media (max-width: 1365px) {
    .float_right {
        float: none;
    }

    .under_table_content1 {
        text-align: center;
    }
}

.pal1 {
    margin-top: -50px;
}

@media (max-width: 600px) {
    .form_item_btn21 {
        width: 300px;
        font-size: 14px;
        line-height: 25px;
    }

    .form_item_btn_format {
        width: 300px;
        font-size: 11px !important;
        line-height: 16px;
    }
}

.float_right div {
    display: inline-block;
}

.float_right input {
    border: 2px solid #007461;
    border-radius: 6px;
    padding: 2px 2px 2px 2px;
    line-height: normal;
}

.fix1 {
    margin-top: -70px;
    margin-left: 20px;
    margin-bottom: 50px;
}

@media (max-width: 600px) {
    .input_portfolio_btn {
        border: 3px dashed #1C9C8A !important;
        outline: none !important;
    }
}

.pal2 {
    text-align: right;
}


.animation_mob {
    animation: animation_mob 3.5s infinite;
}

@keyframes animation_mob {
    0% {
        box-shadow: none;
    }
    50% {
        filter: drop-shadow(0px 0px 15px #FFFFFF);
    }
    100% {
        box-shadow: none;
    }
}

.animation_mob1 {
    margin-top: 8px !important;
    animation: animation_mob 3.5s infinite;
}

@keyframes animation_mob {
    0% {
        box-shadow: none;
    }
    50% {
        filter: drop-shadow(0px 0px 8px #FFFFFF);
    }
    100% {
        box-shadow: none;
    }
}

.avatar_img img {
    border-radius: 50%;
    border: 3px solid #208073;
    background: #FAE7E9;
}

.avatar_img canvas {
    border-radius: 50%;
    border: 3px solid #208073;
    background: #FAE7E9;
}

.plus_btn_fix {
    background: url(/images/new/new_ava.svg) center/cover no-repeat;
}

.container_fill {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}

.color_decor {
    color: #1f4d42;
    font-weight: 700;
}

.color_decor:hover {
    color: #128b77;
    cursor: pointer;
    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));
}

/*.container {*/
/*    width: 100%;*/
/*    margin-right: auto;*/
/*    margin-left: auto;*/
/*}*/

.prize1 h2 {
    font-weight: 700;
    font-size: 30px;
    color: #3E9A84;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}

.hed_container {
    display: flex;
    align-items: center;
    margin: auto;
    width: 100%
}

.hed_title {
    color: #1EA18A;
    font-size: 16px;
    position: relative;
    font-weight: 700;
    text-align: center;
    margin: auto;
}

.hed_box {
    position: relative;
    color: #1EA18A;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    width: 30%;
    margin: auto;
    justify-content: center;
    display: flex;
    align-items: center;
}

.hed_box1 {
    position: relative;
    color: #1EA18A;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    width: 30%;
    margin: auto;
}

.hed_box::before {
    content: "";
    position: absolute;
    height: 72px;
    width: 1px;
    background: #04977a;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.content {
    margin-top: 0px;
    background: #ffffff;
    padding-top: 20px;
    padding-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15), inset 0px 0px 5px rgba(0, 0, 0, 0.25);
    margin-bottom: 30px;
}

.content1 {
    padding-bottom: 20px;
}

.log {
    width: 55px;
    position: absolute;
}

.site {
    width: 50%;
}

.site2 {
    padding: 5px;
    width: 50%;
    margin: auto;
}

.main_content {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    background: #D2FFF7;
    box-shadow: inset 0px 0px 10px rgba(30, 161, 138, 0.5);
    padding: 10px 10px 10px 10px;
    border-radius: 10px;


}

.main_content_span {
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
    padding: 5px 10px 5px 10px;
    margin: auto;
}

.bold {
    font-weight: 600;
}

.image-container {
    margin: auto;
    border-radius: 5px;
}

.image-container img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: inherit;
    max-width: 280px;
    min-width: 280px;
	box-shadow: 0 0 4px 0px #505050;
}

.erro {
    text-align: center;
    margin: auto;
    font-weight: 500;
    width: 90%;
}

.accordion {
    position: relative;
    left: 36px;
    margin: auto;
}


.acc_info {
    display: flex;
    width: 90%;
    margin: auto;
}

.acc_info.active {
    opacity: 1;
    max-height: 110%;
    padding-bottom: 15px;

}

.accordion img {
    transition: transform 0.3s ease;
    cursor: pointer;
}

.accordion img:hover {
    cursor: pointer;
}

.accordion.active img {
    transform: rotate(180deg);
}

.rotate {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.winner {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    display: flex;
    align-items: center;
    max-width: 100%;
}

.acc_info .winner {
    display: flex;
    flex-wrap: wrap;
}

.acc_info .winner > * {
    flex-basis: calc(30% - 10px);
    margin-bottom: 20px;
}

.foto_win {
    font-size: 14px;
    color: #128b77;
    font-weight: 600;
    margin-left: 5px;
}

.foto_win:hover {
    color: #128b77;
    cursor: pointer;
    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));
    text-decoration: underline;
}


.gold {
    background: linear-gradient(259.22deg, rgba(255, 228, 0, 0.09) 0%, rgba(230, 173, 29, 0.09) 100%);

}

.silver {
    background: rgba(211, 211, 211, 0.12);
}

.win_content {
    margin: 15px 0px 15px 35px;
}

.gold img {
    left: -7%;
    top: -9%;
    position: absolute;
    width: 16%;
}

.silver img {
    left: -7%;
    top: -9%;
    position: absolute;
    width: 14%;
}

.title_win {
    font-size: 14px;
    color: #1EA18A;
    font-weight: 600;
    line-height: 20px;
}

.gold,
.silver {
    margin: 0 2%;
    width: 30%;
    flex: none;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    position: relative;
}

.inc {
    font-weight: 300;
    font-size: 14px;
    color: #1EA18A;
    margin-left: 20px;
}

.bas {
    margin: 3px;
}

.prize_lov {
    color: rgba(255, 45, 137, 1);
    margin-left: 5px;
}

.prize {
    color: rgba(10, 106, 89, 1);
}

.non {
    color: rgba(10, 106, 89, 1);
    line-height: 20px;
}

.prize_lov,
.prize {
    text-decoration: underline;
}

.prize:hover {
    text-decoration: underline;
    color: #128b77;
    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));
}


.prize_lov:hover {
    text-decoration: underline;
    color: rgb(255, 110, 173);
    filter: drop-shadow(0px 3px 10px rgb(255, 197, 222));
}

.giv {
    width: 30%;
    position: relative;
    display: flex;
    align-items: center;
}


.giv::after {
    content: "";
    position: absolute;
    height: 72px;
    width: 1px;
    background: #04977a;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.content_mobile {
    background: #ffffff;
    padding-bottom: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15), inset 0px 0px 5px rgba(0, 0, 0, 0.25);
    width: 80%;
    margin: auto;
    margin-bottom: 30px;
}


.win_table {
    text-align: left;
    display: block;
}

.bord {
    border-bottom: 1px solid;
    padding-bottom: 30%;
}

.left_mn {
    display: flex;
    width: 100%;
}

.container_bord {

    border-bottom: 0px solid #1A7B6D;
}

.mobord {
    border-bottom: 0px solid #1A7B6D;
    border-right: 1px solid #1A7B6D;
    width: 30%;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    padding-top: 20px;
}

.mobord1 {
    border-right: 0px solid #1A7B6D;
    width: 30%;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    padding-top: 20px;
}

.logo_s {
    border-bottom: 0px solid #1A7B6D;
    border-right: 1px solid #1A7B6D;
    width: 30%;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    padding-top: 20px;
    justify-content: center;
}

.logo_s2 {
    border-bottom: 0px solid #1A7B6D;
    border-right: 1px solid #1A7B6D;
    width: 30%;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    padding-top: 5px;
    justify-content: center;
    flex-wrap: wrap;
}

.site3_small {
    width: 45%;
}

.b_txt {
    margin-bottom: 10px;
}

.n_win {
    margin-left: 5px;
}

.inc1 {
    margin-left: 5px;
}

.foreword {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    width: 80%;
    margin: auto;
    margin-bottom: 40px;
}

.lovense_interact {
    color: rgba(255, 45, 137, 1);
    font-weight: 700;
}

.lovense_interact:hover {
    color: rgb(255, 110, 173);
    filter: drop-shadow(0px 3px 10px rgb(255, 197, 222));
}

@media (max-width: 768px) {
    .foreword {
        font-size: 16px;
    }
}

@media (max-width: 500px) {
    .foreword {
        font-size: 14px;
        margin-bottom: 30px;
        margin-top: -20px;
        width: 90%;

    }
}

.full_pr {
    display: flex;
    margin: auto;
    margin-bottom: 40px;
    width: 80%;
}

.raffle1 {
    margin: auto;
    background: #E5F5FF;
    box-shadow: inset -3px -3px 7px #61D3EC, inset 3px 3px 7px #61D3EC;
    border-radius: 20px;
    flex-basis: calc(30% - 10px);
}

.raffle2 {
    margin: auto;
    background: #f9e4ff;
    box-shadow: inset -3px -3px 7px #de97f1, inset 3px 3px 7px #de97f1;
    border-radius: 20px;
    flex-basis: calc(30% - 10px);
}

.raffle3 {
    margin: auto;
    background: #ffdfef;
    box-shadow: inset -3px -3px 7px #f28dbf, inset 3px 3px 7px #f28dbf;
    border-radius: 20px;
    flex-basis: calc(30% - 10px);
}

.raf_m {
    font-size: 16px;
    padding: 20px;
    text-align: center;
    color: #2e7564;
    font-weight: 700;
    margin: auto;
}

.num {
    color: #484848;
    font-size: 18px;
}

@font-face {
    font-family: "Xspace";
    src: url("fonts/xspace-xspace-400.ttf");
}

.lov {
    font-family: "Xspace";
    color: #eb2d8c;
    font-size: 20px;
}

@media (max-width: 1830px) {

    .raf_m {
        width: 80%;
    }

    .raffle1 {
        min-height: 75px;
        justify-content: center;
        display: flex;
    }

    .raffle2 {
        min-height: 75px;
        justify-content: center;
        display: flex;
    }

    .raffle3 {
        min-height: 75px;
        justify-content: center;
        display: flex;
    }

}

@media (max-width: 1800px) {

    .site {
        width: 55%;
    }

}

@media (max-width: 1600px) {

    .raf_m {
        width: 90%;
    }

}

@media (max-width: 1550px) {

    .win_content {
        margin: 10px 0px 10px 25px;
    }

    .log {
        width: 45px;
        position: absolute;
    }

    .site {
        width: 70%;
    }

    .site2 {
        width: 65%;
    }

    .logo_s2 {
        display: grid;
    }

}

@media (max-width: 1480px) {

    .log {
        width: 40px;
        position: absolute;
    }

    .lov {
        font-size: 18px;
    }

}

@media (max-width: 1400px) {

    .win_content {
        margin: 10px 0px 10px 30px;
    }

    .log {
        display: none;
    }

    .hed_title {
        font-size: 15px;
    }

    .acc_info .winner > * {
        flex-basis: calc(46% - 5px);
    }

    .lov {
        font-size: 16px;
    }

    .raf_m {
        font-size: 15px;
    }

}

@media (max-width: 1320px) {

    .erro {
        width: 70%;
    }

    .winner {
        padding-top: 20px;
    }

    .hed_title {
        font-size: 14px;
    }

    .main_content_span {
        font-size: 13px;
        line-height: 14px;
    }

    .lov {
        font-size: 14px;
    }

    .raf_m {
        font-size: 14px;
    }

    .num {
        font-size: 14px;
    }

}

@media (max-width: 1200px) {


    .hed_title {
        font-size: 14px;
    }

    .main_content_span {
        font-size: 13px;
        line-height: 14px;
    }

    .main_content {
        display: inline-block;
    }

    .image-container img {
        float: left;
        margin-right: 10px;
    }

    .raf_m {
        padding: 0px;
        font-size: 13px;
    }

    .lov {
        font-size: 13px;
    }

    .num {
        font-size: 13px;
    }

    .raffle1 {
        min-height: 65px;
    }

    .raffle2 {
        min-height: 65px;
    }

    .raffle3 {
        min-height: 65px;
    }

    .full_pr {
        margin-bottom: 25px;
    }

}

@media (max-width: 1050px) {


    .logo_s2 {
        display: none;
    }

    .logo_s {
        display: none;
    }

    .win_content {
        margin: 7px 5px 7px 5px;
        text-align: center;
    }

    .raf_m {
        font-size: 12px;
    }

    .lov {
        font-size: 12px;
    }

    .num {
        font-size: 12px;
    }

}


@media (max-width: 768px) {

    .raf_m {
        font-size: 11px;
        width: 80%;
    }

    .num {
        font-size: 11px;
    }

    .lov {
        font-size: 11px;
    }

    .full_pr {
        width: 95% !important;
    }

    .raffle1 {
        min-height: 60px;
    }

    .raffle2 {
        min-height: 60px;
    }

    .raffle3 {
        min-height: 60px;
    }

    .full_pr {
        margin-bottom: 20px;
    }

    .erro {
        font-size: 10px;
        padding-top: 10px;
    }

    .foto_win {
        font-size: 11px;
    }

    .mobord {
        border-bottom: 1px solid #1A7B6D;
        width: 100%;
    }

    .mobord1 {
        border-right: 1px solid #1A7B6D;
        width: 100%;
    }

    .logo_s {
        display: none;
    }

    .logo_s2 {
        display: none;
    }

    .container_bord {
        border-bottom: 1px solid #1A7B6D;
    }

    .main_content {
        display: inline-block;
        padding: 5px 5px 5px 5px;
        margin: 10px;
    }

    .main_content_span {

        width: 100%;
        text-align: left;
        font-size: 11px;
        line-height: 10px;
        padding: 0px 0px 5px 0px;
    }

    .image-container img {
        min-width: 40%;
        float: left;
        max-width: 80px;
        margin-right: 5px;
        margin-bottom: 0px;

    }

    .hed_title {
        font-size: 11px;
    }

    .hed_box {
        font-size: 11px;
        display: contents;
    }

    .hed_box1 {
        font-size: 11px;
    }

    .hed_title::before {
        content: none;
    }

    .hed_container {
        display: grid;
        align-items: flex-start;
    }

    .hed_box::before {
        content: none;
    }

    .content1 {
        padding-bottom: 5px;
    }

    .giv {
        width: 100%;

    }

    .log {
        display: none;
    }

    .giv::after {
        display: none;
    }

    .prize1 h2 {
        font-size: 22px;
    }

    .content {
        display: none;
    }

    .content_mobile {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    .container_fill {
        width: 100%;

    }

    .title_win {
        font-size: 11px;
        line-height: 10px;
    }

    .non {
        line-height: 10px;
    }

    .winner {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 15px;
        display: flex;
        max-width: 100%;
        font-size: 11px;
    }

    .gold,
    .silver {
        margin: auto;
        margin-bottom: 0px;
        width: 50%;
        border-radius: 10px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        position: relative;
    }

    .win_content {
        margin: 7px 5px 7px 5px;
        text-align: center;
    }

    .prize_lov,
    .prize {
        font-size: 11px;
    }

    .acc_info .winner > * {
        flex-basis: calc(45% - 5px);
        margin-bottom: 15px;
    }

    .acc_info {
        margin-bottom: -10px;
        width: 95%;
    }

    .inc {
        margin-left: 10px;
        font-size: 11px;
    }

    .inc1 {
        font-size: 10px;
    }

    .left_mn {
        display: grid;
        width: 40%;
    }

    .win_table {
        text-align: center;
        display: flex;
    }


}


@media (max-width: 600px) {

    .foto_win {
        font-size: 9px;
    }

    .mobord {
        border-bottom: 1px solid #1A7B6D;
        width: 100%;
    }

    .mobord1 {
        border-right: 1px solid #1A7B6D;
        width: 100%;
    }

    .logo_s {
        display: none;
    }

    .logo_s2 {
        display: none;
    }

    .container_bord {
        border-bottom: 1px solid #1A7B6D;
    }

    .main_content {
        display: inline-block;
        padding: 5px 5px 5px 5px;
        margin: 10px;
    }

    .main_content_span {

        width: 100%;
        text-align: left;
        font-size: 9px;
        line-height: 10px;
        padding: 0px 0px 5px 0px;
    }

    .image-container img {
        min-width: 40%;
        float: left;
        max-width: 150px;
        margin-right: 5px;
        margin-bottom: 0px;

    }

    .hed_title {
        font-size: 10px;
    }

    .hed_box {
        font-size: 10px;
        display: contents;
    }

    .hed_box1 {
        font-size: 10px;
    }

    .hed_title::before {
        content: none;
    }

    .hed_container {
        display: grid;
        align-items: flex-start;
    }

    .hed_box::before {
        content: none;
    }

    .content1 {
        padding-bottom: 5px;
    }

    .giv {
        width: 100%;

    }

    .log {
        display: none;
    }

    .giv::after {
        display: none;
    }

    .prize1 h2 {
        font-size: 22px;
    }

    .content {
        display: none;
    }

    .content_mobile {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    .container_fill {
        width: 100%;

    }

    .title_win {
        font-size: 9px;
        line-height: 10px;
    }

    .winner {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 15px;
        display: flex;
        max-width: 100%;
        font-size: 9px;
    }

    .gold,
    .silver {
        margin: auto;
        margin-bottom: 0px;
        width: 50%;
        border-radius: 10px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        position: relative;
    }

    .win_content {
        margin: 7px 5px 7px 5px;
        text-align: center;
    }

    .prize_lov,
    .prize {
        font-size: 9px;
    }

    .acc_info .winner > * {
        flex-basis: calc(45% - 5px);
        margin-bottom: 15px;
    }

    .acc_info {
        margin-bottom: -10px;
        width: 95%;
    }

    .inc {
        margin-left: 10px;
        font-size: 10px;
    }

    .inc1 {
        font-size: 10px;
    }

    .left_mn {
        display: grid;
        width: 40%;
    }

    .win_table {
        text-align: center;
        display: flex;
    }


}

@media (max-width: 550px) {

    .raffle1 {
        min-height: 40px;
    }

    .raffle2 {
        min-height: 40px;
    }

    .raffle3 {
        min-height: 40px;
    }

    .raf_m {
        font-size: 9px;
    }

    .num {
        font-size: 9px;
    }

    .lov {
        font-size: 9px;
    }

    .full_pr {
        margin-bottom: 10px;
    }

}

@media (max-width: 460px) {

    .raffle1 {
        min-height: 30px;
    }

    .raffle2 {
        min-height: 30px;
    }

    .raffle3 {
        min-height: 30px;
    }

    .raf_m {
        font-size: 7px;
    }

    .num {
        font-size: 7px;
    }

    .lov {
        font-size: 7px;
    }

}


@media (max-width: 768px) {
    .stat_earn_table2_td_first {
        line-height: 35px;
    }

    .stat_earn_table2_tfoot1 {
        line-height: 35px;
    }

    .statistica_time tbody td {
        height: 30px;
    }

    .statistica_time_thead thead {
        height: 40px;
    }

    .statistica_site thead {
        font-size: 12px;
    }

    .statistica_time tfoot {
        height: 40px;
    }
}

@media (max-width: 1700px) {
    .main_head_menu_logo {
        width: 200px;
    }

    .main_head_menu_item {
        padding-top: 10px !important;
    }

    .main_head_menu span {
        font-size: 16px !important;
        padding-top: 10px !important;

    }
}

@media (max-width: 1500px) {
    .main_head_menu_logo {
        width: 180px;
    }

    .main_head_menu_item {
        padding-top: 7px !important;
    }

    .main_head_menu span {
        font-size: 14px !important;
    }
}

@media (max-width: 1350px) {
    .main_head_menu_logo {
        width: 150px;
    }

    .main_head_menu_item {
        padding-top: 2px !important;
    }

    .main_head_menu span {
        font-size: 12px !important;
    }
}

@media (max-width: 1200px) {
    .main_head_menu_logo {
        width: 130px;
    }

    .main_head_menu_item {
        padding-top: 0px !important;
    }

    .main_head_menu span {
        font-size: 10px !important;
    }
}

@media (max-width: 1100px) {
    .main_head_menu_logo {
        width: 120px;
        padding-top: 1px
    }

    .main_head_menu span {
        font-size: 9px !important;
    }
}

.statistica_time tfoot {
    border-top: none;
}

.grecaptcha-badge {
    /*width: 256px !important;*/
    /*height: 60px !important;*/
    /*display: block !important;*/
    /*transition: right 0.3s ease 0s !important;*/
    /*position: fixed !important;*/
    /*bottom: 14px !important;*/
    right: 0 !important;
    /*box-shadow: gray 0px 0px 5px !important;*/
    /*border-radius: 2px !important;*/
    /*overflow: hidden !important;*/
    visibility: hidden;
    opacity: 0;
}

.dataTable thead .sorting, .dataTable thead .sorting_desc, .dataTable thead .sorting_asc {
    background-repeat: no-repeat;
    background-position: center right;
}

.dataTable thead .sorting {
    background-image: url(/images/sort_all.svg);
}

.dataTable thead .sorting_desc {
    background-image: url(/images/sort_up.svg);
}

.dataTable thead .sorting_asc {
    background-image: url(/images/sort_down.svg);
}

#captcha-form input.invalid {
    border-color: #FF0000;
}

.photo_upload {
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
    justify-content: center;
}

.text_example {
    order: 2;
}

.select_file {
    background: var(--new, linear-gradient(180deg, #7FF7D9 0%, #ADDDD0 100%));
    max-width: 250px;
    height: 200px;
    border-radius: 15px;
    border: 4px solid #FFF;
    text-align: center;
    display: flex;
    align-items: center;
    cursor: pointer;
    order: 1;
}

.select_file img {
    width: 50%;
    height: auto;
    margin-top: 0;
}

.select_file p {
    color: white;
    margin-top: 5px;
    font-size: 14px;
}

.picture_text {
    display: block;
    all: unset;
}

.picture_text img:hover {
    transition: 0.1s;
    transform: scale(1.03);
}

.picture_text span {
    all: unset;
}

.text_example span {
    text-align: justify;
    font-size: 15px;
    line-height: 19px;
    font-weight: 500;
}

.instance {
    max-width: 250px;
    order: 3;
    text-align: center;
}

.instance img {
    width: 250px;
    max-width: 250px;
    height: auto;
}

.agreement {
    text-align: center;
}

.agreement img {
    max-width: 140px;
}

.agreement_all {
    order: 3;
    display: flex;
}

.agreement1 {
    margin-right: 15px;
}

a.adm_panel {
    float: right;
    color: white;
    text-decoration: underline;
    font-weight: 700;
}

.support_tg_new {
    font-weight: 500;
    font-size: 13px;
    display: flex;
    padding-bottom: 5px;
}

@media (max-width: 1750px) {
    .instance img {
        width: 230px;
    }

    .agreement img {
        width: 120px;
    }
}

@media (max-width: 1350px) {
    .instance img {
        width: 210px;
    }
}

@media (min-width: 992px) and (max-width: 1240px) {

    .text_example span {
        font-size: 13px;
    }

    .select_file {
        order: 2;
        margin-right: 15px;
        height: 180px;
    }

    .text_example span {
        order: 1;
    }

    .instance {
        order: 3;
    }

    .select_file p {
        font-size: 12px;
    }
}

@media (max-width: 1240px) {
    .instance img {
        width: 180px;
    }

    .agreement img {
        width: 110px;
    }

    .select_file {
        margin-right: 15px;
        min-width: 150px;
        height: 160px;
    }
}

@media (max-width: 1100px) {
    .instance img {
        width: 160px;
    }

    .select_file {
        min-width: 140px;
        height: 150px;
    }
}

@media (max-width: 992px) {
    .instance img {
        width: 220px;
    }

    .agreement img {
        width: 115px;
    }

    .agreement1 {
        margin-left: 30px;
    }

    .select_file {
        order: 2;
        margin-right: 15px;
        min-width: 200px;
        height: 180px;
        margin: auto;
        margin-top: 15px;
    }

    .select_file p {
        margin-top: 0px;
    }

    .agreement {
        order: 3;
        margin: auto;
        margin-top: 15px;
    }

    .instance {
        order: 3;
        margin: auto;
        margin-top: 15px;
    }

    .photo_upload {
        flex-wrap: wrap;
    }
}

@media (max-width: 720px) {
    .select_file {
        max-width: 120px;
        height: 170px;
    }

    .instance img {
        width: 200px;
    }

    .agreement img {
        width: 140px;
    }

    .agreement1 {
        margin-left: 0px;
    }
}


@media (max-width: 600px) {
    .text_example span {
        font-size: 13px;
    }

    .select_file p {
        font-size: 13px;
    }

    .text_example span {
        line-height: 15px;
    }
}

@media (max-width: 470px) {
    .select_file {
        min-width: 180px;
        height: 150px;
    }

    .instance img {
        width: 180px;
    }

    .instance {
        max-width: 50%;
    }
}

@media (max-width: 410px) {
    .instance, .agreement {
        max-width: 100%;
    }
}

.doc_video_button {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px;
}

.add_docs iframe {
    border-radius: 15px;
}

#video_block {
    display: none;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    background-color: white;
    padding: 13px 13px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}

.toggle_button {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 5px 15px;
    border-radius: 10px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    margin: auto 0;
    font-weight: 600;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}

.toggle_button img {
    margin-left: 10px;
    width: 35px;
}

.active_button {
    border-radius: 10px 10px 0 0;
}

.video_wrapper {
    position: relative;
    width: 414px;
    height: 225px;
    border-radius: 15px;
    overflow: hidden;
}

.video_wrapper_doc {
    margin: 0 17px;
}

.video_wrapper iframe {
    width: 100%;
    border-radius: 15px;
}

.overlay_image {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

@media (max-width: 600px) {
    .doc_video_button {
        margin: 30px 0;
    }

    .toggle_button {
        width: 474px;
    }

    .toggle_button_portfolio {
        width: 440px;
    }
}

@media (max-width: 500px) {
    .toggle_button {
        width: 350px;
    }

    #video_block {
        padding: 10px 10px;
    }

    .add_docs iframe,
    .video_wrapper {
        width: 330px;
        height: 178px;
    }

    .video_wrapper_doc {
        margin: 0;
    }

}

.video_iframe_quest {
    position: sticky;
    top: 30px;
    right: 0;
    width: 350px;
    height: 195px;
    border-radius: 15px;
    box-shadow: 0px 0px 15px 0px #00000073;
    float: right;
    z-index: 10;
    text-align: center;
}

.video_iframe_quest span {
    font-weight: 500;
    padding-top: 10px;
    font-size: 12px;
}

.video_iframe_quest iframe {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    margin-bottom: 5px;
    overflow: hidden;

}

.overlay_image {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

.line_form {
    left: 11.5px;
}

@media (max-width: 1200px) {
    .video_iframe_quest {
        position: initial;
        margin: 40px auto;
        float: none;
    }

    .line_form {
        left: 1.5px;
    }
}

.container-gallery {
    max-width: 80%;
    margin: 0 auto;
    height: auto;
}

.container-gallery[data-uid="gallery3"] {
    max-width: 900px;
    margin: 0 auto;
}

.container-gallery__theme_white {
    background-color: #ffffff;
    padding: 10px 0;
    border-radius: 10px;
}

.container-gallery__inline {
    display: flex;
    justify-content: flex-end;
}

.container-gallery__controls {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.container-gallery__counter-slider {
    margin-right: 20px;
}

.bem-gallery {
    display: flex;
}

.bem-gallery__item {
    padding: 20px;
}

.bem-gallery__link {
    display: inline-block;
    transition: all .3s ease;
    border-radius: 10px;
    overflow: hidden;
    filter: blur(2px) drop-shadow(0px 0px 1px black)
}

.bem-gallery__link:hover {
    box-shadow: 0 0 10px #777;
    transform: scale(1.1);
    filter: inherit;
}

.bem-gallery__link_active {
    transform: scale(1.1);
    box-shadow: 0 0 10px #777;
    filter: inherit;
}

.bem-gallery__picture {
    display: block;
    width: 100%;
    height: auto;
}

.bem-gallery__button {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
    width: 30px;
    height: 40px;
    border-radius: 5px;
    background-color: rgb(63 63 63);
    background-repeat: no-repeat;
    background-size: 15px 19px;
    background-position: center center;
    transition: all .3s ease;
    color: white;
    font-size: 20px;
    line-height: 100%;
}

.bem-gallery__button:hover {
    background-color: rgb(119 119 119);
}

.bem-gallery__button_prev {
    transform: rotate(180deg);
}

.bem-gallery[data-uid="bem-gallery3"] {
    height: 320px;
}

.counter-slider {
    display: flex;
    align-items: flex-end;
}

.counter-slider__item {
    display: inline-block;
    font-size: 25px;
}

.counter-slider__item_type_current {
    font-weight: bold;
}

.counter-slider__item_type_diff {
    padding: 0 5px 0 10px;
    color: #848383;
}

.counter-slider__item_type_all {
    color: #848383;
}

.swiper-slide {
    max-width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-gallery[data-uid="gallery2"] {
    margin: 50px auto;
}

.container-gifts {
    display: flex;
    justify-content: space-between;
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 50px;
    gap: 20px;
    align-items: center;
}

.container-gifts__left {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bem-gallery[data-uid="bem-gallery3"] .bem-gallery__link {
    filter: inherit;
}

.container-gifts__right {
    width: 50%;
}

.media-box {
    text-align: center;
    margin: 20px auto;
    padding: 10px;
    outline: 3px dashed #3E9A84;
    border-radius: 8px;
}

.media-box .midd {
    font-size: 21px;
}

.media-box .lov {
    font-size: 19px;
}

.gift-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px auto;
    justify-content: center;

}

.gift-container img {
    max-width: calc(10% - 20px);
    border-radius: 5px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

@media (max-width: 1400px) {
    .gift-container img {
        flex: 1 1 calc(14% - 20px);
        max-width: calc(14% - 20px);
    }
}

@media (max-width: 991px) {
    .gift-container img {
        flex: 1 1 calc(20% - 20px);
        max-width: calc(20% - 20px);
    }
}

@media (max-width: 767px) {
    .gift-container img {
        flex: 1 1 calc(30% - 20px);
        max-width: calc(30% - 20px);
    }

    .media-box .midd {
        font-size: 18px;
        line-height: 20px;
    }

    .media-box .lov {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .gift-container img {
        flex: 1 1 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
}

.foreword {
    width: 100%;
    margin: 0;
}

.foreword p:last-child {
    margin-bottom: 0;
}

.foreword .box_text_img {
    width: 100%;
    justify-content: space-between;
}

.box_text_img .right_img {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.box_text_img .right_img span {
    width: 80%;
}

.list-videos {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

.list-videos__item {
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    max-width: calc(100% / 3 - 10px);
}

.video-container {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
}

.video-container iframe,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: black;
}

.video-container img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 2;
}

.blurred-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: blur(15px);
    z-index: 1;
}

.gifts__right_mobile {
    display: none;
}

@media screen and (max-width: 1600px) {
    .list-videos__item {
        max-width: calc(100% / 2 - 10px);
    }
}

@media screen and (max-width: 1300px) {
    .list-videos {
        justify-content: space-around;
    }

    .list-videos__item {
        max-width: calc(100% / 3 - 10px);
        width: 100%;
    }

    .container-gifts {
        flex-direction: column;
    }

    .container-gifts__left,
    .container-gifts__right {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .bem-gallery[data-uid="bem-gallery2"] .swiper-slide {
        max-width: 175px;
    }

    .container-gallery[data-uid="gallery2"] .bem-gallery__button {
        width: 100px;
    }

    .list-videos__item {
        max-width: calc(100% / 2 - 20px);
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .container-gifts {
        margin-bottom: 30px;
    }

    .gifts__right_pc {
        display: none;
    }

    .gifts__right_mobile {
        display: block;
        width: 70%;
        margin: auto auto 30px;
    }
}

@media screen and (max-width: 500px) {
    .container-gallery[data-uid="gallery2"] {
        max-width: 100%;
    }

    .list-videos__item {
        max-width: 70%;
    }
}

@media screen and (max-width: 420px) {
    .container-gallery[data-uid="gallery2"] .container-gallery__controls {
        width: 100%;
        justify-content: space-around;
    }

    .container-gallery[data-uid="gallery2"] .container-gallery__inline {
        justify-content: space-between;
    }

    .container-gallery[data-uid="gallery2"] .container-gallery__counter-slider {
        display: none;
    }
}

@media screen and (max-width: 330px) {
    .container-gallery[data-uid="gallery2"] .bem-gallery__button {
        width: 80px;
    }
}

.product-block {
    display: flex;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
    margin-top: 50px;
    min-height: 200px;
    transition: all 0.3s ease;
}

.product-block-neon {
    display: block;
}

.product-block.selected {
    box-shadow: 0 0 0 3px #27a18c;
}

.image-gallery {
    position: relative;
    display: flex;
    align-items: center;
    margin: 20px;
}

.image-gallery img {
    width: 100%;
    max-width: 200px;
    min-width: 200px;
    max-height: 200px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
}

.nav-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.nav-button.left {
    left: 0;
    z-index: 1;
}

.nav-button.right {
    right: 0;
    z-index: 1;
}

.product-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-info_neon {
    margin-right: 20px;
}

.product-info h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    margin-top: 14px;
}

.product-info p {
    text-align: justify;
    line-height: 1.2;
}

.new-label {
    background: #0cb477;
    color: white;
    padding: 3px 8px;
    border-radius: 15px;
    font-size: 12px;
}

.separator {
    width: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 20px 20px;
}

.product-options {
    min-width: 200px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 20px;
}

.product-options span {
    font-weight: 600;
}

.option span {
    font-weight: 400;
}

.product-options_details {
    display: flex;
    flex-direction: column;
}

.options_all_details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.option {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.option select {
    border: 1px solid rgb(0 0 0);
    border-radius: 5px;
    min-width: 170px;
    max-width: 170px;
    cursor: pointer;
}

.select-button:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    transform: translateY(-3px);
}

.image-wrapper {
    position: relative;
    width: 100%;
    height: auto;
}

.gallery-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.gallery-image.active {
    opacity: 1;
    position: relative;
}

.select-button-wrapper {
    display: inline-block;
    position: relative;
    text-align: center;
    margin-top: 5px;
}

.select-checkbox {
    display: none;
}
.hidden-radio {
    display: none;
}

.select-button {
    background: #27a18c;
    color: white;
    padding: 10px 12px;
    border-radius: 35px;
    font-size: 15px;
    font-weight: 600;
    width: fit-content;
    cursor: pointer;
    transition: 0.3s all;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.select-button::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border: 2px solid white;
    border-radius: 25px;
    background-color: white;
    /*background-image: var(--checkbox-bg-image, url('/images/new/unselected.png'));*/
    background-size: cover;
    background-position: center;
}

.gallery-info {
    display: flex;
}

.product-neon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-evenly;
    justify-content: center;
    margin-bottom: 20px;
    gap: 5px;
    width: 100%;
}

.mini-image {
    width: 43px;
    height: 43px;
    object-fit: cover;
    transition: all 0.3s ease;
    border-radius: 5px;
    cursor: pointer;
    opacity: 0.7;
}

.gallery-image-neon,
.gallery-image {
    display: none;
}

.gallery-image.active {
    display: block;
}

.selected-thumbnail {
    padding: 2px;
    border: 3px solid #27a18c;
    border-radius: 10px;
    opacity: 1;
}

.warning_product_info {
    padding: 5px;
    border: 2px dashed #006259;
    border-radius: 5px;
    font-weight: 500;
    margin: 0 auto;
}

.gallery-video {
    width: 200px;
    height: auto;
    display: block;
    border-radius: 10px;
}

.image-wrapper .gallery-image,
.image-wrapper .gallery-video {
    display: none;
}

.image-wrapper .gallery-image.active,
.image-wrapper .gallery-video.active {
    display: block;
}

.product-neon_button {
    display: flex;
    flex-direction: column;
    width: fit-content;
    padding: 10px 20px;
}

.form_address textarea {
    background: #FFFFFF;
    border: 2px solid #000000;
    border-radius: 14px;
    width: 410px;
    height: 107px;
    padding: 5px;
}

.form_address h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.form_button {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 50px 0;
}

.image-wrapper video {
    width:200px;
    height:200px;
    border-radius: 10px;
}

@media screen and (max-width: 1300px) {
    .form_button {
        flex-direction: column;
    }

    .order_form {
        margin-top: 30px;
    }

    .form_address h4 {
        text-align: center;
    }

    .product-info p {
        text-align: left;
    }
}

@media screen and (max-width: 1150px) {

    .image-gallery {
        width: max-content;
        margin: 20px auto;
    }

    .gallery-info {
        flex-direction: column;
    }

    .product-info {
        padding-left: 20px;
    }

    .product-info h2 {
        margin-top: 0px;
        text-align: center;
    }

    .product-info p {
        text-align: justify;
    }

    .warning_product_info {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 768px) {
    .product-block {
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
        min-height: auto;
    }

    .image-gallery img {
        max-width: 100%;
        min-width: unset;
        max-height: 250px;
    }

    .image-wrapper video {
        width: 250px;
        height: 250px;    }

    .product-info {
        padding: 0 20px;
    }

    .product-info h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .product-info p {
        line-height: 1.4;
        font-size: 14px;
    }

    .separator {
        display: none;
    }

    .product-options {
        padding: 0 20px 20px 20px;
        margin: auto;
    }

    .option select {
        width: 100%;
    }

    .options_all_details {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .form_address h4 {
        font-size: 15px;
    }

    .order_form {
        margin-top: 15px;
    }
}

@media screen and (max-width: 500px) {
    .order_form {
        margin-right: 15px;
    }
}

@media screen and (max-width: 480px) {
    .product-info h2 {
        font-size: 16px;
    }

    .product-info p {
        font-size: 13px;
    }

    .select-button {
        font-size: 14px;
        padding: 8px 10px;
    }

    .select-button::before {
        width: 25px;
        height: 25px;
        margin-right: 5px;
    }

    .form_address textarea {
        width: 300px;
        height: 80px;
    }
}

.pre-reg {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
}

.containers-pre-reg {
    display: flex;
    flex-direction: column;
    width: 47%;
}

.container-pre-reg {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.09);
    padding: 20px;
    color: #333;
    margin-bottom: 20px;
    border-left: 7px solid #3e9482;
    border-bottom: 1px solid #3e9482;
    cursor: pointer;
    transition: all 0.2s ease;
}

.container-pre-reg:hover {
    background: #effffd;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transform: scale(1.01);
}

.none-hover-container .container-pre-reg:hover {
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.09);
    transform: none;
    cursor: default;
}

.name-pre-reg {
    display: flex;
    flex-direction: column;
    gap: 7px;
    align-items: center;
}

.title-pre-reg {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    text-align: center;
}

.badge-pre-reg {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    background-color: #3e9482;
    color: #fff;
}

.section-title-pre-reg {
    display: flex;
    margin: 10px;
}

.section-title-pre-reg img {
    width: 17px;
    height: fit-content;
}

.section-title-pre-reg object {
    overflow-clip-margin: initial !important;
    overflow: initial !important;
}

.title-desc-pre-reg {
    font-weight: 700;
    font-size: 15px;
}

.description-pre-reg {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2em;
}

.description-italic-pre-reg {
    margin-bottom: 40px;
}

.description-italic-pre-reg p {
    text-align: center;
    font-style: italic;
    font-weight: 500;
}

.description-italic-pre-reg span {
    font-weight: 600;
    text-decoration: underline;
    white-space: nowrap;
}

.select-button-pre-reg {
    background: #27a18c;
    color: white;
    padding: 15px 17px;
    border-radius: 35px;
    font-size: 15px;
    font-weight: 600;
    transition: 0.3s all;
}

.container-pre-reg:hover .select-button-pre-reg,
.select-button-pre-reg:hover {
    transform: scale(1.03);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.description-pre-reg .section-title-pre-reg {
    justify-content: center;
    transition: all 0.3s ease;
}

.description-pre-reg .section-title-pre-reg:hover {
    transform: scale(1.03);
    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));
}

.description-pre-reg a:hover {
    filter: drop-shadow(0px 3px 10px rgba(101, 255, 218, 0.51));
}

.pilot-model,
.pilot-model span {
    font-size: 1.1em;
}

.button-pre-reg {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.description-contact-pre-reg {
    text-align: center;
    color: #000;
    margin: 30px 0;
    font-weight: 600;
    font-size: 1.1em;
}

.description-pre-reg a {
    font-weight: 700;
    color: #3e9482;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 63%) !important;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.spinner {
    width: 70px;
    height: 70px;
    border-top: 5px solid #009688;
    border-radius: 50%;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#loader.activeload {
    visibility: visible;
    opacity: 1;
}


.earn_option {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
}

.earn_option h3 {
    margin-top: 0;
    color: #3E9A84;
    font-size: 1.3em;
}

.earn_option p {
    line-height: 1.4;
}

.notice {
    background-color: #fff3cd;
    border-radius: 5px;
    padding: 10px;
}

.notice p {
    text-align: center;
}

.nobottom_indent {
    margin-bottom: 0;
}

.buttons_link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
}

.buttons_link a {
    width: 160px;
    height: 55px;
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    padding: 15px 30px;
    margin: 2px;
    border-radius: 50px;
    color: #fff;
    box-shadow: 0px 3px 9px 0px #999999;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buttons_link a:hover {
    transform: scale(1.02);
}


.telegram_reg {
    background: #26A4E3;
}

.telegram_reg:hover {
    box-shadow: 0px 0px 7px 1px #26A4E3;
}

.viber_reg {
    background: #B500A3;
}

.viber_reg:hover {
    box-shadow: 0px 0px 7px 1px #B500A3;
}

.whatsapp_reg {
    background: #34cf4e;
}

.whatsapp_reg:hover {
    box-shadow: 0px 0px 7px 1px #34cf4e;
}

.skype_reg {
    background: #0066FF;
}

.skype_reg:hover {
    box-shadow: 0px 0px 7px 1px #0066FF;
}

.teams_reg {
    background: #4148b2;
}

.teams_reg:hover {
    box-shadow: 0px 0px 7px 1px #4148b2;
}

.popup {
    width: 70%;
    margin: auto;
    margin-top: 30px;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25) inset;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}

.popup h2 {
    background: #009688;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25) inset;
    padding: 15px;
    border-radius: 9px 9px 0 0;
    color: #fff;
    margin: -20px -20px 20px -20px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.popup_text {
    display: flex;
    flex-flow: column;
}

.popup_text span {
    margin-bottom: 15px;
    text-align: center;
    font-weight: 500;
}

.popup_text p {
    text-align: center;
    font-size: 13px;
    margin: 0;
}

.popup .subscript {
    margin: 15px 0px auto;
    font-size: 12px;
    color: #979797;
}

.popup_icon {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.button-back-pre-reg {
    display: inline-flex;
    align-items: center;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #3E9A84;
    border-radius: 7px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
}

.back-pre-reg a:visited {
    color: #fff;
}

.button-back-pre-reg:hover {
    background-color: #1d7a64;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.button-back-pre-reg span {
    margin-left: 10px;
}

@media only screen and (max-width: 1570px) {
    .popup .buttons_link a {
        width: 31%;
    }
}

@media only screen and (max-width: 1400px) {
    .popup {
        width: 100%;
    }

    .popup .buttons_link a {
        width: 150px;
    }
}

@media (max-width: 1170px) {
    .buttons_link a, .popup .buttons_link a {
        width: 31%;
        margin: 10px;
    }

    .buttons_link {
        justify-content: space-around;
        gap: 0px;
    }
}

@media (max-width: 1100px) {
    .pre-reg {
        display: block;
    }

    .containers-pre-reg {
        width: 95%;
        margin: auto;
    }
}

@media (max-width: 992px) {
    .popup .buttons_link a {
        width: 35%;
        margin: 10px;
    }
}

@media (max-width: 768px) {
    .doc_head_img p {
        font-size: 10px;
        line-height: 10px;
        margin-top: 15px;
    }

    .pilot-model,
    .pilot-model span {
        font-size: 1em;
    }
}

@media only screen and (max-width: 600px) {
    .popup h2 {
        font-size: 16px;
    }

    .buttons_link a, .popup .buttons_link a{
        width: 165px;
    }
}

@media only screen and (max-width: 400px) {
    .popup h2 {
        font-size: 14px;
    }
}

.contest_section {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    text-align: justify;
    border: 3px dashed #009688;
    background: #ffffffad;
    border-radius: 10px;
}

.contest_section a {
    font-weight: 700;
    color: #3E9A84;
}

.contest_section img {
    width: 340px;
    border-radius: 10px;
    margin: 10px;
}

.contest_section_text {
    margin: 10px;
}

@media only screen and (max-width: 1400px) {
    .contest_section {
        flex-wrap: wrap;
    }

    .contest_section_img {
        margin: 0 auto 15px;
    }

    .contest_section img {
        width: 500px;
        margin: 0;
    }
}

@media only screen and (max-width: 600px) {
    .contest_section img {
        width: 100%;
    }

    .contest_section_img {
        margin: 0 10px 10px;
    }
}