/*a:not(.sidebar-btn):not(.primary-btn):not(.second-btn):hover{*/
a:not([class]):hover, a.product-title:hover{
    text-decoration: underline;
    color:#369CB7;
}
.collapse{
    display:none;
}
.collapse.show {
    display: block;
}

.mb-10{
    margin-bottom:10px;
}

.mb-20{
    margin-bottom:20px;
}

.mb-50{
    margin-bottom: 50px;
}

.header.fixed{
    border-bottom:1px solid #369cb7;
}

.close-ico{
    width:14px;
    height:14px;
    background-image: url(/img/icons/close-ico-n.svg);
}

.primary-btn.font-normal,
.second-btn.font-normal{
    font-weight:400;
}


.star-ico-fill{
    width:16px;
    height:16px;
    background-image: url(/img/icons/star-ico-n.svg);
    margin-right:1px;
}
.star-ico-empty{
    width:16px;
    height:16px;
    background-image: url(/img/icons/star-ico-empty.svg);
    margin-right:1px;
}
.star-ico-half{
    width:16px;
    height:16px;
    background-image: url(/img/icons/star-ico-half.svg);
    margin-right:1px;
}

.star-ico-l-half{
    width:16px;
    height:16px;
    background-image: url(/img/icons/star-ico-l-half.svg);
    margin-right:1px;
}

.star-ico-r-half{
    width:16px;
    height:16px;
    background-image: url(/img/icons/star-ico-r-half.svg);
    margin-right:1px;
}

.header-list li.drop .drop-list{
    background: #ffffff;
    box-shadow: 0 9px 20px rgb(0 0 0 / 10%);
    -webkit-border-radius: 0 0 10px 10px;
}

.header-list li.drop .drop-list li a:hover{
    color:#065b5b;
}

.drop-ico-5 {
    width: 32px;
    height: 32px;
    background-image: url(/img/icons/drop/drop-ico-5.svg);
}

.header-list li.drop .drop-list li a:hover .drop-ico-5 {
    background-image:url(/img/icons/drop/drop-ico-5-active.svg);
}

.drop-ico-6 {
    width: 32px;
    height: 32px;
    background-image: url(/img/icons/drop/drop-ico-6.svg);
}

.header-list li.drop .drop-list li a:hover .drop-ico-6 {
    background-image:url(/img/icons/drop/drop-ico-6-active.svg);
}

.drop-ico-7 {
    width: 32px;
    height: 32px;
    background-image: url(/img/icons/drop/drop-ico-7.svg);
}

.header-list li.drop .drop-list li a:hover .drop-ico-7 {
    background-image:url(/img/icons/drop/drop-ico-7-active.svg);
}

.drop-ico-8 {
    width: 32px;
    height: 32px;
    background-image: url(/img/icons/drop/drop-ico-8.svg);
}

.header-list li.drop .drop-list li a:hover .drop-ico-8 {
    background-image:url(/img/icons/drop/drop-ico-8-active.svg);
}

.drop-ico-9 {
    width: 32px;
    height: 32px;
    background-image: url(/img/icons/drop/drop-ico-9.svg);
}

.header-list li.drop .drop-list li a{
    padding: 15px 20px 15px 60px;
}

.header-list li.drop .drop-list li a .hb-ico{
    left: 15px;
}

.header-list li.drop .drop-list li a:hover .drop-ico-9 {
    background-image:url(/img/icons/drop/drop-ico-9-active.svg);
}

.modal-filter.grades:hover{
    background: #369cb7;
    color: #fff;
}

.products-second .product-title{
    min-height:45px;
}

.sidebar-content ul li input+span{
    display: inline-block;
    padding:0 0 0 34px;
}

.sidebar-content ul li input:checked+span{
    color: #369CB7;
    background: url(/img/icons/filter-check.svg) left center no-repeat;
}


.filter-button{
    padding:30px 0;
}

.filter-button .primary-btn{
    width:100%;
}

.modalBasket{
    vertical-align: top;
}

.hidden-modal-call{
    visibility: hidden;
    position: absolute;
    bottom:0px; left:0px;
}

.donate-btn{
    font-size: 14px;
    font-weight: 700;
    color: #369cb7;
}

.level-top-btn{
    font-size: 14px;
    font-weight: 700;
    color: #369cb7;
    text-decoration: underline;
    margin-left:50px;
}

