@charset "utf-8";
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

nav a#pull {
    display: none;
}

@media screen and (max-width: 1400px) {
    .per_desc {
        padding-right: 15px;
        padding-left: 15px;

    }

    .bl__title {
        padding-left: 20px;
    }

    .block_ {
        padding-left: 2%;
        padding-right: 2%;
    }

    .block_trener {
        padding: 0;
        width: 100%
    }

    .block_trener .t2 {
        overflow: hidden
    }

    .mod_teaser {
        max-width: 408px;
        margin-bottom: 25px;
    }

    .bl_03_mod_teasers {
        padding: 40px 0;
        flex-wrap: wrap;

    }

    .bl_05_r_yellow_absol {
        width: 750px;
        left: -100px
    }

    .bl_02_left h1 {
        font-size: 48px;
    }

    .bl__title h3 {
        font-size: 40px;
    }

    .bl_02_mod_res_title {
        padding: 7px 0 20px 0;
    }

    .raspis_left {
        max-width: 975px;
        width: 800px;
        padding-right: 30px
    }
}

@media screen and (max-width: 1345px) {
    .bl_02_left {
        padding-right: 30px;
        padding-left: 30px
    }

    .wi_1270 {
        justify-content: center;
        max-width: 1000px;
    }

    .ob_06_but {
        max-width: 1000px
    }

    .block_1270 {
        max-width: 1000px
    }

    .front__mbh .tabs {
        height: auto
    }

    .front__mbh .tabs .tab {
        display: block;
    }

    .front__mbh .row .col.s3 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .col_col .flex_wrap {
        justify-content: center;
    }

    .col_col .flex_wrap .jbimage-link {
        padding: 0 15px;
        display: block
    }

    footer {
        font-size: 16px;
    }

    .bl_03_mod_teasers {
        justify-content: space-around
    }

    .mod_teaser {
        max-width: 380px;
        margin-bottom: 20px;
    }

    .m_t_right a {
        font-size: 18px;
    }

    .m_t_right {
        padding-right: 10px
    }

    .m_b_center {
        font-size: 14px;
    }

    .bl_05_r_yellow_absol {
        width: 700px;
        left: -100px
    }

    .bl_02_left h1 {
        font-size: 40px;
        padding-bottom: 30px
    }

    .bl__title h3 {
        font-size: 40px;
    }

    .bl_02_mod_res_title {
        padding: 0px 0 20px 0;
    }

}

@media screen and (max-width: 1315px) {
    .back_trener {
        width: 100%;
        height: 724px;
        /* background: url(../images/temp/back_trener1315.jpg) top center no-repeat;*/
    }

    .back_trener .t1, .back_trener .t2 {

        height: 724px;
    }

}

@media screen and (max-width: 1255px) {

    .no_right_col .item_vid {
        padding: 20px 20px;
        box-sizing: border-box;
    }

    .no_right_col .price_dd {
        flex-wrap: nowrap;
        padding-right: 15px;
        padding-left: 15px;

    }

    .no_right_col .pr_right {
        padding: 0 10px;
    }


    .bl_02_left {
        padding-right: 50px;
        padding-left: 0px
    }

    .bl_05_r_yellow_absol {
        width: 110%;
        left: -50px
    }

    .bl_02_mod_res_title {
        font-size: 35px;
    }

    .bl_02_left h1 {
        font-size: 35px;
    }

    .bl_02_left h2 {
        font-size: 26px;
    }

    .bl__title h3 {
        font-size: 35px;
    }

    .ob_ {
        font-size: 22px;
    }

    .ob1 {
        font-size: 30px;
        padding: 0 0 25px 0;
    }

    .bl_04_title {
        font-size: 35px;
    }

    .bl_04_right {
        font-size: 20px;
        padding: 25px 35px;
    }

    .block_05 {
        padding-top: 10px;
    }

    .h2 {
        font-size: 35px;
    }

    .bl_06_title {
        padding: 30px 0;
        font-size: 35px;
        max-width: 850px;

    }

    .title_h1 {
        font-size: 35px;
    }

    .title_cat {
        font-size: 35px
    }

    .u_title a {
        font-size: 26px;
        line-height: 1.5;
    }

    .u_title {
        font-size: 26px;
    }

    .see_prog {
        width: 100%;
        font-size: 14px;
    }

    .see_prog a {
        font-size: 14px;
    }

    .whrite_prog a.record {
        font-size: 14px;
        line-height: 1.7em !important;
        text-align: center;
    }

    .no_right_col .pr_center a {
        font-size: 16px;
    }

    .whrite_prog {
        width: 100%;
        font-size: 14px;
    }

    .b-button__inner55 {
        width: 100%;
        font-size: 14px;
        padding-right: 3%;
        padding-left: 3%
    }

    .pr_left {
        width: 500px
    }
}

