@charset "UTF-8";@import url(../wrapkit/assets/scripts/aos/dist/aos.css);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}fieldset,img{margin:0;padding:0;vertical-align:baseline}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box}a img,fieldset,img{border:0}input[type=email],input[type=tel],input[type=text],textarea{-webkit-appearance:none}button,input[type=submit]{cursor:pointer}button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto}button,input{margin:0;padding:0;border:0}a,a:focus,button,div,h1,h2,h3,h4,h5,h6,input,select,span,textarea{outline:0}ol,ul{list-style-type:none}table{border-spacing:0;border-collapse:collapse;width:100%}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}div{display:block}
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-webkit-keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}:root{--blue: #007bff;--indigo: #6610f2;--purple: #6f42c1;--pink: #e83e8c;--red: #dc3545;--orange: #fd7e14;--yellow: #ffc107;--green: #28a745;--teal: #20c997;--cyan: #17a2b8;--white: #fff;--gray: #6c757d;--gray-dark: #343a40;--primary: #666fe3;--secondary: #6c757d;--success: #28a745;--info: #17a2b8;--warning: #ffc107;--danger: #dc3545;--light: #f8f9fa;--dark: #343a40;--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Blogger Sans',sans-serif;--font-family-monospace: 'Blogger Sans',sans-serif}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}

.dashboard-progress .sm-progress__sl-stars {
    bottom: 3px;
    padding: 0 4px
}

.dashboard-progress .sm-progress__sl-stars-item {
    width: 14px;
    height: 14px
}

.dashboard-progress .sm-progress__sl-stars-item--center {
    margin: 0;
    position: absolute;
    top: 5px;
    left: calc(50% - 7px)
}

.dashboard-course {
    display: block;
    padding: 0 5px
}

.dashboard-course__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.dashboard-course__wrapper {
    padding: 0 30px;
    margin-bottom: 30px
}

.dashboard-course__card {
    position: relative;
    background-color: #fff;
    border: 1px solid #d5e6ff;
    border-radius: 5px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dashboard-course__card img {
    width: 60px;
    height: 60px
}

.dashboard-course__text {
    padding-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-family: Nunito,arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
    color: #262626
}

.dashboard-course__more {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #e9f2ff;
    border: 1px solid #d5e6ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dashboard-course__more .fa-plus {
    font-size: 36px;
    color: #fff
}

.dashboard-course__slider .slick-track {
    margin-left: 0;
    min-width: 100%
}

.dashboard-course__slider .slick-list {
    min-width: 100%
}

.dashboard-course__slider .main-progress__slider-btn--prev {
    left: -15px
}

.dashboard-course__slider .main-progress__slider-btn--next {
    right: -15px
}

.dashboard-banner__wrapper {
    margin-bottom: 30px
}

.dashboard-banner {
    background-image: url(/img_old/dashboard-banner-bg.svg), url(/img_old/dashboard-banner-bg_bottom.jpg), -webkit-gradient(linear, left top, right top, from(#5bd68c), to(#4cbb7f));
    background-image: url(/img_old/dashboard-banner-bg.svg), url(/img_old/dashboard-banner-bg_bottom.jpg), -webkit-linear-gradient(left, #5bd68c 0%, #4cbb7f 100%);
    background-image: url(/img_old/dashboard-banner-bg.svg), url(/img_old/dashboard-banner-bg_bottom.jpg), -o-linear-gradient(left, #5bd68c 0%, #4cbb7f 100%);
    background-image: url(/img_old/dashboard-banner-bg.svg), url(/img_old/dashboard-banner-bg_bottom.jpg), linear-gradient(90deg, #5bd68c 0%, #4cbb7f 100%);
    background-position: right bottom, 0 0, 0 0;
    background-size: auto 70%, cover, cover;
    background-repeat: no-repeat;
    border-radius: 5px
}

.dashboard-banner__inner {
    padding: 80px 0 50px 80px;
    color: #fff
}

.dashboard-banner__btn, .dashboard-banner__title {
    font-family: Nunito,arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.1
}

.dashboard-banner__title {
    margin-bottom: 60px;
    font-size: 48px;
    font-size: calc(30px + (48 - 30) * ((100vw - 768px) / (1023 - 768)))
}

.dashboard-banner p {
    max-width: 500px;
    margin-bottom: 80px;
    font-size: 18px;
    font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1024 - 768)));
    line-height: 1.8
}

.dashboard-banner__btn {
    max-width: 300px;
    display: block;
    width: 100%;
    color: #000;
    border-radius: 50px;
    background-color: #f8db03;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 1, 1, .15);
    box-shadow: 0 6px 20px 0 rgba(0, 1, 1, .15);
    -webkit-transition: all .23s;
    -o-transition: all .23s;
    transition: all .23s;
    text-align: center;
    padding: 22px;
    font-size: 24px;
    font-size: calc(20px + (24 - 20) * ((100vw - 768px) / (1023 - 768)))
}

.dashboard-banner__btn:hover {
    background-color: #cbb303;
    color: #000
}

.main-progress__h-list {
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid #909df8;
    background-color: #e9f2ff;
    margin-bottom: 20px
}

.main-progress__h-list-title {
    font-size: 12px;
    font-family: Nunito,arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #909df8;
    line-height: 1.1;
    margin-right: 10px
}

.main-progress__h-list-item:not(:last-child) {
    border-right: 1px solid #c5ccff;
    padding-right: 8px
}

.main-progress__h-list-item:first-child .main-progress__h-list-icon:first-child, .statistic__period ul li:first-child {
    margin-left: 0
}

.main-progress__h-list-icon {
    margin-left: 6px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid currentColor;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #c5ccff
}

.main-progress__h-list-icon:last-child {
    margin-left: 2px
}

.main-progress__h-list-icon--green {
    color: #1ecfc3
}

.main-progress__h-list-icon--orange {
    color: #ff5400
}

.main-progress__h-list .fa-solid {
    font-size: 11px
}

.sm-progress__sl:not(.slick-initialized) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.sm-progress__sl:not(.slick-initialized) .sm-progress__sl-item:not(:nth-child(-n+4)) {
    display: none
}

.sm-progress__sl-btn {
    position: absolute;
    top: calc(50% - 10px);
    z-index: 3;
    background-color: transparent;
    border: 0;
    color: #cad1ff;
    -webkit-transition: all .23s;
    -o-transition: all .23s;
    transition: all .23s
}

.sm-progress__sl-btn:hover {
    color: #818ef2
}

.sm-progress__sl-btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.sm-progress__sl-btn i {
    color: currentColor;
    font-size: 18px;
    font-weight: bold;
}

.sm-progress__sl-btn--prev {
    left: -18px
}

.sm-progress__sl-btn--next {
    right: -18px
}

.tests__container {
    padding: 0 15px;
    width: 100%
}

.tests__item, .tests__title {
    overflow: hidden;
    position: relative
}

.tests__item {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 35px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(156, 145, 122, .15);
    box-shadow: 0 2px 1px 0 rgba(156, 145, 122, .15)
}

.tests__title {
    font-family: Nunito,arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 1.5;
    margin: 0 0 30px;
    white-space: nowrap
}

.monkey:after, .tests__title:after {
    content: '';
    position: absolute;
    right: 0
}

.tests__title:after {
    top: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .2)), to(#fff));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, .2), #fff 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, .2), #fff 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, .2), #fff 100%);
    width: 20px;
    height: 100%
}

.tests__img {
    position: relative;
    padding: 0 !important
}

.tests__content, .tests__img a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tests__img a {
    height: 100%
}

.tests__img img {
    -o-object-fit: cover;
    object-fit: cover
}

.tests__content {
    padding: 35px 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.tests__decsription {
    margin-bottom: 30px;
    color: #391b12;
    font-size: 16px;
    line-height: 1.5
}

.tests__action {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iq-bar {
    background-color: #54b601
}

.iqholder {
    position: relative;
    top: 2px;
    width: 300px
}

.header__game {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bar-start {
    position: absolute;
    bottom: 0;
    left: -17px;
    background: url(/img_old/game-active.png) center no-repeat;
    width: 47px;
    height: 45px;
    z-index: 999
}

.bar-finish {
    position: absolute;
    bottom: 1px;
    right: 0;
    background: url(/img_old/finish.png) center no-repeat;
    width: 35px;
    height: 50px
}

.label-iqbar {
    position: absolute;
    color: #391b12;
    font-size: 15px;
    font-weight: 400;
    top: 15px
}

.training-lockedGame {
    padding: 50px 0;
    font-size: 16px
}

.training-lockedGame .H1, .training-lockedGame .H2 {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 700
}

.training-lockedGame .H2 {
    font-size: 21px
}

.training-lockedGame .H4 {
    font-size: 18px
}

.training-lockedGame .locked {
    position: relative;
    display: inline-block
}

.training-lockedGame .locked:after {
    display: block;
    position: absolute;
    top: 30%;
    left: 50%;
    height: 46px;
    width: 46px;
    margin-left: -23px;
    text-align: center;
    line-height: 46px;
    color: #fff;
    background: #60cccb;
    font-family: 'Font Awesome 6 Free';
    content: "\f023";
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-size: 24px;
    border-radius: 3px;
    -webkit-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s
}

.training-lockedGame .locked:hover:after {
    background: #f55b5c
}

.brain-structure__title {
    color: #54b601;
    font-size: 55px;
    font-size: calc(40px + (55 - 40) * ((100vw - 768px) / (1024 - 768)));
    font-family: Nunito,arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 20px 0 40px;
    line-height: 1.1;
    letter-spacing: 3px;
    text-transform: uppercase
}

.brain-structure__title span, .rating-game .rating-games-l__item .avatar div img {
    display: block
}

.brain-structure {
    padding: 0
}

.brain-structure__text p, .since-section p {
    color: #391b12;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6
}

.brain-structure__img {
    height: 439px;
    background: url(/img_old/brain-color.png) no-repeat;
    background-position: 136px;
    position: relative
}

.brain-structure__img span {
    position: absolute;
    color: #391b12;
    font-size: 16px;
    font-weight: 700
}

.brain-structure__part-1 {
    left: 66px;
    top: -16px
}

.brain-structure__part-2 {
    left: 658px;
    top: 29px
}

.brain-structure__part-3 {
    left: 551px;
    top: 346px
}

.brain-structure__part-4 {
    left: 394px;
    top: 406px
}

.brain-structure__part-5 {
    left: 129px;
    top: 393px
}

.brain-structure__part-6 {
    left: 41px;
    top: 174px
}

.since-section .h3 {
    margin: 46px 0 20px;
    font-size: 50px;
    font-size: calc(35px + (50 - 35) * ((100vw - 768px) / (1024 - 768)));
    text-transform: uppercase;
    font-weight: 700;
    color: #fff
}

.since-section p {
    font-size: 22px;
    line-height: 1.5;
    margin: 0 0 28px
}

.memory {
    background-color: #ece1d9
}

.memory .h3 {
    color: #391b12
}

.monkey {
    background: #fdcc52;
    text-align: center;
    padding: 0 0 54px;
    position: relative
}

.monkey:after {
    background: url(/img_old/arrow-down-brown.png) no-repeat center;
    display: block;
    width: 11px;
    height: 91px;
    bottom: -48px;
    left: 0;
    margin: auto
}

.monkey p {
    color: #604942;
    font-size: 25px;
    font-weight: 400;
    margin: 0
}

.attention {
    background: #96c51d
}

.attention p, .index-calc .algorithm p, .index-calc .sum p, .thinking p {
    color: #fff
}

.thinking {
    background: #2d0f3a
}

.eureka {
    position: relative;
    height: 523px;
    text-align: center;
    padding: 64px 0 0
}

.eureka p, .eureka-wrapper p {
    color: #604942;
    font-size: 25px;
    font-weight: 400
}

.eureka-img {
    width: 371px;
    height: 391px;
    background: url(/img_old/eureka-img.png) no-repeat center;
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 0;
    left: 50%;
    margin: 0 0 0 36px
}

.attention-img .attention-steps:after, .eureka-img:after, .superman-img .superman-rey:after {
    content: '';
    display: block;
    top: 0;
    position: absolute;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.eureka-img:after {
    background: url(/img_old/eureka-bulb.png) no-repeat center;
    right: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    width: 127px;
    height: 127px;
    -webkit-animation-name: bounce;
    animation-name: bounce
}

.monkey-img {
    display: inline-block;
    vertical-align: top;
    background: url(/img_old/monkey.png) no-repeat center;
    margin: -54px 0 33px;
    width: 477px;
    height: 333px
}

.thinking-img {
    width: 774px;
    height: 447px;
    background: url(/img_old/thinking.png) no-repeat center;
    margin: 41px 0 52px -8px
}

.attention-img {
    width: 520px;
    height: 458px;
    background: url(/img_old/attention.png) no-repeat center;
    position: relative;
    margin: 42px 0 40px 26px
}

.attention-img .attention-steps {
    width: 321px;
    height: 27px;
    position: absolute;
    left: 0;
    bottom: 0
}

.attention-img .attention-steps:after, .superman-img .superman-rey:after {
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-animation-name: superman-rey;
    animation-name: superman-rey
}

.attention-img .attention-steps:after {
    background: url(/img_old/steps.png) no-repeat;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.superman-img {
    width: 771px;
    height: 704px;
    background: url(/img_old/superman.png) no-repeat center;
    margin: -82px 0 -82px 34px;
    position: relative
}

.superman-img .superman-rey {
    width: 308px;
    height: 65px;
    position: absolute;
    left: 232px;
    top: 172px
}

.superman-img .superman-rey:after {
    background: url(/img_old/superman-rey.png) no-repeat;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.eureka-wrapper {
    width: 347px;
    min-height: 264px;
    border: 1px dashed #54b601;
    border-radius: 25px;
    text-align: left;
    padding: 36px 48px;
    margin: 73px 0 0 53px
}

.eureka-wrapper .h3 {
    color: #54b601;
    margin: 0 0 13px
}

.eureka-wrapper p {
    font-size: 20px;
    margin: 0
}

.who {
    background: #fff;
    text-align: center;
    padding: 56px 0 57px
}

.who .main-container {
    padding: 0 65px
}

.who .h3, .who__name {
    color: #604942;
    font-weight: 700
}

.who .h3 {
    font-size: calc(35px + (50 - 35) * ((100vw - 768px) / (1024 - 768)));
    text-transform: uppercase;
    margin: 0 0 59px;
    font-size: 50px
}

.who__name {
    font-size: 20px;
    text-decoration: none;
    outline: 0;
    margin: 0 0 46px
}

.who__img {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 2;
    text-align: center;
    line-height: 250px;
    margin: auto auto 24px
}

.who__img:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    position: relative;
    z-index: 1
}

.who__img img {
    width: 100%;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease
}

.statistic-container {
    background-color: #fff;
    border-radius: 8px;
    padding: 32px 42px 50px 45px;
    position: relative;
    margin-bottom: 35px;
    width: 100%
}

.statistic-container.statistic-battery {
    padding-bottom: 0px!important;
}

.statistic-container .statistic__title {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    font-size: 32px
}

.statistic-container .statistic__title_100 {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.statistic-head {
    margin-bottom: 20px
}

.statistic__period {
    float: right;
    margin: 9px 0 0
}

.statistic__period ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 25px
}

.statistic__period ul li a {
    font-size: 16px;
    color: #391b12;
    font-weight: 500;
    display: block;
    border-bottom: 2px solid transparent;
    padding: 0 0 6px
}

.statistic__period ul li a.active, .statistic__period ul li a:hover {
    color: #54b601;
    border-color: #54b601
}

.battery-container, .battery__img {
    margin: 36px 0 0;
    float: left
}

.battery-container {
    position: relative
}

.battery-container.battery-green {
    width: 247px;
    height: 293px
}

.battery-container.battery-green .battery__pic {
    background: url(/img_old/battery-green.png) no-repeat center
}

.battery-container.battery-green .battery__in {
    width: 50%;
    background: #31b91a;
    position: absolute;
    bottom: 31px;
    left: 62px;
    max-height: 221px;
    z-index: 2;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px
}

.battery-container.battery-red {
    width: 202px;
    height: 266px
}

.battery-container.battery-red .battery__pic {
    background: url(/img_old/battery-red.png) no-repeat center
}

.battery-container .battery__in, .battery-container.battery-red .battery__in {
    position: absolute;
    max-height: 221px;
    z-index: 2;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px
}

.battery-container.battery-red .battery__in {
    background: #ed1f37;
    width: 62%;
    bottom: 4px;
    left: 38px
}

.battery-container .battery__pic {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}

.battery-container:after {
    content: '';
    display: block;
    width: 126px;
    height: 231px;
    background: #d6ebf5;
    border-radius: 8px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 31px;
    z-index: 1
}

.battery-container .battery__in {
    width: 50%;
    background: #31b91a;
    bottom: 31px;
    left: 62px
}

.days__counter {
    width: calc(100% + 5px);
    margin: 20px 0 20px -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.days__counter .circle {
    margin-bottom: 10px;
    margin-left: 5px;
    position: relative;
    width: calc(14.2% - 5px);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.days__counter .circle:last-child {
    margin-right: auto
}

.days__counter .circle::before {
    content: '';
    position: relative;
    z-index: -1;
    width: 100%;
    padding-bottom: 100%
}

.days__counter .circle canvas {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.days__counter .circle.circle-green {
    cursor: pointer
}

.days__counter .circle.circle-green .circle-text {
    color: #54b601
}

.days__counter .circle.circle-brown .circle-text {
    color: #3f221a
}

.circle-done:before, .days__counter .circle .circle-text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.days__counter .circle .circle-text {
    color: #d6cbbf;
    font-size: 17px;
    font-weight: 700
}

.circle-done:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #54b601;
    z-index: 3;
    content: '';
    border-radius: 100%
}

.circle-done:before {
    background: url(/img_old/train-end-check.png) no-repeat center;
    content: '';
    width: 32px;
    height: 24px;
    z-index: 4
}

.progress__container {
    width: auto;
    margin-left: 270px
}

.game-counter__container {
    width: 220px;
    margin: 34px auto auto
}

.game-counter__container p, .game-counter__container_full p {
    color: #391b12;
    font-size: 22px;
    font-weight: 400;
    display: inline-block;
    margin: 8px 0 0 14px;
    line-height: 1.1
}

#chartdiv, .game-counter__container_full {
    width: 100%;
    margin: 34px auto auto
}

.game-counter {
    font-size: 52px;
    color: #391b12;
    font-weight: 400;
    display: inline-block
}

.brain__index-number span, .game-counter span {
    color: #54b601;
    font-weight: 400
}

.statistic__tooltip {
    width: 585px;
    height: 91px;
    background-color: #3f221a;
    background-image: -webkit-radial-gradient(bottom, #704837 0%, #3f221a 100%);
    background-image: -o-radial-gradient(bottom, #704837 0%, #3f221a 100%);
    background-image: radial-gradient(to top, #704837 0%, #3f221a 100%);
    border-top-right-radius: 35px;
    border-top-left-radius: 35px;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 42px;
    padding: 21px 45px 15px 147px;
    line-height: 1.4
}

.statistic__tooltip-img {
    position: absolute;
    left: -6px;
    top: -39px
}

.brain__index p {
    color: #391b12;
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.brain__index a {
    color: #0072dc;
    font-size: 15px;
    font-weight: 400;
    text-decoration: underline;
    margin: 0 0 4px;
    line-height: 1.5
}

.brain__index-number {
    color: #fff;
    font-size: 70px;
    font-weight: 700;
    text-shadow: 0 0 2px #391b12;
    position: relative;
    line-height: 45px
}

.brain__index-number span {
    text-shadow: none;
    font-size: 24px;
    position: absolute;
    top: 11px;
    left: 125px
}

.about-chart p, .brain__index-number span .fa-solid {
    font-weight: 400
}

#chartdiv {
    position: relative;
    max-width: 90%;
    margin: 0 auto;
    height: 350px
}

#chartdiv text {
    color: #391b12 !important;
    font-size: 11px;
    font-weight: 700
}

.about-chart p {
    color: #391b12;
    font-size: 15px;
    margin: 0 0 15px
}

.chart__title {
    color: #391b12;
    font-size: 18px;
    font-weight: 700
}

.statistic__item {
    margin-bottom: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    padding: 0 10px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.statistic__item .statistic__maximum span {
    margin-top: auto;
    padding-top: 10px
}

.statistic__counter {
    color: #391b12;
    font-size: 50px;
    font-weight: 300;
    line-height: 1;
    white-space: nowrap
}

.statistic__img {
    height: 54px;
    line-height: 54px;
    margin: 0 0 14px
}

.statistic__img img, .statistic__img-game img {
    max-width: 100%
}

.statistic__row {
    margin: 76px -20px 35px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.statistic__row:first-of-type {
    margin: 22px -20px 0
}

.statistic__img-game {
    height: 112px;
    line-height: 112px;
    margin-bottom: 33px
}

.statistic__name {
    color: #391b12;
    font-size: 16px;
    font-weight: 700
}

.statistic__crown {
    width: 110px;
    height: 110px;
    background-color: #f5efe7;
    text-align: center;
    line-height: 110px;
    border-radius: 100%;
    margin: 0 auto 20px
}

.statistic__crown .icon-crown {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 36px
}

.statistic__crown img {
    border-radius: 50% !important;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.statistic__maximum {
    color: #391b12;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4
}

.statistic__maximum span {
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin: 6px 0 0
}

.statistic__wave {
    position: absolute;
    left: 0;
    top: -45px;
    height: 6px;
    width: 100%;
    display: block;
    content: '';
    background: url(/img/kids/wave-brown.png)
}

.achieve__name {
    color: #391b12;
    font-weight: 400;
    line-height: 1.4
}

.achieve__name a {
    color: #0072dc;
    font-weight: 700;
    text-decoration: underline
}

.achieve__img {
    margin: 0 0 19px
}

.achieve {
    margin: 0 -20px 30px
}

.achieve__item {
    float: left;
    width: 25%;
    padding: 0 20px;
    height: 170px;
    margin: 40px 0 24px
}

#trainings-month .game-counter__container_full, .achieve__item {
    text-align: center
}

#trainings-month .game-counter {
    font-size: 30px
}

#trainings-alltime .game-counter {
    font-size: 30px;
    line-height: 1.3
}

.simpletimeline {
    position: relative;
    padding-left: 40px;
    margin: 40px 10px 0 30px;
    border-left: 1px solid #e9ecef
}

.simpletimeline .sl-left {
    float: left;
    margin-left: -60px;
    z-index: 1;
    margin-right: 15px
}

.simpletimeline .sl-left [class^=fa] {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    font-size: 23px
}

.simpletimeline .sl-item {
    margin-top: 8px;
    margin-bottom: 30px
}

.simpletimeline .sl-date {
    font-size: 12px;
    color: #a1aab2
}

.simpletimeline .sl-left img {
    max-width: 40px
}

.simpletimeline p {
    margin-bottom: 1em
}

.simpletimeline .sl-right img {
    -webkit-box-shadow: 0 1px 8px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 8px 1px rgba(0, 0, 0, .1)
}

.timeline {
    position: relative;
    padding: 20px 0;
    list-style: none;
    max-width: 1200px;
    margin: 0 auto
}

.timeline:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    margin-left: -1.5px;
    background-color: #f4f8fa
}

.timeline > li {
    position: relative;
    margin-bottom: 20px
}

.timeline > li:after, .timeline > li:before {
    content: " ";
    display: table
}

.timeline > li:after {
    clear: both
}

.timeline > li > .timeline-panel {
    float: left;
    position: relative;
    width: 46%;
    padding: 20px;
    border: 1px solid rgba(120, 130, 140, .13);
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .05)
}

.timeline > li > .timeline-panel:before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 26px;
    right: -8px;
    border-top: 8px solid transparent;
    border-right: 0 solid rgba(120, 130, 140, .13);
    border-bottom: 8px solid transparent;
    border-left: 8px solid rgba(120, 130, 140, .13)
}

.timeline > li > .timeline-panel:after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 27px;
    right: -7px;
    border-top: 7px solid transparent;
    border-right: 0 solid #fff;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff
}

.timeline > li > .timeline-badge {
    z-index: 10;
    position: absolute;
    top: 16px;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    border-radius: 50% 50% 50% 50%;
    text-align: center;
    font-size: 16px;
    line-height: 46px;
    color: #fff;
    overflow: hidden
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    right: auto;
    left: -8px;
    border-right-width: 8px;
    border-left-width: 0
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    right: auto;
    left: -7px;
    border-right-width: 7px;
    border-left-width: 0
}

.tesimonials-slider .slick-dots li.slick-active button, .tesimonials-slider .slick-dots li:hover, .timeline-badge.primary {
    background-color: #5a76f6
}

.timeline-badge.success {
    background-color: #4abb45
}

.timeline-badge.warning {
    background-color: #ffaf58
}

.timeline-badge.danger {
    background-color: #ff334e
}

.timeline-badge.info {
    background-color: #188ef4
}

.timeline-badge .double {
    line-height: .8;
    font-size: 85%;
    display: inline-block;
    padding-top: 11px
}

.timeline-title {
    margin-top: 0;
    color: inherit;
    font-weight: 400
}

.timeline-body > p, .timeline-body > ul {
    margin-bottom: 0
}

.timeline-body > p + p {
    margin-top: 5px
}

.main-bn {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 120px 0;
    background-color: transparent
}

.main-bn__video {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 0
}

.main-bn__video video {
    height: 190%;
    margin: auto;
    display: block;
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.main-bn__video::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    display: block;
    background: #000;
    content: "";
    width: 100%;
    height: 100%;
    opacity: .4
}

.section-about {
    padding-top: 60px;
    font-size: 1.2em;
    line-height: 1.3em;
    overflow: hidden
}

.section-about .subtitle {
    margin: 20px 0;
    font-size: 25px;
    min-height: 3em
}

.section-about .subtitle .text-info {
    text-decoration: underline
}

.section-about__line-text {
    line-height: 1.2;
    display: inline-block
}

.section-about .img-anim img {
    display: block;
    position: relative;
    bottom: -70px
}

.main-cont--video .content > section.bg-secondary-color {
    background-color: #273f5b
}

.section-history .timeline {
    font-size: 16px
}

.main-cont--video .content > section.section-testimonials {
    background: #ecfef5 url(/img_old/clouds20.png) no-repeat;
    background-size: contain;
    background-position: center
}

.section-testimonials .card-body {
    text-align: left
}

.section-testimonials .thumb {
    position: relative;
    padding: 10px 20px 10px 90px;
    margin-left: -20px;
    display: inline-block;
    color: #fff;
    margin-bottom: 30px
}

.section-testimonials .thumb .thumb-img {
    width: 60px;
    position: absolute;
    left: 20px;
    top: -10px
}

.tesimonials-slider {
    margin-top: 20px
}

.tesimonials-slider .slick-dots {
    text-align: center;
    margin-top: 20px
}

.lending-mg-slider .slick-dots li button, .tesimonials-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    border-radius: 50%;
    border: 0;
    font-size: 0;
    background-color: #d6d6d6
}

.course_3 .train-spead h5, .section-team {
    font-size: 16px
}

.section-bottom .subtitle {
    font-size: 19px
}

.teammembers-thumb {
    margin: 0 auto;
    width: 260px;
    height: 260px;
    background-color: #edf6fc;
    border-radius: 100%;
    text-align: center;
    position: relative
}

.teammembers-thumb img {
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.counters {
    z-index: 2;
    overflow: hidden;
    position: relative;
    padding: 100px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iqclub-counter-item .counter-numbers {
    font-size: 46px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 20px
}

.iqclub-counter-item .counter-title {
    color: #fff;
    margin: 0;
    line-height: 1.1;
    font-weight: 600;
    font-size: 24px
}

.iqclub-counter-item .units {
    display: inline-block
}

.counter-item-colored, .course_3 .honors .nav-justified li, .step {
    text-align: center
}

.counter-item-colored .counter-numbers {
    margin-bottom: 15px
}

.step {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    height: 100%
}

.step__header {
    height: 60%
}

.step__header img {
    opacity: .6
}

.step__body {
    max-width: 250px;
    margin: 20px auto;
    color: #fff;
    font-size: 21px
}

.step__number {
    position: absolute;
    opacity: .2;
    font-size: 120px;
    color: #fff;
    font-weight: 700
}

.treeBg1 {
    height: 685px;
    background: url(/img/old/treeSkillsBg.png) top center no-repeat #b8ebf4
}

.science-tree-bg {
    background-color: #b8ebf4
}

.treeSkill {
    min-width: 1000px
}

.treeSkill .tree-skill-article {
    margin-top: 30px;
    min-height: 250px
}

.treeSkill .tree-skill-article img {
    width: 100%;
    min-height: 202px
}

.treeSkill .tree-skill-article .text-block {
    padding: 23px 10px;
    min-height: 90px
}

.treeSkill .tree-skill-article.thumbnail {
    padding: 0
}

.treeSkill nav.containerBlue {
    width: 100%;
    min-width: 100%;
    margin-top: -2px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #3498db;
    height: 55px;
    padding: 7px 20px
}

.treeSkill nav.containerBlue ul {
    height: 100%;
    background-color: #3498db
}

.treeSkill nav.containerBlue li.active a, .treeSkill nav.containerBlue li.selected a, .treeSkill nav.containerBlue li:hover a {
    background-color: #fff !important;
    color: #3498db;
    border: 0
}

.treeSkill nav.containerBlue li:focus, .treeSkill nav.containerBlue li:hover {
    background-color: #fff !important;
    color: #3498db;
    border: 0
}

.treeSkill nav.containerBlue a {
    border: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    padding: 4px;
    line-height: 31px;
    color: #fff;
    text-align: center;
    border-radius: 10px !important;
    background: 0 0;
    font-size: 13px;
    -webkit-box-shadow: none;
    box-shadow: none;
    white-space: nowrap;
    word-wrap: normal
}

.bpi-statistic .statictic-block img, .treeSkill nav.containerBlue .nav-justified {
    width: 100%
}

.treeSkill nav.containerBlue .nav-justified > li {
    display: table-cell;
    width: 1%
}

.treeSkill .treeSkill-container {
    position: relative;
    width: 1000px;
    margin: 0 auto
}

.treeSkill .treeSkill-cloud {
    position: absolute;
    top: 142px;
    left: 51px;
    text-align: center;
    font-family: Impact;
    font-size: 17px;
    color: #4080a1;
    line-height: 1.1
}

.treeSkill .treeSkill-item, .treeSkill .treeSkill-item:hover {
    -webkit-transition: .3s, -webkit-box-shadow;
    -o-transition: box-shadow, .3s;
    transition: box-shadow, .3s;
    transition: box-shadow, .3s, -webkit-box-shadow
}

.treeSkill .treeSkill-item {
    position: absolute;
    padding: 5px 15px;
    font-family: Impact;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    display: inline-block;
    background: #ee6c00;
    letter-spacing: .05em;
    cursor: pointer;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.treeSkill .treeSkill-item:hover {
    -webkit-box-shadow: 0 0 55px #fff;
    box-shadow: 0 0 55px #fff
}

.treeSkill .treeSkill-item_attention_concentration {
    top: 73px;
    left: 407px
}

.treeSkill .treeSkill-item_attention_switching {
    top: 130px;
    left: 384px
}

.treeSkill .treeSkill-item_attention_resistance {
    top: 148px;
    left: 539px
}

.treeSkill .treeSkill-item_attention_volume {
    top: 189px;
    left: 420px
}

.treeSkill .treeSkill-item_attention_divided {
    top: 241px;
    left: 360px
}

.treeSkill .treeSkill-item_attention_selective {
    top: 241px;
    left: 577px
}

.treeSkill .treeSkill-item_attention {
    top: 282px;
    left: 476px;
    background: #f44242;
    font-size: 20px
}

.treeSkill .treeSkill-item_memory_volume {
    top: 310px;
    left: 210px
}

.treeSkill .treeSkill-item_memory_visual {
    top: 307px;
    left: 290px
}

.treeSkill .treeSkill-item_memory_semantic {
    top: 391px;
    left: 60px
}

.treeSkill .treeSkill-item_memory_accuracy {
    top: 387px;
    left: 429px
}

.treeSkill .treeSkill-item_thinking_logic {
    top: 372px;
    left: 717px
}

.treeSkill .treeSkill-item_memory {
    top: 420px;
    left: 420px;
    background: #f44242;
    font-size: 20px;
    padding-left: 30px;
    padding-right: 30px
}

.treeSkill .treeSkill-item_thinking_creativity {
    top: 441px;
    left: 717px
}

.treeSkill .treeSkill-item_memory_spatial {
    top: 474px;
    left: 225px
}

.treeSkill .treeSkill-item_memory_rate {
    top: 479px;
    left: 395px
}

.treeSkill .treeSkill-item_thinking_speed {
    top: 469px;
    left: 627px
}

.treeSkill .treeSkill-item_thinking {
    top: 503px;
    left: 527px;
    background: #f44242;
    font-size: 20px
}

.treeSkill-mobile {
    margin: 0 auto;
    background-color: #fff
}

.treeSkill-mobile__parent-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #f44242;
    position: relative
}

.treeSkill-mobile__list {
    display: block;
    overflow: auto hidden;
    padding: 0 30px
}

.treeSkill-mobile__list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-right: 30px;
    min-width: 650px;
    padding: 15px 0;
    position: relative
}

.treeSkill-mobile__list > li.treeSkill-mobile__item-attention li, .treeSkill-mobile__list > li.treeSkill-mobile__item-memory li, .treeSkill-mobile__list > li.treeSkill-mobile__item-reasoning li {
    position: relative
}

.treeSkill-mobile__list > li.treeSkill-mobile__item-attention li::before, .treeSkill-mobile__list > li.treeSkill-mobile__item-memory li::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    left: -15px;
    top: 50%
}

.treeSkill-mobile__list > li.treeSkill-mobile__item-attention li:nth-child(even)::before, .treeSkill-mobile__list > li.treeSkill-mobile__item-memory li:nth-child(even)::before {
    width: 15px
}

.treeSkill-mobile__list > li.treeSkill-mobile__item-attention li:nth-last-child(2)::after, .treeSkill-mobile__list > li.treeSkill-mobile__item-memory li:nth-last-child(2)::after {
    content: none !important
}

.treeSkill-mobile__list > li.treeSkill-mobile__item-reasoning li::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: currentColor;
    left: -15px;
    top: 50%
}

.treeSkill-mobile__list > li.treeSkill-mobile__item-reasoning li:nth-child(even)::before {
    content: none
}

.treeSkill-mobile__list > li.treeSkill-mobile__item-reasoning li:nth-last-child(2)::after {
    content: none !important
}

.treeSkill-mobile__list > li > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-left: 30px;
    position: relative;
    vertical-align: middle
}

.treeSkill-mobile__list > li > ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    margin-bottom: 15px;
    color: #ee6c00;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.treeSkill-mobile__list > li > ul li:first-child::after {
    content: '';
    width: 20px;
    height: 15px;
    background-color: #fff
}

.treeSkill-mobile__list > li > ul li:nth-child(odd) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%
}

.treeSkill-mobile__list > li > ul li:nth-child(odd):not(:last-child)::after {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% + 16px);
    background-color: #ee6c00;
    top: 50%;
    left: -16px
}

.treeSkill-mobile__list a {
    position: relative;
    text-transform: uppercase;
    font-size: 13px;
    font-size: calc(11px + (13 - 11) * ((100vw - 450px) / (991 - 450)));
    padding: 5px 10px;
    border: 1px solid;
    border-radius: 3px;
    white-space: nowrap;
    background-color: #fff;
    color: currentColor;
    line-height: 1.2;
    text-decoration: none;
    -webkit-box-shadow: 3px 5px 14px -6px rgba(238, 108, 0, .3);
    box-shadow: 3px 5px 14px -6px rgba(238, 108, 0, .3)
}

.treeSkill-mobile__list a.treeSkill-mobile__parent {
    padding: 5px;
    font-weight: 700;
    border: 1px solid;
    border-radius: 3px;
    color: currentColor;
    min-width: 120px;
    -webkit-box-shadow: 3px 5px 14px -6px rgba(244, 66, 66, .3);
    box-shadow: 3px 5px 14px -6px rgba(244, 66, 66, .3)
}

.treeSkill-mobile__list a.treeSkill-mobile__parent::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: currentColor;
    top: 50%;
    left: 100%
}

