/* Page lessons styles */

/* FIX_20201223 ->> */
/* Tarifs Grid */
.tarifs_grid {
    margin: 88px 0;
}
.tarifs_grid .item {
    margin: 20px 0;
    height: auto;
}
.tarifs_grid .item .in {
    position: relative;
    height: 100%;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: -10px -10px 10px rgba(239, 245, 249, 0.2), 3px 3px 5px rgba(92, 108, 119, 0.2);
    border-radius: 6px;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.01em;
}
.tarifs_grid .item.sale-badge .in::after {
    content: '';
    position: absolute;
    z-index: 0;
    width: 36px;
    height: 34px;
    background: url(../img/badge_sale.svg) no-repeat;
    background-size: 100%;
    top: -13px;
    right: 0;
}
.tarifs_grid .img {
    margin: 0 0 25px;
}
.tarifs_grid .name, .tarifs_grid .type {
    display: block;
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #767671;
}
.tarifs_grid .title {
    margin: 10px 0 30px;
    font-weight: bold;
    font-size: 24px;
    line-height: 150%;
    text-transform: uppercase;
    color: #015792;
}
.tarifs_grid .descr {
    font-size: 16px;
    line-height: 22px;
    color: inherit;
}
.tarifs_grid .dates {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
}
.tarifs_grid .dates .item {
    width: 40%;
    margin: 30px 0 20px;
}
.tarifs_grid .pay {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 10px;
}
.tarifs_grid .price {
    position: relative;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #767671;
}
.tarifs_grid .price:after {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: #D33131;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.tarifs_grid .discount {
    padding-left: 5px;
    font-weight: bold;
    font-size: 24px;
    line-height: 12px;
    text-transform: uppercase;
    color: #211F1D;
}
.tarifs_grid .item .btn {
    width: 100%;
    margin: 20px 0 0;
    padding: 10px 25px;
    border: 1px solid transparent;
    color: #fff;
    background: #015792;
}
.tarifs_grid .item .btn.sec {
    color: #015792;
    background-color: transparent;
    border: 1px solid #015792;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSA2SDIxLjVNMjEuNSA2TDE2LjAyMTcgMC41TTIxLjUgNkwxNi4wMjE3IDExLjUiIHN0cm9rZT0iIzAxNTc5MiIvPgo8L3N2Zz4K") no-repeat;
    background-position: right 45px center;
    background-size: 20px;
    padding-right: 30px;
}
.tarifs_grid .item .btn:hover, .tarifs_grid .item .btn:focus {
    opacity: .87;
}
/* <<-- FIX_20201223 */