@media screen and (max-width: 1200px) {
    .i_20 h4 span {
        display: table;
    }

    .no_right_col .item_vid img {
        width: 270px;
        height: 164px;
    }


    .item_vid img {
        width: auto;
        height: auto;
        max-width: 100%
    }

    .pr_left {
        width: auto
    }

    .price1 {
        padding-left: 5%;
        padding-right: 5%
    }

    .price2 {
        padding-left: 5%;
        padding-right: 5%
    }

    .short_desc_blue {
        font-size: 16px
    }

    .last_tannings_right {
        width: 300px;
    }

    .raspis_left {
        max-width: 975px;
        width: 800px;
        padding-right: 30px
    }

    .items_5 {
        justify-content: space-around
    }

    .it_5_desc {
        font-size: 14px;
        padding-right: 1%;
        padding-left: 1%
    }

    .it_5 i {
        font-size: 75px;
    }

    .h3_5 {
        padding-left: 2%;
        padding-right: 2%
    }

    .bl_02_right {
        width: 500px;
    }

    .bl_02_mods {
        width: 500px;
        display: block;
    }

    .traning_prev {
        width: 277px;
        display: none;
    }
    .traning_prev_2025 {
        width: 100%;
        max-width: 600px;
    }

    .news_index {
        margin: 0 auto
    }

    .bl_03_mod_teasers {
        justify-content: center;
    }

    .mod_teaser {
        margin: 2%
    }

    .bl_04_blue {
        width: 550px;
    }

    .wi_1270 {
        padding: 40px 60px 20px 60px;
    }
}

@media screen and (max-width: 1190px) {
    .top_menu {
        max-width: 560px;
    }

}

@media screen and (max-width: 1150px) {
    .i_20 h4 span {
        display: inline-block;
    }

    .i_20 {
        width: 47%;
    }

    .i_20 h4 {
        text-align: center !important;
    }

    .i_20 p {
        text-align: center;
    }

}

@media screen and (max-width: 1100px) {

    .form100_modal {
        padding-right: 2%;
        padding-left: 2%
    }

    .top_menu ul li a {
        font-size: 18px;
        padding: 0 20px 0 0;
    }

    .top_menu {
        padding-left: 40px;
    }

    .block_1270 {
        padding-right: 2%;
        padding-left: 2%
    }

    a.top_vopros {
        font-size: 16px;
    }

    .tk_link_prog a {
        font-size: 21px;
    }

    .bl_02_left {
        width: auto;
        height: 810px;
        max-height: none;
    }

    p {
        font-size: 15px
    }

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

    .bl_04_title {
        font-size: 30px;
    }

    .h2 {
        font-size: 30px;
    }

    .bl_06_title {
        font-size: 30px;
    }

}

@media screen and (max-width: 1070px) {

    .p_d_right.after_vn:after {
        display: none;
    }

    .col_col .flex_wrap {
        justify-content: center;
    }

    .col_col .flex_wrap .jbimage-link {
        padding: 0 15px;
        display: block
    }

}

