

/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?176561519351*/
font.errortext{color:red}font.notetext{color:green}
/* End */


/* Start:/local/templates/neverland/components/scid/simple/class_schedule_cafe/style.css?17611286076229*/
.m-timetable__time {
    display: none
}

.timetable__table {
    position: relative
}

.nev-block_timetable .nev-block__caption {
    margin: 66px 0 0 0;
    background-color: #f4fdff;
    z-index: 2000
}

.timetable__table {
    border-spacing: 6px;
    overflow: hidden
}

.timetable__table tr th {
    height: 70px;
    background: #d9f7ff;
    border-radius: 10px;
    text-align: center;
    text-align: center;
    font-size: 18px;
    font-weight: 500
}

.timetable__table tr th:first-child {
    width: 155px;
    background: rgba(0, 0, 0, 0)
}

.timetable__table tr td {
    width: 226px;
    height: 94px;
    padding: 0 24px 0;
    font-size: 16px;
    line-height: 24px;
    background: #fff;
    border-radius: 10px
}

.timetable__table tr td:first-child {
    width: 155px;
    background: #f1d9d1
}

.timetable__time {
    width: 155px;
    background: #f1d9d1;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 500
}

.timetable__thead_fixed {
    position: fixed;
    top: 0px;
    z-index: 100;
    margin: 0 -6px
}

.timetable__thead_fixed tr th {
    width: 226.58px
}

.timetable__thead_fixed tr th:first-child {
    width: 155px
}


.js--nev-block_timetable .timetable__thead tr {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    padding: 0 20px;
    margin: auto;
    max-width: 1410px;
    opacity: 100%;
    transition: opacity 1s linear
}

.js--nev-block_timetable .timetable__thead tr th {
    width: 226px
}

.js--nev-block_timetable .timetable__thead tr th:first-child {
    width: 155px
}

.timetable:after {
    content: "";
    background-color: #f4fdff;
    height: 130px;
    width: 100%;
    z-index: 1000;
    display: block;
    position: relative
}

.timetable:before {
    content: "";
    background-color: #f4fdff;
    height: 58px;
    width: 100%;
    z-index: 1000;
    display: block;
    position: relative
}

@media screen and (max-width: 1440px) {
    .nev-block_timetable .nev-block__caption {
        margin: 66px 0 0
    }
}

@media screen and (max-width: 1400px) {
    .timetable__table {
        border-spacing: 0px
    }

    .timetable__table tr {
        display: flex;
        gap: 6px;
        margin: 0 0 6px 0
    }

    .timetable__table tr th,
    .timetable__table tr td {
        width: 16vw;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .timetable__table tr th {
        width: 16vw
    }

    /* .js--nev-block_timetable .timetable__thead tr {
        padding: 0 0 0 40px
    } */

    .js--nev-block_timetable .timetable__thead tr th {
        width: 16vw
    }
}

@media screen and (max-width: 1280px) {
    .timetable__table tr td {
        height: 110px
    }
}

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

    .timetable__table tr td:first-child,
    .timetable__table tr th:first-child {
        padding: 0 5px;
        width: 10vw
    }

    .js--nev-block_timetable .timetable__table tr td:first-child,
    .js--nev-block_timetable .timetable__table tr th:first-child {
        padding: 0 5px;
        width: 10vw
    }
}

@media screen and (max-width: 1023px) {
    .timetable:before {
        background-color: rgba(0, 0, 0, 0);
        height: 50px
    }

    .nev-block_timetable .nev-block__caption {
        margin: 80px 0 0px
    }

    .timetable__table {
        width: 100%
    }

    .timetable__table .timetable__thead tr th:first-child {
        display: none
    }

    .timetable__table .timetable__thead tr th {
        cursor: pointer;
        background: #d9f7ff
    }

    .timetable__table tr td,
    .timetable__table tr th {
        width: 20%
    }

    /* .js--nev-block_timetable .timetable__thead tr {
        padding: 0 40px
    } */

    .js--nev-block_timetable .timetable__thead tr th {
        width: 20%
    }

    .timetable__tbody tr {
        background: #fff;
        border-radius: 10px
    }

    .timetable__tbody tr td {
        width: 80%;
        height: 72px;
        justify-content: left;
        padding: 0;
        flex-wrap: wrap;
    }

    .timetable__tbody tr td span {
        display: block;
        border-radius: 20px;
        background: #f1d9d1;
        font-size: 14px;
        padding: 4px 14px;
        line-height: normal;
    }

    .timetable__tbody tr td.js--hidden {
        display: none
    }

    .timetable__tbody tr td.js--hidden:not(:nth-of-type(2)) {
        background: red;
        display: none
    }

    .timetable__thead tr th,
    .timetable__table tr td:first-child {
        background: rgba(0, 0, 0, 0)
    }

    .timetable__thead tr th.js--active,
    .timetable__table tr td:first-child.js--active {
        background: #306ae0;
        color: #fff
    }

    .timetable__table tr td:first-child,
    .timetable__table tr th:first-child,
    .js--nev-block_timetable .timetable__table tr td:first-child,
    .js--nev-block_timetable .timetable__table tr th:first-child {
        width: 20%;
        justify-content: center
    }

    .timetable__table .timetable__thead tr th {
        height: 60px
    }
}