.lessons .hero {
    background: linear-gradient(180deg, #59B2CF 10.09%, rgba(89, 178, 207, 0.55) 33.8%, rgba(89, 178, 207, 0.17) 56.11%, rgba(89, 178, 207, 0.1) 77.03%);
}
.lessons .hero::before {
    height: 100%;
    background-position: center;
    width: 100%;
    opacity: .3;
}
.lessons .hero::after {
    width: 160px;
    height: 100%;
    bottom: -550px;
    z-index: 1;
}
.lessons .hero .line2 {
    padding-top: 60px;
}
.lessons .hero .line2 > div {
    padding-right: 45%;
}
.lessons .hero .num {
    margin: 10px 0;
    font-weight: bold;
    font-size: 56px;
    line-height: 140%;
    text-transform: uppercase;
    color: #FFC029;
}
.lessons .hero .right::before {
    z-index: -1;
    top: -240px;
    right: -80px;
    height: 600px;
    background-size: 160px;
}
.lessons-filters .block-4 {
    padding: 0;
}

/* Tabs */
.ltabs { padding: 0; border: 0; }
.tabs__nav {
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
}
.tabs__nav li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.tabs__nav li::before {
    display: none;
}
.tabs__nav a {
    display: block;
    line-height: 1.05;
    text-align: center;
    background: #fff;
}
.ltabs > .tabs__nav a {
    padding: 20px 30px;
    border-radius: 0;
    border: 1px solid #CDC6C0;
    border-bottom-color: #fff;
}
.mtabs {
    margin: 60px 0 0;
}
/* FIX_20201223 ->> */
.mtabs .tabs__nav li {
    width: 33.33%;
}
/* <<-- FIX_20201223 */
.mtabs .tabs__nav a {
    padding: 7px;
    color: #767671;
    border-bottom: 2px solid #CDC6C0;
    font-size: 16px;
    background: transparent;
}
.mtabs .tabs__nav a.active {
    color: #008ac8;
    border-color: #008ac8;
}
.tabs__nav .special a {
    font-weight: bold;
    text-transform: uppercase;
    color: #015792;
}
.ltabs > .tabs__nav .active {
    color: #Fff;
    background: #015792;
    border: 1px solid #015792;
}
.tabs__item {
    display: none;
    animation: fadeEffect .3s;
}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.tabs__item.active {
    display: block;
}
.filters_wrap {
    position: relative;
    margin: 0;
    padding: 20px 40px;
    background: #EBF4FB;
}
.lessons-switcher {
    display: none;
    position: absolute;
    top: 20px;
    left: 12px;
    display: flex;
    flex-direction: column;
}
.lessons-switcher .icon {
    display: block;
    margin: 0 0 10px;
    color: #CDC6C0;
}
.lessons-switcher .icon.active {
    color: #015792;
}
.lessons-switcher .icon:hover {
    cursor: pointer;
}
.lessons-filter {
    padding: 5px 0;
}

.lessons-filter .select2-container--default .select2-search--inline {
    float: none;
}
.lessons-filter .select2-container--default .select2-search--inline .select2-search__field {
    margin: 0;
    width: 100% !important;
}
.lessons-filter .select2-container--default .select2-selection--single .select2-selection__rendered, .lessons-filter .select2-container--default .select2-selection--multiple, .lessons-filter.search input {
    display: block;
    /* FIX_20201223 -->> */
    padding: 10px 45px 10px 20px;
    /* <<-- FIX_20201223 */
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.01em;
}
.lessons-filter .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #211f1d;
}
.lessons-filter .select2-container--default .select2-selection--single, .lessons-filter .select2-container--default .select2-selection--multiple, .lessons-filter.search input {
    height: auto;
    border: 1px solid #015792;
    border-radius: 6px;
}
.lessons-filter.search {
    position: relative;
    height: min-content;
}
.lessons-filter.search input {
    width: 100%;
}
.lessons-filter.search .search_button {
    position: absolute;
    z-index: 1;
    top: calc(50% - 10px);
    right: 30px;
    width: 20px;
    height: 18px;
    background-image: url(../img/icon_search.svg);
    background-repeat: no-repeat;
    background-size: 21px;
    background-color: transparent;
    border: none;
}
.lessons-filter.search .search_button:hover, .lessons-filter.search .search_button:focus {
    opacity: .9;
    outline: none;
}

/* Lessons filter select2 */
.lessons-filter .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    position: absolute;
    top: 0;
    right: 18px;
    width: 20px;
}
.lessons-filter .select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--multiple:before {
    border: unset;
    height: 11px;
    left: 0;
    margin: 0;
    position: absolute;
    top: calc(50% - 5px);
    width: 20px;
    background-size: 20px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDA3ODEgMUwxMC41MDc4IDEwLjVMMjAuMDA3OCAxIiBzdHJva2U9IiMyMTFGMUQiLz4KPC9zdmc+Cg==") no-repeat;
    transition: .2s;
}
.lessons-filter .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--open .select2-selection--multiple:before {
    transform: rotate(180deg);
}
.lessons-filter .select2-selection.select2-selection--single:focus, .lessons-filter.search input:focus {
    outline: none;
}



.lessons-filter .select2-container--default .select2-selection--multiple {
    display: flex !important;
}
.lessons-filter .select2-container--default .select2-selection--multiple ul {
    flex: 0 0 auto;
    width: auto !important;
    margin: 0 !important;
}
.lessons-filter .select2-container--default .select2-selection--multiple .select2-search {
    flex: 1 1 auto;
}
.lessons-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    padding: 0;
}

.lessons-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered li::before {
    display: none;
}