.treeSkill-mobile__info {
    font-size: 13px;
    padding: 10px 0 10px 30px;
    color: #333
}

.index-calc {
    background-color: #34495e;
    color: #fff;
    border-radius: 5px;
    padding: 45px 45px 29px
}

.index-calc .media-heading a {
    line-height: 56px;
    margin: 0 0 0 10px;
    font-size: 18px;
    color: inherit;
    font-family: inherit;
    font-weight: 500
}

.index-calc .media-heading a.text-blue {
    color: #53b1e8
}

.index-calc .media-heading a.text-yellow {
    color: #e7b300
}

.index-calc .media-heading a.text-light-blue {
    color: #1abc9c
}

.index-calc .media-heading a.text-violet {
    color: #a0a0d8
}

.index-calc .media-heading a.text-red {
    color: #f18181
}

.index-calc .media-heading a:hover {
    text-decoration: underline
}

.index-calc .media a {
    width: 56px;
    height: 56px;
    overflow: hidden
}

.index-calc .equal {
    margin: 0;
    color: #f8f0df;
    font-size: 74px;
    font-weight: 300
}

.index-calc .circle {
    background-image: url(../img_old/new-pages/circle.png);
    background-repeat: no-repeat;
    width: 157px;
    height: 158px;
    color: #ffe377;
    font-size: 50px;
    font-weight: 700;
    line-height: 158px;
    display: inline-block
}

.bpi-statistic .img-block {
    position: absolute;
    right: -31px;
    bottom: 0;
    z-index: 3
}

.bpi-statistic, .bpi-statistic .statictic-block {
    position: relative
}

.bpi-statistic .statictic-block .text-block {
    width: 370px;
    padding: 18px 65px 10px 27px;
    background-color: #f8f7f3;
    border-radius: 13px;
    position: absolute;
    right: -230px;
    top: 149px;
    line-height: 1.8
}

.bpi-process {
    background-color: #333;
    padding: 37px 0 0;
    color: #fff
}

.bpi-process__title {
    color: #fff
}

.list-components {
    border-right: 1px solid #dfdfdf;
    margin-bottom: 24px
}

.list-components li {
    padding-left: 24px;
    position: relative;
    margin: 0 0 10px
}

.list-components li::after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 100%;
    border: 2px solid #1abc9c
}

.about-iq table {
    min-width: 800px
}

.about-iq table td {
    padding-left: 20px;
    vertical-align: top
}

.about-iq table td:first-child {
    border-right: 1px solid #dfdfdf;
    text-align: right;
    padding-right: 20px;
    width: 74px;
    font-weight: 700;
    padding-left: 0;
    padding-bottom: 15px
}

.about-iq table p {
    font-size: 15px;
    line-height: 1.6
}

.about-iq table .col-2 {
    width: 402px
}

