@import url("/font/museo/MuseoSansCyrl_0.otf");
@import url("/font/museo/MuseoSansCyrl_1.otf");
@import url("/font/museo/MuseoSansCyrl_2.otf");
@import url("/font/museo/MuseoSansCyrl_3.otf");
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
button {
    font-family: "MuseoSansCyrl", sans-serif;
}
header#sp-header {
    height: auto;
}
#sp-header .logo {
    height: auto;
    margin: 10px 0;
}
#sp-header.header-sticky {
    z-index: 99;
}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    text-transform: uppercase;
}
/* slider home */
.custom_slider {
    overflow: hidden;
}
.custom_slider > .sppb-carousel-inner > .sppb-item > img {
    height: 500px;
    object-fit: cover;
}
div#sp-top2 {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width: 768px) {
    div#sp-top2 {
        justify-content: flex-end;
    }
}
/* slider home */

/* buttons after slider */

.row.custom-btn {
    margin-top: -40px;
}
.row.custom-btn a {
    height: 5rem;
    text-align: center;
    font-size: 25px;
    line-height: 25px;
    color: white;
    align-items: center;
    justify-content: center;
}
#sp-top-bar .sp-module {
    display: inline-block;
    margin: 0 0 0 0;
}
.row.custom-btn .col-md-3:nth-child(1) {
    background: #0b8ece;
    box-shadow: 0px 4px 0px 0px #0676ad;
    margin-bottom: 4px;
}
.row.custom-btn .col-md-3:nth-child(2) {
    background: #4aa340;
    box-shadow: 0px 4px 0px 0px #3d8535;
    margin-bottom: 4px;
}
.row.custom-btn .col-md-3:nth-child(3) {
    background: #ffd703;
    box-shadow: 0px 4px 0px 0px #cbab00;
    margin-bottom: 4px;
}
.row.custom-btn .col-md-3:nth-child(4) {
    background: #f18905;
    box-shadow: 0px 4px 0px 0px #b96a07;
    margin-bottom: 4px;
}
.row.custom-btn .col-md-3:nth-child(1):hover {
    background: #006ea3;
    box-shadow: 0px 4px 0px 0px #00527a;
}
.row.custom-btn .col-md-3:nth-child(2):hover {
    background: #36702f;
    box-shadow: 0px 4px 0px 0px #2b4f27;
}
.row.custom-btn .col-md-3:nth-child(3):hover {
    background: #ba9e08;
    box-shadow: 0px 4px 0px 0px #8e7903;
}
.row.custom-btn .col-md-3:nth-child(4):hover {
    background: #b56704;
    box-shadow: 0px 4px 0px 0px #814b07;
}
/* buttons after slider */

/* block after slider */

.row.custom_activities > div {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-bottom: 2rem;
}
.row.custom_activities {
    justify-content: center;
}
.custom_activities div.fas,
.custom_activities div.far {
    height: 6rem;
    width: 6rem;
    font-size: 60px;
    margin-right: 30px;
    color: white;
    background: #4aa340;
    position: relative;
    border-radius: 0.5rem;
    box-shadow: 0px 4px 0px 0px #3d8535;
}
.custom_activities .blue div.fas,
.custom_activities .blue div.far {
    background: #0b8ece;
    box-shadow: 0px 4px 0px 0px #0676ad;
}
.custom_activities .orange div.fas,
.custom_activities .orange div.far {
    background: #f18905;
    box-shadow: 0px 4px 0px 0px #b96a07;
}
div.fas::before,
div.far::before {
    left: -10px;
    position: absolute;
    bottom: 0;
}

.custom_block_text {
    width: 70%;
}

/* block after slider */

/* block personal */

.row.custom_personal > .col-lg-5:nth-child(1) {
    background: #0b8ece;
    box-shadow: 0px 4px 0px 0px #0676ad;
}
.row.custom_personal > .col-lg-5:nth-child(2) {
    background: #4aa340;
    box-shadow: 0px 4px 0px 0px #3d8535;
}
.row.custom_personal > .col-lg-5:nth-child(3) {
    background: #ffd703;
    box-shadow: 0px 4px 0px 0px #cbab00;
}
.row.custom_personal > .col-lg-5:nth-child(4) {
    background: #f18905;
    box-shadow: 0px 4px 0px 0px #b96a07;
}
.row.custom_personal > .col-lg-5 {
    border-radius: 0.5rem;
}
.row.custom_personal > .col-lg-5 > .row {
    height: 100%;
}
.col-sm-5.custom_photo {
    padding-left: 0;
}
.row.custom_personal {
    gap: 1.5rem;
    justify-content: center;
    padding: 1rem;
}

.custom_photo img {
    border-top-left-radius: 0.3rem;
    height: 100%;
    object-fit: cover;
}

p.desc {
    font-size: 15px;
    line-height: 22px;
}

p.name {
    margin-top: 1rem;
    font-size: 20px;
    line-height: 17px;
}