.lessons .select2-results {
    font-size: 16px;
    line-height: 24px;
}
.lessons .select2-results__option {
    padding: 9px 16px 9px 45px;
    margin: 0;
}
.lessons .select2-results__option::before {
    display: none;
}
.lessons .select2-results__option.select2-results__option--selectable.select2-results__option--selected {
    color: inherit;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNSAxM0w4LjUgMTcuNUwxOS41IDYuNSIgc3Ryb2tlPSIjMjExRjFEIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat 11px center;
    background-color: #EBF4FB;
}
.lessons .select2-container--default .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    /* FIX_20201223 ->> DELETE THIS LINES! */
    top: 15px;
    /* <<-- FIX_20201223 */
    right: 18px;
    left: unset;
    cursor: pointer
}
.lessons .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0;
}
.lessons .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 5px 5px 0 0;
    border: 1px solid #E1EFF1;
    background: #fff;
    width: 100%;
}
.lessons .age .select2-container--default .select2-selection--multiple .select2-selection__choice {
    width: calc(50% - 5px);
}
.lessons .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: 0;
    border-right: 1px solid #E1EFF1;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #211F1D;
    font-size: 16px;
    font-weight: 100;
    cursor: pointer;
    padding: 0 4px;
}
.lessons .select2-container--default .select2-selection--multiple .select2-selection__choice::before {
    display: none;
}
.lessons .select2-container--open .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    cursor: pointer;
}
.lessons .select2-container--open .select2-dropdown--below {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Lessons Grid */
.lessons .block-4 .more {
    color: #E99429;
}
.lessons_grid .item {
    margin: 10px 0;
    height: auto;
}
.lessons_grid .item .in {
    height: 100%;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: -10px -10px 10px rgba(239, 245, 249, 0.2), 3px 3px 5px rgba(92, 108, 119, 0.2);
    border-radius: 6px;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.01em;
}
.lessons_grid .top {
    display: flex;
    justify-content: space-between;
}
.lessons_grid .section {
    height: 30px;
}
.lessons_grid .type {
    margin: 0 0 5px;
    color: #CDC6C0;
}
.lessons_grid .title {
    font-size: 24px;
    line-height: 27px;
    color: #015792;
}
.lessons_grid .counters {
    display: flex;
    align-items: center;
    margin: 20px 0 10px;
    color: #111;
    font-size: 13px;
}
.lessons_grid .counters .with_icon {
    height: 20px;
    background: url(../img/icon_lessons.svg) no-repeat;
    background-size: 20px;
    margin: 0 10px 10px 0;
    padding: 0 0 0 24px;
}
.lessons_grid .counters .with_icon.stars {
    background: url(../img/icon_stars.svg) no-repeat;
}
.lessons_grid .counters .with_icon.medals {
    background: url(../img/icon_medals.svg) no-repeat;
}
.lessons_grid .counters .with_icon:last-child {
    margin: 0 0 10px 0;
}
.lessons_grid .item:not(.inject) .btn {
    margin: 0 20px 0 0;
    padding: 10px 25px;
    border: 1px solid #015792;
    color: #015792;
    background: transparent;
}
.lessons_grid .item:not(.inject) .btn:hover, .lessons_grid .item:not(.inject) .btn:focus {
    color: #fff;
    background: #015792;;
}
.lessons_grid .more {
    color: #767671;
}
.lessons_grid .more:hover {
    color: #015792;
}
.lessons_grid .lessons-list, .lessons_grid.view-mode-rows .counters, .lessons_grid.view-mode-rows .item:not(.inject) .buttons {
    display: none;
}
.lessons_grid.view-mode-rows .lessons-list {
    display: block;
    margin: 15px 0 0;
    padding: 0;
}
.lessons_grid .lessons-list li {
    position: relative;
    list-style: none;
    margin: 5px 0 0;
    padding: 0 0 0 27px;
}
.lessons_grid .lessons-list li::before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 17px;
    height: 17px;
    background: url(../img/icon_stars.svg) no-repeat;
    background-size: 100%;
    left: 0;
}
.lessons_grid .lessons-list li.gray::before {
    background: url(../img/icon_stars_gray.svg);
}
.lessons_grid .inject .title {
    font-weight: bold;
    font-size: 24px;
    line-height: 150%;
    text-transform: uppercase;
    color: #211F1D;
}
.lessons_grid .inject .text-link {
    display: inline-block;
    padding: 0 31px 0 0;
    font-size: 16px;
    line-height: 140%;
    color: #767671;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNkgyMU0yMSA2TDE1LjUyMTcgMC41TTIxIDZMMTUuNTIxNyAxMS41IiBzdHJva2U9IiM3Njc2NzEiLz4KPC9zdmc+Cg==") no-repeat right center;
}
.lessons_grid .inject .text-link:hover {
    color: #015792;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNkgyMU0yMSA2TDE1LjUyMTcgMC41TTIxIDZMMTUuNTIxNyAxMS41IiBzdHJva2U9IiMwMTU3OTIiLz4KPC9zdmc+Cg==");
}
.inject .list {
    margin: 30px 0 0;
    padding: 0;
}
.inject:not(.t2) .title, .lessons_grid .inject:not(.t2) .buttons {
    padding: 0 0 0 38px;
}
.inject.t2 .btn {
    margin: 42px 0 0;
    padding: 12px;
    width: 100%;
}
.inject.t2 h2 {
    font-size: 40px;
    color: inherit;
}