.test-iq {
    background-image: url(../img_old/new-pages/test.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 28px
}

.profile-container, .test-iq .container, .test-iq .game-navigation > .main-container {
    position: relative
}

.test-iq .img-block, .test-iq .signboard {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.test-iq .signboard {
    top: 35px;
    background: url(../img_old/new-pages/signboard.png);
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    padding-top: 15px;
    width: 690px;
    height: 77px;
    z-index: 2
}

.test-iq .img-block {
    bottom: 0;
    width: 333px;
    height: 411px;
    z-index: 1
}

.test-iq .text-block {
    position: absolute;
    bottom: 34px;
    border-bottom: 2px solid #dfdfdf;
    background: #fff;
    border-radius: 5px;
    width: 250px;
    height: 304px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 19px 24px 24px
}

.test-iq .text-block p {
    margin-top: 10px;
    font-size: 16px
}

.test-iq .text-block.left-block {
    left: 0
}

.test-iq .text-block.right-block {
    max-width: 300px;
    right: 0;
    width: auto
}

.test-iq .test-link {
    outline: 0;
    color: #2580d1;
    font-family: Arial;
    font-size: 19px;
    font-weight: 700;
    text-decoration: underline
}

.profile-offer p a:hover, .test-iq .test-link:hover {
    text-decoration: none
}

.profile-progress, .progress__bar {
    height: 20px;
    position: absolute;
    top: 0
}

.profile-progress {
    width: 100%;
    right: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(57, 27, 18, .06);
    box-shadow: inset 0 2px 4px rgba(57, 27, 18, .06)
}

.progress__bar {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#54b601), to(#75d723));
    background-image: -webkit-linear-gradient(bottom, #54b601 0%, #75d723 100%);
    background-image: -o-linear-gradient(bottom, #54b601 0%, #75d723 100%);
    background-image: linear-gradient(to top, #54b601 0%, #75d723 100%);
    border: 1px solid rgba(101, 181, 33, .75);
    -webkit-box-shadow: inset 0 0 7px rgba(245, 239, 231, .5);
    box-shadow: inset 0 0 7px rgba(245, 239, 231, .5);
    left: 0;
    z-index: 1
}

.progress__level {
    width: 80px;
    height: 80px;
    background-color: #54b601;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ffb504), to(#ffe349));
    background-image: -webkit-linear-gradient(bottom, #ffb504 0%, #ffe349 100%);
    background-image: -o-linear-gradient(bottom, #ffb504 0%, #ffe349 100%);
    background-image: linear-gradient(to top, #ffb504 0%, #ffe349 100%);
    -webkit-box-shadow: 0 5px 15px rgba(218, 103, 0, .5), inset 0 0 6px rgba(245, 239, 231, .68);
    box-shadow: 0 5px 15px rgba(218, 103, 0, .5), inset 0 0 6px rgba(245, 239, 231, .68);
    color: #391b12;
    font-size: 30px;
    font-weight: 900;
    text-align: center;
    line-height: 80px;
    position: absolute;
    left: -42px;
    top: -30px;
    z-index: 2;
    border-radius: 100%
}

.progress__value {
    color: #948879;
    font-size: 10px;
    font-weight: 700;
    position: absolute;
    right: 8px;
    top: 0;
    z-index: 3
}

.progress__status {
    color: #391b12;
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    bottom: -26px;
    left: 44px;
    letter-spacing: 1.3px;
    text-transform: uppercase
}

.profile-avatar-container {
    display: block;
    text-align: center
}

.profile-avatar-container img {
    display: block;
    margin: 0 auto 30px
}

.profile-avatar__img img {
    max-width: 100%
}

.profile-training {
    padding-top: 40px
}

.profile-training p {
    color: #391b12;
    font-size: 25px;
    font-weight: 400;
    margin: -6px 0 0
}

.profile-training .user-info {
    margin: 5px 0;
    font-size: 17px
}

.profile-training .title {
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 2px
}

.profile-training__counter {
    color: #f84655;
    font-weight: 700;
    font-size: 60px;
    line-height: 1
}

.profile-offer {
    background-color: #3f221a;
    border-radius: 60px;
    margin: 46px 45px 0 44px;
    position: relative;
    padding: 25px 33px 15px 119px;
    line-height: 1.5
}

.profile-offer p {
    font-size: 16px;
    color: #fff;
    font-weight: 400
}

.profile-offer p a {
    color: #54b601;
    font-weight: 400;
    text-decoration: underline
}

.profile-offer__combo {
    background-repeat: no-repeat;
    background-position: center;
    width: 148px;
    height: 148px;
    position: absolute;
    left: -37px;
    top: -29px
}

.awards__title {
    color: #391b12;
    font-size: 30px;
    font-weight: 700;
    display: block;
    margin: 0 0 39px
}

.awards__title .awards__title-progress {
    font-size: 30px;
    font-weight: 700;
    float: right;
    color: #f5efe7
}

.awards__title .awards__title-progress span {
    color: #54b601
}

.goldLanding {
    background: #79c8db
}

.goldLanding .container, .goldLanding .game-navigation > .main-container {
    min-height: 702px;
    background: url(/img/pages/gold_landing.png) bottom right no-repeat
}

.goldLanding .goldLanding-form {
    min-width: 223px;
    margin: 30px 0 30px 5px
}

.goldLanding .goldLanding-form .form-control {
    border-color: #7993a9;
    margin-bottom: 20px
}

.goldLanding .goldLanding-form .btn {
    background: #34495e;
    color: #fff;
    font-size: 17px
}

.goldLanding .goldLanding-form .btn:hover {
    background: #435d78
}

.goldLanding h1, .goldLanding h2 {
    font-size: 34px;
    margin: 90px 0 5px;
    text-transform: uppercase
}

.goldLanding h2 {
    font-size: 22px;
    line-height: 1.3;
    margin: 0
}

.goldLanding .goldLandingList {
    width: 400px;
    margin-left: 5px;
    margin-top: 30px
}

.goldLanding .goldLandingList li {
    position: relative;
    display: block;
    padding-left: 52px;
    font-size: 17px;
    margin-bottom: 35px
}

.goldLanding .goldLandingList li span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #34495e;
    color: #fff;
    font-weight: 700
}

.about-body {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    width: 100%;
    margin-bottom: 35px;
    position: relative
}

.emailConfirmation {
    display: inline-block;
    width: 100%;
    min-height: 100px;
    background-color: rgba(2, 186, 242, .2);
    color: #009dcd
}

.emailConfirmation .closeBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 3px 0 0 1px;
    width: 25px;
    height: 25px
}

.contacts-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    background: url(/img_old/contacts-itemBg.png) bottom repeat-x
}

.contacts-item p {
    padding-left: 0;
    margin-bottom: 10px
}

.contacts-item .H4 {
    font-weight: 700;
    font-size: 22px
}

.faq-body .faqVars .faqVars-item2 {
    background: #fff 0 0;
    border: 2px solid #bfdef5;
    border-radius: 10px;
    color: #34495e;
    display: block;
    float: left;
    font-size: 15px;
    margin: 0 0 20px;
    min-height: 180px;
    position: relative;
    text-align: center;
    width: 100%;
    height: 150px;
    padding: 20px 0 15px
}

.faq-body .faqVars .faqVars-item2:hover {
    border-color: #1abc9c
}

.faq-body .faqVars .faqVars-item2 img {
    position: relative;
    display: block;
    margin: 0 auto 20px
}

.faq-body .collapse-contextual .panel-heading a::after, .faq-body .collapse-style-1 .panel-heading a::after, .faq-body .collapse-style-2 .panel-heading a::after, .faq-body .collapse-style-3 .panel-heading a::after {
    font-family: FontAwesome;
    line-height: 1;
    position: absolute;
    right: 15px
}

.faq-body .panel-title {
    color: inherit;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0
}

.faq-body .panel-heading a {
    font-weight: 400;
    padding: 10px 40px 10px 15px;
    position: relative;
    width: 100%;
    display: inline-block
}

.faq-body .collapse-style-1 .panel-heading {
    background-color: #fafafa
}

.faq-body .collapse-style-1 .panel-heading a {
    width: 100%
}

.faq-body .collapse-style-1 .panel-heading a::after {
    content: "";
    font-size: 16px;
    font-weight: 300;
    margin-top: 0
}

.faq-body .collapse-style-1 .panel-heading a.collapsed::after {
    content: ""
}

.faq-body .collapse-style-1 .panel-body {
    background-color: #fafafa;
    border-top: medium none !important;
    padding-top: 0
}

.faq-body .panel-collapse .panel-body {
    padding: 30px
}

.faq-body .panel-collapse .panel-body a {
    text-decoration: underline
}

.press-2col {
    margin-top: 40px;
    margin-bottom: 40px
}

.press-2col .col-xs-12, .press-2col .col-xs-6 {
    position: relative;
    background: #f8f6ec;
    margin-top: -10px;
    padding: 20px
}

.press-2col .col-xs-12 .H4, .press-2col .col-xs-6 .H4 {
    font-weight: 700;
    font-size: 18px;
    padding: 0 0 10px
}

.press-2col .col-xs-12:first-child, .press-2col .col-xs-6:first-child {
    margin: -20px 0 0;
    padding: 30px 20px;
    background: #fcfaf1;
    border-right: 10px solid #edeadb
}

.static-slider1 h1 {
    font-weight: 700;
    line-height: 56px
}

.static-slider1 h1 span {
    border-bottom: 3px solid #4abb45
}

.more-with-premium {
    background: #77d5ce
}

.more-with-premium .main-container {
    height: 400px;
    background: url(/img_old/more-with-premium.png) no-repeat right 83px
}

.more-with-premium .text-block {
    padding: 78px 0 0 65px
}

.more-with-premium .text-block h3 {
    color: #fff;
    font-size: 31px;
    line-height: 1.1;
    font-weight: 700;
    margin: 0
}

.more-with-premium .text-block p {
    color: #fff;
    font-size: 25px;
    margin: 15px 0 0;
    line-height: 1.4
}

.more-with-premium .text-block .btn-white {
    margin: 27px 0 0;
    padding: 0 54px
}

.game-view .scientist-brainapps .title a:hover, .nounderline, a {
    text-decoration: none
}

.ticket label a, .underline {
    text-decoration: underline
}

.dashedBorder {
    border-bottom: dashed
}

.form-control-feedback {
    right: 20px;
    top: 12px
}

.margin-left-right-auto {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.fixHeight700 {
    min-height: 700px
}

.fixHeight350 {
    min-height: 350px
}

.fixHeight170 {
    min-height: 170px
}

.gameLoaderFixer {
    min-height: 525px;
    text-align: center;
    position: relative;
    z-index: 0;
    font-size: 30px
}

.gameEndLoaderFixer {
    text-align: center;
    z-index: 0;
    font-size: 16px
}

#facebookG {
    width: 128px;
    margin: 0 auto
}

.facebook_blockG {
    background-color: #1bbc9c;
    border: 3px solid #1bbc9c;
    float: left;
    height: 91px;
    margin-left: 7px;
    width: 24px;
    opacity: .1;
    -moz-animation-name: bounceG;
    -moz-animation-duration: 1.3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-transform: scale(.7);
    -webkit-animation-name: bounceG;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-transform: scale(.7);
    -ms-animation-name: bounceG;
    -ms-animation-duration: 1.3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -ms-transform: scale(.7);
    -o-animation-name: bounceG;
    -o-animation-duration: 1.3s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: normal;
    -o-transform: scale(.7);
    animation-name: bounceG;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    transform: scale(.7)
}

#blockG_1 {
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}

#blockG_2 {
    -webkit-animation-delay: .52s;
    animation-delay: .52s
}

#blockG_3 {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

.valignTop {
    vertical-align: top
}

.valignMiddle {
    vertical-align: middle
}

.valignBottom {
    vertical-align: bottom
}

.ui-datepicker-month, .ui-datepicker-year {
    color: #34495e
}

#the_share .b-share-form-button_share, .breadcrumb .active:after {
    display: none
}

#the_share .b-share .b-share__handle {
    padding: 1px !important
}

#the_share .b-share .b-share-icon, #the_share .b-share .b-share__handle {
    width: 40px;
    height: 40px;
    display: block !important;
    margin: 4px
}

#the_share .b-share-icon_facebook, #the_share .b-share-icon_gplus, #the_share .b-share-icon_lj, #the_share .b-share-icon_moimir, #the_share .b-share-icon_odnoklassniki, #the_share .b-share-icon_twitter, #the_share .b-share-icon_vkontakte, #the_share .b-share-icon_yaru {
    background: url(/img_old/social-share-sprite.png) no-repeat
}

#the_share .b-share-icon_yaru {
    background-position: 0 0
}

#the_share .b-share-icon_vkontakte {
    background-position: -40px 0
}

#the_share .b-share-icon_facebook {
    background-position: -80px 0
}

#the_share .b-share-icon_twitter {
    background-position: -120px 0
}

#the_share .b-share-icon_odnoklassniki {
    background-position: -160px 0
}

#the_share .b-share-icon_moimir {
    background-position: -200px 0
}

#the_share .b-share-icon_lj {
    background-position: -240px 0
}

#the_share .b-share-icon_gplus {
    background-position: -280px 0
}