.anchor {
    display: block;
    position: relative;
    top: -90px;
    visibility: hidden;
}

.full-width{
    width:100%;
}

.second-btn.reverse-hover:hover{
    background: #369cb7;
    color: #fff;
}

.modal-bg.dark {
    visibility: visible;
    opacity: 1;
}

.search-ico-blue {
    width: 24px;
    height: 24px;
    background-image: url('/img/icons/search-ico-blue.svg');
}

.ico-sync{
    background-image: url('/img/icons/ico-sync-n.svg');
}

.contacts-wrap .input-block input.error,
.contacts-wrap .input-block select.error,
.contacts-wrap .input-block textarea.error{
    border-color:red;
}

.input-block label.error{
    font-size: 12px;
    font-weight: 300;
    color: red;
}

.book-like,
.book-report{
    border:none;
    width:30px;
    height:40px;
    background-size: auto;
}

.book-like{
    background-image: url(/img/icons/like-blue-n.svg);
}

.book-report{
    background-image: url(/img/icons/report-ico-n.svg);
    background-color: transparent;
}

.fullHeight{
    height:100%;
}

@media only screen and (max-width: 870px) {
    .header-list li.drop .drop-list{
        display:block;
        box-shadow: none;
        background: none;
    }

    .header-list li.drop .drop-text .drop-arrow{
        display: none;
    }

    .header-list li.drop .drop-list li a{
        padding: 10px 20px 10px 60px;
    }
}

@media only screen and (max-width: 575px) {
    .header-nav {
        width: 100%;
    }

    .level-top-btn{
        margin-left:25px;
    }
}.grades:hover{
    background: #369cb7;
    color: #fff;
}

.sidebar-clear-btn{
    cursor: pointer;
    display: none;
    position: absolute;
    top: 20px;
    left: 20px;
    cursor: pointer;
    color: #369cb7;
    text-decoration: underline;
    font-size: 14px;
    line-height: 14px;
    background: #fff;
    z-index:7;
}

.sidebar-bottom{
    z-index: 6;
}

.product-title{
    min-height:44px;
}

.not-rated{
    display: inline-block;
    height:16px;
}

.rating-info{
    font-size: 12px;
    margin-left: 5px;
    line-height: 18px;
    display: inline-block;
    height: 16px;
    vertical-align: top;
    font-weight:700;
}

.favorite-ico.active {
    background-image: url(/img/icons/favorite-ico-active.svg);
}

.search.input-block input{
    padding: 0 20px 0 60px;
}

.search.input-block input.field{
    padding: 0 45px 0 60px;
}

.search.input-block .hb-ico{
    left: 20px;
}

.search.input-block .search-clear{
    position: absolute;
    right: 15px;
    font-size: 11px;
    cursor: pointer;
    top: 15px;
    text-decoration: underline;
}

.review-item{
    min-height:85px;
}
.printable-show-images {
    max-width: 358px;
    width: 100%;
    padding-right: 40px;
}
.printable-show-slider .printable-show-slide {
    width: 318px;
    height: 318px;
    margin-bottom: 30px;
}
.printable-show-slide {
    position: relative;
}
.printable-show-slide img, .printable-show-slide svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 10px;
}
.book .printable-show-gallery-thumbs .printable-show-slide {
    width: 86px;
    height: 86px;
}
.book .printable-show-gallery-thumbs .printable-show-slide img, .book .gallery-thumbs .printable-show-slide svg {
    border: 0.3px solid #BCBCBC;
}

.printable-description #collapseExample.collapse:not(.show) {
    display: block;
    height: 5.9rem;
    overflow: hidden;
} 

.printable-description #collapseExample.collapsing {
    height: 3.2rem;
}

.printable-description a.collapsed::after {
    content: 'Show more';
}

.printable-description a:not(.collapsed)::after {
    content: 'Show less';
}

.show_more_btn{
    color: #369cb7;
    text-decoration: underline;
    font-size: 14px;
    line-height: 17px;
}

