html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: .67em 0 } hr { overflow: visible; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent } abbr[title] { text-decoration: underline; text-decoration: underline dotted; border-bottom: none; -webkit-text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { padding: 0; border-style: none } button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { display: table; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; padding: 0; white-space: normal; color: inherit } progress { vertical-align: baseline } textarea { overflow: auto } [type='checkbox'], [type='radio'] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto } [type='search'] { outline-offset: -2px; -webkit-appearance: textfield } [type='search']::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } details { display: block } summary { display: list-item } template { display: none } [hidden] { display: none } html, body, div, span, applet, main, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video, div { margin: 0; padding: 0; border: 0 } .slick-slide { outline: none } ul, ol { list-style-type: none } a { text-decoration: none } .df { display: -webkit-box; display: -ms-flexbox; display: flex } .fww { -ms-flex-wrap: wrap; flex-wrap: wrap } .fc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .jcc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .jcfs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .jcfe { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .jcsb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .aic { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .aifs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .aife { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .bsbb { -webkit-box-sizing: border-box; box-sizing: border-box } .dib { display: inline-block } .dn { display: none } .b_s { overflow: hidden } .ta3 { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } input, button, textarea { padding: 0; margin: 0; background: none; -webkit-box-shadow: none; box-shadow: none; outline: none; width: 0; height: 0; background: none; border: none; width: auto; height: auto } button { cursor: pointer } a:focus { outline: 0 } body { font-family: 'Montserrat', sans-serif; background: white; overflow: hidden }



.zg {
    font-size: 28px;
    color: black;
    font-weight: 700
}

.zg2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: black
}

.inp {
    background: #F5F5F5;
    border-radius: 12px;
    height: 48px;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    outline: none;
    border: none
}
.inp_tra::-webkit-inner-spin-button,
.inp_tra::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.inp::-webkit-input-placeholder {
    color: #828282;
}

.inp::-moz-placeholder {
    color: #828282;
}

.inp:-ms-input-placeholder {
    color: #828282;
}

.inp::-ms-input-placeholder {
    color: #828282;
}

.inp::placeholder {
    color: #828282;
}

.btn {
    box-sizing: border-box;
    transition: all .3s;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #FFF;
    background: #AD3B8E;
    padding: 0 24px;
    background: #16A64C;
border-radius: 26px;
}

.btn_grey {
    background: #F5F5F5;
    color: #828282;
}

.btn_krest {
    background: transparent;
    border-radius: 8px;
    width: 48px;
    height: 48px
}

.zg_t {
    font-size: 14px;
    font-weight: 700;
    color: black
}

.p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: black
}

.p_t {
    font-size: 14px;
    font-weight: 400;
    color: black
}

.p_t_grey {
    color: #858085
}

.btn_c_big {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: transparent
}

.L {
    width: 18.888%;
    height: 100vh;
    background: white;
    position: relative;
    border-right: 1px solid #F5F5F5;
}

.L_logo {
    width: 100%;
    padding: 28px 20px 28px 30px
}

.L_logo>a {
    width: 156px
}

.L_logo>a>img {
    width: 100%
}

.L_nav_a {
    padding: 14px 20px 14px 30px;
    font-weight: 500;
    font-size: 16px;
    color: black;
    width: 100%
}

.L_nav_a_active {
    background: #F5F5F5;
}

.L_nav_a:hover {
    background: #F5F5F5;
}

.S {
    width: 81.112%;
    height: 100vh
}

.S_52_77 {
    width: 52.77%
}

.S_first {
    padding: 28px 32px 0;
    height: 14vh
}

.S_con {
    height: 86vh;
    width: 100%;
    overflow: auto;
    padding: 0 0 20px
}

.S_con::-webkit-scrollbar {
    width: 3px;
    height: 5px;
    background: transparent
}

.S_con::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .4);
    border-radius: 7em;
    -webkit-box-shadow: none;
    box-shadow: none
}

.S_con::-webkit-scrollbar-thumb:hover {
    background-color: transparent
}

.S_con::-webkit-scrollbar-button:vertical:start:decrement {
    background: transparent;
    background-color: transparent
}

.S_con::-webkit-scrollbar-button:vertical:end:increment {
    background: transparent;
    background-color: transparent
}

.S_con::-webkit-scrollbar-button:horizontal:start:decrement {
    background: transparent;
    background-color: transparent
}

.S_con::-webkit-scrollbar-button:horizontal:end:increment {
    background: transparent;
    background-color: transparent
}