@media screen and (max-width: 1040px) {
    .contact_page {
        margin: 0
    }

    .raspis {
        flex-direction: column;
    }

    .pr_left {
        width: 600px;
    }

    .price1 {
        padding-right: 0;
        padding-left: 0
    }

    .price2 {
        padding-right: 0;
        padding-left: 0
    }

    .raspis_left {
        max-width: 1040px;
        width: 100%;
        padding-right: 0;
    }

    .teaser_block {
        padding-bottom: 30px;
    }

    .ban {
        width: 50%;
        padding: 30px 0 0 0;
        text-align: center
    }

    .last_tannings_right {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        padding-bottom: 30px
    }

    .l_t_01 {
        width: 50%;
        top: 0
    }

    .l_t_02 {
        width: 50%;
        top: 0
    }

    .bl_04 {
        justify-content: center;
        flex-direction: column
    }

    .bl_04_blue {
        width: 100%
    }

    .bl_04_title {
        text-align: center
    }

    .h2 br {
        display: none
    }

    .bl_05_mod {
        justify-content: center;
        flex-direction: column
    }

    .bl_05_left {
        width: 100%
    }

    .bl_05_right {
        width: 100%
    }

    .bl_05_r_yellow_absol {
        width: 100%;
        left: 0;
    }

    .bl_02_left {
        width: auto;
        height: auto;
        max-height: none;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto
    }

    .bl__title {
        color: #fff;
        padding: 20px 0 0 0
    }

    .bl__title h3 {

        text-align: center
    }

    .block_02 {
        padding: 50px 0 0 0;
    }

    .block_02 {
        flex-direction: column
    }

    .bl_02_right {
        width: 100%;
    }

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

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

    .traning_prev {
        display: block
    }

    .bl_02_mods {
        width: 80%;
        margin: 0 auto;
        justify-content: space-around;
        display: flex;
    }

    .news_index {
        margin: 0
    }

}