@media only screen and (max-width: 767px) {
    .printable-show-images { /* .book-images */
        padding: 0 0 30px;
        max-width: 318px;
    }
    .printable-show-slider .printable-show-slide { /* .book-slider .book-slide */
        margin-bottom: 20px;
    }
}.times-table {
    padding-top:25px;
    padding-bottom:25px;
    margin-bottom: 42px;
    background: rgba(53, 74, 55, 1);
    border-radius: 4px;
}
.times-table .wrapper {
    display: flex;
    justify-content: center;
}
.times-table .multiplication-table {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 75px;
    min-width: 125px;
}
.times-table .multiplication-table > div {
    display: none;
}
.times-table .multiplication-table > div.active {
    display: block;
}
.times-table .multiplication-table > div.active p {
    font-style: normal;
    font-weight: normal;
    font-size: 15.2652px;
    line-height: 17px;
    letter-spacing: 0.05em;
    color: #ffffff;
    background: transparent;
    border-radius: 14.3429px;
    padding: 7px 10px;
    text-align: center;
    transition: 0.4s;
}
.times-table .multiplication-table > div.active p:not(:last-child) {
    margin-bottom: 5px;
}
.times-table .multiplication-table > div.active p.active {
    background: #fecd53;
    font-style: normal;
    font-size: 15.2652px;
    letter-spacing: 0.05em;
    color: #484619;
}

.times-table  table .row-header {
    border-spacing: 1px;
}
.times-table  table .row-number, 
.times-table  table .columnt-number {
    background: #68C2D0;
    border-radius: 4px;
    width: 44px;
    height: 31px;
    text-align: center;
}
.times-table table td {
    background: #DCF0F3;
}