.row.custom_personal,
.row.custom_personal a {
    color: white;
}
@media (min-width: 384px) and (max-width: 576px) {
    .custom_photo img {
        height: 500px;
        object-position: 0px -84px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .col-sm-5.custom_photo {
        padding: 0;
    }
    .custom_photo img {
        border-top-right-radius: 0.3rem;
    }
    .custom_slider > .sppb-carousel-inner > .sppb-item > img {
        height: 250px;
    }
}
/* block personal */

/* parallax */
.free_lesson > .col-md-6 {
    background: rgb(0 0 0 / 35%);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
}
.free_lesson > .col-md-6 p {
    color: white;
}
.row.custom-parallax {
    padding: 200px 0;
    margin: 0;
    background-image: url(/images/slider/parallax/0139_5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 0 0;
}
@media (max-width: 768px) {
    .row.custom-parallax {
        padding: 120px 0;
        background-position: -200px 0;
    }
}
/* parallax */

/* page title */
section#sp-section-2 {
    background: #3192d0;
}

ol.breadcrumb * {
    color: white;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: white;
}

ol.breadcrumb li.float-start {
    display: none;
}

ol.breadcrumb {
    background: none;
    padding: 35px 0;
    font-size: 18px;
    margin: 0;
}
/* page title */

/* footer */
.custom_footer_line {
    background: linear-gradient(to right, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
    height: 0.2rem;
    margin-bottom: 2rem;
}
.accordion-button:not(.collapsed) {
    background-color: #a11a1a00;
    color: #fbaf08;
    font-size: 20px;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
    background-color: rgb(236 173 22 / 70%);
    border-radius: 50%;
}

.accordion-button::after {
    background-color: rgb(215 202 42 / 70%);
    border-radius: 50%;
}
.accordion-item {
    background: #8b451300;
}

button.accordion-button.collapsed {
    background: #ffffff00;
    color: #ffd703;
    font-size: 20px;
}
.row.custom_contact > .col-md-4 {
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 1.125rem;
}

.icon_bottom svg {
    width: 2.5rem;
    margin-right: 10px;
}

.row.custom_contact a {
    text-decoration: underline;
}
.row.custom_contact p {
    margin: 0;
}
/* footer */

/* treners */
.row.custom_personal_more > .col-md-10 > .row {
    margin-bottom: 3rem;
    background: #f7f7f7;
    padding: 2rem;
    border-radius: 0.25rem;
    color: #6a6a6a;
}

span.hr-blue {
    height: 0.2rem;
    width: 3rem;
    background: #0b8ece;
    border-radius: 5px;
    display: block;
    margin-bottom: 1rem;
}
p.experience strong {
    color: #0b8ece;
}

.custom_personal_more ::marker {
    color: #0b8ece;
}
.custom-treners .tab-pane > .row {
    margin-bottom: 1rem;
    border-bottom: 1px solid #0b8ece;
    padding-bottom: 1rem;
}
.custom-treners .nav > button {
    color: white;
    margin-bottom: 0.5rem;
}
.custom-treners .nav > button:nth-child(1) {
    background: #0b8ece;
    box-shadow: 0px 4px 0px 0px #0676ad;
}
.custom-treners .nav > button:nth-child(2) {
    background: #4aa340;
    box-shadow: 0px 4px 0px 0px #3d8535;
}
.custom-treners .nav > button:nth-child(3) {
    background: #ffd703;
    box-shadow: 0px 4px 0px 0px #cbab00;
}
.nav-link.active {
    filter: none;
}
button.nav-link {
    filter: brightness(0.7);
}
.custom-treners .nav > button:nth-child(1):hover {
    background: #006ea3;
    box-shadow: 0px 4px 0px 0px #00527a;
    filter: none;
}
.custom-treners .nav > button:nth-child(2):hover {
    background: #36702f;
    box-shadow: 0px 4px 0px 0px #2b4f27;
    filter: none;
}
.custom-treners .nav > button:nth-child(3):hover {
    background: #ba9e08;
    box-shadow: 0px 4px 0px 0px #8e7903;
    filter: none;
}
button.btn.custom-btn {
    background: #f18905;
    box-shadow: 0px 4px 0px 0px #b96a07;
    margin-bottom: 4px;
    color: white;
}
button.btn.custom-btn:hover {
    background: #b56704;
    box-shadow: 0px 4px 0px 0px #814b07;
    color: #ffffff;
}
@media (max-width: 1024px) {
    .custom-treners .nav-treners > button {
        font-size: 1rem;
        padding: 0.5rem;
    }
}

/* treners */

/*-------forms-----*/
.free_lesson p {
    color: black;
    font-size: 1.125rem;
}
.modal {
    z-index: 9999;
}
a.btn.custom_btn {
    border-radius: 2.1875rem;
    font-size: 1.125rem;
    margin-top: 1.5625rem;
    text-align: center;
    padding: 1rem 3.4375rem;
    background: #fbaf08;
    color: white;
}
.formControls > button,
button.rsform-submit-button.rsform-thankyou-button {
    width: 20rem;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    background: #fbaf08;
    font-size: 1.125rem;
    border-radius: 2.1875rem;
    border-color: rgba(0, 0, 0, 0);
}

div#system-message-container {
    display: none;
}

/*-------forms-----*/

/* contact */
h1.custom_title {
    text-align: center;
    margin: 2rem 0;
    color: #3894c9;
}

.row.custom_contact > .col-md-5 {
    background-color: #f7f7f7;
    margin-right: calc(var(--bs-gutter-x) * 0.5);
    margin-left: calc(var(--bs-gutter-x) * 0.5);
    margin-bottom: 2rem;
    padding: 2rem;
}
.row.custom_contact > .col-md-5 > p {
    color: #333333;
    font-size: 18px;
}

.row.custom_contact > .col-md-5 > p.custom_title {
    line-height: 1.2;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    border-bottom: 1px solid;
}
span.m2 {
    font-size: 11px;
    vertical-align: text-top;
}
/* contact */

/* direction */

.carousel-inner.custom-carousel {
    margin-bottom: 2rem;
}
@media (min-width: 1024px) {
    .custom-carousel img {
        height: 500px;
        object-fit: cover;
    }
}

/* direction */