@media screen and (max-width: 1000px) {

    .no_right_col .item_vid img {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    .insta_and_mail {

        flex-direction: row
    }

    .instagram {
        padding-top: 0;
    }

    .back_trener {
        width: 100%;
        height: 724px;
      /*  background: url(../images/temp/back_trener1315.jpg) top center no-repeat;*/
    }

    .back_trener .t1 {
        width: 40%
    }

    .back_trener .t2 {
        width: 60%
    }

    .back_trener .t1, .back_trener, .t2 {

        height: 724px;
    }

    .sh_title {
        font-size: 23px;
    }

    .fl_mbh {
        display: flex;
        flex-direction: column;
    }

    .fl_mbh .fi_mbn_50:first-child {
        width: 65%;
        padding-right: 7px;
    }

    .sh_pro .title_favorite a {
        font-size: 16px;
        padding: 5px 0;
    }

    .modal {
        max-height: 85%;
        width: 62%;
    }

    .title_h1 {
        min-height: 0;
        padding: 10px 0;
        text-align: center;
        font-family: 'OpenSansBold';
        color: #fff;
        line-height: 1.3;
        background-image: url(../images/temp/back_page.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        border: 3px solid #ffc001;
    }

    .block_01 {
        flex-direction: column
    }

    .bl_01_left {
        width: 100%
    }

    .bl_01_right {
        width: 100%;
        align-items: center;
    }

    .top_menu {
        max-width: none;
        width: 100%
    }

    .block_02 {
        padding: 22px 0 0 0;
    }
}

@media screen and (max-width: 992px) {

    .flex_left2020 {
        width: 50%
    }

    .flex_right2020 {
        width: 45%;
        padding-left: 5%
    }

    .tabs {
        display: block
    }

    .def_fff {
        background: #fff;
        padding: 20px 40px 40px 40px;
    }
}

@media screen and (max-width: 910px) {
    .no_right_col .price_dd {
        flex-direction: column-reverse;
    }

    .no_right_col .pr_right {
        width: 100%;
    }

    .no_right_col .pr_left {
        margin: 0 auto;
    }
}

@media screen and (max-width: 900px) {
    .traning_prev_2025 {
        width: 277px;
        max-width: 600px;
    }
    .this_ring {
        border: 4px solid #fff;
        border-radius: 50px;
        position: absolute;
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 44px;
        left: 101px;
    }

    .this_play {
        position: absolute;
        width: 20px;
        height: 20px;
        box-sizing: border-box;
        border: 10px solid transparent;
        border-left: 17px solid #fff;
        left: 15px;
    }

    .pr_left {
        width: auto;
    }

    .price1 {
        padding-right: 5%;
        padding-left: 5%
    }

    .price2 {
        padding-right: 5%;
        padding-left: 5%
    }

    .price_dd {
        justify-content: space-around
    }
}

@media screen and (max-width: 835px) {
    .bl_05_right {
        padding: 33px 0 20px 0;
        position: relative;
    }

    .modal {
        max-height: 85%;
        width: 72%;
    }

    .front__mbh .row .col.s3 {
        width: 98%;

    }

}

@media screen and (max-width: 842px) {
    video {
        width: 100% !important;
    }

}

@media screen and (max-width: 800px) {


    .r_online .sh {
        width: 90%;
        margin: 0 auto;
        max-width: 700px;
        display: block
    }

    .r_online .sh .sh_pro {
        width: 100%;
        height: auto;
        padding: 20px
    }

    .r_online .fl_mbh .fi_mbn_50:first-child {
        padding-bottom: 0px;
    }

    .flex__on {
        padding: 10px 0
    }

    .on_right ul li {
        line-height: 1.2em;
        padding-bottom: 10px;
    }

    .i_20 img {
        width: 50px;
    }

    .no_right_col .mvn_2020 h3 {
        font-size: 23px;

    }

    .no_right_col h1.title_full {
        font-size: 30px;

        padding: 10px 0 20px 0;
        color: #101010;
        line-height: 1.1em;
    }

    .this_ring {
        top: 29%;
        left: 40%;
    }

    .no_right_col .flex_center {
        min-height: 100px;
    }

    .no_right_col .start_vidos {
        min-height: 100px;
    }

    .back_trener {
        width: 100%;
        height: 437px;
        background-size: cover;
  /*      background: url(../images/temp/back_trener900.jpg) top center no-repeat;*/
    }

    .trenerMBN {
        margin: 0
    }

    .block_trener {
        display: none
    }
}

@media screen and (max-width: 746px) {
    .no_right_col .mvn_2020 ul {
        display: block;
    }

    .no_right_col .mvn_2020 ul li {
        width: 100%;
        padding-bottom: 20px;
    }

    .online20_ul {
        max-width: 740px;
        width: 100%;
        margin: 0 auto;
    }

    .def_fff {
        background: #fff;
        padding: 20px;
    }

    .Subscription_f .sp-form-fields-wrapper.show-grid {
        width: 100% !important;
    }

    .flex_between_tr {
        flex-direction: column
    }

    .wi50 {
        width: 100%
    }

    .s1 {
        flex-direction: column;
    }

    body.page {
        background-image: url(../images/temp/back.jpg);
    }

    body.page .back_index {
        background: #f4f4f4;
        padding-top: 30px
    }

    body.page .back_index.pad0 {
        padding-top: 0
    }

    .raspis_left {
        padding-top: 0
    }

    .ban {
        width: 100%;
    }

    .bl_02_mods {
        flex-direction: column;
        padding-top: 0;
    }

    .traning_prev {
        margin: 0 auto
    }

    .news_index {
        margin: 0 auto
    }

    .bl_01_right {
        align-items: center;
        padding-bottom: 20px;
    }

    .bl_02_mod_res_title {
        font-size: 30px;
        color: #000;
    }

    .bl_02_mod_res_title {
        padding: 0 0 10px 0;
    }

    .bl_01_left {
        flex-direction: column
    }

    .logo {
        text-align: center
    }

    .top_menu {
        position: relative;
        padding: 34px 0 0px 0;
        display: block;
        height: auto;
    }

    .top_menu ul {
        display: none;
        position: absolute;
        padding: 0;
        margin: 0;
        width: 100%;
        z-index: 10;
    }

    .top_menu ul li {
        width: 100%;
        display: block;
        padding: 0;
        background: rgba(0, 56, 139, 0.96)
    }

    .top_menu ul li a {
        padding: 0 0 0 20px;
        text-decoration: none;
        border-bottom: 1px solid #7eaac8 !important;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 45px;
    }

    .before {
        display: block;
        height: 50px;
        line-height: 50px;
        background: url(../images/temp/nav-icon.png) 97% 50% no-repeat #ffc001;
        color: #fff;
        padding-left: 20px;
        cursor: pointer;
    }

    .before:before {
        content: 'МЕНЮ';
        color: #00398c;
        float: left;
    }

    .block_1270 {
        flex-direction: column
    }

    .f1 {
        padding: 0 0 20px 0;
        width: 100%;
        text-align: center
    }

    .f2 {
        padding: 0 0 20px 0;
        width: 100%;
        text-align: center
    }

    .copy {
        padding-bottom: 15px
    }

    .f3 {
        padding: 0;
        width: 100%;
        text-align: center
    }

    footer {
        top: 0;
        padding: 20px 0;
        height: auto;
    }

}

@media screen and (max-width: 730px) {
    .flex__on {
        display: block;

    }

    .on_left {
        width: 100%;
        box-sizing: border-box;
        display: block;
        padding: 0 10px 23px 10px;
        font-family: 'OpenSansBold';

    }

    .on_right {
        width: 100%;
        box-sizing: border-box;
        display: block;
        padding: 0 10px;
    }

    .boock_cat {
        flex-direction: column;
    }

    .pre_item {
        margin: 0 auto
    }

    .mbn_pagination {
        padding: 20px 0;
    }
}

@media screen and (max-width: 670px) {
    .sh {
        padding-bottom: 30px
    }

    .modal {
        max-height: 85%;
        width: 72%;
    }

    .l_t_01 {
        width: 100%
    }

    .l_t_02 {
        width: 100%
    }

    .price_dd {
        flex-direction: column
    }

    .pr_left {
        width: 100%;
        order: 1
    }

    .pr_right {
        width: 100%;
        order: 3
    }


    .promo {
        order: 2
    }


    .raspis_left {
        padding-bottom: 0
    }

    .start_vidos {
        justify-content: center;
        flex-wrap: wrap
    }

    .item_vid {
        padding-left: 3%;
        padding-right: 3%
    }
}

@media screen and (max-width: 620px) {
    .sh {
        padding-bottom: 30px
    }

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

    .send_success img {
        margin: 0 0 40px 0
    }

    .triger_pdf {
        padding-top: 25px
    }

    .block_02 {
        padding-right: 2%;
        padding-left: 2%
    }

}

@media screen and (max-width: 600px) {
    .flex__news_teaser .smotretvse {
        padding: 0 20px;
        width: 40%;
        font-size: 14px;
        overflow: hidden;
        box-sizing: border-box;
        min-width: 144px;
    }

    .flex__news_teaser h3.u_title {
        width: 50%;
        padding-right: 20px;
        box-sizing: border-box;
        font-size: 22px
    }

    .flex__news_teaser h3.u_title a {
        font-size: 22px
    }

    .i_20 {
        width: 97%;
    }

    .no_right_col .price_dd {
        padding-top: 0px;
    }

    .online20 {
        max-width: 1208px;
        margin: 0 auto;
        background: url(/images/2020/back.jpg) top center no-repeat;
        min-height: 10px;
    }

    .online20_ul {
        display: none
    }

    .title_online_after__ {
        padding: 20px 0
    }

    .title_online_after__:after {

        color: #fff;
        content: '\2B07';
        display: table;
        width: 41px;
        height: 20px;
        margin: 0px auto 0 auto;
        border: 1px solid #fff;
        text-align: center;
        border-radius: 20px;
        cursor: pointer;
        font-size: 40px;
    }

    .title_online_after__:hover:after {
        color: #ffc001;
        border: 1px solid #ffc001;

    }

    .title_online {
        padding: 30px 0 3px 0;
    }

    .per_desc {
        display: block
    }

    .p_d_left {
        width: 98%;
        padding: 0 1%;
    }

    .p_d_right {
        width: 98%;
        padding: 0 1%;
    }

}

@media screen and (max-width: 550px) {
    .insta_and_mail {
        flex-direction: column;
    }

    .call_back2020 {
        padding: 20px 0 0 0;
    }

    .this_ring {
        top: 34%;
        left: 44%;
    }

    .no_right_col .item_vid {
        padding: 20px 10px;
        box-sizing: border-box;
        text-align: center;
    }

    .no_right_col .flex_center {
        min-height: 280px;
        display: block;
    }

    .no_right_col .item_vid img {
        width: auto;
        height: auto;
        max-width: none;
    }

    .no_right_col .pr_center a {
        font-size: 14px;
    }

    .wi_1270.front__mbh {
        padding: 30px 20px 20px 20px;
    }

    .wi_1270.front__mbh .jbimage {
        width: auto;
        height: auto;
    }

    .sh_pro {
        width: 90%;
    }

    .modal {
        max-height: 85%;
        width: 82%;
    }

    .f_flex .input_text_50 {
        width: 100%
    }

    .items_5 {
        flex-direction: column;
    }

    .bl_05_r_yellow {
        position: relative;
        height: auto
    }

    .bl_05_r_yellow_absol {
        position: relative;
        height: auto;
        padding-bottom: 20px
    }

    .it_5_desc {
        width: 100%
    }

    .it_5 {
        padding: 2%
    }

    .it_5 i {
        width: auto;
        height: auto
    }

    .date2020_title {
        font-size: 20px;
        color: #00398c;
        padding: 0 0 10px 0;
    }
}

@media screen and (max-width: 510px) {
    .gallery__2 a {
        max-height: none;

        width: 45%;
    }

    .text_rp__ {
        padding: 2px 10px 22px 20px;

    }

    .no_right_col .pr_center {
        max-width: 1208px;
        padding: 20px 0;
        display: block;
    }

    .no_right_col .pr_center .see_prog {
        height: auto;
        width: 100%;
        text-align: center;
    }

    .no_right_col .pr_center .whrite_prog {
        width: 100%;
        text-align: center;
    }

    .flex_date2020 {
        flex-wrap: wrap
    }

    .date2020 {
        width: 100%;
        min-height: 38px;
        margin-bottom: 10px;
    }

    .date_text {
        margin-bottom: 5px;
        width: 100%;
        min-height: 38px;
    }

    .bl_02_mod_res_title {
        background: #ffc001;
        padding: 2%;
        margin-bottom: 2%;
        font-size: 22px;
        color: #fff;
    }

    .bl__title h3 {
        color: #fff;
        background: #00398c;
        padding: 2%;
        margin-bottom: 2%;
    }

    .tk_link_prog a {
        padding: 15px 20px;
    }

    .top_vopros {
        width: auto

    }
}

@media screen and (max-width: 480px) {
    .price_dd .promo {
        padding: 10px
    }

    .promo_span {
        display: inline-block;
        width: 80px;
        position: relative;
        top: 10px;
    }

    .flex_left2020 {
        width: 100%
    }

    .flex_right2020 {
        width: 100%;
        padding-left: 0
    }

    .modal {
        max-height: 85%;
        width: 92%;
    }

    .mycheckbox_absolute em {
        font-size: 11px;
    }

    .title_full, .title_cat {
        font-size: 30px;
    }

    .desc_pr_mvn h1 {
        font-size: 26px;
    }

    .pr_left {
        flex-direction: column;
    }

    .pr_50 {
        width: 100%
    }

    .ob_04_but a, .ob_06_but a {
        max-width: 500px
    }

    .bl_04_blue {
        padding: 20px
    }

    .bl_02_mod_b01, .bl_02_mod_res_title, .bl_02_mods {
        width: 90%
    }

    .m_t_left {
        width: auto;
        min-width: 50px
    }

    .sh_pro {
        padding-left: 20px;
        padding-right: 20px
    }

    .s1 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width: 450px) {
    .flex__news_teaser {
        flex-direction: column;

    }

    .flex__news_teaser h3.u_title {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        max-width: 100%;
    }

    .contact_page {
        margin: 0;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width: 442px) {

    .back_trener {
        width: 100%;
        height: 437px;
        background-size: cover;
        background-position:75%  0 ;
        /*      background: url(../images/temp/back_trener900.jpg) top center no-repeat;*/
    }

    .date_2020 {
        width: 48%;
        padding: 30px 1% 10px 1%;
    }

    .insta_and_mail .instagram .top_vopros span {
        display: none
    }

    .insta_and_mail .instagram .top_vopros {
        border: none !important;
    }

    .insta_and_mail .instagram .top_vopros:hover {
        border: none !important;
    }

    .insta_and_mail .instagram .top_vopros img {
        position: relative;
        top: 0
    }

    .phone_ {
        text-align: center
    }
}

@media screen and (max-width: 400px) {
    .no_right_col .item_vid img {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    .fi_mbn_50 .sh_title {
        font-size: 18px;
    }

    .fi_mbn_50 .sh_title span:after {
        display: none;
    }

    .tr_alo1 {
        flex-direction: column
    }

    .tr_alo2 {
        flex-direction: column-reverse
    }

    .tr_alo3 {
        flex-direction: column
    }

    .tr_01 {
        margin: 0 auto
    }

    .tr_02 {
        margin: 0 auto
    }

    .tr_03 {
        margin: 0 auto
    }

    .block_raspis_bottom .ob_06_but a {
        padding: 15px 40px;
        font-size: 23px;
    }

    .sh_pro {

        height: auto;
    }

    .sh_title {
        font-size: 22px
    }

    .sh_pro {
        width: 98%;
    }

    .modal {
        max-height: 85%;
        width: 98%;
    }

    .form100_modal {
        padding-right: 5%;
        padding-left: 5%;
    }

    .form100_modal .sf2-form-element-wrap {
        margin: 0 auto;
    }

    .f_flex .sf2-form-item:after {
        display: none;
    }

    .ob_04_but {
        padding-left: 0;
        padding-right: 0
    }

    .ob_06_but {
        padding-left: 2%;
        padding-right: 2%
    }

    .bl_02_mod_b01, .bl_02_mod_res_title, .bl_02_mods {
        width: 100%
    }

    .h2 {
        border-left: 15px solid #ffc001;
        padding-left: 20px
    }

}

@media screen and (max-width: 350px) {
    .promo .promo_result {
        width: 120px;
        height: 36px;
        padding: 12px 5px;
        text-align: center;
        background: #024fff;
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        cursor: pointer;
    }

    .block_raspis_bottom .ob_06_but a {
        padding: 15px 20px;
        font-size: 23px;
    }

    .tk_link_prog a {
        padding: 15px 5px;
    }

    .bl_02_mod_b01 {

        padding: 34px 20px 24px 24px;

    }
}

@media screen and (max-width: 315px) {


}