.times-table .table {
    display: flex;
    flex-direction: column;
    align-items: space-between;
    flex-basis: 59%;
}
.times-table .table .header-row {
    display: flex;
    align-items: flex-end;
}
.times-table .table .header-row > div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.times-table .table .header-row.row {
    align-items: flex-end;
}
.times-table .table .header-row.row.hover-row, 
.times-table .table .header-row.row.hover-column {
    background: #fecd53;
    font-style: normal;
    font-size: 16.7972px;
    line-height: 23px;
    letter-spacing: 0.05em;
    color: #484619;
    transition: 0.5s;
}
.times-table .table .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.times-table .table .row div {
    width: 33px;
    height: 33px;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: normal;
    font-size: 16.7972px;
    line-height: 23px;
    letter-spacing: 0.05em;
    color: #ffffff;
    transition: 0.3s;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
}
.times-table .table .row .row-number {
    width: 33px;
    height: 33px;
}
.times-table .table .row .columnt-number {
    width: 33px;
    height: 33px;
}
.times-table .table .row .row-number,
.times-table .table .row .columnt-number {
    background: #ffffff;
    text-align: center;
    font-style: normal;
    color: #2f2f2f;
    font-size: 16.7972px;
    line-height: 23px;
    letter-spacing: 0.05em;
    transition: 0.5s;
    border: 1px solid #fff;
}
.times-table .table .row .row-number.hover-row,
.times-table .table .row .row-number.hover-column,
.times-table .table .row .columnt-number.hover-row,
.times-table .table .row .columnt-number.hover-column {
    background: #fecd53;
    font-style: normal;
    font-size: 16.7972px;
    line-height: 23px;
    letter-spacing: 0.05em;
    color: #484619;
    transition: 0.5s;
}
.times-table .table .row .select {
    background: #fecd53;
    font-style: normal;
    font-weight: normal;
    font-size: 16.7972px;
    line-height: 23px;
    letter-spacing: 0.05em;
    color: #484619;
}
.times-table  .table .row .select.result {
    background: #fa945d;
    font-style: normal;
    font-size: 16.7972px;
    line-height: 23px;
    letter-spacing: 0.05em;
    color: #484619;
    position: relative;
}
.times-table .table .row .cell-clear {
    width: 33px;
    height: 33px;
    background: transparent;
}
.times-table  .table .row-number {
    width: 33px;
    height: 33px;
}
.times-table .table div.hover-row, 
.times-table .table div.hover-column {
    background-color: #fecd53;
    font-style: normal;
    font-weight: normal;
    font-size: 16.7972px;
    line-height: 23px;
    letter-spacing: 0.05em;
    color: #484619;
}
.times-table .table div.result {
    background: #fecd53;
    font-style: normal;
    font-size: 16.7972px;
    line-height: 34px;
    letter-spacing: 0.05em;
    color: #484619;
    position: relative;
}
.times-table .table div.result::after {
    content: "";
    background: url(/img/program/outline/white.svg) no-repeat;
    display: block;
    background-size: cover;
    position: absolute;
    width: 42px;
    height: 38px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.program-img-white{
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 60px;
}

.program-img-white img, .program-img-white svg {
    display: block;
    margin: 0 auto;
}

.program-info.account-lesson h1, 
.program-row.account-lesson h1,
.program-info.account-lesson h2,
.program-row.account-lesson h2,
.program-info.account-lesson h3,
.program-row.account-lesson h3,
.program-info.account-lesson h4,
.program-row.account-lesson h4,
.program-info.account-lesson h5,
.program-row.account-lesson h5,
.program-info.account-lesson h6,
.program-row.account-lesson h6{
    color:#369cb7;
    margin: 0 0 30px;
    font-weight: 800;
}

.program-info.account-lesson h1,
.program-info.account-lesson h1 span,
.program-row.account-lesson h1,
.program-row.account-lesson h1 span{
    font-size:26px !important;
    font-family: Montserrat,sans-serif!important;
}

.program-info.account-lesson h2,
.program-info.account-lesson h2 span,
.program-row.account-lesson h2,
.program-row.account-lesson h2 span{
    font-size:24px  !important;
    font-family: Montserrat,sans-serif!important;
}

.program-info.account-lesson h3,
.program-info.account-lesson h3 span,
.program-row.account-lesson h3,
.program-row.account-lesson h3 span{
    font-size:22px !important;
    font-family: Montserrat,sans-serif!important;
}

.program-info.account-lesson h4,
.program-info.account-lesson h4 span,
.program-row.account-lesson h4,
.program-row.account-lesson h4 span{
    font-size:20px !important;
    font-family: Montserrat,sans-serif!important;
}

.program-info.account-lesson h5,
.program-info.account-lesson h5 span,
.program-row.account-lesson h5,
.program-row.account-lesson h5 span{
    font-size:18px !important;
    font-family: Montserrat,sans-serif!important;
}

.program-info.account-lesson h6,
.program-info.account-lesson h6 span,
.program-row.account-lesson h6,
.program-row.account-lesson h6 span{
    font-size:16px !important;
    font-family: Montserrat,sans-serif!important;
}

.program-info.account-lesson ul li,
.program-row.account-lesson ul li
{
    display: inline-block;
    position: relative;
    padding-left:30px;
    font-family: Montserrat,sans-serif!important;
    font-weight:400;
    font-size: 14px !important;
}

.program-info.account-lesson ul li span,
.program-row.account-lesson ul li span{
    text-transform: none;
    width:auto;
    height:auto;
    line-height: 110%;
    border-radius: 0;
    background: none;
    color:#2f2f2f;
    display: inline-block;
    text-align:left;
    letter-spacing: normal;
    font-size: 14px !important;
    line-height: 17px !important;
    font-family: Montserrat,sans-serif!important;
}


.program-info.account-lesson ul li::before,
.program-row.account-lesson ul li::before {
    content: "";
    display: inline-block;
    text-transform: uppercase;
    width: 5px;
    height: 5px;
    line-height: 5px;
    text-align: center;
    font-size: 14.5px;
    letter-spacing: .05em;
    color: #fff;
    background: #369cb7;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 0px;
}

.program-info.account-lesson ol,
.program-row.account-lesson ol{
    list-style: auto;
    font-family: Montserrat,sans-serif!important;
    font-weight:400 !important;
    font-size: 14px !important;
    padding: 13px 0 20px;
}

.program-info.account-lesson ol li,
.program-row.account-lesson ol li {
    margin-left:20px;
    padding-left:10px;
}

.program-info.account-lesson ol li span,
.program-row.account-lesson ol li span{
    font-family: Montserrat,sans-serif!important;
    font-weight:400 !important;
    font-size: 14px !important;
}

.program-info.account-lesson p,
.program-row.account-lesson p{
    font-size: 14px !important;
    line-height: 17px !important;
    padding-bottom: 17px !important;
    font-family: Montserrat,sans-serif!important;
    font-weight:400 !important;
}

.program-row__info p{
    font-size:16px;
}

.program-info.account-lesson p span,
.program-row.account-lesson p span{
    font-family: Montserrat,sans-serif!important;
    font-weight:400 !important;
    font-size: 14px !important;
}

.program-video .video.no-padding{
    padding-top:0;
    
}

@media (max-width: 1279px) {
    .times-table .wrapper {
        flex-wrap: wrap;
        justify-content: center;
}
    .times-table .multiplication-table {
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }
    .times-table .multiplication-table > div.active p:not(:last-child) {
        margin-bottom: 0;
    }

    .times-table .table {
        flex-basis: 100%;
    }

}
@media (max-width: 767px) {
    .times-table .multiplication-table {
        display: none !important;
    }
    .times-table .table {
        margin-left: 18px;
        width: 501px;
    }
    .times-table .table .row div {
        width: 33px;
        height: 33px;
    }
    .times-table .table .row .cell-clear {
        margin-right: 10px;
    }
    .times-table .table .row .row-number {
        width: 33px;
        height: 35px;
    }
}


@media (max-width: 412px){
    .times-table .table{
        width:100%;
        margin-left:0;
    }

    .times-table .table .header-row{
        padding-right: 0;
        padding-left: 0;
        align-items: center;
    }

    .times-table .table .row .cell-clear {
        width: 22px;
        height: 22px;
        font-size:12px;
        margin-right:0;
    }

    .times-table .table .row .row-number {
        width: 22px;
        height: 22px;
        font-size:12px;
    }

    .times-table .table .row .columnt-number {
        width:22px;
        height:22px;
        font-size:12px;
    }

    .times-table .table .row div {
        width: 22px;
        height: 22px;
        font-size:12px;
    }
}.pricing-wrap .primary-btn {
    max-width: 200px;
    width: 100%;
}
.inputs-plus{
    left: auto;
    right: 0;
}

.inputs-minus{
    left:0;
}.link-bold{
    font-weight: bold;
}

.preparation-container{
    position: relative;
}

.level-help-btns{
    display: block;
    position: absolute;
    right:70px;
    bottom:0px;
    z-index:10;
}

.level-help-btns span{
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    border: 1px solid #2F2F2F;
    border-radius: 5px;
    padding: 7px 19px;
    color: #2F2F2F;
    margin-left:30px;
    cursor: pointer;
}

.hint-ico-n{
    width: 23px;
    height: 23px;
    background-image: url(/img/icons/ico-hint-n.svg);
    vertical-align: middle;
    margin-right:5px;
}

.help-ico-n{
    width: 23px;
    height: 23px;
    background-image: url(/img/icons/ico-help-n.svg);
    vertical-align: middle;
    margin-right:5px;
}

.level-help-info{
    padding:40px 0;
}

@media (max-with: 414px){
    .preparation-container {
        padding-bottom: 80px;
    }
}

@media (max-width: 375px) {
    #account-app{
        padding-bottom:40px;
    }

    .level-help-btns{
        right:0px;
        width: 100%;
        text-align: center;
    }
}.dragTarget-list li.answer .option-card.correctly{
    background: #9dd765;
    border-color: #9dd765;
    color: #fff!important;
    box-shadow: 0 0 0 1px #9dd765;
}