.S_polzT_top {
    width: 100%
}

.S_f {
    width: 100%;
    margin-bottom: 24px
}

.S_polzT_back {
    width: 100%;
    border-top: 1px solid #dfdfdf;
    padding: 0 32px
}

/* .S_polzT_back:hover {
    background: #F5F5F5;
} */
/*
.S_polzT_back:hover>*>.S_polzT_back_btn {
    background: transparent
} */

/* .S_polzT_back_active {
    background: #F5F5F5;
} */

/* .S_polzT_back_active>*>.S_polzT_back_btn {
    background: transparent
} */

.S_polzT_back:last-child {
    border-bottom: 1px solid #dfdfdf;
}

.S_polzT_back>*>.zg_t {
    display: none
}

.S_polzT_back>* {
    min-height: 74px
}

.S_polzT_back_btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent
}

.R_Ser_form {
    width: 100%;
    margin-top: 24px;
    padding: 24px 0 0;
    border-top: 1px solid #3D3B3D
}

.R_Ser_form_top {
    padding: 0 !important;
    border-top: 0 !important
}

.R_Ser_form_text {
    resize: none;
    background: #F5F5F5;
    border-radius: 12px;
    height: 112px;
    font-weight: 400;
    font-size: 16px;
    color: black;
    padding: 16px;
    width: 100%
}

.R_Ser_form_text::-webkit-input-placeholder {
    color: #828282;
}

.R_Ser_form_text::-moz-placeholder {
    color: #828282;
}

.R_Ser_form_text:-ms-input-placeholder {
    color: #828282;
}

.R_Ser_form_text::-ms-input-placeholder {
    color: #828282;
}

.R_Ser_form_text::placeholder {
    color: #828282;
}

.R_Ser_form_btns {
    width: 100%;
    margin-top: 24px
}

.R_Ser_form_btns>* {
    margin: 0 12px 0 0
}

.R_Ser_form_btns> :last-child {
    margin: 0
}

.R {
    width: 0;
    height: 100vh;
    overflow: hidden;
    background: white;
    border-left: 1px solid #dfdfdf;
}

.R_28_33 {
    width: 28.33%
}

.R_first {
    padding: 24px 32px 0;
    height: 10vh
}

.R_F {
    width: 100%
}

.R_Ser {
    width: 100%;
    height: 75vh;
    padding: 0 32px 24px;
    overflow: auto
}

.R_Ser_photo {
    width: 152px;
    height: 152px;
    margin: 0 auto;
    position: relative;
    border-radius: 50%;
    margin-bottom: 32px
}

.R_Ser_photo_r8 {
    border-radius: 8px !important
}

.R_Ser_photo_btn {
    position: absolute;
    right: 8px;
    bottom: 8px;
    overflow: hidden;
    cursor: pointer
}

.R_Ser_photo_btn_inp {
    bottom: -10px;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 5;
    opacity: 0
}

input[type=file],
/* FF,IE7+,chrome (except button) */
input[type=file]::-webkit-file-upload-button {
    cursor: pointer
}

.R_Ser_inps {
    width: 100%
}

.R_Ser_inps>* {
    margin: 0 0 16px
}

.R_Ser_inps> :last-child {
    margin: 0
}

.R_Ser::-webkit-scrollbar {
    width: 3px;
    height: 5px;
    background: transparent
}

.R_Ser::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .4);
    border-radius: 7em;
    -webkit-box-shadow: none;
    box-shadow: none
}

.R_Ser::-webkit-scrollbar-thumb:hover {
    background-color: transparent
}

.R_Ser::-webkit-scrollbar-button:vertical:start:decrement {
    background: transparent;
    background-color: transparent
}

.R_Ser::-webkit-scrollbar-button:vertical:end:increment {
    background: transparent;
    background-color: transparent
}

.R_Ser::-webkit-scrollbar-button:horizontal:start:decrement {
    background: transparent;
    background-color: transparent
}

.R_Ser::-webkit-scrollbar-button:horizontal:end:increment {
    background: transparent;
    background-color: transparent
}

.R_Ser_inps_admin {
    width: 100%;
    height: 48px;
    background: #2B282B;
    border-radius: 8px;
    padding: 0 16px
}

.R_Ser_inps_admin>span {
    font-weight: 500;
    font-size: 16px;
    color: #FFF
}

.chek {
    background: #3D383D;
    border-radius: 24px;
    width: 40px;
    position: relative;
    height: 24px;
    cursor: pointer
}

