/* COLORS */
.online-color-c1 .bgrecolor
,.online-color-c1 .blkrecolor .active .abgrecolor {
    background-color:#e6497b !important;
    background-image: none !important;
}
.online-color-c1 .active .txtrecolor {color:#e6497b}

.online-color-c2 .bgrecolor
,.online-color-c2 .blkrecolor .active .abgrecolor {
    background-color:#0bb0a4 !important;
    background-image: none !important;
}
.online-color-c2 .active .txtrecolor {color:#0bb0a4}

.online-color-c3 .bgrecolor
,.online-color-c3 .blkrecolor .active .abgrecolor {
    background-color:#018aa4 !important;
    background-image: none !important;
}
.online-color-c3 .active .txtrecolor {color:#018aa4}

.online-color-c4 .bgrecolor
,.online-color-c4 .blkrecolor .active .abgrecolor {
    background-color:#8a5eb8 !important;
    background-image: none !important;
}
.online-color-c4 .active .txtrecolor {color:#8a5eb8}

.online-color-c5 .bgrecolor
,.online-color-c5 .blkrecolor .active .abgrecolor {
    background-color:#fa7268 !important;
    background-image: none !important;
}
.online-color-c5 .active .txtrecolor {color:#fa7268}

.online-color-c6 .bgrecolor
,.online-color-c6 .blkrecolor .active .abgrecolor {
    background-color:#ff9ebd !important;
    background-image: none !important;
}
.online-color-c6 .active .txtrecolor {color:#ff9ebd}

.online-color-c7 .bgrecolor
,.online-color-c7 .blkrecolor .active .abgrecolor {
    background-color:#f5a623 !important;
    background-image: none !important;
}
.online-color-c7 .active .txtrecolor {color:#f5a623}

.online-color-c8 .bgrecolor
,.online-color-c8 .blkrecolor .active .abgrecolor {
    background-color:#77c7eb !important;
    background-image: none !important;
}
.online-color-c8 .active .txtrecolor {color:#77c7eb}


.online-color-c17 .bgrecolor
,.online-color-c17 .blkrecolor .active .abgrecolor {
    background-color:#ff9a9e !important;
    background-image: none !important;
}
.online-color-c17 .active .txtrecolor {color:#ff9a9e}


.online-color-c18 .bgrecolor
,.online-color-c18 .blkrecolor .active .abgrecolor {
    background-color:#bd9dd9 !important;
    background-image: none !important;
}
.online-color-c18 .active .txtrecolor {color:#bd9dd9}

.online-color-c19 .bgrecolor
,.online-color-c19 .blkrecolor .active .abgrecolor {
    background-color:#91d78f !important;
    background-image: none !important;
}
.online-color-c19 .active .txtrecolor {color:#91d78f}


.online-color-c20 .bgrecolor
,.online-color-c20 .blkrecolor .active .abgrecolor {
    background-color:#e3c48e !important;
    background-image: none !important;
}
.online-color-c20 .active .txtrecolor {color:#e3c48e}


.online-color-c30 .bgrecolor
,.online-color-c30 .blkrecolor .active .abgrecolor {
    background-color:#16bddf !important;
    background-image: none !important;
}
.online-color-c30 .active .txtrecolor {color:#16bddf}

.online-color-c31 .bgrecolor
,.online-color-c31 .blkrecolor .active .abgrecolor {
    background-color:#a2df16 !important;
    background-image: none !important;
}
.online-color-c31 .active .txtrecolor {color:#a2df16}

.online-color-c32 .bgrecolor
,.online-color-c32 .blkrecolor .active .abgrecolor {
    background-color:#ff5f5f !important;
    background-image: none !important;
}
.online-color-c32 .active .txtrecolor {color:#ff5f5f}

.online-color-c33 .bgrecolor
,.online-color-c33 .blkrecolor .active .abgrecolor {
    background-color:#c55fff !important;
    background-image: none !important;
}
.online-color-c33 .active .txtrecolor {color:#c55fff}

.online-color-c34 .bgrecolor
,.online-color-c34 .blkrecolor .active .abgrecolor {
    background-color:#0079b9 !important;
    background-image: none !important;
}
.online-color-c34 .active .txtrecolor {color:#0079b9}

.online-color-c35 .bgrecolor
,.online-color-c35 .blkrecolor .active .abgrecolor {
    background-color:#e0b8b0 !important;
    background-image: none !important;
}
.online-color-c35 .active .txtrecolor {color:#e0b8b0}

.online-color-c36 .bgrecolor
,.online-color-c36 .blkrecolor .active .abgrecolor {
    background-color:#f1d400 !important;
    background-image: none !important;
}
.online-color-c36 .active .txtrecolor {color:#f1d400}

.online-color-c37 .bgrecolor
,.online-color-c37 .blkrecolor .active .abgrecolor {
    background-color:#999a9c !important;
    background-image: none !important;
}
.online-color-c37 .active .txtrecolor {color:#999a9c}

.online-color-c41 .bgrecolor
,.online-color-c41 .blkrecolor .active .abgrecolor {
    background-color:#91b3d4 !important;
    background-image: none !important;
}
.online-color-c41 .active .txtrecolor {color:#91b3d4}

.online-color-c42 .bgrecolor
,.online-color-c42 .blkrecolor .active .abgrecolor {
    background-color:#a09152 !important;
    background-image: none !important;
}
.online-color-c42 .active .txtrecolor {color:#a09152}

.online-color-c43 .bgrecolor
,.online-color-c43 .blkrecolor .active .abgrecolor {
    background-color:#acccaf !important;
    background-image: none !important;
}
.online-color-c43 .active .txtrecolor {color:#acccaf}

.online-color-c44 .bgrecolor
,.online-color-c44 .blkrecolor .active .abgrecolor {
    background-color:#424853 !important;
    background-image: none !important;
}
.online-color-c44 .active .txtrecolor {color:#424853}

/* GRADIENT */

.online-color-c9 .bgrecolor
,.online-color-c9 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to top, #e27662, #e6497b) !important;
}
.online-color-c9 .active .txtrecolor {color:#e27662}

.online-color-c10 .bgrecolor
,.online-color-c10 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #e6497b, #ad46ac) !important;
}
.online-color-c10 .active .txtrecolor {color:#e6497b}

.online-color-c11 .bgrecolor
,.online-color-c11 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #0bb0a4, #4a92b0) !important;
}
.online-color-c11 .active .txtrecolor {color:#0bb0a4}

.online-color-c12 .bgrecolor
,.online-color-c12 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #000000, #4f4f4f) !important;
}
.online-color-c12 .active .txtrecolor {color:#000000}

.online-color-c13 .bgrecolor
,.online-color-c13 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to top, #f89436, #f76b1c) !important;
}
.online-color-c13 .active .txtrecolor {color:#f89436}

.online-color-c14 .bgrecolor
,.online-color-c14 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #6038f9, #8c6af6) !important;
}
.online-color-c14 .active .txtrecolor {color:#6038f9}

.online-color-c15 .bgrecolor
,.online-color-c15 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: radial-gradient(circle at 50% 44%, #5488c4, #215ba0, #215ba0) !important;
}
.online-color-c15 .active .txtrecolor {color:#5488c4}

.online-color-c16 .bgrecolor
,.online-color-c16 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to right, #3023ae, #53a0fd 48%, #b4ec51) !important;
}
.online-color-c16 .active .txtrecolor {color:#3023ae}


.online-color-c21 .bgrecolor
,.online-color-c21 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #bd9dd9, #f2bce8) !important;
}
.online-color-c21 .active .txtrecolor {color:#bd9dd9}

.online-color-c22 .bgrecolor
,.online-color-c22 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #ff9a9e, #fad0c4) !important;
}
.online-color-c22 .active .txtrecolor {color:#ff9a9e}

.online-color-c23 .bgrecolor
,.online-color-c23 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #45e7ce, #8cf0be) !important;
}
.online-color-c23 .active .txtrecolor {color:#45e7ce}

.online-color-c24 .bgrecolor
,.online-color-c24 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #30b0bf, #326397) !important;
}
.online-color-c24 .active .txtrecolor {color:#30b0bf}

.online-color-c25 .bgrecolor
,.online-color-c25 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to top, #d190da, #ff769f) !important;
}
.online-color-c25 .active .txtrecolor {color:#d190da}

.online-color-c26 .bgrecolor
,.online-color-c26 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to top, #bad601, #51d31b) !important;
}
.online-color-c26 .active .txtrecolor {color:#51d31b}

.online-color-c27 .bgrecolor
,.online-color-c27 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to top, #f7507a, #d80952) !important;
}
.online-color-c27 .active .txtrecolor {color:#d80952}

.online-color-c28 .bgrecolor
,.online-color-c28 .blkrecolor .active .abgrecolor {
    background-color: transparent !important;
    background-image: linear-gradient(to top, #39445f, #597092) !important;
}
.online-color-c28 .active .txtrecolor {color:#39445f}



/* Эксклюзивные темы */

.online-def-btn,
.online-active-btns a.onl,
.online-calendar-btn.bgrecolor,
.confirm-event .links .bgrecolor,
.online-header2,
.online-header2 .wrap-cont,
.online-services-wrap .category,
.online-def-btn span,
.online-active-btns a.onl span,
.online-to-calendar .online-calendar-btn.bgrecolor span,
.confirm-event .links .bgrecolor
{
    background-size: cover;
    background-position: center;
    background-repeat: repeat-x;
}

.online-color-e1 .online-header2.bgrecolor {
    background-image: url(https://static.mastersapp.ru/media/upload/629e090c77e261113081ff08.png) !important;
}

.online-color-e1 .online-services-wrap .category.bgrecolor
{
    background-image: url(https://static.mastersapp.ru/media/upload/629e091f0572d2093a2454cd.png) !important;
}

.online-color-e1 .online-def-btn,
.online-color-e1 .online-active-btns a.onl,
.online-color-e1 .online-calendar-btn,
.online-color-e1 .confirm-event .links .bgrecolor
{
    background-image: url(https://static.mastersapp.ru/media/upload/629e092a4b422a29647b2c74.png) !important;
}

.online-color-e1 .active .txtrecolor {
    color:#da6586;
}

.online-color-e1 .icon-place .bgrecolor,
.online-color-e1 .online-phone .bgrecolor,
.online-color-e1 .blkrecolor .active .abgrecolor,
.online-color-e1 .online-container .title .bgrecolor,
.online-color-e1  .online-index-step .icon
{
    background-image: none!important;
    background-color: #da6586 !important;
}



.online-color-e2 .online-header2.bgrecolor {
    background-image: url(https://static.mastersapp.ru/media/upload/629e12dc9073c54ac52a18c3.png) !important;
}

.online-color-e2 .online-services-wrap .category.bgrecolor
{
    background-image: url(https://static.mastersapp.ru/media/upload/629e12e75a9d9668af541565.png) !important;
}

.online-color-e2 .online-def-btn,
.online-color-e2 .online-active-btns a.onl,
.online-color-e2 .online-calendar-btn,
.online-color-e2 .confirm-event .links .bgrecolor
{
    background-image: url(https://static.mastersapp.ru/media/upload/629e12f15a9d9668af54156e.png) !important;
}

.online-color-e2 .active .txtrecolor {
    color:#285540;
}

.online-color-e2 .icon-place .bgrecolor,
.online-color-e2 .online-phone .bgrecolor,
.online-color-e2 .blkrecolor .active .abgrecolor,
.online-color-e2 .online-container .title .bgrecolor,
.online-color-e2  .online-index-step .icon
{
    background-image: none!important;
    background-color: #285540 !important;
}



.online-color-e3 .online-header2.bgrecolor {
    background-image: url(https://static.mastersapp.ru/media/upload/629e198394bb2d4ffd3f626e.png) !important;
}

.online-color-e3 .online-services-wrap .category.bgrecolor
{
    background-image: url(https://static.mastersapp.ru/media/upload/629e198ccb64df271820b29a.png) !important;
}

.online-color-e3 .online-def-btn,
.online-color-e3 .online-active-btns a.onl,
.online-color-e3 .online-calendar-btn,
.online-color-e3 .confirm-event .links .bgrecolor
{
    background-image: url(https://static.mastersapp.ru/media/upload/629e1992aa05317fb2695601.png) !important;
}

.online-color-e3 .active .txtrecolor {
    color:#262626;
}

.online-color-e3 .icon-place .bgrecolor,
.online-color-e3 .online-phone .bgrecolor,
.online-color-e3 .blkrecolor .active .abgrecolor,
.online-color-e3 .online-container .title .bgrecolor,
.online-color-e3  .online-index-step .icon
{
    background-image: none!important;
    background-color: #262626 !important;
}


.online-color-e4 .online-header2.bgrecolor {
    background-image: url(https://static.mastersapp.ru/media/upload/629e1a36999d2e11ed1fad2d.png) !important;
}

.online-color-e4 .online-services-wrap .category.bgrecolor
{
    background-image: url(https://static.mastersapp.ru/media/upload/629e1a40507d4b1545860e54.png) !important;
}

.online-color-e4 .online-def-btn,
.online-color-e4 .online-active-btns a.onl,
.online-color-e4 .online-calendar-btn,
.online-color-e4 .confirm-event .links .bgrecolor
{
    background-image: url(https://static.mastersapp.ru/media/upload/629e1a48999d2e11ed1fad64.png) !important;
}

.online-color-e4 .active .txtrecolor {
    color:#6d419d;
}

.online-color-e4 .icon-place .bgrecolor,
.online-color-e4 .online-phone .bgrecolor,
.online-color-e4 .blkrecolor .active .abgrecolor,
.online-color-e4 .online-container .title .bgrecolor,
.online-color-e4  .online-index-step .icon
{
    background-image: none!important;
    background-color: #6d419d !important;
}


.btn_to_max {
    border-radius: 12px;
    background: linear-gradient(90deg, #3EC1FD 0%, #533EF0 46.15%, #A255DC 100%);
    display: flex;
    width: 100%;
    padding: 14px 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #FFF;
}
.btn_to_max:hover {
    color: #FFF;
    text-decoration: none;
}