.dragTarget-list li.answer .option-card.mistake{
    background: #f5856b;
    border-color: #f5856b;
    color: #fff!important;
    box-shadow: 0 0 0 1px #f5856b;
}

.test-rate{
    margin-left:10px;
}

.test_icon_star{
    display:inline-block;
    width:23px;
    height:20px;
    background: url('/img/test_preparation/test_icon_star.svg');
    margin: 0 3px;
}


.question-modal{
    z-index:10001;
}

.test_icon_star.active{
    background: url('/img/test_preparation/test_icon_star_green.svg');
}

.answers-ico{
    background-size: 24px;
    -webkit-background-size: 24px 24px;
    background-color:transparent;
    border-radius: 0;
    background-image: url('/img/icons/answers-ico-not-good.svg');
}

.question.check .question-block.good .question-title .hb-ico {
    background-image: url('/img/icons/answers-ico-good.svg');
    background-color:transparent;
}

.answers-wrap .option-card.mistake,
.answers-line .option-card.mistake{
    background-color: #f5876d;
    border-color: #f5876d;
}

.answers-wrap .option-card.correctly,
.answers-line .option-card.correctly{
    background-color: #9dd764;
    border-color:#9dd764;
}

.question-example.question-example__second{
    max-width: 60px;
}

a.preparation-subtitle:hover{
    color:#337777;
}.basket-total__row.basket-subtotal__row{
    padding-bottom:15px;
}