.chek_cicrle {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.chek_cicrle_active {
    left: 16px;
    background: #AD3B8E
}

.R_last {
    width: 100%;
    height: 15vh;
    padding: 0 32px
}

.R_last_isset {
    width: 100%;
    padding: 32px 0;

}

.R_last_isset>* {
    margin: 0 12px 0 0
}

.R_last_isset> :last-child {
    margin: 0
}

.R_Ser_home {
    width: 100%;
    padding: 12px 0;
    border-top: 1px solid #3D3B3D;
    border-bottom: 1px solid #3D3B3D;
    margin-top: 24px
}

.R_Ser>.zg2 {
    margin: 0 0 24px
}

.R_Ser_dM_bs {
    padding: 0 0 24px;
    border-bottom: 1px solid #3D3B3D
}

.R_Ser_dM_bs>* {
    margin: 0 0 12px
}

.R_Ser_dM_bs> :last-child {
    margin: 0
}

.R_Ser_dM_bs_block {
    width: 100%;
    background: #2B282B;
    border-radius: 12px;
    padding: 0 15px 0 12px;
    min-height: 44px
}

.R_Ser_dM_bs_block>span {
    font-weight: 500;
    font-size: 16px;
    color: #FFF
}

.R_Ser_dm_text {
    width: 100%;
    padding: 24px 0
}

.R_Ser_dm_text>.zg2 {
    margin-bottom: 24px
}

.R_Ser_dm_text_zg {
    margin-top: 8px;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    color: #FFF
}

.R_Ser_dm_text>.p {
    margin-top: 16px
}

@media screen and (max-width: 1800px) {
    .S_first {
        height: 19vh
    }

    .S_con {
        height: 81vh
    }
}

@media screen and (max-width: 1400px) {
    .R_first {
        height: 12vh
    }

    .R_Ser {
        height: 73vh
    }

    .R_last {
        height: 15vh
    }

    .zg {
        font-size: 20px
    }

    .inp {
        height: 45px;
        padding: 0 10px
    }

    .btn {
        height: 40px;
        font-size: 14px
    }

    .btn_krest {
        width: 40px;
        height: 40px
    }

    .R_Ser_inps_admin {
        height: 45px;
        padding: 0 10px
    }

    .R_Ser_form_text {
        padding: 10px
    }
}

@media screen and (max-width: 1300px) {
    .R_first {
        padding: 24px 16px 0
    }

    .R_Ser {
        padding: 0 16px 24px
    }

    .R_last {
        padding: 0 16px
    }

    .S_polzT_back {
        padding: 0 16px
    }

    .L_logo {
        padding: 28px 16px
    }

    .L_nav_a {
        padding: 14px 16px
    }

    .S_first {
        padding: 28px 16px 0
    }

    .btn_c_big {
        width: 40px;
        height: 40px
    }
}

.mobNav {
    position: fixed;
    z-index: 97;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    background: white;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(1, 1, 1, .1);
}

.mobNav_logo {
    width: 130px
}

.mobNav_logo>img {
    width: 100%
}

.mobNav_btn {
    width: 35px
}

.mobNav_btn>* {
    display: block;
    margin: 0 0 7px;
    width: 100%;
    height: 2px;
    background: rgba(1, 1, 1, 1)
}

















.mobNav_btn> :last-child {
    margin: 0
}

.L_krest_mob {
    display: none
}

.R_Ser_video {
    width: 100%;
    height: 199px;
    border-radius: 10px
}

.R_Ser_dZ_ps {
    margin-top: 8px
}

.R_Ser_dZ_ps>* {
    margin: 0 0 15px
}

.R_Ser_dZ_ps> :last-child {
    margin: 0
}

@media screen and (max-width: 1220px) {
    body {
        overflow: auto
    }

    .mobNav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .L {
        position: fixed;
        top: 0;
        left: 0;
        width: 0;
        overflow: hidden;
        z-index: 99
    }

    .L_active {
        width: 100%;
        overflow: auto
    }

    .S {
        width: 100%
    }

    .R {
        z-index: 98;
        position: fixed;
        top: 0;
        right: 0
    }

    .R_28_33 {
        width: 100%
    }

    .L_krest_mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .L_logo {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .S {
        margin-top: 55px
    }

    .S_first {
        height: auto
    }

    .S_con {
        height: auto
    }

    .S_polzT_top {
        display: none
    }

    .S_polzT_back>* {
        min-height: 50px
    }

    .zg2 {
        font-size: 16px;
        line-height: 20px
    }
}

@media screen and (max-width: 600px) {
    .R_first {
        padding: 16px 16px 0
    }

    .R_last_isset {
        padding: 16px 0
    }

    .R_Ser_home {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .R_Ser_home>.zg {
        width: 100%;
        margin-bottom: 15px
    }

    .S_polzT_back>*>.p_t {
        text-align: right
    }
}






.p_t_green {
    color: #16A64C !important;

}
.R_Ser_photo_btn_new {
    background: #16A64C;
}

.plaska_n {
    margin-bottom: 24px;
    width: 100%;
}
.plaska_n_btn_active {
    color: #16A64C !important;
}

.plaska_n_btn{
    font-size: 16px;
    color: #000000;
    margin: 0 20px 0 0;
}
.plaska_n_btn:last-child {
    margin: 0;
}
.plaska_n_btn > span {
    opacity: 0;
    display: block;
    margin-top: 10px;
    width: 100%;
    height: 1px;
    background: #16A64C;
}

.plaska_n_btn_active > span {
    opacity: 1 !important;

}
.plaska_n_btn:hover {
    color: #16A64C;
}
.plaska_n_btn:hover > span {
    opacity: 1 ;
}
.R_Ser_n_sertf > select {
    width: 68%;
}
.R_Ser_n_sertf > button {
    width: 28%;
}

.R_Ser_n_sertf_bs {
    margin-top: 28px;
}
.R_Ser_n_sertf_bs_block {
    border-top: 1px solid #dfdfdf;
    padding: 24px 0;
}
.R_Ser_n_sertf_bs_block:last-child {
    border-bottom: 1px solid #dfdfdf;
}
.R_Ser_n_sertf_bs_block_isset_span {

}
.R_Ser_n_sertf_bs_block_isset_btn {
    padding: 3px;
    margin-left: 23px;
}
.R_Ser_n_sertf2 {

}
.R_Ser_n_sertf2 > .btn {
    width: 100% !important;
}

.R_Ser_photo  > .R_Ser_photo_btn {
    background: #16A64C !important;
}

@media screen and (max-width: 600px) {
    .plaska_n_btn{
        margin: 0 10px 0 0;
    }
}

.select2 {
    width: 100% !important;
    margin-bottom: 16px !important;
}

.filter_btn {
    margin-left: 5px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #16A64C;
}
.filter_btn > img {
    width: 15px;
}
.fix_fill {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
    background: white;
    overflow: hidden;
    z-index: 300;
}
.fix_fill_active {
    height: 230px;
    padding: 20px 20px;
    border-bottom: 1px solid #cccccc;
}
.fix_fill_close {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 3px;
}
.fix_fill_close > img {
    width: 25px;
}
.fix_fill_con_search {

}
.fix_fill_con_search_inp {
    width: 300px;
    height: 48px;
    padding: 0 15px;
    border: 1px solid #cccccc;
    border-radius: 30px;
    margin-right: 15px;
}
.fix_fill_data {
    margin-top: 30px;
}
.fix_fill_data_f {
    margin-top: 15px;
}
.fix_fill_data_f > input {
    width: 150px;
    height: 40px;
    padding: 0 15px;
    border: 1px solid #cccccc;
    border-radius: 30px;
}
.fix_fill_data_f > span {
    display: block;
    font-size: 30px;
    margin: 0 10px;
}@media screen and (max-width: 800px) {
    .fix_fill_close {
        right: 10px;
        top: 10px;
    }
    .fix_fill_close > img {
        width: 20px;
    }
    .fix_fill_active {
        height: 240px;
        padding: 50px 20px 20px 20px;
    }
}
@media screen and (max-width: 600px) {
    .S_f  > .zg {
        font-size: 17px !important;
    }
    .fix_fill_active {
        height: 280px;
        padding: 50px 15px 10px 15px;
    }
    .fix_fill_con_search {
        justify-content: center;
        flex-wrap: wrap;

    }
    .fix_fill_con_search_inp {
        margin-right: 0 !important;
        width: 100%;
        height: 40px;
        margin-bottom: 20px;
    }

    .fix_fill_data_f > input {
        height: 40px;
        width: 80px;
    }
    .fix_fill_data_f > span {
        display: block;
        font-size: 30px;
        margin: 0 10px;
    }
}

.S_polzT_back_bg {
    background: rgb(213, 255, 213) !important;
}