/* Lessons Fancybox popup */
.lessons .popup.fancybox-content {
    position: relative;
    padding: 120px 50px;
    max-width: 600px;
    border: 1px solid #E1EFF1;
    box-sizing: border-box;
    border-radius: 6px;
    background: url(../img/bg_popup.png) no-repeat top left;
    background-size: 50%;
    background-color: #fff;
    font-size: 16px;
    line-height: 22px;
}
.lessons .popup .content {
    position: relative;
    z-index: 2;
}
.lessons .popup::after {
    position: absolute;
    z-index: 0;
    content: '';
    left: 10px;
    bottom: 59px;
    width: 243px;
    height: 132px;
    background: url(../img/bg_popup_2.svg) no-repeat bottom left;
}
.lessons .popup .title {
    font-weight: 400;
    font-size: 42px;
    line-height: 130%;
    text-align: center;
    color: #015792;
}
.lessons .popup .list {
    margin: 64px 0 0;
    padding: 0;
}
.lessons .popup p {
    margin: 0 0 20px;
}
.inject .list li, .lessons .popup .list li {
    position: relative;
    list-style: none;
    margin: 0 0 20px;
    padding: 0 0 0 38px;
}
.inject .list li::before, .lessons .popup .list li::before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMDgzOSAyNEM2LjE1OTIgMjMuODA2NCA3LjMxNDYzIDIyLjQ0MTggOC4yNjk1OCAyMS4wMjk1QzEyLjU4NDEgMTQuNjQ4NCAxOS42OTc5IDUuODE0ODYgMjIuNjUxNSAyLjI4NTVDMjYuNjU2NCAtMi40OTk5NiAyMC43Njc0IDEuMTc5MjggMTcuNjE3OCA0LjY3ODU4QzE1LjM3MjIgNy4xNzM0NSAxMC4xOTg3IDEzLjQ1MjQgOC4yNjk1OCAxNi4yNDM4QzcuMjcwNDMgMTcuNjg5NiA3LjIxOTMzIDE3LjQ0MDMgNi4xMTIzIDE5LjAzNTZMMCA4LjY2NjM5VjEyLjI1NTdMNi4wODM5IDI0WiIgZmlsbD0iI0ZGQzAyOSIvPgo8L3N2Zz4K") no-repeat;
    background-size: 100%;
    left: 0;
}
.lessons .popup .buttons {
    margin: 60px 0 0;
}
.lessons .popup .buttons .btn:focus {
    opacity: 1;
}
.lessons .popup .text-link {
    display: inline-block;
    margin: 42px 0 0;
    text-decoration: underline;
    color: #767671;
}
.lessons .our_app {
    position: relative;
    background: transparent;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
}
.lessons .our_app::before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg_our_app.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    top: -60px;
    left: 0;
}
.lessons .our_app .img {
    position: relative;
    right: -130px;
}
.lessons .loadmore {
    margin: 50px 0 70px;
    text-align: center;
}
.lessons .loadmore .btn {
    background: #FFFFFF;
    border: 1px solid #334D0E;
    box-sizing: border-box;
    border-radius: 6px;
}