.groups-rates-bn {
    height: 174px;
    background: #ff8b63;
    background: -webkit-linear-gradient(top, #ff8b63 0%, #ff7559 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8b63), to(#ff7559));
    background: -o-linear-gradient(top, #ff8b63 0%, #ff7559 100%);
    background: linear-gradient(to bottom, #ff8b63 0%, #ff7559 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8b63', endColorstr='#ff7559', GradientType=0)
}

.groups-rates-bn .img-block, .groups-rates-bn .text-block {
    display: inline-block;
    vertical-align: top
}

.groups-rates-bn .text-block {
    padding: 27px 0 0 32px
}

.groups-rates-bn .text-block h3, .groups-rates-bn .text-block p {
    color: #fff;
    line-height: 1;
    font-weight: 700
}

.groups-rates-bn .text-block p {
    font-size: 17px !important;
    margin: 0
}

.groups-rates-bn .text-block h3 {
    margin: 5px 0 0;
    font-size: 23px
}

.groups-rates-bn .text-block .button-white, .xsolla-select-bn .text-block .button-white {
    font-size: 15px;
    margin: 27px 0 0;
    padding: 0 23px;
    height: 42px;
    line-height: 42px
}

.xsolla-select-bn {
    height: 174px;
    background: #ff8b63;
    background: -webkit-linear-gradient(top, #129aa2 0%, #1bbfbf 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#129aa2), to(#1bbfbf));
    background: -o-linear-gradient(top, #129aa2 0%, #1bbfbf 100%);
    background: linear-gradient(to bottom, #129aa2 0%, #1bbfbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#129aa2', endColorstr='#1BBFBF', GradientType=0)
}

.xsolla-select-bn .img-block, .xsolla-select-bn .text-block {
    display: inline-block;
    vertical-align: top
}

.xsolla-select-bn .text-block {
    padding: 27px 0 0 32px
}

.xsolla-select-bn .text-block h3, .xsolla-select-bn .text-block p {
    color: #fff;
    line-height: 1;
    font-weight: 700
}

.xsolla-select-bn .text-block p {
    font-size: 17px !important;
    margin: 0
}

.xsolla-select-bn .text-block h3 {
    margin: 5px 0 0;
    font-size: 23px
}

.odnoklassniki_share {
    background-color: #d57819;
    border-color: #d57819
}

.odnoklassniki_share.active, .odnoklassniki_share:active, .odnoklassniki_share:focus, .odnoklassniki_share:hover {
    background-color: #a75e14;
    border-color: #9e5913;
    color: #fff
}

.vk_share {
    background-color: #507299;
    border-color: #2f5070;
    color: #fff
}

.vk_share.active, .vk_share:active, .vk_share:focus, .vk_share:hover {
    background-color: #20364c;
    border-color: #1d3145;
    color: #fff
}

.mailru_share {
    background-color: #168de2;
    border-color: #2f5070;
    color: #fff
}

.mailru_share.active, .mailru_share:active, .mailru_share:focus, .mailru_share:hover {
    background-color: #168dff;
    border-color: #1d3145;
    color: #fff
}

.fb_share {
    background-color: #3b5998;
    border-color: #3b5998
}

.fb_share.active, .fb_share:active, .fb_share:focus, .fb_share:hover {
    background-color: #2d4373;
    border-color: #2a3f6c;
    color: #fff
}

.fixMinHeight500 {
    min-height: 500px
}

.fixMinHeight400 {
    min-height: 400px
}

.fixMinHeight300 {
    min-height: 300px
}

.personal-data {
    font-size: 10px
}

.help-block {
    color: red
}

.btn-sm-round {
    font-size: 10px
}

.input-group .form-control.input-sm {
    line-height: 20px
}

.icon-star {
    font-size: 20px;
    margin: -30px 0 5px 5px;
    position: absolute
}

.question_selector {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.breadcrumb, .course_3 .navigate .col-people {
    font-size: 15px;
    font-weight: 700;
    border-radius: 6px
}

.breadcrumb {
    background-color: #f3f4f5;
    line-height: 1.55;
    padding: 9px 20px
}

.breadcrumb > li {
    position: relative;
    text-shadow: none
}

.breadcrumb > li:after {
    color: #bdc3c7;
    content: "/ ";
    display: inline-block;
    font-size: 17.75px;
    margin: -4px 9px 0 13px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.breadcrumb .active {
    color: #bdc3c7;
    cursor: default
}

.breadcrumb .active > a {
    color: inherit;
    cursor: inherit
}

.breadcrumb > li + li:before {
    content: "";
    padding: 0
}

div.dataTables_wrapper div.dataTables_filter input {
    border: 1px solid #969696;
    padding: 5px;
    margin: 10px
}

.course_3 .navigate-fluid {
    background-color: #fff
}

.course_3 .bg_img_block {
    background-color: #58585a
}

.course_3 .games-catalog-item {
    border: 1px solid #ededee;
    background: #f5f7f8;
    width: 157px
}

.course_3 .navigate {
    color: #34495e
}

.course_3 .navigate > .row > div {
    line-height: 57px
}

.course_3 .navigate a {
    color: #3498db;
    font-size: 15px;
    text-decoration: underline
}

.course_3 .navigate h2 {
    font-size: 25px;
    font-weight: 700
}

.course_3 .navigate .col-people {
    line-height: 12px;
    letter-spacing: 3px;
    border: 1px solid #c9e4f5;
    padding: 9px 11px;
    display: inline-block
}

.course_3 .img_block, .course_3 .train-spead > .row > div {
    padding: 0
}

.course_3 .img_block img {
    display: block;
    margin: 0 auto
}

.course_3 .course_nav {
    background-color: transparent
}

.course_3 .course_nav .item_nav {
    background-color: #ecf4f9;
    color: #3498db;
    height: 55px;
    line-height: 55px;
    font-weight: 700;
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    border-right: 1px solid #d4e3ed
}

.course_3 .course_nav .item_nav.active, .course_3 .course_nav .item_nav.selected {
    background-color: #fff;
    color: #425569;
    font-size: 19px
}

.course_3 .course_nav .item_nav:last-child {
    border-right: none
}

.course_3 .train-spead {
    padding-top: 35px;
    padding-bottom: 35px
}

.course_3 .train-spead .train-screen {
    position: relative;
    padding: 24px 23px 20px;
    background-color: #edeff1;
    border-radius: 6px;
    color: #1abc9c;
    text-align: center;
    font-size: 16px
}

.course_3 .train-spead .train-screen span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 18px 7px 0;
    text-align: center;
    line-height: 30px
}

.course_3 .train-spead .train-screen span.active, .course_3 .train-spead .train-screen span.selected {
    color: #fff;
    border-radius: 50px;
    background-color: #1abc9c
}

.course_3 .train-spead .num {
    font-size: 70px;
    font-weight: 700;
    line-height: 81px
}

.course_3 .honors {
    border-top: 1px solid #ecf0f1;
    padding-top: 30px;
    padding-bottom: 30px
}

.course_3 .honors .nav-justified li .item {
    display: inline-block;
    width: 117px;
    height: 166px;
    position: relative;
    background-image: url(/img_old/medal_body.png);
    background-repeat: no-repeat;
    background-position: top right
}

.course_3 .honors .nav-justified li .item.dummy {
    background-image: url(/img_old/medal_dummy.png)
}

.course_3 .honors .nav-justified li .item > img {
    display: block;
    margin: 30px auto 0
}

.course_3 .soc_net {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f4f6f7
}

.course_3 .soc_net h3 {
    font-size: 17px;
    font-weight: 700
}

.course_3 .soc_net .btn {
    margin-right: 15px
}

.course_3 .soc_net .btn:last-child {
    margin-right: 0
}

.youBuy {
    float: left;
    position: relative;
    width: 80%;
    padding-bottom: 50px;
    -webkit-box-shadow: inset 0 0 60px rgba(102, 136, 164, .25);
    box-shadow: inset 0 0 60px rgba(102, 136, 164, .25)
}

.youBuy h1 {
    margin: 29px 5px 29px 23px;
    font-size: 25px;
    font-weight: 700;
    text-align: center
}

.youBuy .backToTariff {
    position: absolute;
    top: 35px;
    left: 16px;
    text-decoration: underline
}

.youBuy .backToTariff:before {
    content: url(/img_old/youBuy-arrow-left.png);
    margin-right: 5px
}

.ticket {
    width: 400px;
    margin: 0 auto;
    padding: 30px 15px 10px 14px;
    background: url(/img_old/ticket-topBg.png) top left no-repeat
}

.ticket:after {
    content: url(/img_old/ticket-bottomBg.png)
}

.ticket .ticket-body {
    padding: 0 22px 22px;
    background: #fff
}

.ticket .ticket-descr {
    padding: 15px 22px;
    border: 2px solid #00d4d3;
    border-radius: 10px
}

.ticket .H5, .ticket .ticket-descr .H4 {
    font-size: 17px;
    font-weight: 700;
    text-align: center
}

.ticket .ticket-descr p {
    font-size: 15px;
    margin: 3px 0
}

.ticket .ticket-descr .rub {
    display: block;
    font-size: 27px;
    text-align: center
}

.ticket .ticket-descr .rub .rb {
    height: 20px;
    width: 16px
}

.ticket .H5 {
    margin: 10px 0;
    font-size: 16px;
    text-transform: uppercase
}

.ticket .ticket-separator:after {
    display: block;
    text-align: center;
    content: '* * * * * * * * * * * * * * * * * * * * *';
    color: #bbc1c4;
    font-size: 16px;
    letter-spacing: .05em
}

.ticket label {
    font-size: 15px;
    font-weight: 400;
    width: 260px;
    display: inline-block
}

.ticket label .icons, .ticket label .second-icon {
    color: #d7dcde !important
}

.ticket .ticket-line .rub {
    display: block;
    margin-top: 5px;
    float: right;
    font-size: 18px
}

.ticket .row {
    margin-top: 10px
}

.ticket .row .rub {
    float: right;
    font-size: 27px;
    font-weight: 700
}

.ticket .row .rub .rb {
    margin-left: 3px;
    width: 14px;
    height: 20px
}

.paymentVars {
    margin-left: 15px;
    text-align: center
}

.paymentVars .paymentVars-item {
    vertical-align: top;
    position: relative;
    display: inline-block;
    width: 158px;
    min-height: 150px;
    margin: 0 0 20px 20px;
    padding: 90px 0 15px;
    text-align: center;
    background: #fff;
    border: 2px solid #bfdef5;
    border-radius: 10px;
    font-size: 15px
}

.paymentVars .paymentVars-item:hover {
    border-color: #4abb45
}

.paymentVars .paymentVars-item img {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px
}

.currentPrice {
    position: absolute;
    top: 30px;
    right: 95px;
    font-size: 19px
}

.payment-message {
    text-align: center;
    margin: 30px 0 30px 37px
}

.payment-message > * {
    vertical-align: top;
    display: inline-block
}

.payment-message img {
    margin-right: 16px
}

.payment-message p {
    margin-top: 35px;
    font-size: 15px
}

.main-bn-matrix {
    position: relative;
    min-height: 480px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 30px
}

.main-bn-matrix .container, .main-bn-matrix .game-navigation > .main-container {
    position: relative;
    z-index: 10
}

.main-bn-matrix .back-to-list {
    margin-left: -10px
}

.main-bn-matrix h1 {
    color: #fff;
    font-size: 52px;
    margin: 26px 0 0;
    font-weight: 900
}

.main-bn-matrix:after {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background: #34495e;
    opacity: .8;
    content: ''
}

.scheme {
    margin: 15px 0 45px 200px;
    display: inline-block;
    vertical-align: top
}

.game-view .related-games .container > .H4, .game-view .related-games .game-navigation > .main-container > .H4 {
    font-size: 21px;
    color: #34495e;
    font-weight: 700;
    padding: 25px 0 37px
}

.game-view .call2register {
    min-height: 240px;
    background: #d6e9f3;
    padding: 20px
}

.benefits__in p, .game-view .scientist-brainapps p {
    margin: 0;
    font-size: 15px;
    color: #fff
}

.game-view .scientist-brainapps .title {
    text-align: left;
    margin: 18px 0 0;
    line-height: 1.4;
    color: #fff2bf;
    font-size: 17px
}

.game-view .scientist-brainapps .title a {
    color: inherit;
    text-decoration: underline
}

.scientist-brainapps {
    border-radius: 5px;
    background: url(/img_old/scientist-brainapps.png) center bottom no-repeat #404a52;
    padding: 20px 20px 160px
}

.back-to-list {
    color: #fff !important;
    font-size: 15px
}

.benefits-list {
    color: #f7f7f3;
    font-size: 19px;
    margin: 47px 0 0;
    list-style: none;
    padding: 0;
    line-height: 1.5
}

.benefits-list li {
    margin-bottom: 22px
}

.benefits-list .icon-brain-y {
    vertical-align: top;
    margin: 0 7px
}

.game-view .scientist-brainapps {
    padding-left: 24px;
    padding-right: 24px
}

.main-bn__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 42px 0 0;
    width: 100%;
    color: #fff
}

.play-btn, .play-btn .glyphicon {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease
}

.play-btn {
    height: 55px;
    line-height: 55px;
    width: 154px;
    background: #1abc9c;
    border-radius: 55px;
    display: inline-block;
    position: relative;
    padding-left: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #fff !important
}

.play-btn .glyphicon {
    margin: 16px 0 0 9px;
    vertical-align: top
}

.play-btn:hover {
    background: #34495e
}

.play-btn:hover .glyphicon {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.rating-game .pull-right {
    float: right
}

.rating-game .pull-left {
    float: left
}

.rating-game .rating-game-l__list {
    background: #fff;
    padding: 40px 0
}

.rating-game .rating-games-l__item {
    background: #eff4f5;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    height: 57px;
    border-radius: 5px;
    padding: 0 15px;
    margin-bottom: 10px;
    position: relative
}

.rating-game .rating-games-l__item.active, .rating-game .rating-games-l__item:hover {
    background: #ffdf64
}

.rating-game .rating-games-l__item .avatar {
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    padding: 13px 0 0
}

.rating-game .rating-games-l__item .avatar div {
    width: 42px;
    height: 42px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    border-radius: 100%
}

.rating-game .rating-games-l__item .avatar p {
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    color: #2c3e50
}

.rating-game .rating-games-l__item .day {
    color: #2c3e50;
    font-size: 15px;
    line-height: 57px
}

.rating-game .rating-games-l__item .pull-left {
    width: 52%
}

.rating-game .rating-games-l__item .num {
    font-size: 25px;
    color: #000;
    font-weight: 700;
    line-height: 57px;
    display: inline-block;
    vertical-align: top
}

.rating-game .rating-games-l__item .place {
    display: inline-block;
    vertical-align: top;
    line-height: 57px;
    margin-right: 5px
}

.rating-game .rating-games-l__item .place img {
    vertical-align: middle;
    margin-top: -2px
}

.rating-game .rating-games-l__item .hint {
    position: absolute;
    line-height: 57px;
    font-size: 15px;
    color: #2c3e50;
    top: 0;
    right: 100%;
    margin-right: 20px;
    min-width: 100px;
    text-align: right
}

.benefits {
    background: url(/img_old/benefits.jpg) no-repeat center;
    background-size: cover;
    height: 935px
}

.benefits__left {
    color: #fff;
    float: left;
    margin: 62px 0 0 6px
}

.benefits__list {
    width: auto;
    margin-left: 418px;
    padding-top: 58px
}

.benefits__item {
    margin-bottom: 51px
}

.benefits__icon {
    width: 139px;
    height: 129px;
    background-position: center;
    background-repeat: no-repeat;
    float: left
}

.benefits__icon.benefits__icon-1 {
    background-image: url(/img_old/benefits-1.png)
}

.benefits__icon.benefits__icon-2 {
    background-image: url(/img_old/benefits-2.png)
}

.benefits__icon.benefits__icon-3 {
    background-image: url(/img_old/benefits-3.png)
}

.benefits__icon.benefits__icon-4 {
    background-image: url(/img_old/benefits-4.png)
}

.benefits__in {
    width: auto;
    margin-left: 161px;
    padding: 9px 0 0
}

.benefits__in p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6
}

.benefits__title {
    font-size: 27px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 16px
}

.specialist {
    margin-top: -20px;
    height: 606px;
    background: url(/img_old/specialist.jpg) no-repeat center;
    background-size: cover;
    padding-top: 189px
}

.specialist .h3 {
    text-align: center;
    margin: 0 0 57px
}

.specialist p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 1.5
}

.profile-edit-body #ava_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.profile-edit-body .avatarselect {
    cursor: pointer;
    border: 2px solid #bfdef5;
    border-radius: 10px;
    color: #34495e;
    display: inline-block;
    position: relative;
    text-align: center;
    width: 118px;
    margin: 5px;
    padding: 20px 0 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 130px
}

.profile-edit-body .avatarselect:hover {
    border-color: #1abc9c
}

.profile-edit-body .form-group {
    position: relative
}

.profile-edit-body .form-group .label-left {
    position: absolute;
    top: 12px;
    left: 0;
    font-size: 15px;
    font-weight: 700;
    width: 155px;
    line-height: 1.3
}

.profile-edit-body .form-group label.radio {
    display: inline-block;
    font-size: 15px;
    padding-top: 0;
    line-height: 1.5;
    width: auto;
    padding-left: 28px
}

.profile-edit-body .form-group label.radio strong {
    margin-right: 10px
}

.profile-edit-body .form-group .btn-group, .profile-edit-body .form-group .form-control {
    vertical-align: top;
    display: inline-block
}

.profile-edit-body .form-group .btn-info {
    background: #4abb45
}

.profile-edit-body .form-group .form-group-part {
    position: relative;
    display: inline-block
}

.profile-edit-body .form-group .form-group-part .btn-group {
    width: 65px;
    display: inline-block
}

.profile-edit-body .form-group .form-group-part .btn-group ul {
    width: 65px;
    min-width: 0
}

.profile-edit-body .form-group .form-group-part .btn-group:last-child {
    width: 78px
}

.profile-edit-body .photo-settings p {
    font-size: 15px;
    margin-bottom: 20px
}

.profile-edit-body .photo-settings .row {
    padding-bottom: 40px
}

.profile-edit-body .photo-settings .profile-edit-footer {
    padding-left: 40px
}

.profile-edit-body .email-settings .profile-edit-footer {
    margin-top: 120px
}

.start-test-text {
    width: 940px;
    min-height: 366px;
    background-color: #fff;
    border-radius: 15px;
    margin: 61px auto 0;
    position: relative;
    padding: 71px 365px 0 65px
}

.start-test-text .btn-primary-gradiant {
    position: absolute;
    left: 50%;
    top: -27px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.start-test-text__text p {
    margin: 0 0 30px
}

.start-test-text__img {
    width: 340px;
    height: 367px;
    background: url(/img_old/start-test.png) no-repeat center;
    position: absolute;
    right: 25px;
    bottom: -60px
}

.start-test-text__dialog {
    color: #391b12;
    font-size: 18px;
    font-weight: 400;
    background: url(/img_old/dialog.png) no-repeat center;
    position: absolute;
    right: -105px;
    top: -7px;
    z-index: 2;
    width: 219px;
    height: 149px;
    padding: 38px 18px 0;
    text-align: center
}

.start-test-text__info {
    width: 940px;
    margin: 30px auto 75px;
    border: 1px solid #d8d2cb;
    border-radius: 15px;
    text-align: center;
    padding: 35px 30px 30px
}

.start-test-text__info p, .start-test-text__text p {
    color: #391b12;
    font-size: 20px;
    font-weight: 400
}

.wp-block-cover, .wp-block-cover-image {
    position: relative;
    background-color: #273f5b;
    background-size: cover;
    background-position: 50%;
    min-height: 430px;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.wp-block-cover-image.has-background-dim::before, .wp-block-cover.has-background-dim::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: inherit;
    opacity: .5;
    z-index: 1
}

.wp-block-cover .wp-block-cover-text, .wp-block-cover-image .wp-block-cover-text {
    font-size: 2em;
    line-height: 1.25;
    z-index: 1;
    margin-bottom: 0;
    max-width: 610px;
    padding: 14px;
    text-align: center;
    color: #ffaf58
}

.nk-lesson {
    min-height: 101vh
}

.nk-lesson__top {
    padding: 10px 0;
    border-bottom: 1px solid #c4c4c4;
    background-color: #f5efe7;
    position: relative;
    z-index: 2
}

.game-navigation.nk-lesson__top > .main-container, .nk-lesson__top > .container {
    padding-left: 0;
    padding-right: 0
}

.nk-lesson__top-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nk-lesson__top-inner--with-dots .nk-lesson__top-right {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(100% - 35px);
    flex: 1 1 calc(100% - 35px);
    max-width: calc(100% - 35px)
}

.nk-lesson__top-inner--with-dots .nk-lesson__top-lesson-pic {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 35px;
    flex: 1 1 35px;
    max-width: 35px
}

.nk-lesson__top-lesson-pic {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 19px;
    flex: 1 1 19px;
    max-width: 19px
}

.nk-lesson__top-lesson-pic img {
    max-width: 100%
}

.nk-lesson__top-right {
    padding-left: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(100% - 20px);
    flex: 1 1 calc(100% - 20px);
    max-width: calc(100% - 20px)
}

.nk-lesson__top-breadcrumbs {
    color: #391b12;
    font-size: 12px;
    text-transform: uppercase
}

.nk-lesson__top-breadcrumbs a, .nk-lesson__top-breadcrumbs span {
    margin-right: 5px
}

.nk-lesson__top-breadcrumbs a + a, .nk-lesson__top-breadcrumbs a + span, .nk-lesson__top-breadcrumbs span + a, .nk-lesson__top-breadcrumbs span + span {
    margin-left: 5px
}

.nk-lesson__top-dots, .nk-lesson__top-dots-wrapper {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.nk-lesson__top-dots-wrapper {
    padding-top: 10px;
    max-width: 100%;
    overflow: hidden
}

.nk-lesson__top .top-slide-btn {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    text-align: center;
    background-color: #f5efe7
}

.nk-lesson__top .top-slide-btn.mute {
    opacity: .4
}

.nk-lesson__top-dots {
    margin-left: -5px;
    margin-bottom: 0;
    max-width: calc(100% - 65px);
    display: inline-block;
    vertical-align: middle;
    overflow: auto;
    font-size: 0;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none
}

.nk-lesson__top-dots::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important
}

.nk-lesson__top-dots li {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    text-align: center
}

.nk-lesson__top-dots li.is-active, .nk-lesson__top-dots li:hover {
    cursor: pointer
}

.nk-lesson__top-dots li.is-active svg, .nk-lesson__top-dots li:hover svg {
    fill: #188ef4
}

.nk-lesson__top-dots svg {
    fill: #c4c4c4;
    -webkit-transition: fill .23s ease;
    -o-transition: fill .23s ease;
    transition: fill .23s ease
}

.nk-lesson__body {
    position: relative;
    z-index: 1
}

.nk-lesson__body > .container-fluid, .nk-lesson__body > .container-lg, .nk-lesson__body > .container-md, .nk-lesson__body > .container-sm, .nk-lesson__body > .container-xl {
    padding-left: 0;
    padding-right: 0
}

.nk-lesson__slider-arrow {
    padding-top: 50px;
    position: fixed;
    top: 0;
    width: 110px;
    height: 100%;
    background-color: transparent;
    -webkit-transition: background-color .23;
    -o-transition: background-color .23;
    transition: background-color .23;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10
}

.nk-lesson__slider-arrow span {
    margin-top: 10px;
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.nk-lesson__slider-arrow--left {
    left: 0
}

.nk-lesson__slider-arrow--right {
    right: 0
}

.nk-lesson__slider-inner {
    padding: 0 120px 50px;
    position: relative;
    z-index: 1
}

.nk-lesson-header {
    padding: 30px 0 0
}

.nk-lesson-header--whithout-bottom {
    padding-bottom: 1px
}

.nk-lesson-header__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nk-lesson-header__top .nk-lesson-pic {
    width: 70px;
    height: 70px
}

.nk-lesson-header__top .nk-lesson-pic img, .nk-lesson-header__top .nk-lesson-pic svg {
    max-width: 100%;
    max-height: 100%
}

.nk-lesson-header__top .nk-lesson-title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 40px;
    font-size: 40px;
    font-size: calc(32px + (40 - 32) * ((100vw - 768px) / (1200 - 768)));
    font-weight: 700;
    line-height: 1.2;
    color: #fff
}

.nk-lesson-header__middle {
    margin-bottom: 30px;
    display: block
}

.nk-lesson-header .nk-lesson-status {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #fff
}

.nk-lesson-header .nk-lesson-status__text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 220px;
    flex: 1 1 220px;
    max-width: 220px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1
}

.nk-lesson-header .nk-lesson-status__bar {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    height: 3px;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 3px
}

.nk-lesson-header .nk-lesson-status__bar span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #fff;
    border-radius: 3px;
    will-change: width;
    -webkit-transition: width .83s;
    -o-transition: width .83s;
    transition: width .83s
}

.nk-lesson-header .nk-lesson-status__fin {
    margin-left: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25px;
    flex: 1 1 25px;
    max-width: 25px
}

.nk-lesson-header__bottom {
    background-color: transparent;
    color: #fff
}

.nk-lesson-header__bottom--white {
    background-color: #fff;
    color: #525eff;
    border-bottom: 1px solid #c4c4c4
}

.nk-lesson-header__bottom .nk-lesson-pic {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20px;
    flex: 1 1 20px;
    max-width: 20px
}

.nk-lesson-header__bottom .nk-lesson-pic img, .nk-lesson-header__bottom .nk-lesson-pic svg, img, svg {
    max-width: 100%
}

.nk-lesson-menu, .nk-lesson-menu__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nk-lesson-menu {
    margin-bottom: 0;
    padding-left: 35px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.nk-lesson-menu__wrapper {
    padding: 10px 0
}

.nk-lesson-menu li > a, .nk-lesson-menu li > span {
    font-size: 16px;
    font-weight: 700;
    color: inherit;
    text-decoration: none;
    -webkit-transition: opacity .23s;
    -o-transition: opacity .23s;
    transition: opacity .23s
}

.nk-lesson-menu li > a:hover, .nk-lesson-menu li > span:hover {
    opacity: .5;
    cursor: pointer
}

.nk-lesson-menu li .chevron-down {
    margin-top: -2px;
    vertical-align: middle;
    width: 10px;
    height: 5px;
    color: inherit;
    position: relative;
    display: inline-block
}

.nk-lesson-menu li .chevron-down::after, .nk-lesson-menu li .chevron-down::before {
    content: '';
    position: absolute;
    z-index: 1;
    background-color: currentColor;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .23s;
    -o-transition: all .23s;
    transition: all .23s;
    top: 100%;
    height: 1px;
    width: 50%
}

.nk-lesson-menu li .chevron-down::before {
    right: 50%;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.nk-lesson-menu li .chevron-down::after {
    left: 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.nk-lesson-menu li .chevron-down::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nk-lesson-menu li .chevron-down::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nk-lesson-menu li + li {
    margin-left: 30px
}

.nk-lesson-body {
    padding: 20px 0
}

.game-navigation.nk-lesson-body > .main-container, .nk-lesson-body > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.nk-lesson-body .white-box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.nk-lesson-body__sidebar {
    margin-top: -20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 220px;
    flex: 1 1 220px;
    max-width: 220px;
    background-color: #fff
}

.nk-lesson-body__sidebar + .nk-lesson-body__inner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.nk-lesson-body__sidebar .nk-lesson-menu {
    margin: 0;
    padding: 40px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nk-lesson-body__sidebar .nk-lesson-menu li {
    margin-left: 0;
    display: block;
    width: 100%
}

.nk-lesson-body__sidebar .nk-lesson-menu li > a, .nk-lesson-body__sidebar .nk-lesson-menu li > span {
    display: block;
    padding: .5em 2em
}

.nk-lesson-body__sidebar .nk-lesson-menu li.is-active {
    background-color: rgba(27, 188, 155, .2)
}

.nk-lesson-body__sidebar .nk-lesson-menu li:hover {
    background-color: rgba(27, 188, 155, .1)
}

.nk-lesson-body__sidebar .nk-lesson-menu li a {
    font-weight: 400
}

.nk-lesson-item, .nk-lesson-item__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nk-lesson-item {
    padding: 30px 50px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #e5e5e5;
    border-radius: 7px
}

.nk-lesson-item .nk-lesson-item__body, .nk-lesson-item .tags {
    display: none
}

.nk-lesson-item .right {
    margin-top: 15px
}

.nk-lesson-item.is-open {
    min-height: 165px
}

.nk-lesson-item.is-open .right {
    margin-top: 0
}

.nk-lesson-item.is-open .success-label {
    display: none
}

.lending-mg-slider .slick-dots li, .nk-lesson-item.is-open .tags {
    display: inline-block
}

.nk-lesson-item.is-open .nk-lesson-item__body {
    display: block
}

.nk-lesson-item.is-disabled .nk-lesson-item__title::before {
    content: ''
}

.nk-lesson-item.is-disabled .btn-success {
    pointer-events: none;
    opacity: .2
}

.nk-lesson-item .left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.nk-lesson-item__title {
    font-size: 28px;
    font-size: calc(24px + (28 - 24) * ((100vw - 768px) / (1200 - 768)));
    letter-spacing: .05em;
    font-weight: 700;
    position: relative
}

.nk-lesson-item__title::before {
    content: none;
    position: absolute;
    top: 0;
    left: -35px;
    width: 20px;
    height: 22px;
    background-image: url(/img/lesson/lock.svg);
    background-size: cover;
    background-repeat: no-repeat
}

.nk-lesson-item .success-label {
    margin-left: 10px;
    color: #1bbc9b
}

.nk-lesson-item .tags {
    font-size: 15px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nk-lesson-item .tags .tag {
    margin: 5px 10px 5px 0;
    padding: .25em 1em;
    line-height: 1;
    border: 1px solid;
    display: inline-block
}

.nk-lesson-item .tags .tag-orange {
    color: #ff5b00
}

.nk-lesson-item .tags .tag-green {
    color: #1bbc9b
}

.nk-lesson-item .tags .tag-blue {
    color: #525eff
}

.nk-lesson-item__body {
    margin-top: 25px;
    font-size: 16px;
    color: #8a8a8a;
    line-height: 1.5
}

.nk-lesson-item .right {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 250px;
    flex: 1 1 250px;
    max-width: 250px
}

.nk-lesson-item .right .btn {
    min-width: 210px;
    padding: .83em 3.05em;
    line-height: 1;
    font-size: 18px;
    font-weight: 700
}

.nk-lesson-item .right .btn.btn-outline-secondary {
    padding: .83em 2.66em
}

.nk-lesson-item .right .btn.btn-outline-secondary:active, .nk-lesson-item .right .btn.btn-outline-secondary:focus {
    color: #fff;
    background-color: #c4c4c4;
    border-color: #c4c4c4
}

.nk-lesson-item .right .btn .chevron-down, .nk-lesson-item .right .btn .chevron-top {
    margin-top: -4px;
    margin-left: 10px;
    vertical-align: middle;
    width: 16px;
    height: 8px;
    color: currentColor;
    position: relative;
    display: inline-block
}

.nk-lesson-item .right .btn .chevron-down::after, .nk-lesson-item .right .btn .chevron-down::before {
    content: '';
    position: absolute;
    z-index: 1;
    background-color: currentColor;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .23s;
    -o-transition: all .23s;
    transition: all .23s;
    top: 100%;
    height: 2px;
    width: 50%
}

.nk-lesson-item .right .btn .chevron-down::before {
    right: 50%;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.nk-lesson-item .right .btn .chevron-down::after {
    left: 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.nk-lesson-item .right .btn .chevron-down::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nk-lesson-item .right .btn .chevron-down::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nk-lesson-item .right .btn .chevron-top::after, .nk-lesson-item .right .btn .chevron-top::before {
    content: '';
    position: absolute;
    z-index: 1;
    background-color: currentColor;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .23s;
    -o-transition: all .23s;
    transition: all .23s;
    top: 0%;
    height: 2px;
    width: 50%
}

.nk-lesson-item .right .btn .chevron-top::before {
    right: 50%;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.nk-lesson-item .right .btn .chevron-top::after {
    left: 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.nk-lesson-item .right .btn .chevron-top::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nk-lesson-item .right .btn .chevron-top::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

#main #footer, #main .header-l {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

#main .content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.color-yellow {
    color: #ffd54d
}

.emailConfirmation {
    font-size: 16px
}

.big__title, .big__title span {
    font-family: Nunito,arial,sans-serif;
    font-style: normal;
    text-align: center
}

.big__title {
    margin-top: 20px;
    margin-bottom: 35px;
    line-height: 1.3;
    color: #5a76f6;
    font-weight: 700;
    font-size: 49px;
    font-size: calc(35px + (49 - 35) * ((100vw - 768px) / (1024 - 768)))
}

.big__title span {
    font-weight: 400;
    color: #0c2441;
    font-size: 24px;
    font-size: calc(20px + (24 - 20) * ((100vw - 768px) / (1024 - 768)));
    display: block
}

.dropdown-toggle::after {
    font-family: 'Font Awesome 6 Free';
    content: "\f078";
    font-size: 12px;
    border: 0 !important;
    vertical-align: middle;
    margin-left: 5px;
    font-weight: 700
}

.simple-wrapper {
    padding: 30px 0 90px
}

.bordered-container {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #5a76f6
}

.icon-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 20px
}

.icon-list .icon {
    width: 65px;
    height: 80px;
    position: relative
}

.icon-list .icon img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px
}

.icon-list .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px
}

.icon-list .svg-icon {
    position: relative;
    z-index: 0;
    height: 100%
}

.icon-list .svg-icon.shild--thinking {
    fill: #e9f2ff
}

.icon-list .svg-icon.shild--memory {
    fill: #ffe4d4
}

.icon-list .svg-icon.shild--attention {
    fill: #baf1ed
}

.line-progress__label, .line-progress__title {
    font-family: Nunito,arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1
}

.line-progress__title {
    margin-bottom: 10px;
    font-size: 18px
}

.line-progress__label {
    margin-top: 10px;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.progress {
    border-radius: 5px;
    overflow: visible
}

.progress-bar {
    border-radius: 5px;
    margin-top: -1px
}

.progress--thinking {
    background-color: #d5e6ff
}

.progress--thinking .progress-bar {
    background-color: #8c93ea
}

.progress--memory {
    background-color: #ffe4d4
}

.progress--memory .progress-bar {
    background-color: #ff5b00
}

.progress--attention {
    background-color: #baf1ed
}

.progress--attention .progress-bar {
    background-color: #1ecfc3
}

.progress.progress-animation .progress-bar {
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.progress.progress-animation:not(.animate) .progress-bar {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.tooltip_templates {
    display: none
}

.tooltip_templates p {
    margin-bottom: 1rem
}

.second-page-title {
    margin-bottom: 1em;
    font-family: Nunito,arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    display: block;
    font-size: 40px;
    font-size: calc(28px + (40 - 28) * ((100vw - 768px) / (1200 - 768)))
}

.second-page-subtitle {
    margin-top: -20px;
    margin-bottom: 30px;
    display: block;
    text-align: center;
    font-size: 20px
}

.ng-cloak, .ng-hide:not(.ng-hide-animate), .x-ng-cloak, [data-ng-cloak], [ng-cloak], [ng\:cloak], [x-ng-cloak] {
    display: none !important
}

.round-img {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.simple-pseudo-checkbox input[type=checkbox], .simple-pseudo-checkbox input[type=radio], .simple-pseudo-radio input[type=checkbox], .simple-pseudo-radio input[type=radio], .tab-item {
    display: none
}

.tab-item.active {
    display: block
}

.background-contain {
    background-size: contain;
    background-repeat: no-repeat
}

.pt100 {
    padding-top: 100px
}

.iqmarkup {
    background-color: #fff;
    color: #4b5d73
}

.iqclub-heading {
    position: relative;
    z-index: 5;
    margin-bottom: 30px
}

.heading-title {
    font-size: 38px;
    font-size: calc(28px + (38 - 28) * ((100vw - 768px) / (1024 - 768)));
    font-family: Nunito,arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: .02em;
    margin-bottom: 30px;
    line-height: 1.3
}

.heading-text {
    margin-top: 20px;
    font-weight: 400;
    line-height: 1.75;
    font-size: 18px
}

.bg-green {
    background-color: #77d5ce
}

.bg-green-lighteen {
    background-color: #ecfef5
}

.bg-light-blue {
    background-color: #e9f2ff
}

.bg-secondary-color {
    background-color: #273f5b
}

.bg-8 {
    background-image: url(/img_old/clouds11.png)
}

.bg-10 {
    background-image: url(../img_old/clouds14.png)
}

.bg-megna {
    background-color: #1dc8cd
}

.bg-bottom-img {
    background-repeat: no-repeat;
    background-position: bottom center
}

.c-primary {
    color: #5a76f6
}

.c-yellow {
    color: #ffaf58
}

.c-white {
    color: #fff
}

.c-semitransparent-white {
    color: rgba(255, 255, 255, .5)
}

.c-light-black {
    color: #8d97ad
}

.title {
    margin: 20px 0 15px
}

.heading-sup-title {
    font-size: 20px
}

section .subtitle {
    font-size: 20px;
    line-height: 1.1
}

section .heading-title + .subtitle, section .title + .subtitle {
    margin-top: -20px;
    margin-bottom: 30px
}

.card.card-shadow {
    -webkit-box-shadow: 0 0 30px rgba(115, 128, 157, .1);
    box-shadow: 0 0 30px rgba(115, 128, 157, .1);
    border: 0
}

.section-offer .card {
    height: 100%
}

.section-offer .mb-70 {
    margin-bottom: 70px
}

.section-offer .icon-space {
    margin: -80px 0 20px
}

.section-offer .icon-round {
    width: 80px;
    line-height: 78px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    background: #b6d4ff;
    background: -webkit-linear-gradient(legacy-direction(to top), #b6d4ff 0%, #188ef4 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#b6d4ff), to(#188ef4));
    background: -webkit-linear-gradient(bottom, #b6d4ff 0%, #188ef4 100%);
    background: -o-linear-gradient(bottom, #b6d4ff 0%, #188ef4 100%);
    background: linear-gradient(to top, #b6d4ff 0%, #188ef4 100%)
}

.section-offer .icon-round img {
    display: inline-block;
    width: 40px;
    height: 40px;
    -o-object-fit: content;
    object-fit: content
}

.section-offer p {
    line-height: 1.3;
    font-size: 16px;
    color: #8d97ad
}

.section-towhom h5 {
    font-size: 22px;
    line-height: 24px
}

.section-towhom p {
    font-size: 16px
}

.font-24 {
    font-size: 24px
}

.advantages__img {
    margin-bottom: 18px;
    height: 254px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    position: relative
}

.advantages__img img {
    max-width: 100%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

.advantages__item:hover .advantages__img {
    -webkit-animation: tada 1s both;
    animation: tada 1s both
}

.lending-mg-slider:not(.slick-initialized) .lending-mg-slider__item:not(:first-child) {
    display: none
}

.lending-mg-slider__item .notebook {
    background-image: url(/img_old/macbook-for-490.png);
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 330px;
    position: relative;
    text-align: center
}

.lending-mg-slider__item .notebook img {
    position: relative;
    top: 20px;
    width: 76%;
    margin: 0 auto
}

.lending-mg-slider__item p {
    font-size: 20px;
    margin-bottom: 1.5em;
    line-height: 1.4
}

.lending-mg-slider-btn {
    position: absolute;
    top: calc(50% - 10px);
    z-index: 3;
    background-color: transparent;
    border: 0;
    color: #cad1ff;
    -webkit-transition: all .23s;
    -o-transition: all .23s;
    transition: all .23s
}

.lending-mg-slider-btn:hover {
    color: #818ef2
}

.lending-mg-slider-btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lending-mg-slider-btn i {
    color: currentColor;
    font-size: 30px;
    font-weight: bold;
}

.lending-mg-slider-btn--prev {
    left: -18px
}

.lending-mg-slider-btn--next {
    right: -18px
}

.lending-mg-slider .slick-dots, figcaption {
    text-align: center;
    margin-top: 20px
}

.lending-mg-slider .slick-dots li.slick-active button, .lending-mg-slider .slick-dots li:hover {
    background-color: #5a76f6
}

.lending-mg-slider__allgame {
    position: absolute;
    bottom: -10px;
    right: 0
}

.lending-mg-slider.lending-mg-slide--smaller .lending-mg-slider__item .notebook img {
    top: 11px
}

.lending-mg-slider.lending-mg-slide--smaller .lending-mg-slider-btn--prev {
    left: -5px
}

.lending-mg-slider.lending-mg-slide--smaller .lending-mg-slider-btn--next {
    right: -5px
}

.course-memory p {
    font-size: 20px;
    line-height: 1.4
}

.matherials .card {
    height: 100%
}

.matherials h5 {
    min-height: 44px
}

.white-box {
    background-color: #fff;
    border-radius: 16px;
    position: relative;
    margin-bottom: 35px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(156, 145, 122, .15);
    box-shadow: 0 2px 1px 0 rgba(156, 145, 122, .15)
}

.game-navigation > .small-container.main-container, .small-container.container {
    max-width: 900px;
    min-width: 1px
}

.min-height-3em {
    min-height: 3em
}

figcaption {
    margin-top: .3em;
    font-size: 75%;
    color: rgba(0, 0, 0, .5);
    line-height: 1.1
}

.card.card--title-min-2 h5 {
    line-height: 1.1;
    min-height: 2.2em
}

.card.card--text-min-4 p {
    line-height: 1.3;
    min-height: 5.2em
}

.column-after-sidebar {
    min-height: 480px
}

.add-child {
    border: 1px solid #d8d2cb;
    border-radius: 10px;
    text-align: center;
    padding: 41px 30px 44px
}

.add-child .invite {
    border-top: 1px solid #d8d2cb
}

.settingsVars-item {
    margin-bottom: 30px;
    max-width: 100%;
    background-color: #fff;
    border: 0;
    border-radius: 5px;
    color: #34495e;
    display: block;
    font-size: 13px;
    position: relative;
    text-align: center;
    padding: 20px 15px 15px;
    -webkit-box-shadow: 0 15px 45px rgba(0, 0, 0, .05);
    box-shadow: 0 15px 45px rgba(0, 0, 0, .05);
    -webkit-transition: all .23s ease;
    -o-transition: all .23s ease;
    transition: all .23s ease;
    height: 200px;
    line-height: 1.3
}

.settingsVars-item:hover {
    -webkit-box-shadow: 0 15px 45px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 45px rgba(0, 0, 0, .1)
}

.settingsVars-item img {
    display: block;
    margin: 0 auto 15px
}

.label-premium {
    background-color: #ffdf64;
    color: #34495e
}

.rating-games-bn {
    height: 335px;
    background: url(../img_old/rating-games-bn.png) center #fff
}

table .label {
    white-space: nowrap
}

.z-1 {
    z-index: 1
}

.simple-pseudo-checkbox input[type=checkbox]:checked ~ span::before, .simple-pseudo-radio input[type=checkbox]:checked ~ span::before {
    border: 1px solid #4abb45;
    color: #4abb45
}

.simple-pseudo-checkbox input[type=radio]:checked ~ span::before, .simple-pseudo-radio input[type=radio]:checked ~ span::before {
    border: 1px solid #4abb45;
    background: -webkit-radial-gradient(circle, #4abb45 0%, #4abb45 30%, #fff 30%, #fff 100%);
    background: -o-radial-gradient(circle, #4abb45 0%, #4abb45 30%, #fff 30%, #fff 100%);
    background: radial-gradient(circle, #4abb45 0%, #4abb45 30%, #fff 30%, #fff 100%)
}

.simple-pseudo-checkbox > span, .simple-pseudo-radio > span {
    display: block;
    padding-left: 30px
}

.simple-pseudo-checkbox > span::before, .simple-pseudo-radio > span::before {
    color: transparent;
    content: '';
    display: inline-block;
    border: 1px solid #ced4da;
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: all .23s;
    -o-transition: all .23s;
    transition: all .23s;
    width: 20px;
    height: 20px;
    margin-left: -30px;
    margin-right: 15px;
    vertical-align: middle;
    margin-top: -3px
}

.simple-pseudo-checkbox > span::before {
    content: '\f00c';
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

.input-group-addon {
    padding: 6px 10px;
    color: #93a4aa;
    background-color: #e1eef3;
    border: 1px solid #d6e1e5;
    border-radius: 4px;
    min-width: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center
}

.lending-premium {
    background-image: url(/img_old/bg__about-premium.jpg);
    background-color: #188ef4;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 90px 0 280px
}

.automatic-configuration {
    background: url(/img_old/automatic-configuration.png) top center no-repeat #4fa1c9;
    color: #fff;
    padding: 303px 0 40px 67px;
    font-size: 18px
}

.comparison {
    background: url(/img_old/comparison.png) top right no-repeat #fff;
    padding: 303px 0 40px 51px;
    font-size: 18px
}

.unlimited-competition {
    background: url(/img_old/clouds.png) center top no-repeat #b9eae5
}

.access-to-courses {
    background-color: #2195d2
}

.more-with-premium {
    background-color: #77d5ce
}

.more-with-premium .container, .more-with-premium .game-navigation > .main-container {
    height: 400px;
    background: url(/img_old/more-with-premium.png) right 83px no-repeat
}

body {
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.4375rem;
    font-family: Nunito,arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px
}

body, html {
    height: 100%
}

a:hover {
    text-decoration: none
}

@media (min-width: 576px) {
    .container, .container-sm, .game-navigation > .main-container {
        max-width: 540px
    }

    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2 > *, .row-cols-sm-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3 > * {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-sm-4 > *, .row-cols-sm-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-sm-auto, .row-cols-sm-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1, .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3, .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5, .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7, .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-10, .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11, .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

    .form-inline .form-group, .form-inline label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline label {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .form-group {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select, .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }

    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }

    .navbar-expand-sm, .navbar-expand-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }

    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .game-navigation.navbar-expand-sm > .main-container, .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .card-deck {
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        margin-right: 15px;
        margin-left: 15px
    }

    .card-deck, .card-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-deck .card, .card-group > .card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0
    }

    .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }

    .card-columns {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }

    .jumbotron {
        padding: 4rem 2rem
    }

    .list-group-horizontal-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .list-group-horizontal-sm .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }

    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }

    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .flex-sm-column, .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-column-reverse, .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }

    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3, .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3, .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3, .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3, .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4, .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4, .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4, .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4, .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5, .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5, .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5, .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5, .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }

    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }

    .hidden-sm-up {
        display: none !important
    }
}

@media only screen and (min-width: 768px) {
    .game-container.game__end .game__buttons-container {
        width: 278px
    }

    .reg-question .pseudo-checkbox::before {
        width: 30px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 30px;
        flex: 1 1 30px;
        max-width: 30px;
        height: 30px;
        margin-right: 35px;
        line-height: 27px;
        font-size: 21px
    }

    .tests__action {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .iqclub-counter-item .counter-title {
        max-width: 150px
    }

    .index-calc .media + .media {
        margin-top: 9px
    }

    .index-calc .algorithm p {
        margin: 16px 0 0 34px
    }

    .test-iq .container, .test-iq .game-navigation > .main-container {
        height: 489px
    }

    .nk-lesson-body__sidebar + .nk-lesson-body__inner {
        padding-left: 20px
    }

    .nk-lesson-item .right {
        text-align: right
    }

    .lending-mg-slider.lending-mg-slide--smaller .lending-mg-slider__item .notebook {
        min-height: 220px
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm, .game-navigation > .main-container {
        max-width: 720px
    }

    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2 > *, .row-cols-md-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3 > * {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-md-4 > *, .row-cols-md-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-md-auto, .row-cols-md-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1, .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3, .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5, .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7, .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-10, .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11, .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }

    .navbar-expand-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .list-group-horizontal-md, .navbar-expand-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .game-navigation.navbar-expand-md > .main-container, .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .list-group-horizontal-md .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }

    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .flex-md-column, .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-column-reverse, .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }

    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3, .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4, .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5, .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }

    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }

    .hidden-md-up {
        display: none !important
    }
}

@media (min-width: 991px) {
    .dashboard .robo-info__title {
        font-size: 30px
    }

    .treeSkill-mobile__list a {
        font-size: 13px
    }
}

@media only screen and (min-width: 991px) {
    .game-navigation.nk-lesson-header__bottom > .main-container, .nk-lesson-header__bottom > .container {
        min-width: 1px;
        max-width: 900px
    }

    .game-navigation.nk-lesson-body:not(.nk-lesson-body--with-sidebar) > .main-container, .nk-lesson-body:not(.nk-lesson-body--with-sidebar) > .container {
        min-width: 1px;
        max-width: 900px
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm, .game-navigation > .main-container {
        max-width: 960px
    }

    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2 > *, .row-cols-lg-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3 > * {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-lg-4 > *, .row-cols-lg-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-lg-auto, .row-cols-lg-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1, .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3, .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5, .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7, .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-10, .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11, .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }

    .navbar-expand-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .list-group-horizontal-lg, .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .game-navigation.navbar-expand-lg > .main-container, .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .list-group-horizontal-lg .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }

    .modal-lg, .modal-xl {
        max-width: 800px
    }

    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .flex-lg-column, .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-column-reverse, .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }

    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3, .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3, .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3, .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4, .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4, .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4, .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4, .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5, .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5, .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5, .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5, .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }

    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }

    .hidden-lg-up {
        display: none !important
    }
}

@media (min-width: 1023px) {
    .dashboard-banner__title {
        font-size: 48px
    }

    .dashboard-banner__btn {
        font-size: 24px
    }
}

@media only screen and (min-width: 1023px) {
    .aside-promo__circle {
        width: 120px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background-color: #721683
    }

    .treeSkill-mobile__list a.treeSkill-mobile__parent {
        min-width: 180px
    }
}

@media (min-width: 1024px) {
    .start-test__title {
        font-size: 32px
    }

    .big__title span, .start-test__subtitle {
        font-size: 24px
    }

    .reg-question {
        font-size: 20px
    }

    .dashboard-banner p {
        font-size: 18px
    }

    .brain-structure__title {
        font-size: 55px
    }

    .since-section .h3, .who .h3 {
        font-size: 50px
    }

    .big__title {
        font-size: 49px
    }

    .heading-title {
        font-size: 38px
    }
}

@media only screen and (min-width: 1024px) {
    .socials .socials__item.text-hide-mobile {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }

    .socials .socials__item.text-hide-mobile .socials__link {
        height: 61px;
        width: 100%;
        border-radius: 60px
    }

    .socials .socials__item.text-hide-mobile .socials__link i {
        width: 30px;
        margin-left: 14px;
        margin-right: 20px;
        text-align: center
    }

    .socials .socials__item.text-hide-mobile .socials__link span {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 700
    }

    .ba-game-viewport-demo {
        width: 1000px
    }

    .header-l .btn-mob {
        display: none
    }

    .registration--wide {
        max-width: 960px
    }

    .buy__tariffs-inner {
        width: 258px
    }

    .buy__tariffs-inner--vip {
        width: 278px
    }

    .profile-progress {
        max-width: 500px
    }

    .profile__statistic {
        padding-top: 40px
    }

    .nk-lesson__top-dots li + li {
        margin-left: 15px
    }

    .nk-lesson-item .tags {
        margin-left: 10px
    }
}

@media only screen and (min-width: 1200px) {
    .dashboard .training-start__text {
        padding-left: 45px
    }

    .dashboard-course__slider:not(.slick-initialized) .dashboard-course {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%
    }

    .dashboard-course__slider:not(.slick-initialized) .dashboard-course:not(:nth-child(-n+4)) {
        display: none
    }

    .days__counter {
        width: calc(100% + 10px);
        margin: 20px 0 20px -10px
    }

    .days__counter .circle {
        margin-left: 10px;
        width: calc(14.2% - 10px)
    }

    .nk-lesson__slider-arrow:hover {
        cursor: pointer;
        background-color: #e0e0e0
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .game-navigation > .main-container {
        max-width: 1140px
    }

    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2 > *, .row-cols-xl-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3 > * {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-xl-4 > *, .row-cols-xl-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-xl-auto, .row-cols-xl-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1, .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3, .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5, .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7, .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-10, .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11, .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }

    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }

    .navbar-expand-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .list-group-horizontal-xl, .navbar-expand-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .game-navigation.navbar-expand-xl > .main-container, .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .list-group-horizontal-xl .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }

    .modal-xl {
        max-width: 1140px
    }

    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .flex-xl-column, .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-column-reverse, .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }

    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3, .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3, .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3, .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3, .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4, .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4, .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4, .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4, .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5, .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5, .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5, .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5, .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }

    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }

    .hidden-xl-up {
        display: none !important
    }

    .nk-lesson-item__title {
        font-size: 28px
    }

    .nk-lesson-header__top .nk-lesson-title, .second-page-title {
        font-size: 40px
    }
}

@media only screen and (min-width: 1230px) {
    .container, .game-navigation > .main-container {
        min-width: 1230px
    }
}

@media only screen and (min-width: 1370px) {
    .header-l__prime .fa-solid {
        margin-right: 12px
    }
}

@media only screen and (max-width: 560px) {
    .about-premium__row, .about-premium__row--2 {
        margin-bottom: 30px
    }

    .about-premium__row--2 .about-premium__cont {
        padding: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .about-premium__row--2 .about-premium__img-wrap {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .about-premium__img-wrap {
        margin: auto
    }

    .about-premium__img--2 {
        margin: 0 0 20px
    }

    .about-premium__img--3 {
        margin-bottom: 20px
    }

    .about-premium__cont {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        max-width: 300px;
        margin: auto;
        text-align: center
    }

    .about-premium__cont p {
        max-width: none
    }
}

@media (prefers-reduced-motion: reduce) {
    * {
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important
    }

    .btn, .collapsing, .custom-switch .custom-control-label::after, .fade, .form-control {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .custom-range::-moz-range-thumb {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .custom-range::-ms-thumb {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .badge, .custom-control-label::before, .custom-file-label, .custom-select, .modal.fade .modal-dialog, .progress-bar {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }

    .btn-f, .carousel-control-next, .carousel-control-prev, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right, .carousel-indicators li, .carousel-item, .character-add-child-btn, .character-add-child-btn:after, .character-add-child-btn:before, .copy-lang a, .email__forget, .game-buttons ul li a, .game__refresh, .game__rules, .icon-refresh, .n-character-profile-btn, .news-slider .slick-dots li button, .play-btn, .play-btn .glyphicon, .rating-game .rating-games-l__item, .restore-password, .restore__back, .social ul li a, .who__img img {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .buy__tariffs-inner {
        width: 220px
    }

    .buy__tariffs-inner--vip {
        width: 248px
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .header-l__nav-link {
        font-size: 22px;
        padding-left: 15px;
        padding-right: 15px
    }

    .parents-desk {
        max-width: 100%;
        padding-top: 40px;
        height: 195px
    }

    .sm-section__inner:not(.sm-datepicker) {
        padding: 20px 15px
    }

    .dashboard-course__slider:not(.slick-initialized) .dashboard-course {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 33.3333%;
        flex: 1 1 33.3333%;
        max-width: 33.3333%
    }

    .dashboard-course__slider:not(.slick-initialized) .dashboard-course:not(:nth-child(-n+2)), .sm-progress__sl:not(.slick-initialized) .sm-progress__sl-item:not(:nth-child(-n+3)) {
        display: none
    }

    .main-progress__h-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .main-progress__h-list-title {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        text-align: center;
        padding-bottom: 5px
    }

    .main-progress__h-list-title br {
        display: none
    }
}

@media (min-width: 1023px) and (max-width: 1370px) {
    .dashboard-banner__title {
        white-space: nowrap
    }
}

@media only screen and (max-width: 1023px) and (max-width: 1023px) {
    .header-l__nav.header-l__nav--active {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        visibility: visible
    }
}

@media (min-width: 992px) and (max-width: 1230px) {
    .tests__title {
        margin: 0 !important
    }

    .tests__content {
        padding: 25px 30px !important
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .dashboard .training-start__text {
        padding-left: 30px
    }

    .brain__index-number {
        width: 50%;
        float: left;
        line-height: 34px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .game-navigation .gameStateContainer {
        width: 75%
    }

    .game-help-container {
        width: calc(100% - 50px)
    }

    .game-timer {
        left: 70%
    }

    .buy__tariffs-item {
        padding-left: 10px;
        padding-right: 10px
    }

    .buy__tariffs:not(.slick-initialized) .buy__tariffs-item:not(:nth-child(-n+2)), .sm-progress__sl:not(.slick-initialized) .sm-progress__sl-item:not(:nth-child(-n+5)) {
        display: none
    }

    .about-premium__row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .about-premium__row .about-premium__cont {
        max-width: 300px
    }

    .n-character-profile {
        width: 416px;
        height: 644px;
        background-size: contain
    }

    .n-character-profile__text {
        padding: 0 50px
    }

    .n-character-profile__id {
        margin-top: -4px
    }

    .n-games__item .card .card-title {
        font-size: 16px
    }

    .n-games__item .card .label {
        font-size: 15px
    }

    .n-games__item .n-games__overlay-prem__img {
        margin-top: auto
    }

    .n-games__item .n-games__overlay-prem__img .fa-solid {
        font-size: 30px
    }

    .sm-products__cont {
        max-width: 380px
    }

    .statistic__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 33.3333%;
        flex: 1 1 33.3333%;
        max-width: 33.3333%
    }

    .page-course-description .aside-wrap > .eRowFluid_fixed {
        width: 200px
    }

    .test-iq .text-block {
        z-index: 2
    }

    .progress__level {
        position: relative;
        font-size: 25px;
        line-height: 60px;
        left: -20px;
        top: -10px;
        width: 60px;
        height: 60px
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .article-white, .n-character-profile {
        margin-left: -20px
    }

    .article-white {
        width: calc(100% + 40px) !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .game__kind {
        white-space: nowrap
    }

    .character-add-child-500 {
        right: -45px
    }

    .board-article {
        left: -110px !important
    }

    .iqholder {
        top: 15px
    }

    .nk-lesson__slider-arrow {
        width: 60px
    }

    .nk-lesson__slider-arrow img {
        max-width: 20px
    }

    .nk-lesson-header__top .nk-lesson-pic {
        width: 50px;
        height: 50px
    }
}

@media (min-width: 992px) and (min-height: 600px) and (max-height: 800px) {
    .registration {
        padding-top: 30px
    }

    .start-test {
        padding-top: 0
    }

    .start-test__title {
        margin-bottom: 5px;
        font-size: 28px
    }

    .start-test__subtitle {
        margin-bottom: 15px;
        font-size: 22px
    }

    .reg-question {
        padding: 20px;
        margin-bottom: 10px
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl > .table-bordered {
        border: 0
    }

    .game-navigation.navbar-expand-xl > .main-container, .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg > .table-bordered {
        border: 0
    }

    .game-navigation.navbar-expand-lg > .main-container, .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md > .table-bordered {
        border: 0
    }

    .game-navigation.navbar-expand-md > .main-container, .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm > .table-bordered {
        border: 0
    }

    .game-navigation.navbar-expand-sm > .main-container, .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media only screen and (max-width: 1767px) {
    .game__title {
        font-size: 28px;
        line-height: 1;
        padding-bottom: 15px
    }
}

@media only screen and (max-width: 1369px) {
    .header-l__prime.btn-f.btn-f__yellow-white {
        padding: 10px 10px 10px 12px
    }

    .header-l__prime.btn-f.btn-f__yellow-white span {
        display: none
    }
}

@media only screen and (max-width: 1300px) {
    .article-white {
        width: 100%
    }

    .board-article {
        left: -50px
    }

    .add-child {
        width: 100%
    }
}

@media (max-width: 1200px) {
    .s-icon--crown {
        width: 59px;
        height: 39px
    }

    .s-icon--vk {
        width: 29px;
        height: 17px
    }

    .s-icon--ok {
        width: 18px;
        height: 28px
    }

    .s-icon--fb {
        width: 14px;
        height: 26px
    }

    .s-icon--mail-ru {
        width: 29px;
        height: 29px
    }

    .discount-timer__info {
        padding-left: 0
    }

    .discount-timer__close {
        right: 15px
    }

    .buy__info {
        padding: 0 15px;
        height: auto
    }

    .buy__info-item {
        padding: 15px;
        max-width: 280px;
        width: 33.3%;
        text-align: center
    }

    .buy__info-img {
        display: block;
        margin: auto;
        height: 95px;
        background-size: 100% auto
    }

    .buy__info .col {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 10px
    }

    .about-premium__img--2 {
        margin: -36px 0 0 22px
    }

    #footer .social {
        margin: 30px 0 0 15px
    }

    #footer.footer__big {
        height: auto;
        background-size: cover;
        padding-bottom: 15px
    }

    #footer.footer__big .social {
        margin: 0 0 0 -45px !important
    }

    #footer.footer__white {
        background-size: auto
    }

    #footer.footer__white .btn-r__light-green {
        margin: 13px 0 0 8px
    }

    #footer.footer__white .social {
        margin: 13px 0 0 15px
    }

    #footer .btn-r__yellow {
        padding: 15px 9px;
        margin: 29px 0 0 15px;
        font-size: 16px
    }

    #footer .btn-r__light-green {
        padding: 15px 14px;
        margin: 29px 0 0 8px;
        font-size: 16px
    }

    .footer__nav ul li {
        margin: 0 0 0 11px
    }

    .footer__nav ul li a {
        font-size: 15px
    }

    .footer__news {
        padding: 17px 21px 47px;
        height: 207px
    }

    .copy-lang p, .footer__menu li span {
        font-size: 11px
    }

    .footer__menu li a {
        font-size: 16px
    }

    .footer__title {
        font-size: 22px;
        margin: 15px 0
    }

    .footer-row {
        margin-top: 12px
    }

    .parents-desk {
        width: 430px;
        height: 215px;
        padding: 66px 0 0;
        margin: 40px 0 0
    }

    .character-item {
        width: 200px
    }

    .pennon__board {
        width: 208px
    }

    .n-character-profile {
        margin-right: 353px
    }

    .board-article {
        left: -70px
    }

    .articles {
        padding: 0 0 0 408px
    }

    .article__img {
        right: -116px
    }

    .article-white .article {
        padding: 29px 0 0 18px;
        width: 330px
    }

    .article-white .article-title.wave:after {
        width: 326px
    }

    .simulators__prime {
        padding: 15px 20px
    }

    .simulators__prime:before {
        width: 150px;
        height: 136px
    }

    .simulators__prime-item, .sm-products__cont p {
        font-size: 13px
    }

    .sm-section__inner {
        padding-left: 15px;
        padding-right: 15px
    }

    .sm-datepicker {
        padding: 0
    }

    .sm-datepicker__th, .sm-products__cont h3 {
        font-size: 16px
    }

    .sm-datepicker__item, .sm-datepicker__item-empty {
        width: 14px;
        height: 14px
    }

    .sm-products__row {
        padding: 15px 0
    }

    .sm-products__price {
        font-size: 24px
    }

    .sm-products__link {
        font-size: 13px
    }

    .sm-products__more-link {
        font-size: 12px
    }

    .sm-progress {
        padding-left: 30px;
        padding-right: 30px
    }

    .statistic-container {
        padding: 32px 20px 40px
    }

    .statistic__title {
        font-size: 26px
    }

    .about-chart p {
        font-size: 15px
    }

    .counters {
        display: block;
        text-align: center;
        padding: 50px 0
    }

    .iqclub-counter-item {
        margin-bottom: 30px
    }

    .game-view .games__item-in {
        height: 245px
    }

    .benefits__list {
        margin-left: 381px
    }

    .benefits__item {
        margin-bottom: 27px
    }

    .start-test-text {
        padding: 71px 450px 0 25px
    }

    .start-test-text__img {
        right: 95px
    }
}

@media only screen and (max-width: 1200px) {
    .premium__tariff-img-1 {
        margin: 0 20px 0 -20px
    }

    .premium__tariff-title {
        font-size: 20px
    }

    .premium__tariff-text p {
        font-size: 16px
    }

    .add-child {
        padding: 38px 20px 32px
    }
}

@media only screen and (max-width: 1199px) {
    .game-pager-rounds .training-rounds {
        max-width: 250px
    }

    .result__footer {
        background-size: auto 80%
    }

    .result__footer .start-test__btn {
        padding: 20px 30px;
        font-size: 20px
    }

    .dashboard .training-start:not(.training-complete) {
        padding: 30px 25px
    }

    .brain__index p br {
        display: none
    }

    #chartdiv {
        height: 300px
    }

    .iqclub-counter-item .counter-title {
        margin: 0 auto
    }

    .specialist {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media (max-width: 1160px) {
    .brain-structure__part-2 {
        left: 553px;
        top: 25px
    }

    .brain-structure__img {
        background-position: 76px
    }

    .brain-structure__part-1 {
        left: 6px
    }

    .brain-structure__part-3 {
        left: 491px
    }

    .brain-structure__part-4 {
        left: 334px
    }

    .brain-structure__part-5 {
        left: 69px
    }

    .brain-structure__part-6 {
        left: -21px
    }

    .attention-img {
        margin: 42px 0 40px -33px
    }

    .thinking-img {
        margin: 41px 0 52px -69px
    }
}

@media (max-width: 1100px) {
    .profile-offer {
        margin: 46px 25px 0 30px;
        padding: 25px 33px 15px 100px
    }

    .profile-offer p {
        font-size: 16px
    }

    .profile-training p {
        font-size: 21px
    }
}

@media (max-width: 1024px) {
    .swiper-pagination.bottom-left {
        bottom: 20px
    }

    .footer__news {
        height: 197px
    }

    .footer-row {
        margin-bottom: 25px
    }

    #footer.footer__big {
        height: auto;
        background-size: cover
    }

    #footer.footer__white {
        background-size: auto
    }

    .n-character__img {
        display: none
    }

    .article p {
        font-size: 15px
    }

    .benefits {
        height: auto;
        padding-bottom: 115px
    }

    .benefits__left {
        font-size: 33px
    }

    .benefits__list {
        margin-left: 255px
    }

    .specialist {
        height: auto
    }
}

@media only screen and (max-width: 1023px) {
    .socials {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .socials .socials__item.text-hide-mobile {
        margin-bottom: 0
    }

    .socials .socials__item.text-hide-mobile:not(:first-child) {
        margin-left: 25px
    }

    .socials .socials__item.text-hide-mobile .socials__link {
        width: 40px;
        border-radius: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .socials .socials__item.text-hide-mobile .socials__link span {
        display: none
    }

    .social ul li {
        margin-left: 5px
    }

    .game-navigation .gameStateContainer {
        position: relative
    }

    .game-wrap {
        padding: 20px 0
    }

    .game-container {
        padding-top: 50px;
        border-radius: 15px
    }

    .game__title {
        margin: 0 auto 15px
    }

    .iqclub-module-slider .btn-next__wrapper, .iqclub-module-slider .btn-prev__wrapper {
        top: 150px
    }

    .header-l .login-wrapper {
        padding-right: 0
    }

    .header-l__nav-wrapper {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .header-l__nav {
        position: absolute;
        left: 0;
        top: 60px;
        width: 100%;
        height: auto;
        background: #fff;
        z-index: 1001;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        border-bottom: 1px solid #5a76f6
    }

    .header-l__nav-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }

    .header-l__nav-link {
        padding: 10px 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-l__nav-link::after {
        content: none
    }

    .header-l__nav-link--active {
        background-color: #e9f2ff
    }

    .header-l__prime.btn-f.btn-f__yellow-white {
        margin-right: 5px;
        padding: 5px 7px 5px 10px
    }

    .header-l__prime.btn-f.btn-f__yellow-white .fa-solid {
        font-size: 13px
    }

    .header-l__bell, .header-l__coin {
        width: 40px
    }

    .header-l__user-avatar {
        margin-left: 10px;
        margin-right: 10px;
        width: 40px;
        height: 40px
    }

    .registration__socials {
        text-align: center
    }

    .registration__form.registration__form--socials {
        padding: 0
    }

    .bpi-statistic .img-block, .reg-question__img {
        display: none
    }

    .result {
        margin-bottom: 30px
    }

    .result__footer {
        background-position: -3% bottom, 105% bottom
    }

    .sm-products__price {
        text-align: center
    }

    .dashboard-banner {
        background-image: url(/img_old/dashboard-banner-bg_bottom.jpg), -webkit-gradient(linear, left top, right top, from(#5bd68c), to(#4cbb7f));
        background-image: url(/img_old/dashboard-banner-bg_bottom.jpg), -webkit-linear-gradient(left, #5bd68c 0%, #4cbb7f 100%);
        background-image: url(/img_old/dashboard-banner-bg_bottom.jpg), -o-linear-gradient(left, #5bd68c 0%, #4cbb7f 100%);
        background-image: url(/img_old/dashboard-banner-bg_bottom.jpg), linear-gradient(90deg, #5bd68c 0%, #4cbb7f 100%);
        background-position: 0 0, 0 0;
        background-size: cover, cover;
        background-repeat: no-repeat
    }

    .brain-structure__title {
        margin: 10px 0 20px
    }

    .brain-structure__title span {
        display: inline-block;
        margin: 0 .35em 0 0
    }

    .eureka-img {
        left: 70%
    }

    .eureka-wrapper {
        margin: 58px 0 0
    }

    .who__img {
        width: 220px;
        height: 220px
    }

    .profile-progress {
        position: relative
    }

    .start-test-text {
        width: 100%;
        padding: 60px 40px 285px
    }

    .start-test-text__info {
        width: 100%
    }

    .nk-lesson__top-dots li {
        margin: 0 5px
    }

    .nk-lesson-item.is-open .tags {
        display: block
    }

    .nk-lesson-item .right, .nk-lesson-item .tags {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }

    .nk-lesson-item .tags {
        padding: 10px 0
    }

    .nk-lesson-item__onemore {
        margin-bottom: 30px;
        text-align: center
    }

    .nk-lesson-item .right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pt100 {
        padding-top: 35px
    }

    .advantages__img {
        margin-bottom: 30px
    }
}

@media (max-width: 1023px) {
    .parents-desk {
        margin: 0 auto 30px
    }

    .add-child {
        max-width: 90%;
        margin: 0 auto
    }

    .article__img {
        display: none
    }

    .article-white .article {
        width: auto;
        height: auto;
        padding: 20px 15px
    }

    .articles {
        height: auto
    }

    .tests__img img {
        width: 100%;
        height: 300px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .page-course-description .name-title {
        font-size: 30px;
        letter-spacing: .05em
    }

    .page-course-description .course-open .btn-f {
        margin: 0 0 20px
    }

    .page-course-description .course-lesson__item {
        padding: 3px
    }

    .page-course-description .course-lesson__img > img {
        margin-left: auto;
        margin-right: auto
    }

    .page-course-description .course-lesson__img .ipad {
        margin-bottom: 20px;
        width: 100%;
        background-color: #181818;
        background-image: none;
        min-height: 1px;
        border-radius: 10px
    }

    .page-course-description .course-lesson__img .ipad img {
        width: 100%;
        top: 38px;
        -o-object-fit: cover;
        object-fit: cover;
        position: static;
        padding: 30px
    }

    .page-course-description .course-lesson__text {
        padding-left: 15px
    }
}

@media only screen and (max-width: 992px) {
    .socials__item:not(:first-child) {
        margin-left: 15px
    }

    .socials__link {
        width: 40px;
        height: 40px;
        border-width: 2px;
        font-size: 18px
    }

    .header-l {
        height: 60px
    }

    .header-l__btn-login {
        margin-top: 10px;
        width: 80px
    }

    .header-l__logo {
        width: 160px;
        height: 33px;
        margin: 15px 0 0
    }

    .registration {
        width: 400px;
        padding: 30px 0 15px
    }

    .registration__inner {
        padding: 20px 15px 0
    }

    .registration__title {
        font-size: 26px;
        margin: 0 0 8px
    }

    .registration__info-text {
        font-size: 18px
    }

    .registration__form {
        padding: 25px 0 15px
    }

    .registration__submit {
        margin: 0
    }

    .registration__socials p {
        font-size: 16px;
        margin: 0 0 15px
    }

    .premium__tariff-img {
        float: none;
        position: absolute
    }

    .premium__tariff-img img {
        max-width: 100%
    }

    .premium__tariff-img-1 {
        width: 140px;
        top: 0;
        left: 10px;
        margin-left: 0
    }

    .premium__tariff-img-2 {
        width: 150px;
        bottom: 0;
        left: 16px
    }

    .premium__tariff .prem-bottom {
        position: relative;
        padding-left: 160px;
        padding-bottom: 20px
    }

    .premium__tariff-title {
        font-size: 18px
    }

    .premium__tariff-text p {
        font-size: 15px;
        margin: 0 0 10px
    }
}

@media (max-width: 992px) {
    .btn-r-n {
        height: 40px;
        line-height: 38px;
        border-radius: 40px;
        padding: 0 15px;
        font-size: 16px
    }

    .btn-r-n--large {
        height: 52px;
        line-height: 50px;
        border-radius: 52px;
        font-size: 18px;
        letter-spacing: .5px
    }

    .btn-f-n {
        height: 40px;
        line-height: 40px;
        border-radius: 40px;
        padding: 0 15px;
        font-size: 16px
    }

    .btn-f-n--large {
        height: 52px;
        line-height: 52px;
        border-radius: 52px;
        font-size: 18px;
        letter-spacing: .8px
    }

    .form-row-n {
        margin-bottom: 12px
    }

    .form-row-n__input {
        border-width: 2px;
        height: 50px;
        border-radius: 4px;
        color: #333;
        font-size: 16px
    }

    .form-row-n__icon {
        font-size: 22px
    }

    .form-row-n--icon .form-row-n__input {
        padding-left: 52px
    }

    .s-icon--crown {
        width: 46px;
        height: 30px
    }

    .s-icon--vk {
        width: 22px;
        height: 13px
    }

    .s-icon--ok {
        width: 14px;
        height: 22px
    }

    .s-icon--fb {
        width: 11px;
        height: 20px
    }

    .s-icon--mail-ru {
        width: 22px;
        height: 22px
    }

    .discount-timer {
        height: 90px
    }

    .discount-timer__info {
        text-align: center;
        width: 100%;
        padding-top: 10px
    }

    .discount-timer__info span {
        display: inline-block;
        vertical-align: top
    }

    .discount-timer__close {
        top: 50%;
        right: 10px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .discount-timer .container, .discount-timer .game-navigation > .main-container {
        padding-right: 40px;
        padding-left: 40px;
        min-height: 100%
    }

    #timer {
        top: 40px
    }

    .buy__tariffs-item {
        width: 50%
    }

    .buy__tariffs-inner {
        margin-left: auto;
        margin-right: auto
    }

    .buy__list-row {
        padding: 20px 220px 20px 20px
    }

    .buy__list-inf-cont {
        width: 180px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        right: 20px
    }

    .buy__list-old-price, .buy__list-price {
        display: block;
        margin: 15px 0 0;
        width: 100%
    }

    .buy__list-btn {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        height: 40px;
        line-height: 40px;
        width: 140px;
        margin: auto;
        font-size: 16px
    }

    .buy__list-price {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .buy__list-old-price {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .buy__list-cont {
        padding-left: 20px
    }

    .buy__list-title {
        font-size: 22px
    }

    .buy__list-text {
        margin: 0
    }

    .buy__promo {
        margin: 15px 0 0
    }

    .buy__promo-code {
        margin-bottom: 15px
    }

    .about-premium {
        padding: 43px 0 26px
    }

    .about-premium__title {
        font-size: 25px;
        line-height: 32px;
        margin-bottom: 55px
    }

    .about-premium__img--1 {
        width: 249px;
        height: 235px;
        margin: 0 0 0 58px
    }

    .about-premium__img--2 {
        width: 316px;
        height: 183px;
        margin: -25px 0 0 26px
    }

    .about-premium__img--3 {
        width: 322px;
        height: 186px;
        margin: -14px 0 0 22px
    }

    .about-premium__i-title {
        line-height: 25px;
        margin-bottom: 28px;
        font-size: 20px
    }

    .about-premium__img-wrap {
        width: 364px
    }

    .about-premium__cont p {
        margin: 0 0 15px;
        font-size: 11px;
        max-width: 294px
    }

    .about-premium__row {
        margin-bottom: 84px
    }

    .about-premium__row--1 .about-premium__i-title {
        margin-top: 32px
    }

    .about-premium__row--2 {
        margin-bottom: 95px
    }

    .about-premium__row--2 .about-premium__cont {
        padding: 0 0 0 57px
    }

    .about-premium__row--3 {
        margin-bottom: 0
    }

    .about-premium__footer {
        min-height: 230px;
        margin: 69px 0 0;
        padding: 28px 0 0;
        background-size: auto 100%
    }

    .about-premium__footer p {
        font-size: 13px;
        line-height: 18px;
        margin: 0 0 18px
    }

    .about-premium__btn {
        width: 210px;
        height: 42px;
        border-radius: 21px;
        font-size: 13px;
        line-height: 42px;
        margin: 15px 0 0
    }

    .news-slider {
        max-width: 580px;
        margin: auto
    }

    .simulators__prime {
        width: 100%;
        margin: 0 15px
    }

    .sm-a-icon--1 {
        top: 25px;
        left: -127px
    }

    .sm-a-icon--1 .layer {
        width: 84px;
        height: 113px
    }

    .sm-a-icon--2 {
        top: 194px;
        left: -round(145.6px)
    }

    .sm-a-icon--2 .layer {
        width: 122px;
        height: 109px
    }

    .sm-a-icon--3 {
        top: 325px;
        left: -137px
    }

    .sm-a-icon--3 .layer {
        width: 106px;
        height: 234px
    }

    .sm-a-icon--4 {
        top: 594px;
        left: -152px
    }

    .sm-a-icon--4 .layer {
        width: 135px;
        height: 361px
    }

    .sm-a-icon--5 {
        top: 994px;
        left: -160px
    }

    .sm-a-icon--5 .layer {
        width: 132px;
        height: 227px
    }

    .sm-a-icon--6 {
        top: 13px;
        right: -148px
    }

    .sm-a-icon--6 .layer {
        width: 139px;
        height: 253px
    }

    .sm-a-icon--7 {
        top: 277px;
        right: -151px
    }

    .sm-a-icon--7 .layer {
        width: 120px;
        height: 179px
    }

    .sm-a-icon--8 {
        top: 477px;
        right: -145px
    }

    .sm-a-icon--8 .layer {
        width: 141px;
        height: 537px
    }

    .sm-a-icon--9 {
        top: 1036px;
        right: -161px
    }

    .sm-a-icon--9 .layer {
        width: 123px;
        height: 189px;
        background-position: top left
    }

    .sm-h-icon--1 {
        top: 37px;
        left: -169px
    }

    .sm-h-icon--1 .layer {
        width: 1607px;
        height: 771px
    }

    .sm-h-icon--2 {
        top: 734px;
        left: -642px
    }

    .sm-h-icon--2 .layer {
        width: 1832px;
        height: 703px
    }

    .sm-h-icon--3 {
        top: 1033px;
        right: -195px
    }

    .sm-h-icon--3 .layer {
        width: 202px;
        height: 203px
    }

    .sm-h-icon--4 {
        top: 622px;
        right: -238px
    }

    .sm-h-icon--4 .layer {
        width: 239px;
        height: 386px
    }

    .sm-h-icon--5 {
        top: 393px;
        right: -157px
    }

    .sm-h-icon--5 .layer {
        width: 147px;
        height: 155px
    }

    .sm-h-icon--6 {
        top: 1px;
        right: -274px
    }

    .sm-h-icon--6 .layer {
        width: 650px;
        height: 270px
    }

    .sm-h-icon--7 {
        top: -8px;
        left: -214px
    }

    .sm-h-icon--7 .layer {
        width: 204px;
        height: 171px
    }

    .sm-h-icon--8 {
        top: 286px;
        left: -118px
    }

    .sm-h-icon--8 .layer {
        width: 37px;
        height: 50px
    }

    .sm-h-icon--9 {
        top: 385px;
        left: -131px
    }

    .sm-h-icon--9 .layer {
        width: 111px;
        height: 120px
    }

    .sm-h-icon--10 {
        top: 594px;
        left: -408px
    }

    .sm-h-icon--10 .layer {
        width: 433px;
        height: 416px
    }

    .sm-h-icon--11 {
        top: 1110px;
        left: -151px
    }

    .sm-h-icon--11 .layer {
        width: 120px;
        height: 120px
    }

    .sm-w-icon--1 {
        top: 606px;
        left: -280x
    }

    .sm-w-icon--1 .layer {
        width: 1344px;
        height: 969px
    }

    .sm-w-icon--2 {
        top: 189px;
        left: -388px
    }

    .sm-w-icon--2 .layer {
        width: 367px;
        height: 324px
    }

    .sm-w-icon--3 {
        top: 196px;
        right: -328px
    }

    .sm-w-icon--3 .layer {
        width: 297px;
        height: 342px
    }

    .sm-w-icon--4 {
        top: 5px;
        left: -156px
    }

    .sm-w-icon--4 .layer {
        width: 143px;
        height: 90px
    }

    .sm-w-icon--5 {
        top: 49px;
        right: -158px
    }

    .sm-w-icon--5 .layer {
        width: 147px;
        height: 97px
    }

    .sm-ch-icon--1 {
        top: 694px;
        left: -291px
    }

    .sm-ch-icon--1 .layer {
        width: 524px;
        height: 462px
    }

    .sm-ch-icon--2 {
        top: 627px;
        right: -263px
    }

    .sm-ch-icon--2 .layer {
        width: 398px;
        height: 455px
    }

    .sm-ch-icon--3 {
        top: -1px;
        left: -148px
    }

    .sm-ch-icon--3 .layer {
        width: 143px;
        height: 216px
    }

    .sm-ch-icon--4 {
        top: 90px;
        right: -179px
    }

    .sm-ch-icon--4 .layer {
        width: 197px;
        height: 170px
    }

    .sm-ch-icon--5 {
        top: 305px;
        right: -125px
    }

    .sm-ch-icon--5 .layer {
        width: 77px;
        height: 61px
    }

    .sm-ch-icon--6 {
        top: -15px;
        right: -173px
    }

    .sm-ch-icon--6 .layer {
        width: 379px;
        height: 67px
    }

    .sm-ch-icon--7 {
        top: 291px;
        left: -111px
    }

    .sm-ch-icon--7 .layer {
        width: 62px;
        height: 56px
    }

    .sm-ch-icon--8 {
        top: 401px;
        left: -148px
    }

    .sm-ch-icon--8 .layer {
        width: 139px;
        height: 184px
    }

    .sm-ch-icon--9 {
        top: 391px;
        right: -160px
    }

    .sm-ch-icon--9 .layer {
        width: 149px;
        height: 211px
    }

    .sm-ch-icon--10 {
        top: 1091px;
        right: -179px
    }

    .sm-ch-icon--10 .layer {
        width: 496px;
        height: 180px
    }

    .sm-sp-icon--1 {
        top: 575px;
        right: -167px
    }

    .sm-sp-icon--1 .layer {
        width: 269px;
        height: 648px
    }

    .sm-sp-icon--2 {
        top: 506px;
        left: -141px
    }

    .sm-sp-icon--2 .layer {
        width: 489px;
        height: 702px
    }

    .sm-sp-icon--3 {
        top: 431px;
        right: -121px
    }

    .sm-sp-icon--3 .layer {
        width: 90px;
        height: 92px
    }

    .sm-sp-icon--4 {
        top: 370px;
        right: -239px
    }

    .sm-sp-icon--4 .layer {
        width: 432px;
        height: 269px
    }

    .sm-sp-icon--5 {
        top: 163px;
        right: -116px
    }

    .sm-sp-icon--5 .layer {
        width: 83px;
        height: 239px
    }

    .sm-sp-icon--6 {
        top: 34px;
        right: -139px
    }

    .sm-sp-icon--6 .layer {
        width: 102px;
        height: 95px
    }

    .sm-sp-icon--7 {
        top: 158px;
        left: -129px
    }

    .sm-sp-icon--7 .layer {
        width: 107px;
        height: 310px
    }

    .sm-sp-icon--8 {
        top: 31px;
        left: -129px
    }

    .sm-sp-icon--8 .layer {
        width: 90px;
        height: 91px
    }

    .sm-sp-icon--9 {
        left: -305px
    }

    .sm-sp-icon--9 .layer {
        width: 482px;
        height: 300px
    }

    .sm-sp-icon--10 {
        top: 941px;
        left: -274px
    }

    .sm-sp-icon--10 .layer {
        width: 567px;
        height: 353px
    }

    .sm-su-icon--1 {
        top: 1005px;
        right: -99px
    }

    .sm-su-icon--1 .layer {
        width: 61px;
        height: 53px
    }

    .sm-su-icon--2 {
        top: 773px;
        right: -139px
    }

    .sm-su-icon--2 .layer {
        width: 103px;
        height: 167px
    }

    .sm-su-icon--3 {
        top: 340px;
        right: -161px
    }

    .sm-su-icon--3 .layer {
        width: 187px;
        height: 390px
    }

    .sm-su-icon--4 {
        top: 277px;
        right: -158px
    }

    .sm-su-icon--4 .layer {
        width: 149px;
        height: 48px
    }

    .sm-su-icon--5 {
        top: 130px;
        right: -137px
    }

    .sm-su-icon--5 .layer {
        width: 112px;
        height: 129px
    }

    .sm-su-icon--6 {
        top: -15px;
        right: -165px
    }

    .sm-su-icon--6 .layer {
        width: 165px;
        height: 120px
    }

    .sm-su-icon--7 {
        right: -162px;
        bottom: -8px
    }

    .sm-su-icon--7 .layer {
        width: 143px;
        height: 113px
    }

    .sm-su-icon--8 {
        left: -151px;
        top: 1086px
    }

    .sm-su-icon--8 .layer {
        width: 131px;
        height: 130px
    }

    .sm-su-icon--9 {
        left: -134px;
        top: 1036px
    }

    .sm-su-icon--9 .layer {
        width: 111px;
        height: 40px
    }

    .sm-su-icon--10 {
        left: -151px;
        top: 824px
    }

    .sm-su-icon--10 .layer {
        width: 86px;
        height: 199px
    }

    .sm-su-icon--11 {
        left: -92px;
        top: 783px
    }

    .sm-su-icon--11 .layer {
        width: 82px;
        height: 81px
    }

    .sm-su-icon--12 {
        left: -131px;
        top: 580px
    }

    .sm-su-icon--12 .layer {
        width: 92px;
        height: 212px
    }

    .sm-su-icon--13 {
        left: -146px;
        top: 430px
    }

    .sm-su-icon--13 .layer {
        width: 137px;
        height: 154px
    }

    .sm-su-icon--14 {
        left: -141px;
        top: 224px
    }

    .sm-su-icon--14 .layer {
        width: 92px;
        height: 212px
    }

    .sm-su-icon--15 {
        left: -86px;
        top: 142px
    }

    .sm-su-icon--15 .layer {
        width: 75px;
        height: 66px
    }

    .sm-su-icon--16 {
        left: -160px;
        top: -15px
    }

    .sm-su-icon--16 .layer {
        width: 128px;
        height: 157px
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important
    }

    #footer.footer__big {
        padding: 55px 0 0
    }

    #footer .container-fluid > .row, #footer .container-lg > .row, #footer .container-md > .row, #footer .container-sm > .row, #footer .container-xl > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .footer__bn {
        width: 100%;
        margin: auto;
        float: none;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .footer__bn .news-slider {
        margin-bottom: 30px
    }

    .footer__news {
        height: 256px
    }
}

@media only screen and (max-width: 991px) {
    .game-pager-rounds .training-rounds {
        max-width: 138px
    }

    .game-pager-rounds .training-rounds .training-round.training-round-failure, .game-pager-rounds .training-rounds .training-round.training-round-scheduled, .game-pager-rounds .training-rounds .training-round.training-round-success {
        font-size: 19px;
        width: 15px
    }

    .tests__content {
        padding: 25px 20px
    }

    .label-iqbar {
        top: -24px;
        left: 31px
    }

    .nk-lesson__slider-arrow span {
        display: none !important
    }

    .nk-lesson__slider-inner {
        padding: 0 15px 40px
    }

    .nk-lesson-header__top {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .nk-lesson-header__middle {
        padding-top: 20px
    }

    .nk-lesson-header .nk-lesson-status__text {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 90px;
        flex: 1 1 90px;
        max-width: 90px
    }

    .rating-games-nav-btns {
        width: 100%
    }

    .rating-games-nav-btns__inner {
        text-align: center
    }

    .rating-games-nav-btns__inner .btn, .rating-games-nav-btns ~ .btn {
        display: block;
        width: 100%
    }
}

@media (max-width: 979px) {
    .news-slider .slick-dots {
        top: -23px
    }

    .article-brown {
        width: 309px;
        margin: auto;
        float: none;
        min-height: 1px
    }

    .article-games__img, .article-games__text {
        float: none;
        width: 70%;
        margin: auto
    }

    .article-games__text {
        padding-top: 34px
    }
}

@media (max-width: 768px) {
    .start-test__title {
        font-size: 26px
    }

    .start-test__subtitle {
        font-size: 20px
    }

    .reg-question {
        font-size: 18px
    }

    .dashboard-banner__title {
        font-size: 30px
    }

    .dashboard-banner p {
        font-size: 16px
    }

    .big__title span, .dashboard-banner__btn {
        font-size: 20px
    }

    .brain-structure__title {
        font-size: 40px
    }

    .since-section .h3, .who .h3 {
        font-size: 35px
    }

    .iqclub-counter-item .counter-numbers {
        font-size: 30px
    }

    .nk-lesson-header__top .nk-lesson-title {
        font-size: 32px
    }

    .nk-lesson-item__title {
        font-size: 24px
    }

    .big__title {
        font-size: 35px
    }

    .heading-title, .second-page-title {
        font-size: 28px
    }
}

@media only screen and (max-width: 768px) {
    .buy .container, .buy .game-navigation > .main-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .buy__category-title {
        font-size: 26px
    }

    .buy__sub-info {
        margin: 10px 0 0;
        font-size: 16px
    }

    .buy__info {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .buy__info-item {
        width: 50%
    }

    .buy__list {
        margin: 20px 0 0
    }

    .buy__list-cont {
        padding-left: 0;
        padding-top: 15px;
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .buy__list-inf-cont {
        top: 20px;
        right: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .buy__list-row {
        padding-right: 20px
    }

    .about-premium {
        padding: 31px 0 19px
    }

    .about-premium__title {
        font-size: 22px;
        line-height: 23px;
        margin-bottom: 39px
    }

    .about-premium__img--1 {
        width: 178px;
        height: 168px;
        margin: 0 0 0 42px
    }

    .about-premium__img--2 {
        width: 226px;
        height: 131px;
        margin: -18px 0 0 26px
    }

    .about-premium__img--3 {
        width: 230px;
        height: 133px;
        margin: -10px 0 0 16px
    }

    .about-premium__i-title {
        line-height: 18px;
        margin-bottom: 20px;
        font-size: 16px
    }

    .about-premium__img-wrap {
        width: 260px
    }

    .about-premium__cont p {
        margin: 0 0 11px;
        max-width: 210px
    }

    .about-premium__row {
        margin-bottom: 60px
    }

    .about-premium__row--1 .about-premium__i-title {
        margin-top: 23px
    }

    .about-premium__row--2 {
        margin-bottom: 68px
    }

    .about-premium__row--2 .about-premium__cont {
        padding: 0 0 0 41px
    }

    .about-premium__row--3 {
        margin-bottom: 0
    }

    .about-premium__footer {
        min-height: 165px;
        margin: 49px 0 0;
        padding: 20px 0 0;
        background-size: auto 100%
    }

    .about-premium__footer p {
        font-size: 11px;
        line-height: 13px;
        margin: 0 0 13px;
        font-weight: 500
    }

    .about-premium__btn {
        width: 150px;
        height: 30px;
        border-radius: 15px;
        font-size: 9px;
        line-height: 30px;
        margin: 11px 0 0
    }
}

@media screen and (max-width: 767px) {
    .character-item-adaptive__wrapper .character-item {
        width: 100%;
        margin: 0 auto 30px
    }

    .character-item-adaptive__wrapper .character-item .pennon__board {
        width: calc(100% + 6px)
    }

    .character-item-adaptive__wrapper .character__status {
        margin: 0 auto 40px;
        display: block
    }

    .character-item-adaptive__wrapper .user_id {
        margin: 0;
        margin-top: 0 !important;
        position: relative;
        top: calc(100% + 10px)
    }

    .board-article {
        position: static;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7b8853), color-stop(#87965e), color-stop(100%, #7b8853), to(transparent));
        background-image: -webkit-linear-gradient(left, #7b8853 0, #87965e, #7b8853 100%, transparent);
        background-image: -o-linear-gradient(left, #7b8853 0, #87965e, #7b8853 100%, transparent);
        background-image: linear-gradient(to right, #7b8853 0, #87965e, #7b8853 100%, transparent);
        border-radius: 10px;
        border: 4px solid #ffa860;
        max-width: 100%;
        padding: 30px;
        height: auto;
        margin-bottom: 40px
    }

    .page-course-description .aside-wrap .eRowFluid_dynamic {
        padding-left: 0;
        padding-right: 0;
        margin-top: 10px
    }

    .page-course-description .aside-wrap .eRowFluid_dynamic p {
        color: #391b12;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        margin: 0 0 29px
    }

    .page-course-description .aside-wrap .eRowFluid_dynamic .course__about p {
        color: #fff
    }

    .page-course-description .skills__img, .page-course-description .skills__name {
        margin-top: 20px
    }

    .page-course-description .skill__text {
        padding: 20px 15px 15px
    }

    .page-course-description .course-lesson-slider {
        margin-top: 50px
    }

    .page-course-description .course-lesson-slider .slick-arrow {
        top: -50px
    }

    .course-open-bn p {
        font-size: 22px
    }

    .main-bn-matrix h1 {
        font-size: 30px
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important
    }

    .footer__bn {
        width: 100%;
        margin: auto;
        float: none;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    #footer.footer__big {
        padding: 50px 0 0;
        text-align: center
    }

    #footer.footer__big .social {
        margin: 0 !important
    }

    .footer__news {
        height: 207px;
        text-align: left;
        border-bottom: 1px solid #eaeaea
    }

    .parents-desk {
        width: 100%;
        height: auto;
        padding: 20px 0
    }

    .n-character-profile {
        width: 320px;
        margin: 0 auto !important;
        background-image: none;
        background-color: #f0e6cc;
        border: 15px solid #594224;
        border-radius: 10px;
        height: auto;
        padding-top: 30px;
        padding-bottom: 20px
    }

    .n-character-profile__text {
        padding: 0 20px;
        margin: 10px auto;
        height: auto
    }

    .character-add-child-500 {
        position: static;
        margin: 0 auto
    }

    .article-white {
        margin-bottom: 20px;
        border-radius: 10px
    }

    .simulators__prime {
        margin: 0
    }

    .simulators .container, .simulators .game-navigation > .main-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .sm-products__price-w {
        text-align: left;
        display: block;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .tests__title {
        white-space: normal
    }

    .static-slider1 h1 {
        font-weight: 700;
        line-height: 36px;
        font-size: 24px
    }

    .benefits {
        background-image: url(/img_old/benefits-bg-mob.jpg)
    }

    .benefits__left {
        float: none;
        text-align: center;
        padding-top: 25px;
        margin: 0
    }

    .benefits__left span {
        display: inline
    }

    .benefits__list {
        margin-left: 0
    }

    .benefits__icon {
        float: none;
        margin: auto auto 15px;
        width: 75px;
        height: 79px;
        background-size: cover
    }

    .benefits__in {
        margin-left: 0;
        padding: 9px 0 21px;
        text-align: center
    }

    .benefits__title {
        font-size: 22px
    }

    .specialist {
        padding-bottom: 40px
    }

    .specialist .h3 {
        margin: 0 0 34px;
        font-size: 27px
    }

    .specialist p {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .game-navigation .gameStateContainer {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 6px;
        padding-bottom: 6px;
        max-width: calc(100% - 100px);
        width: 100%
    }

    .game-help-container {
        max-width: 90%;
        width: 90%
    }

    .game-timer {
        left: 0;
        top: 15px;
        font-size: 16px;
        font-weight: 600;
        padding-left: 19px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .game-timer .icon-timer {
        height: 19px;
        width: 16px;
        background-size: cover
    }

    .game-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        margin: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top:15px;
    }

    .game-buttons ul li {
        margin: 0 0 0 8px
    }

    .game-buttons ul li a .fa-solid  {
        font-size: 20px
    }

    .game-points {
        min-width: 80px;
        margin:10px 0 0px 0;
    }

    .game-pager-rounds {

        margin:20px 0 0 21px;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;

    }

    .game-pager-rounds translate, .main-progress__h-list-title br, .tarifs .premium__tariff:after, .tarifs .premium__tariff:before {
        display: none
    }

    .game-pager-rounds .progress translate {
        display: inline-block
    }

    .game-pager-rounds li {
        margin: 0
    }

    .game-container {
        padding-top: 35px
    }

    .game-container.game__end {
        height: auto;
        width: auto;
        max-width: 90%;
        padding: 15px;
        margin: 0 auto;
        background-image: none;
        background-color: #fff
    }

    .game-container p {
        padding: 0 15px;
        line-height: 1.4;
        font-weight: 400
    }

    .game__kind {
        padding: 0 15px;
        display: block;
        width: auto;
        white-space: nowrap;
        height: 30px;
        line-height: 28px;
        font-size: 16px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .game__buttons-container {
        padding: 0 20px 30px
    }

    .game__buttons-container .btn {
        display: block;
        margin-bottom: 0
    }

    .game__rules {
        margin-left: 0
    }

    .game__end-text, .game__result {
        float: none;
        width: auto
    }

    .game__result {
        background-image: none;
        background-color: #fff;
        height: auto;
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #613222;
        background: -webkit-radial-gradient(circle, #613222 40%, #572c1e 72%, #462316 100%);
        background: -o-radial-gradient(circle, #613222 40%, #572c1e 72%, #462316 100%);
        background: radial-gradient(circle, #613222 40%, #572c1e 72%, #462316 100%);
        border-radius: 20px
    }

    .game__img {
        width: 80px;
        margin: 0 20px
    }

    .modal-footer__mob-small-btn .btn {
        padding: .25rem .5rem;
        font-size: 12px
    }

    .modal-login .enter-form, .modal-login .registration-form {
        width: 296px
    }

    .header-l .rounded-button {
        padding: 7px 10px 4px
    }

    .header-l__logo {
        width: 40px;
        overflow: hidden;
        height: 34px;
        margin: 0
    }

    .header-l__logo img {
        width: 93px;
        margin-top: -10px;
        max-width: 160px
    }

    .header-l__logo-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }

    .header-l .btn-mob {
        padding-top: 18px;
        z-index: 10
    }

    .header-l__panel-wrapper {
        padding: 0 0 0 5px
    }

    .header-l__panel {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-l__bell, .header-l__coin {
        position: static
    }

    .game__steps {
        font-size: 0
    }

    .buy__tariffs-item {
        padding-left: 5px;
        padding-right: 5px
    }

    .buy__tariffs:not(.slick-initialized) .buy__tariffs-item:not(:nth-child(2)), .dashboard-course__slider:not(.slick-initialized) .dashboard-course:not(:first-child) {
        display: none
    }

    .tarifs .premium__tariff {
        overflow: hidden
    }

    .tarifs .premium__tariff .prem-bottom {
        position: relative;
        z-index: 2
    }

    .tarifs .premium__tariff .prem-bottom:before {
        position: absolute;
        top: 0;
        left: -50%;
        right: -50%;
        width: auto;
        height: 100%;
        display: block;
        content: '';
        z-index: -1
    }

    .tarifs .premium__tariff .prem-bottom:nth-child(1):before {
        background: #ff8b63;
        background: -webkit-linear-gradient(top, #ff8b63 0%, #ff7559 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#ff8b63), to(#ff7559));
        background: -o-linear-gradient(top, #ff8b63 0%, #ff7559 100%);
        background: linear-gradient(to bottom, #ff8b63 0%, #ff7559 100%)
    }

    .tarifs .premium__tariff .prem-bottom:nth-child(2):before {
        background-image: -o-linear-gradient(bottom, #20b470 0%, #89cf2f 100%);
        background-image: -webkit-linear-gradient(bottom, #20b470 0%, #89cf2f 100%);
        background-image: -webkit-gradient(linear, left bottom, left top, from(#20b470), to(#89cf2f));
        background-image: linear-gradient(to top, #20b470 0%, #89cf2f 100%)
    }

    #footer.footer__big {
        padding: 55px 0
    }

    #footer.footer__game {
        padding: 35px 0 70px
    }

    .copy-lang {
        padding-top: 30px
    }

    .footer-game__btn {
        width: 100%
    }

    .parents-bn {
        background-position: calc(50% + 13px) top
    }

    .parents-bn__text {
        max-width: 100%
    }

    .articles {
        padding: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        height: auto;
        margin: 20px auto
    }

    .start-test__title {
        line-height: 1.1
    }

    .start-test__subtitle {
        margin-bottom: 25px
    }

    .interface__dots {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 20px
    }

    .reg-question {
        padding: 15px 20px
    }

    .start-test-result__inner {
        padding: 25px 25px 0
    }

    .result__footer {
        background-image: none
    }

    .result__footer .start-test__btn {
        padding: 15px 20px;
        font-size: 16px
    }

    .dashboard .training-start__img {
        width: 160px;
        height: 160px;
        border-radius: 50%;
        position: relative;
        margin: 0 auto 20px
    }

    .dashboard .training-start__img .game-img {
        width: 85px;
        height: 85px
    }

    .dashboard .training-start__subtitle {
        margin-bottom: 5px
    }

    .dashboard .robo-info__left {
        position: absolute;
        width: 150px;
        height: 150px;
        opacity: .1;
        bottom: 0;
        right: 0
    }

    .dashboard-course__slider:not(.slick-initialized) .dashboard-course {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }

    .dashboard-banner__inner {
        padding: 30px
    }

    .dashboard-banner__title {
        margin-bottom: 30px
    }

    .dashboard-banner p {
        margin-bottom: 40px
    }

    .main-progress__h-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .main-progress__h-list-title {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        text-align: center;
        padding-bottom: 5px
    }

    .iqholder {
        width: 100%
    }

    .header__game {
        width: 35px
    }

    .attention-img .attention-steps, .brain-structure__img, .eureka-img, .label-iqbar {
        display: none
    }

    .attention-img, .monkey-img, .superman-img, .thinking-img {
        width: 100%;
        height: auto;
        background-size: contain;
        margin: 30px 0 0
    }

    .monkey-img::before, .thinking-img::before {
        content: '';
        display: block;
        width: 100%;
        padding-bottom: 70%
    }

    .attention-img, .superman-img, .thinking-img {
        margin: 0 0 30px
    }

    .thinking-img::before {
        padding-bottom: 60%
    }

    .attention-img, .superman-img {
        margin: 0
    }

    .attention-img::before, .superman-img::before {
        content: '';
        display: block;
        width: 100%;
        padding-bottom: 90%
    }

    .superman-img .superman-rey {
        left: 28%;
        top: 16.4vw;
        width: 42%
    }

    .eureka-wrapper {
        margin: 0;
        width: 100%;
        padding: 20px 30px
    }

    .statistic__period {
        margin-top: 15px
    }

    .statistic__period ul li {
        margin-left: 10px
    }

    .battery-container, .index-calc .algorithm img {
        display: none
    }

    .days__counter .circle {
        width: calc(20% - 5px)
    }

    .progress__container {
        margin-left: 0
    }

    .game-counter__container {
        margin-top: 0
    }

    .statistic__tooltip {
        width: 100%;
        height: auto;
        right: 0;
        padding: 20px 20px 20px 61px
    }

    .statistic__tooltip-img {
        width: 55px;
        left: 0;
        top: -13px
    }

    .brain__index {
        margin-bottom: 20px
    }

    .index-calc .media, .statistic__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%
    }

    .timeline > li > .timeline-panel {
        float: right;
        width: 80%
    }

    .timeline > li > .timeline-panel:before {
        right: auto;
        left: -8px;
        border-right-width: 8px;
        border-left-width: 0
    }

    .timeline > li > .timeline-panel:after {
        right: auto;
        left: -7px;
        border-right-width: 7px;
        border-left-width: 0
    }

    .timeline:before, .timeline > li > .timeline-badge {
        left: 25px
    }

    .section-about .subtitle .wrap {
        display: block
    }

    .index-calc {
        padding: 30px 15px
    }

    .index-calc .media {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .index-calc .media__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .index-calc .media a {
        width: 30px;
        height: 30px
    }

    .index-calc .sum-img {
        -webkit-transform: rotate(90deg) translate(-50%, -50%);
        -ms-transform: rotate(90deg) translate(-50%, -50%);
        transform: rotate(90deg) translate(-50%, -50%);
        position: absolute;
        top: 50%;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        left: 50%
    }

    .index-calc .sum-img__wrapper {
        height: 50px
    }

    .index-calc .circle {
        height: 100px;
        line-height: 100px
    }

    .bpi-statistic .statictic-block .text-block {
        margin-bottom: 30px;
        border-radius: 0;
        position: static;
        width: 100%;
        padding: 15px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .bpi-statistic__progress-wrapper {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .bpi-statistic__progress-arrow {
        display: none
    }

    .bpi-statistic__progress-text {
        background-color: #f8f7f3;
        padding: 15px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

    .list-components {
        border-right: 0;
        margin-bottom: 0
    }

    .test-iq .container, .test-iq .game-navigation > .main-container {
        padding-bottom: 30px
    }

    .test-iq .signboard {
        margin-bottom: 30px;
        position: static;
        width: 100%;
        height: auto;
        background: 0 0;
        font-size: 1.5rem
    }

    .test-iq .img-block {
        display: none
    }

    .test-iq .text-block {
        margin-bottom: 20px;
        position: static;
        width: 100%;
        height: auto
    }

    .test-iq .text-block.right-block {
        max-width: 100%
    }

    .progress__level {
        position: relative;
        font-size: 25px;
        line-height: 40px;
        left: -20px;
        top: -10px;
        width: 40px;
        height: 40px
    }

    .rating-game .rating-games-l__item {
        height: auto
    }

    .rating-game .rating-games-l__item > .pull-right {
        float: none;
        text-align: right;
        clear: both
    }

    .rating-game .rating-games-l__item .avatar {
        padding-top: 8px
    }

    .rating-game .rating-games-l__item .day {
        line-height: 30px;
        font-size: 15px
    }

    .rating-game .rating-games-l__item .pull-left {
        width: 100%
    }

    .rating-game .rating-games-l__item .num, .rating-game .rating-games-l__item .place {
        line-height: 45px
    }

    .profile-edit-body .avatarselect {
        max-width: 180px
    }

    .start-test-text {
        padding: 60px 30px 40px
    }

    .start-test-text .btn-primary-gradiant {
        width: 280px
    }

    .start-test-text__img {
        display: none
    }

    .wp-block-cover, .wp-block-cover-image {
        min-height: 300px
    }

    .nk-lesson__top {
        padding-left: 10px;
        padding-right: 10px
    }

    .nk-lesson__slider-arrow {
        width: 30px;
        background-color: rgba(224, 224, 224, .4)
    }

    .nk-lesson__slider-arrow img {
        max-width: 13px
    }

    .nk-lesson-header {
        padding-top: 20px
    }

    .game-navigation.nk-lesson-header > .main-container, .nk-lesson-header > .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .nk-lesson-header__top .nk-lesson-pic {
        width: 40px;
        height: 40px
    }

    .nk-lesson-header__top .nk-lesson-title {
        padding-left: 20px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .nk-lesson-menu {
        padding-left: 15px;
        white-space: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        max-width: calc(100% - 30px);
        overflow-x: auto;
        padding-bottom: 5px
    }

    .nk-lesson-body__sidebar {
        margin-bottom: 30px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        width: 100%
    }

    .nk-lesson-body__sidebar .nk-lesson-menu {
        max-width: 100%
    }

    .nk-lesson-item {
        padding: 15px 30px
    }

    .nk-lesson-item__title::before {
        top: 6px;
        left: -23px;
        width: 15px;
        height: 17px
    }

    .nk-lesson-item__body {
        margin-top: 15px
    }

    .nk-lesson-item .right .btn {
        width: 100%;
        padding: .83em 2em
    }

    .nk-lesson-item .right .btn.btn-outline-secondary {
        padding: .83em 2em
    }

    .second-page-title {
        margin-bottom: 0;
        line-height: 1.1
    }

    .second-page-subtitle {
        margin-top: 10px;
        margin-bottom: 20px;
        line-height: 1.1
    }

    .heading-title {
        line-height: 1.1
    }

    .change-mob-order {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .lending-mg-slider__item .notebook {
        background-image: none;
        min-height: 1px;
        padding: 5px
    }

    .lending-mg-slider__item .notebook img {
        top: 0;
        width: 100%;
        margin: 0 auto 25px
    }

    .nav-pills--mobile-half .nav-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 10px);
        flex: 1 1 calc(50% - 10px);
        max-width: calc(50% - 10px)
    }
}

@media (max-width: 575px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media only screen and (max-width: 568px) {
    .discount-timer__info {
        font-size: 15px;
        padding-top: 12px
    }

    .discount-timer__info span {
        display: block
    }

    #timer {
        font-size: 28px;
        top: 45px
    }

    #timer span {
        font-size: 16px
    }

    .buy__tariffs {
        margin-top: 30px
    }

    .buy__tariffs-item {
        width: 100%
    }

    .buy__list-row {
        padding: 15px
    }

    .buy__list-title {
        font-size: 20px
    }

    .buy__list-old-price, .buy__list-price {
        margin-top: 10px
    }

    .buy__list-inf-cont {
        width: 145px
    }

    .buy__list-btn {
        width: 115px;
        font-size: 15px
    }
}

@media (max-width: 568px) {
    .article-games__title {
        font-size: 30px
    }

    .article-games__text p {
        font-size: 16px
    }

    .more-with-premium .main-container {
        background: 0 0;
        height: auto
    }

    .more-with-premium .text-block {
        padding: 20px;
        text-align: center
    }
}

@media only screen and (max-width: 480px) {
    .buy__info-item {
        width: 100%
    }
}

@media (max-width: 480px) {
    .s-icon--crown {
        width: 33px;
        height: 22px
    }

    .s-icon--vk {
        width: 16px;
        height: 10px
    }

    .s-icon--ok {
        width: 10px;
        height: 16px
    }

    .s-icon--fb {
        width: 8px;
        height: 15px
    }

    .s-icon--mail-ru {
        width: 16px;
        height: 16px
    }

    .sm-products__row {
        display: block;
        position: relative
    }

    .sm-products__price-w {
        position: absolute;
        top: 15px;
        right: 0;
        width: 150px;
        text-align: center
    }

    .sm-products__img {
        width: 110px;
        height: 110px;
        margin-bottom: 10px
    }

    .sm-products__cont {
        display: block;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-left: 0
    }

    .sm-a-icon--1 {
        top: 18px;
        left: -91px
    }

    .sm-a-icon--1 .layer {
        width: 60px;
        height: 81px
    }

    .sm-a-icon--2 {
        top: 139px;
        left: -round(104px)
    }

    .sm-a-icon--2 .layer {
        width: 88px;
        height: 78px
    }

    .sm-a-icon--3 {
        top: 232px;
        left: -98px
    }

    .sm-a-icon--3 .layer {
        width: 76px;
        height: 167px
    }

    .sm-a-icon--4 {
        top: 424px;
        left: -109px
    }

    .sm-a-icon--4 .layer {
        width: 97px;
        height: 258px
    }

    .sm-a-icon--5 {
        top: 710px;
        left: -115px
    }

    .sm-a-icon--5 .layer {
        width: 95px;
        height: 163px
    }

    .sm-a-icon--6 {
        top: 9px;
        right: -106px
    }

    .sm-a-icon--6 .layer {
        width: 99px;
        height: 181px
    }

    .sm-a-icon--7 {
        top: 198px;
        right: -108px
    }

    .sm-a-icon--7 .layer {
        width: 86px;
        height: 128px
    }

    .sm-a-icon--8 {
        top: 341px;
        right: -104px
    }

    .sm-a-icon--8 .layer {
        width: 101px;
        height: 384px
    }

    .sm-a-icon--9 {
        top: 740px;
        right: -115px
    }

    .sm-a-icon--9 .layer {
        width: 88px;
        height: 135px;
        background-position: top left
    }

    .sm-h-icon--1 {
        top: 27px;
        left: -121px
    }

    .sm-h-icon--1 .layer {
        width: 1148px;
        height: 551px
    }

    .sm-h-icon--2 {
        top: 524px;
        left: -459px
    }

    .sm-h-icon--2 .layer {
        width: 1309px;
        height: 502px
    }

    .sm-h-icon--3 {
        top: 738px;
        right: -140px
    }

    .sm-h-icon--3 .layer {
        width: 145px;
        height: 145px
    }

    .sm-h-icon--4 {
        top: 445px;
        right: -170px
    }

    .sm-h-icon--4 .layer {
        width: 171px;
        height: 276px
    }

    .sm-h-icon--5 {
        top: 281px;
        right: -112px
    }

    .sm-h-icon--5 .layer {
        width: 105px;
        height: 111px
    }

    .sm-h-icon--6 {
        top: 1px;
        right: -196px
    }

    .sm-h-icon--6 .layer {
        width: 465px;
        height: 193px
    }

    .sm-h-icon--7 {
        top: -6px;
        left: -153px
    }

    .sm-h-icon--7 .layer {
        width: 146px;
        height: 122px
    }

    .sm-h-icon--8 {
        top: 204px;
        left: -85px
    }

    .sm-h-icon--8 .layer {
        width: 27px;
        height: 36px
    }

    .sm-h-icon--9 {
        top: 275px;
        left: -94px
    }

    .sm-h-icon--9 .layer {
        width: 80px;
        height: 86px
    }

    .sm-h-icon--10 {
        top: 425px;
        left: -292px
    }

    .sm-h-icon--10 .layer {
        width: 310px;
        height: 297px
    }

    .sm-h-icon--11 {
        top: 793px;
        left: -108px
    }

    .sm-h-icon--11 .layer {
        width: 86px;
        height: 86px
    }

    .sm-w-icon--1 {
        top: 433px;
        left: -200x
    }

    .sm-w-icon--1 .layer {
        width: 960px;
        height: 693px
    }

    .sm-w-icon--2 {
        top: 135px;
        left: -277px
    }

    .sm-w-icon--2 .layer {
        width: 262px;
        height: 232px
    }

    .sm-w-icon--3 {
        top: 140px;
        right: -235px
    }

    .sm-w-icon--3 .layer {
        width: 212px;
        height: 245px
    }

    .sm-w-icon--4 {
        top: 4px;
        left: -112px
    }

    .sm-w-icon--4 .layer {
        width: 102px;
        height: 65px
    }

    .sm-w-icon--5 {
        top: 35px;
        right: -113px
    }

    .sm-w-icon--5 .layer {
        width: 105px;
        height: 70px
    }

    .sm-ch-icon--1 {
        top: 496px;
        left: -208px
    }

    .sm-ch-icon--1 .layer {
        width: 374px;
        height: 330px
    }

    .sm-ch-icon--2 {
        top: 448px;
        right: -188px
    }

    .sm-ch-icon--2 .layer {
        width: 285px;
        height: 325px
    }

    .sm-ch-icon--3 {
        top: -1px;
        left: -106px
    }

    .sm-ch-icon--3 .layer {
        width: 102px;
        height: 155px
    }

    .sm-ch-icon--4 {
        top: 65px;
        right: -128px
    }

    .sm-ch-icon--4 .layer {
        width: 141px;
        height: 122px
    }

    .sm-ch-icon--5 {
        top: 218px;
        right: -90px
    }

    .sm-ch-icon--5 .layer {
        width: 55px;
        height: 44px
    }

    .sm-ch-icon--6 {
        top: -11px;
        right: -124px
    }

    .sm-ch-icon--6 .layer {
        width: 271px;
        height: 48px
    }

    .sm-ch-icon--7 {
        top: 208px;
        left: -80px
    }

    .sm-ch-icon--7 .layer {
        width: 45px;
        height: 40px
    }

    .sm-ch-icon--8 {
        top: 287px;
        left: -106px
    }

    .sm-ch-icon--8 .layer {
        width: 100px;
        height: 132px
    }

    .sm-ch-icon--9 {
        top: 279px;
        right: -115px
    }

    .sm-ch-icon--9 .layer {
        width: 107px;
        height: 151px
    }

    .sm-ch-icon--10 {
        top: 780px;
        right: -128px
    }

    .sm-ch-icon--10 .layer {
        width: 355px;
        height: 129px
    }

    .sm-sp-icon--1 {
        top: 411px;
        right: -119px
    }

    .sm-sp-icon--1 .layer {
        width: 192px;
        height: 463px
    }

    .sm-sp-icon--2 {
        top: 362px;
        left: -101px
    }

    .sm-sp-icon--2 .layer {
        width: 349px;
        height: 502px
    }

    .sm-sp-icon--3 {
        top: 308px;
        right: -87px
    }

    .sm-sp-icon--3 .layer {
        width: 64px;
        height: 66px
    }

    .sm-sp-icon--4 {
        top: 264px;
        right: -171px
    }

    .sm-sp-icon--4 .layer {
        width: 309px;
        height: 192px
    }

    .sm-sp-icon--5 {
        top: 117px;
        right: -83px
    }

    .sm-sp-icon--5 .layer {
        width: 59px;
        height: 171px
    }

    .sm-sp-icon--6 {
        top: 25px;
        right: -99px
    }

    .sm-sp-icon--6 .layer {
        width: 73px;
        height: 68px
    }

    .sm-sp-icon--7 {
        top: 113px;
        left: -92px
    }

    .sm-sp-icon--7 .layer {
        width: 77px;
        height: 222px
    }

    .sm-sp-icon--8 {
        top: 22px;
        left: -92px
    }

    .sm-sp-icon--8 .layer {
        width: 64px;
        height: 65px
    }

    .sm-sp-icon--9 {
        left: -218px
    }

    .sm-sp-icon--9 .layer {
        width: 345px;
        height: 214px
    }

    .sm-sp-icon--10 {
        top: 673px;
        left: -196px
    }

    .sm-sp-icon--10 .layer {
        width: 405px;
        height: 252px
    }

    .sm-su-icon--1 {
        top: 718px;
        right: -71px
    }

    .sm-su-icon--1 .layer {
        width: 44px;
        height: 38px
    }

    .sm-su-icon--2 {
        top: 552px;
        right: -100px
    }

    .sm-su-icon--2 .layer {
        width: 74px;
        height: 119px
    }

    .sm-su-icon--3 {
        top: 243px;
        right: -115px
    }

    .sm-su-icon--3 .layer {
        width: 134px;
        height: 279px
    }

    .sm-su-icon--4 {
        top: 198px;
        right: -113px
    }

    .sm-su-icon--4 .layer {
        width: 107px;
        height: 35px
    }

    .sm-su-icon--5 {
        top: 93px;
        right: -98px
    }

    .sm-su-icon--5 .layer {
        width: 80px;
        height: 92px
    }

    .sm-su-icon--6 {
        top: -11px;
        right: -118px
    }

    .sm-su-icon--6 .layer {
        width: 118px;
        height: 86px
    }

    .sm-su-icon--7 {
        right: -116px;
        bottom: -6px
    }

    .sm-su-icon--7 .layer {
        width: 102px;
        height: 81px
    }

    .sm-su-icon--8 {
        left: -108px;
        top: 776px
    }

    .sm-su-icon--8 .layer {
        width: 94px;
        height: 93px
    }

    .sm-su-icon--9 {
        left: -96px;
        top: 740px
    }

    .sm-su-icon--9 .layer {
        width: 80px;
        height: 29px
    }

    .sm-su-icon--10 {
        left: -108px;
        top: 589px
    }

    .sm-su-icon--10 .layer {
        width: 62px;
        height: 142px
    }

    .sm-su-icon--11 {
        left: -66px;
        top: 559px
    }

    .sm-su-icon--11 .layer {
        width: 59px;
        height: 58px
    }

    .sm-su-icon--12 {
        left: -94px;
        top: 415px
    }

    .sm-su-icon--12 .layer {
        width: 66px;
        height: 152px
    }

    .sm-su-icon--13 {
        left: -105px;
        top: 307px
    }

    .sm-su-icon--13 .layer {
        width: 98px;
        height: 110px
    }

    .sm-su-icon--14 {
        left: -101px;
        top: 160px
    }

    .sm-su-icon--14 .layer {
        width: 66px;
        height: 152px
    }

    .sm-su-icon--15 {
        left: -62px;
        top: 102px
    }

    .sm-su-icon--15 .layer {
        width: 54px;
        height: 47px
    }

    .sm-su-icon--16 {
        left: -115px;
        top: -11px
    }

    .sm-su-icon--16 .layer {
        width: 92px;
        height: 112px
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    *, ::after, ::before {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote, pre {
        border: 1px solid #adb5bd
    }

    thead {
        display: table-header-group
    }

    blockquote, img, pre, tr {
        page-break-inside: avoid
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    .container, .game-navigation > .main-container, body {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #dee2e6
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

@media only screen and (max-width: 460px) {
    .registration {
        width: 290px
    }

    .registration__title {
        font-size: 22px
    }

    .registration__info-text {
        font-size: 16px
    }

    .registration__hint {
        padding: 0
    }
}

@media only screen and (max-width: 450px) {
    .bar-finish, .bar-start {
        display: none
    }
}

@media (max-width: 450px) {
    .dashboard .robo-info__title {
        font-size: 24px
    }

    .treeSkill-mobile__list a {
        font-size: 11px
    }
}

@media (max-width: 430px) {
    .modal-dialog .social ul li {
        display: inline-block;
        vertical-align: top;
        margin: 0 11px 13px
    }
}

@media only screen and (max-width: 360px) {
    .buy__list-img {
        width: 130px;
        height: 90px
    }

    .buy__list-inf-cont {
        top: 14px
    }

    .buy__list-old-price, .buy__list-price {
        font-size: 16px;
        margin-top: 5px
    }

    .buy__list-btn {
        height: 32px;
        width: 100px;
        line-height: 32px
    }

    .buy__list-title {
        line-height: 1.2;
        font-size: 16px;
        margin: 0 0 5px
    }

    .buy__list-cont {
        padding-top: 10px
    }

    .premium__tariff .prem-bottom {
        padding-left: 120px
    }

    .premium__tariff-img-1 {
        width: 112px
    }

    .sm-section__inner:not(.sm-datepicker) {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (max-width: 340px) {
    .game-pager-rounds .training-rounds {
        max-width: 105px
    }

    .game-pager-rounds .training-rounds .training-round.training-round-failure, .game-pager-rounds .training-rounds .training-round.training-round-scheduled, .game-pager-rounds .training-rounds .training-round.training-round-success {
        font-size: 16px;
        width: 10px
    }
}

/*# sourceMappingURL=core.css.map */




.bg-white.text-inverse:hover{
    color:#000;
}



.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-initialized .slick-slide,.slick-slide img {
    display: block
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.btn-arrow{
    padding-left: 30px;
    padding-right: 30px;
}

.section-offer .icon-round img {
    vertical-align: middle!important;
}
.tests__item, .tests__title {
    position: initial!important;
}


.color-memory {
    color: #ffaf58
}

.color-attention {
    color: #4abb45
}

.color-thinking {
    color: #ff334e
}

.color-fastcalc {
    color: #1ecfc3
}

.color-logic {
    color: #00b0f5
}

.bg-memory {
    background-color: #ffaf58
}

.bg-attention {
    background-color: #4abb45
}

.bg-thinking {
    background-color: #ff334e
}

.bg-fastcalc {
    background-color: #1ecfc3
}

.bg-logic {
    background-color: #00b0f5
}