@media screen and (max-width: 680px) {
    .container {
        padding: 0 20px
    }

    .timetable__table tr {
        gap: 8px
    }

    .timetable__tbody tr {
        flex-direction: column;
        padding: 20px 16px
    }

    .timetable__table tr td:first-child,
    .timetable__table tr th:first-child,
    .js--nev-block_timetable .timetable__table tr td:first-child,
    .js--nev-block_timetable .timetable__table tr th:first-child {
        width: 100%;
        height: auto;
        justify-content: flex-start;
        padding: 0
    }

    /* .js--nev-block_timetable .timetable__thead tr {
        padding: 0 40px
    } */

    .timetable__tbody tr td {
        height: auto
    }

    .timetable__tbody tr td span {
        padding: 2px 12px
    }

    .nev-block_timetable .nev-block__caption,
    .nev-block_detailed .nev-block__caption {
        font-size: 30px;
        line-height: 44px;
        margin: 50px 0 0
    }

    .timetable__table tr {
        margin: 0 0 8px 0
    }
}

@media screen and (max-width: 480px) {
    .js--nev-block_timetable .timetable__thead tr {
        padding: 0 20px;
    }
}
/* End */


/* Start:/local/templates/neverland/components/scid/simple/prices/style.css?17519735356155*/
.nev-block_price {
    position: relative;
    background-color: #f4fdff;
    z-index: 1000;
    margin: 0 auto 100px;
    padding: 0 40px;
    max-width: 1410px
}

.price {
    background-size: cover;
    background-repeat: no-repeat;
    height: 738px
}

.price__row {
    display: flex
}

.price__col_image {
    overflow: hidden
}

.price__col_image img {
    max-width: 100%;
    shape-outside: circle(50%);
    position: relative;
    z-index: -1;
    height: 530px;
    transition: transform .4s linear;
    -o-object-fit: contain;
    object-fit: contain
}

.price__col_image:hover img {
    transform: scale(1.1)
}

.price__col_value {
    flex: 0 1 48%;
    width: 486px;
    flex-basis: 486px;
    margin: 0 0 0 -67px
}

.price__table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse
}

.price__table tr:not(:last-child) {
    border-bottom: 1px solid rgba(193, 101, 71, .2)
}

.price__table td:not(:last-child):not(:first-child),
.price__table th:not(:last-child):not(:first-child) {
    border-left: 1px solid rgba(193, 101, 71, .2);
    border-right: 1px solid rgba(193, 101, 71, .2)
}

.price__table td:not(:last-child):not(:first-child),
.price__table th:not(:last-child):not(:first-child) {
    border-left: 1px solid rgba(193, 101, 71, .2);
    border-right: 1px solid rgba(193, 101, 71, .2)
}

.price__thead tr {
    border-bottom: 1px solid rgba(193, 101, 71, .2)
}

.price__thead tr th {
    font-size: 20px;
    color: #2d6adc;
    text-align: center;
    height: 80px;
    line-height: 30px;
    padding: 0 10px
}

.price__table tbody tr td {
    height: 80px;
    font-size: 18px;
    text-align: center
}

.price__table tbody tr td:first-child {
    font-weight: 500;
    width: 126px
}

.price__note {
    font-size: 18px;
    color: #00091c;
    margin: 20px 0 0 0;
    padding: 0 0 0 20px
}