/* Tab Age */
.age_grid .block-4 .item {
    display: flex;
    align-items: flex-start;
    margin: 0 0 60px;
    padding: 0 20px;
}
.age_grid .block-4 .item.inject {
    display: block;
}
.age_grid .block-4 .item.inject.t2 .btn {
    margin: 30px 0 0;
}
.age_grid .btn.age {
    width: 100%;
    padding: 14px 92px 14px 50px;
    font-family: 'Zhizn';
    font-size: 30px;
    line-height: 1;
    background: #fff;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyOSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4IDguNUgwTTI4IDguNUwyMC4xNDA0IDFNMjggOC41TDIwLjE0MDQgMTYiIHN0cm9rZT0iI0QzMzEzMSIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: 75% center;
    color: #D33131;
    border: 1px solid #D33131;
    box-shadow: -10px -10px 10px rgba(239, 245, 249, 0.15), 3px 3px 5px rgba(181, 181, 181, 0.2);
}
.age_grid .age-1 .btn.age {
    color: #53218c;
    border-color: #53218c;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyOSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yOCA4LjVIME0yOCA4LjVMMjAuMTQwNCAxTTI4IDguNUwyMC4xNDA0IDE2IiBzdHJva2U9IiM1MzIxOGMiLz4NCjwvc3ZnPg==);
}
.age_grid .age-2 .btn.age {
    color: #768C21;
    border-color: #768C21;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyOSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4IDguNUgwTTI4IDguNUwyMC4xNDA0IDFNMjggOC41TDIwLjE0MDQgMTYiIHN0cm9rZT0iIzc2OEMyMSIvPgo8L3N2Zz4K");
}
.age_grid .age-3 .btn.age {
    color: #E99429;
    border-color: #E99429;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyOSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4IDguNUgwTTI4IDguNUwyMC4xNDA0IDFNMjggOC41TDIwLjE0MDQgMTYiIHN0cm9rZT0iI0U5OTQyOSIvPgo8L3N2Zz4K");
}
.age_grid .age-4 .btn.age {
    color: #334D0E;
    border-color: #334D0E;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyOSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4IDguNUgwTTI4IDguNUwyMC4xNDA0IDFNMjggOC41TDIwLjE0MDQgMTYiIHN0cm9rZT0iIzMzNEQwRSIvPgo8L3N2Zz4K");
}
.age_grid .age-5 .btn.age {
    color: #008AC8;
    border-color: #008AC8;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyOSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4IDguNUgwTTI4IDguNUwyMC4xNDA0IDFNMjggOC41TDIwLjE0MDQgMTYiIHN0cm9rZT0iIzAwOEFDOCIvPgo8L3N2Zz4K");
    padding: 14px 80px 14px 40px;
    font-size: 20px;
    background-position: 88% center;
}
.age_grid .btn.age:hover {
    color: #fff;
    background-color: #D33131;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyOSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4IDguNUgwTTI4IDguNUwyMC4xNDA0IDFNMjggOC41TDIwLjE0MDQgMTYiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==");
}
.age_grid .age-1 .btn.age:hover {
    color: #fff;
    background-color: #53218c;
}
.age_grid .age-2 .btn.age:hover {
    color: #fff;
    background-color: #768C21;
}
.age_grid .age-3 .btn.age:hover {
    background-color: #E99429;
}
.age_grid .age-4 .btn.age:hover {
    background-color: #334D0E;
}
.age_grid .age-5 .btn.age:hover {
    background-color: #008AC8;
}
.age_grid .list, .age_skill_description_block ul {
    margin: 40px 0 20px;
    padding: 0;
    text-align: left;
}
.age_grid .list li, .age_skill_description_block li {
    position: relative;
    list-style: none;
    margin: 0 0 10px;
    padding: 0 0 0 28px;
}
.age_grid .list li::before, .age_skill_description_block li::before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNTYyOTMgMThDNC42MTk0IDE3Ljg1NDggNS40ODU5NyAxNi44MzE0IDYuMjAyMTggMTUuNzcyMUM5LjQzODExIDEwLjk4NjMgMTQuNzczNCA0LjM2MTE1IDE2Ljk4ODYgMS43MTQxMkMxOS45OTIzIC0xLjg3NDk3IDE1LjU3NTYgMC44ODQ0NjMgMTMuMjEzMyAzLjUwODkzQzExLjUyOTIgNS4zODAwOCA3LjY0OTA1IDEwLjA4OTMgNi4yMDIxOCAxMi4xODI5QzUuNDUyODIgMTMuMjY3MiA1LjQxNDUgMTMuMDgwMiA0LjU4NDIyIDE0LjI3NjdMMCA2LjQ5OTc5VjkuMTkxNzRMNC41NjI5MyAxOFoiIGZpbGw9IiNEMzMxMzEiLz4KPC9zdmc+Cg==") no-repeat;
    background-size: 100%;
    left: 0;
}
.age_grid .age-2 .list li::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNTYyOTMgMThDNC42MTk0IDE3Ljg1NDggNS40ODU5NyAxNi44MzE0IDYuMjAyMTggMTUuNzcyMUM5LjQzODExIDEwLjk4NjMgMTQuNzczNCA0LjM2MTE1IDE2Ljk4ODYgMS43MTQxMkMxOS45OTIzIC0xLjg3NDk3IDE1LjU3NTYgMC44ODQ0NjMgMTMuMjEzMyAzLjUwODkzQzExLjUyOTIgNS4zODAwOCA3LjY0OTA1IDEwLjA4OTMgNi4yMDIxOCAxMi4xODI5QzUuNDUyODIgMTMuMjY3MiA1LjQxNDUgMTMuMDgwMiA0LjU4NDIyIDE0LjI3NjdMMCA2LjQ5OTc5VjkuMTkxNzRMNC41NjI5MyAxOFoiIGZpbGw9IiM3NjhDMjEiLz4KPC9zdmc+Cg==");
}
.age_grid .age-3 .list li::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNTYyOTMgMThDNC42MTk0IDE3Ljg1NDggNS40ODU5NyAxNi44MzE0IDYuMjAyMTggMTUuNzcyMUM5LjQzODExIDEwLjk4NjMgMTQuNzczNCA0LjM2MTE1IDE2Ljk4ODYgMS43MTQxMkMxOS45OTIzIC0xLjg3NDk3IDE1LjU3NTYgMC44ODQ0NjMgMTMuMjEzMyAzLjUwODkzQzExLjUyOTIgNS4zODAwOCA3LjY0OTA1IDEwLjA4OTMgNi4yMDIxOCAxMi4xODI5QzUuNDUyODIgMTMuMjY3MiA1LjQxNDUgMTMuMDgwMiA0LjU4NDIyIDE0LjI3NjdMMCA2LjQ5OTc5VjkuMTkxNzRMNC41NjI5MyAxOFoiIGZpbGw9IiNFOTk0MjkiLz4KPC9zdmc+Cg==");
}
.age_grid .age-4 .list li::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNTYyOTMgMThDNC42MTk0IDE3Ljg1NDggNS40ODU5NyAxNi44MzE0IDYuMjAyMTggMTUuNzcyMUM5LjQzODExIDEwLjk4NjMgMTQuNzczNCA0LjM2MTE1IDE2Ljk4ODYgMS43MTQxMkMxOS45OTIzIC0xLjg3NDk3IDE1LjU3NTYgMC44ODQ0NjMgMTMuMjEzMyAzLjUwODkzQzExLjUyOTIgNS4zODAwOCA3LjY0OTA1IDEwLjA4OTMgNi4yMDIxOCAxMi4xODI5QzUuNDUyODIgMTMuMjY3MiA1LjQxNDUgMTMuMDgwMiA0LjU4NDIyIDE0LjI3NjdMMCA2LjQ5OTc5VjkuMTkxNzRMNC41NjI5MyAxOFoiIGZpbGw9IiM3NjhDMjEiLz4KPC9zdmc+Cg==");
}
.age_grid .age-5 .list li::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNTYyOTMgMThDNC42MTk0IDE3Ljg1NDggNS40ODU5NyAxNi44MzE0IDYuMjAyMTggMTUuNzcyMUM5LjQzODExIDEwLjk4NjMgMTQuNzczNCA0LjM2MTE1IDE2Ljk4ODYgMS43MTQxMkMxOS45OTIzIC0xLjg3NDk3IDE1LjU3NTYgMC44ODQ0NjMgMTMuMjEzMyAzLjUwODkzQzExLjUyOTIgNS4zODAwOCA3LjY0OTA1IDEwLjA4OTMgNi4yMDIxOCAxMi4xODI5QzUuNDUyODIgMTMuMjY3MiA1LjQxNDUgMTMuMDgwMiA0LjU4NDIyIDE0LjI3NjdMMCA2LjQ5OTc5VjkuMTkxNzRMNC41NjI5MyAxOFoiIGZpbGw9IiMwMDhBQzgiLz4KPC9zdmc+Cg==");
}
.age_grid .bottom {
    padding: 0 0 0 28px;
}
.age_grid .text-link {
    font-size: 16px;
    line-height: 22px;
    text-decoration: underline;
    color: #767671;
}
.age_grid .text-link:hover {
    opacity: .8;
}
.prefooter .age_boys {
    padding-bottom: 60px;
}