.basket-total__row.basket-subtotal__row b,
.basket-total__row.basket-subtotal__row span{
    font-size: 16px;
    line-height: 15px;
}.profile-list{
    border-bottom:1px solid #d0d0d0;
    padding-bottom:0;
    margin-bottom:30px;
}

.profile-list li{
    border-bottom:none;
}

.profile-list li a{
    min-width:auto;
    margin-right: 50px;
}

.payment-list li a::after{
    width:100%;
}

@media (max-width: 767px) {
    .allTabs .profile-list{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
}.hbMessage{
  position: absolute;
  top: 0;
  width: 100%;
  text-align:center;
  padding:30px 0;
  background-color:rgba(255,0,0,.2);
}

.hbMessage span{
  display:block;
  min-width:20px;
  width:20px;
  height:20px;
  border-radius:50%;
  text-align:center;
  font-size:14px;
  line-height:18px;
  color:#f54016;
  border:1px solid #f54016;
}

.hbMessage p{
  font-size:16px;
  line-height:20px;
  color:#f54016;
}
.hbMessage .wrapperHb{
  display:flex;
  justify-content:center;
}

.hbMessage .wrapperHb .hb-ico,
.hbMessage .wrapperHb img,
.hbMessage .wrapperHb span,
.hbMessage .wrapperHb svg{
  margin-right:10px
}


.formModal .form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 430px;
}

.formModal .form form {
  width: 100%;
}

.formModal .form .form-buttons-wrap {
  margin: 0 -15px;
}

.formModal .form .form-buttons {
  width: 100%;
  margin: 0;
}

.formModal .form .form-buttons li a {
  white-space: nowrap;
}

.formModal .form .form-buttons li a:hover {
  text-decoration: none;
}
.sitemap-preloader{
    width: 100%;
    height: 100%;
    background:#369cb7;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:499;
    position:relative;
}