@media screen and (max-width: 1400px) {
    .price {
        background-size: contain
    }
}

@media screen and (max-width: 1380px) {
    .price {
        background-size: 100% 713px
    }

    .price__col_value {
        margin: 0 0 0 -130px
    }

    .nev-block_price .nev-block__caption {
        font-size: 40px;
        text-align: left
    }
}

@media screen and (max-width: 1270px) {
    .price__col_value {
        margin: 0 0 0 -188px
    }

    .nev-block_price .nev-block__caption {
        text-align: center
    }
}

@media screen and (max-width: 1220px) {
    .nev-block_price .nev-block__caption {
        text-align: left
    }

    .price__col_value {
        margin: 0px 0 0 -210px
    }
}

@media screen and (max-width: 1180px) {
    .price {
        background-size: 100% 661px
    }

    .price__col_image {
        flex-basis: 53%
    }

    .price__col_image img {
        height: 488px;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .price__col_value {
        flex-basis: 44%
    }

    .nev-block_price .nev-block__caption {
        font-size: 36px
    }

    .price__col_value {
        margin: 0
    }

    .price__thead tr th,
    .price__table tbody tr td {
        height: 66px;
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width: 1024px) {
    .nev-block_price {
        padding: 0
    }

    .price {
        height: auto;
        background-image: none !important;
        background-size: auto
    }

    .price:after {
        content: "";
        display: block;
        background-image: url(/local/templates/neverland/components/scid/simple/prices/images/price_mask.png);
        background-size: 100% 99%;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-position-y: 12px;
        background-repeat: no-repeat
    }

    .price__row {
        flex-direction: column-reverse;
        gap: 24px
    }

    .price__col_value,
    .price__col_image {
        width: 100%;
        flex-basis: 100%
    }

    .price__col_value img,
    .price__col_image img {
        width: 100%;
        height: auto;
        border-radius: 46% 54% 43% 57%/75% 74% 26% 25%
    }

    .price__col_value {
        padding: 0 40px
    }

    .nev-block_price .nev-block__caption {
        text-align: center;
        font-size: 46px;
        font-weight: 500
    }

    .timetable:after {
        content: "";
        height: 70px
    }

    .price__table {
        max-width: 486px
    }

    .price__table tr th {
        padding: 0 10px
    }

    .nev-block_price .nev-block__caption {
        margin: 156px 0 40px
    }

    .price__note {
        max-width: 486px;
        margin: 20px auto 0
    }
}

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

    .price__col_value img,
    .price__col_image img {
        border-radius: inherit
    }

    .price__note {
        font-size: 16px
    }
}

@media screen and (max-width: 730px) {
    .price:after {
        background-position-y: 28px;
        background-size: 100% 97%
    }

    .price__row {
        gap: 16px
    }

    .price__col_value,
    .price__col_image {
        width: 100vw
    }
}

@media screen and (max-width: 680px) {
    .nev-block_price .nev-block__caption {
        font-size: 30px;
        margin: 125px 0 30px
    }

    .price__note {
        margin: 10px auto 0
    }
}

@media screen and (max-width: 625px) {
    .nev-block_price .nev-block__caption {
        margin: 90px 0 30px
    }
}

@media screen and (max-width: 581px) {
    .price__table {
        max-width: 100%
    }

    .price:after {
        background-image: url(/local/templates/neverland/components/scid/simple/prices/images/price_mask_mobile.png);
        background-size: 100% 100%;
        background-position-y: 0px
    }

    .nev-block_price .nev-block__caption {
        margin: 118px 0 16px
    }
}

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

    .container,
    .price__col_value {
        padding: 0 20px
    }

    .nev-block_price .nev-block__caption {
        margin: 60px 0 16px
    }
}

@media screen and (max-width: 370px) {
    .nev-block_price .nev-block__caption {
        margin: 40px 0 0px;
        font-size: 26px
    }

    .price__thead tr th {
        line-height: 18px
    }

    .price__note {
        padding: 0
    }

    .price__thead tr th,
    .price__table tbody tr td {
        height: 56px
    }
}
/* End */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?176561519351 */
/* /local/templates/neverland/components/scid/simple/class_schedule_cafe/style.css?17611286076229 */
/* /local/templates/neverland/components/scid/simple/prices/style.css?17519735356155 */