/* (desktops, 480px and more) */
@media all and (min-width: 480px) {
    .lessons .hero::after {
        width: 250px;
    }
    .lessons .hero .right::before {
        top: -210px;
    }
}

/* Large devices (desktops, 991px and more) */
@media all and (min-width: 991px) {
    .lessons .hero {
        background: linear-gradient(180deg, #59B2CF 10.09%, rgba(255, 255, 255, 0) 77.03%), #FFFFFF;
    }
    .lessons .hero::before {
        height: 100%;
        background-position: 50% 175%;
        opacity: .5;
    }
    .lessons .hero::after {
        width: 802px;
        height: 100%;
        bottom: -490px;
        z-index: 0;
    }
    .hero .line2 {
        padding-top: 80px;
        padding-bottom: 40px;
    }
    .lessons .hero .line1, .lessons .hero .line2 {
        padding-right: 280px;
    }
    .lessons .hero .line2 > div {
        padding-right: 20px;
    }
    .lessons .hero .right::before {
        top: -270px;
        right: -260px;
        background-image: url(../img/zaika_lessons.png);
        background-size: 100%;
    }
    .lessons .hero .num {
        font-size: 70px;
    }
    .tabs__nav {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* FIX_20201223 ->> DELETE THIS LINES! */

    /*
	.tabs__nav li {
		width: 160px;
	}
	.mtabs .tabs__nav li {
		width: 33.33%;
	}
	.tabs__nav .special {
		width: 360px;
	}
	*/

    /* <<-- FIX_20201223 */
    /* FIX_20201223 ->> */
    .ltabs > .tabs__nav a {
        border-radius: 6px 6px 0px 0px;
    }
    /* <<-- FIX_20201223 */
    .lessons-filter {
        margin: 0;
        padding: 0 15px;
    }
    .filters_wrap .row {
        margin-left: -10px;
    }
    .lessons_grid .item {
        margin: 40px 0;
        height: auto;
    }
    .lessons_grid .section {
        height: 60px;
    }
    .lessons_grid .counters {
        margin: 68px 0 30px;
    }


    .lessons-filters .ltabs > .tabs__nav {
        border-bottom: 20px solid #015792;
    }
}

/* ExtraLarge devices (desktops, 1400px and more) */
@media all and (min-width: 1400px) {
    .hide-xl {
        display: block;
        visibility: unset;
        position: initial;
        left: unset;
    }
    #to-top {
        right: 0;
    }
    .before {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
    }
    .block-4 .before {
        top: 100px;
    }
    .home .block-4::before, .home .block-4::after {
        content: '';
        position: absolute;
        z-index: 3;
        width: 892px;
        height: 60%;
        background-image: url(../img/hare-winking-noshadow.gif);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 345px;
        bottom: 150px;
        right: 0;
    }
    .block-4::after {
        z-index: 2;
        width: 492px;
        height: 60%;
        background-image: url(../img/bg_vetka.png);
        background-repeat: no-repeat;
        background-size: 100%;
        bottom: -200px;
        right: 0;
    }
    .block-7 .before {
        top: 107px;
    }
    .recs .before {
        top: 105px;
    }
    .prefooter .age_boys {
        padding-bottom: 100px;
    }
}

/* ExtraLarge devices (desktops, 1400px and more) */
@media all and (min-width: 1400px) {
    .lessons .main-wrap::after {
        content: unset;
    }
}
@media all and (min-width: 1620px) {
    .lessons .main-wrap::after {
        content: '';
        width: 600px;
    }
}
@media all and (min-width: 1920px) {
    .lessons .main-wrap::after {
        width: 802px;
    }
}