.loader {
    position: relative;
    width: 75px;
    height: 100px;
    color:#fff;
}
  .loader__bar {
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 50%;
    background: #fff;
    transform-origin: center bottom;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  }
  .loader__bar:nth-child(1) {
    left: 0px;
    transform: scale(1, 0.2);
    -webkit-animation: barUp1 4s infinite;
            animation: barUp1 4s infinite;
  }
  .loader__bar:nth-child(2) {
    left: 15px;
    transform: scale(1, 0.4);
    -webkit-animation: barUp2 4s infinite;
            animation: barUp2 4s infinite;
  }
  .loader__bar:nth-child(3) {
    left: 30px;
    transform: scale(1, 0.6);
    -webkit-animation: barUp3 4s infinite;
            animation: barUp3 4s infinite;
  }
  .loader__bar:nth-child(4) {
    left: 45px;
    transform: scale(1, 0.8);
    -webkit-animation: barUp4 4s infinite;
            animation: barUp4 4s infinite;
  }
  .loader__bar:nth-child(5) {
    left: 60px;
    transform: scale(1, 1);
    -webkit-animation: barUp5 4s infinite;
            animation: barUp5 4s infinite;
  }
  .loader__ball {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: ball 4s infinite;
            animation: ball 4s infinite;
  }
  
  @-webkit-keyframes ball {
    0% {
      transform: translate(0, 0);
    }
    5% {
      transform: translate(8px, -14px);
    }
    10% {
      transform: translate(15px, -10px);
    }
    17% {
      transform: translate(23px, -24px);
    }
    20% {
      transform: translate(30px, -20px);
    }
    27% {
      transform: translate(38px, -34px);
    }
    30% {
      transform: translate(45px, -30px);
    }
    37% {
      transform: translate(53px, -44px);
    }
    40% {
      transform: translate(60px, -40px);
    }
    50% {
      transform: translate(60px, 0);
    }
    57% {
      transform: translate(53px, -14px);
    }
    60% {
      transform: translate(45px, -10px);
    }
    67% {
      transform: translate(37px, -24px);
    }
    70% {
      transform: translate(30px, -20px);
    }
    77% {
      transform: translate(22px, -34px);
    }
    80% {
      transform: translate(15px, -30px);
    }
    87% {
      transform: translate(7px, -44px);
    }
    90% {
      transform: translate(0, -40px);
    }
    100% {
      transform: translate(0, 0);
    }
  }
  
  @keyframes ball {
    0% {
      transform: translate(0, 0);
    }
    5% {
      transform: translate(8px, -14px);
    }
    10% {
      transform: translate(15px, -10px);
    }
    17% {
      transform: translate(23px, -24px);
    }
    20% {
      transform: translate(30px, -20px);
    }
    27% {
      transform: translate(38px, -34px);
    }
    30% {
      transform: translate(45px, -30px);
    }
    37% {
      transform: translate(53px, -44px);
    }
    40% {
      transform: translate(60px, -40px);
    }
    50% {
      transform: translate(60px, 0);
    }
    57% {
      transform: translate(53px, -14px);
    }
    60% {
      transform: translate(45px, -10px);
    }
    67% {
      transform: translate(37px, -24px);
    }
    70% {
      transform: translate(30px, -20px);
    }
    77% {
      transform: translate(22px, -34px);
    }
    80% {
      transform: translate(15px, -30px);
    }
    87% {
      transform: translate(7px, -44px);
    }
    90% {
      transform: translate(0, -40px);
    }
    100% {
      transform: translate(0, 0);
    }
  }
  @-webkit-keyframes barUp1 {
    0% {
      transform: scale(1, 0.2);
    }
    40% {
      transform: scale(1, 0.2);
    }
    50% {
      transform: scale(1, 1);
    }
    90% {
      transform: scale(1, 1);
    }
    100% {
      transform: scale(1, 0.2);
    }
  }
  @keyframes barUp1 {
    0% {
      transform: scale(1, 0.2);
    }
    40% {
      transform: scale(1, 0.2);
    }
    50% {
      transform: scale(1, 1);
    }
    90% {
      transform: scale(1, 1);
    }
    100% {
      transform: scale(1, 0.2);
    }
  }
  @-webkit-keyframes barUp2 {
    0% {
      transform: scale(1, 0.4);
    }
    40% {
      transform: scale(1, 0.4);
    }
    50% {
      transform: scale(1, 0.8);
    }
    90% {
      transform: scale(1, 0.8);
    }
    100% {
      transform: scale(1, 0.4);
    }
  }
  @keyframes barUp2 {
    0% {
      transform: scale(1, 0.4);
    }
    40% {
      transform: scale(1, 0.4);
    }
    50% {
      transform: scale(1, 0.8);
    }
    90% {
      transform: scale(1, 0.8);
    }
    100% {
      transform: scale(1, 0.4);
    }
  }
  @-webkit-keyframes barUp3 {
    0% {
      transform: scale(1, 0.6);
    }
    100% {
      transform: scale(1, 0.6);
    }
  }
  @keyframes barUp3 {
    0% {
      transform: scale(1, 0.6);
    }
    100% {
      transform: scale(1, 0.6);
    }
  }
  @-webkit-keyframes barUp4 {
    0% {
      transform: scale(1, 0.8);
    }
    40% {
      transform: scale(1, 0.8);
    }
    50% {
      transform: scale(1, 0.4);
    }
    90% {
      transform: scale(1, 0.4);
    }
    100% {
      transform: scale(1, 0.8);
    }
  }
  @keyframes barUp4 {
    0% {
      transform: scale(1, 0.8);
    }
    40% {
      transform: scale(1, 0.8);
    }
    50% {
      transform: scale(1, 0.4);
    }
    90% {
      transform: scale(1, 0.4);
    }
    100% {
      transform: scale(1, 0.8);
    }
  }
  @-webkit-keyframes barUp5 {
    0% {
      transform: scale(1, 1);
    }
    40% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1, 0.2);
    }
    90% {
      transform: scale(1, 0.2);
    }
    100% {
      transform: scale(1, 1);
    }
  }
  @keyframes barUp5 {
    0% {
      transform: scale(1, 1);
    }
    40% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1, 0.2);
    }
    90% {
      transform: scale(1, 0.2);
    }
    100% {
      transform: scale(1, 1);
    }
  }.modal__settings{
    z-index: 1500;
}