.header-h1, .relative {
    position: relative
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat/Montserrat-Regular.woff) format("woff"), url(../fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat/Montserrat-Italic.woff) format("woff"), url(../fonts/Montserrat/Montserrat-Italic.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat/Montserrat-Medium.woff) format("woff"), url(../fonts/Montserrat/Montserrat-Medium.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat/Montserrat-MediumItalic.woff) format("woff"), url(../fonts/Montserrat/Montserrat-MediumItalic.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat/Montserrat-Bold.woff) format("woff"), url(../fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat/Montserrat-BoldItalic.woff) format("woff"), url(../fonts/Montserrat/Montserrat-BoldItalic.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat/Montserrat-Black.woff) format("woff"), url(../fonts/Montserrat/Montserrat-Black.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat/Montserrat-BlackItalic.woff) format("woff"), url(../fonts/Montserrat/Montserrat-BlackItalic.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

.title-h1 {
    font-size: 1.25rem;
    font-weight: 700
}

.sub-title-h1 {
    font-size: 1rem;
    font-weight: 700;
    color: #9E9E9E
}

.header-h1 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 1rem;
    padding-bottom: 1.2rem
}

.header-h1:after {
    content: '';
    position: absolute;
    width: 9rem;
    height: .75rem;
    bottom: 0;
    left: 0;
    background: url(../images/elements/index-title.svg) center no-repeat;
    background-size: 100%
}

.header-h1 .text-min {
    display: block;
    font-weight: 400;
    font-size: 1.125rem
}

.header-sub-h1 {
    font-size: .875rem
}

.sub-index-title-h1 {
    font-size: 1rem;
    text-align: center;
    color: #757575;
    margin-top: .5rem;
    font-weight: 700
}

.index-title-h2 {
    text-align: center;
    font-weight: 700;
    color: #03A9F4;
    font-size: 1.5rem
}

.sub-index-title-h2 {
    font-size: .875rem;
    text-align: center;
    color: #757575;
    margin-top: .5rem
}

.index-title-h3 {
    text-align: center;
    font-weight: 700;
    color: #03A9F4;
    font-size: 1.25rem
}

.sub-index-title-h3 {
    font-size: .875rem;
    text-align: center;
    color: #616161;
    margin-top: .5rem
}

.card-title-h2 {
    font-size: .875rem;
    color: #424242;
    font-weight: 700
}

.card-title-h2:hover {
    text-decoration: none;
    color: #03A9F4
}

.card-title-h2 + .card-sub-title-h2 {
    margin-top: .5rem
}

.card-sub-title-h2 {
    font-size: .8125rem;
    color: #757575
}

.section-padding {
    padding: 1.5rem 1rem
}

.title-href:before {
    display: block;
    height: 8rem;
    margin-top: -8rem;
    content: ""
}

.alert-flex {
    display: flex
}

.alert-title {
    font-size: 1rem;
    font-weight: 700
}

.alert p, .alert-text {
    font-size: .875rem !important
}

.alert p:last-child, .alert-text:last-child {
    margin-bottom: 0 !important
}

.navbar-light.navbar {
    padding: .75rem 1rem;
    align-items: center
}

.navbar-light.navbar .nav-link {
    padding-top: .25rem;
    padding-bottom: .25rem;
    color: #424242
}

.navbar-light.navbar .nav-link:hover {
    color: #03A9F4
}

.btn-primary {
    background: #03A9F4;
    border-color: #03A9F4
}

.btn-outline-primary {
    border-color: #cdcdcd;
    color: #03A9F4;
    background: #fff
}

.btn-outline-primary:hover {
    background: #03A9F4;
    border-color: #03A9F4;
    color: #fff
}

.btn-success {
    background: #27AE60;
    border-color: #27AE60
}

.btn-light {
    background: #E0E0E0;
    border-color: #E0E0E0;
    color: #424242
}

.btn-danger {
    background: #EB5757;
    border-color: #EB5757
}

.btn-outline-light {
    background: #fff;
    border-color: #E0E0E0;
    color: #424242;
    padding-top: .75rem;
    padding-bottom: .75rem
}

.form-control::-moz-placeholder {
    font-style: italic;
    font-size: .875rem;
    color: #757575
}

.form-control:-ms-input-placeholder {
    font-style: italic;
    font-size: .875rem;
    color: #757575
}

.form-control::placeholder {
    font-style: italic;
    font-size: .875rem;
    color: #757575
}

.custom-select, input.form-control {
    border-radius: .25rem;
    border-color: #E0E0E0
}

textarea.form-control {
    border-color: #cdcdcd;
    min-height: 6rem
}

.input-group > .input-group-append > .btn {
    padding-left: 3rem;
    padding-right: 3rem;
    border-top-left-radius: 25rem;
    border-bottom-left-radius: 25rem;
    margin-left: -1rem;
    z-index: 4
}

.nav-tabs .nav-item {
    margin-top: 3px;
    margin-bottom: 0
}

.nav-tabs .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    color: #424242;
    padding: .5rem;
    font-size: .875rem;
    font-weight: 600
}

.nav-tabs .nav-link.active {
    color: #03A9F4;
    border-bottom-color: #03A9F4
}

.nav-tabs .nav-link:hover {
    color: #03A9F4
}

.breadcrumb {
    background: 0 0;
    margin-bottom: 0
}

.text-primary, .text-primary:hover, a.text-primary, a.text-primary:hover {
    color: #E9A08D !important
}

.text-success, .text-success:hover, a.text-success, a.text-success:hover {
    color: #7DC185 !important
}

.text-danger, .text-danger:hover, a.text-danger, a.text-danger:hover {
    color: #C65E89 !important
}

.text-warning, .text-warning:hover, a.text-warning, a.text-warning:hover {
    color: #EDD158 !important
}

.rounded {
    border-radius: .375rem
}

.bg-primary {
    background-color: #F7B8A7 !important
}

.bg-success {
    background-color: #7DC185 !important
}

.bg-warning {
    background-color: #FAEEB9 !important
}

.bg-danger {
    background-color: #D48BA9 !important
}

.border-primary {
    border-color: #F7B8A7 !important
}

.border-success {
    border-color: #7DC185 !important
}

.border-warning {
    border-color: #FAEEB9 !important
}

.border-danger {
    border-color: #D48BA9 !important
}

.popover {
    min-width: 10rem
}

.popover-header {
    background: 0 0;
    border-bottom: none;
    color: #27AE60;
    font-size: .875rem
}

.popover-body p {
    margin-bottom: .25rem;
    padding-bottom: .25rem;
    border-bottom: 1px solid #F5F5F5;
    font-size: .75rem
}

.popover-body p:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

a {
    color: #03A9F4;
    outline: 0
}

a:focus, a:hover {
    outline: 0 !important;
    box-shadow: none !important
}

.switch-group-btn {
    border-radius: 6px;
    font-weight: 700
}

.switch-group-btn .switch-group-control {
    display: none
}

.switch-group-inner {
    padding: .25rem;
    border-radius: 6px;
    background-color: #455A64;
    white-space: nowrap;
    min-height: 36px;
    display: flex
}

.switch-group-shadow {
    box-shadow: 0 5px 15px rgba(3, 169, 244, .5)
}

.switch-group-dark .switch-group-inner {
    background: #E0E0E0
}

.switch-group-dark .switch-btn.active {
    background: #455A64
}

.switch-btn {
    border-radius: 6px;
    margin-bottom: 0;
    cursor: pointer;
    padding: .157rem 1.2rem;
    font-size: 1rem;
    display: inline-flex;
    align-items: center
}

.switch-btn-sx {
    font-size: .875rem !important;
    width: auto !important
}

.switch-btn.active {
    background: #03A9F4;
    color: #fff
}

.switch-btn:hover:not(.active) {
    color: #03A9F4;
    text-decoration: none
}

.section-login__top {
    padding-top: 10rem !important;
    min-height: 55vh;
    display: flex;
    flex-direction: column;
    align-items: end;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 2rem
}

.footer {
    background: #45635E;
    color: #fff;
    padding: 2rem 0
}

.footer-title {
    font-weight: 500;
    font-size: .875rem
}

.footer-copy {
    margin-top: .75rem;
    font-size: .625rem
}

.footer-copy p {
    margin-bottom: .1rem
}

.footer-link {
    display: block;
    color: #fff;
    font-size: .75rem;
    font-weight: 500
}

.footer-link:hover {
    color: #11B753;
    text-decoration: none
}

.login-page {
    font-family: Montserrat, sans-serif
}

.login-page .section-padding {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.login-page .btn {
    border-radius: 12px;
    padding: .75rem 2rem
}

.login-page .title-h2 {
    font-weight: 900;
    margin-bottom: 1.25rem;
    font-size: 1.125rem
}

.login-page .title-h3 {
    font-weight: 900;
    margin-bottom: .75rem;
    font-size: 1.25rem
}

.login-page .title-h4 {
    margin-bottom: 2rem;
    font-weight: 800;
    color: #333;
    font-size: 1.25rem
}

.login-page__right-hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-width: 2px
}

.login-page-wrapper {
    display: flex;
    flex-wrap: wrap
}

.login-page__header {
    background: #fff;
    padding: .75rem 1.25rem;
    min-height: 4rem;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
    position: fixed;
    top: 0;
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.login-page__header-breadcrumb {
    display: flex;
    align-items: center
}

.login-page__header-breadcrumb h1 {
    margin-left: 1rem;
    font-size: .875rem;
    font-weight: 700;
    color: #828282;
    margin-bottom: 0
}

.login-page__brand {
    display: flex;
    width: 9rem
}

.login-page__btn-back {
    border: 2px solid #B9D0AE;
    padding: .75rem 1rem .75rem 3.5rem !important;
    font-size: .8125rem;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 800;
    color: #4F4F4F;
    position: relative;
    display: inline-flex
}

.login-page__btn-back:after, .login-page__btn-back:before {
    position: absolute;
    content: '';
    top: 50%
}

.login-page__btn-back:before {
    left: 1.1rem;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    color: #219653;
    border-width: 2px 2px 0 0;
    border-style: solid;
    transform: rotate(-135deg)
}

.login-page__btn-back:after {
    left: 1rem;
    margin-top: -1px;
    height: 2px;
    color: #219653;
    box-shadow: inset 0 0 0 32px;
    width: 25px;
    transform-origin: right top
}

.login-page__btn-back:hover {
    background: #219653;
    color: #fff;
    border-color: #219653
}

.login-page__btn-back:hover:after, .login-page__btn-back:hover:before {
    transition: all .25s;
    color: #fff
}

.login-page__right {
    background: #F6FFF9;
    position: relative
}

.login-page__right-inner {
    padding: 1.5rem;
    display: flex;
    flex-direction: column
}

.login-page__right-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem
}

.login-page__right-info, .login-page__right-title-sub {
    margin-bottom: 2rem;
    font-weight: 600
}

.login-page__right-info {
    position: relative;
    font-size: .9375rem;
    padding-left: 3.75rem
}

.login-page__right-info:before {
    content: '';
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/login-page/code-icon.svg) center no-repeat
}

.login-page__right-info.login:before {
    background: url(../images/login-page/login-icon.svg) center no-repeat
}

.login-page__right-select .btn.active {
    display: none
}

.login-page__right-btn-outline {
    border: 2px solid #11B753;
    background: #fff;
    color: #11B753;
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-weight: 600
}

.login-page__right-btn-outline:hover {
    background: #11B753;
    color: #fff
}

.login-page__right-form .form-control {
    border: 2px solid #BDBDBD;
    border-radius: 12px;
    padding: .75rem .75rem .75rem 3rem;
    height: calc(1.6em + 1.6rem + 2px)
}

.login-page__right-form .form-control::-moz-placeholder {
    font-style: normal
}

.login-page__right-form .form-control:-ms-input-placeholder {
    font-style: normal
}

.login-page__right-form .form-control::placeholder {
    font-style: normal
}

.login-page__right-form .form-group {
    margin-bottom: 1.5rem
}

.login-page .functions__item, .login-page__top-logo {
    margin-bottom: 2rem
}

.login-page__right-form .form-group-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center
}

.login-page__right-form .form-group-icon.icon-mail {
    background-image: url(../images/login-page/mail-icon.svg)
}

.login-page__right-form .form-group-icon.icon-password {
    background-image: url(../images/login-page/pass-icon.svg)
}

.login-page__right-form .form-group-icon.icon-code {
    background-image: url(../images/login-page/code-icon-form.svg)
}

.login-page__remember {
    padding-left: 2rem
}

.login-page__remember .custom-control-label {
    color: #333;
    font-size: .875rem;
    font-weight: 700;
    vertical-align: middle !important
}

.login-page__remember .custom-control-label:before {
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid #BDBDBD;
    border-radius: 6px;
    left: -2rem;
    top: -.1rem
}

.login-page__btn, .login-page__remember .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #11B753;
    border-color: #11B753
}

.login-page__remember .custom-control-label:after {
    left: -2rem;
    width: 1.5rem;
    height: 1.5rem;
    top: -.1rem
}

.login-page__forgot_password {
    color: #11B753;
    font-size: .875rem
}

.login-page__forgot_password:hover {
    color: #11B753
}

.login-page__btn {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600
}

.login-page__btn:hover {
    border-color: #1A693A;
    background-color: #1A693A
}

.login-page__top-inner {
    margin-top: auto;
    width: 100%
}

.login-page__top-title {
    font-size: 3rem;
    font-weight: 900;
    color: #fff
}

.login-page__top-info {
    color: #fff;
    font-weight: 600;
    font-size: .875rem
}

.login-page__text {
    font-size: .8125rem;
    line-height: 1.6
}

.login-page .functions__item:last-child {
    margin-bottom: 0
}

.login-page .functions__icon {
    margin-right: .75rem;
    width: 3rem
}

.login-page .functions__title {
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: .25rem
}

.login-page .functions__text {
    color: #4F4F4F;
    font-size: .8125rem
}

.login-page .registration__block {
    padding: 1rem 1.5rem;
    border-radius: 12px;
    background: #FAFBFE;
    border: 2px solid #03A9F4
}

.login-page .registration__icon {
    margin-right: 3rem
}

.login-page .registration__title {
    font-size: 1rem;
    font-weight: 900;
    color: #333;
    margin-bottom: .5rem
}

.login-page .registration__text {
    font-size: .875rem;
    font-weight: 600;
    color: #333
}

.login-page .registration__btn {
    margin-left: auto;
    background: #668CFF;
    border-color: #668CFF;
    padding: .75rem 3.5rem;
    text-transform: uppercase
}

.login-page .slider-reviews__text:after, .login-page .slider-reviews__text:before, .login-page__blockquote:before {
    width: 28px;
    height: 28px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    content: ''
}

.login-page .advantages__icon {
    margin-bottom: 1rem
}

.login-page .advantages__title {
    font-weight: 700;
    margin-bottom: .5rem;
    font-size: 1rem
}

.login-page .advantages__text {
    font-size: .75rem;
    color: #4F4F4F
}

.login-page .map__statistics {
    display: flex
}

.login-page .map__statistics-num {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333
}

.login-page .map__statistics-text {
    color: #333;
    font-size: 1rem;
    font-weight: 500
}

.login-page .map__statistics-item {
    border-right: 1px solid #BDBDBD;
    padding-right: 1rem;
    padding-left: 1rem;
    line-height: 1;
    margin-bottom: 1.5rem
}

.login-page .map__statistics-item:first-child {
    padding-left: 0
}

.login-page .map__statistics-item:last-child {
    border-right: none
}

.login-page .key__item {
    padding: 1.5rem;
    border-bottom: 1px solid #E0E0E0
}

.login-page .key__item:last-child {
    border-bottom: none
}

.login-page .key__icon {
    margin-right: 2rem
}

.login-page .key__title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .75rem
}

.login-page .key__text {
    font-size: .8125rem;
    line-height: 1.5;
    color: #4F4F4F
}

.login-page .slider-reviews__body-inner {
    padding: 1.5rem 0;
    text-align: center
}

.login-page .slider-reviews__name {
    font-size: 1rem;
    font-weight: 600
}

.login-page .slider-reviews__text {
    font-size: .8125rem;
    line-height: 1.8;
    position: relative;
    padding: 0 2rem;
    margin-bottom: 1rem
}

.login-page .slider-reviews__text:after, .login-page .slider-reviews__text:before {
    position: absolute
}

.login-page .slider-reviews__text:before {
    background-image: url(../images/login-page/quote-up.svg);
    left: 0;
    top: -1rem
}

.login-page .slider-reviews__text:after {
    background-image: url(../images/login-page/quote-down.svg);
    right: 0;
    bottom: -1rem
}

.login-page .slider-reviews__position {
    font-size: .8125rem
}

.login-page__footer {
    margin-top: 3rem
}

.login-page__footer .footer-copy {
    line-height: 1.8
}

.login-page__blockquote {
    padding: .75rem 3rem .75rem 5rem;
    margin-top: 3rem;
    border-left: 4px solid #BDBDBD;
    font-size: .8125rem;
    font-style: italic;
    line-height: 1.7;
    position: relative
}

.login-page__blockquote p:last-child {
    margin-bottom: 0;
    line-height: 1.7
}

.login-page__blockquote:before {
    position: absolute;
    background-image: url(../images/login-page/quote-up.svg);
    left: 2rem;
    top: .25rem
}

.slick-slide {
    height: auto !important
}

.slick-arrow {
    position: absolute;
    z-index: 101;
    display: block;
    height: 42px;
    width: 42px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    color: transparent;
    padding: 0;
    bottom: 1.25rem;
    border: none;
    outline: 0;
    border-radius: 25rem;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .1);
    opacity: .5
}

.slick-arrow:hover {
    outline: 0;
    color: transparent;
    opacity: 1
}

.slick-arrow:before {
    content: '';
    width: 36px;
    height: 28px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.slider_slick-prev {
    left: 5px
}

.slider_slick-prev:before {
    background: url(../images/login-page/arrow-left.svg) center no-repeat
}

.slider_slick-next {
    right: 5px
}

.slider_slick-next:before {
    background: url(../images/login-page/arrow-right.svg) center no-repeat
}

.switch-group-btn {
    display: inline-block
}

.switch-group-login .switch-group-inner {
    background: #B9D0AE
}

.switch-group-login .switch-btn.active {
    background: #11B753
}

.switch-group-login .switch-btn {
    padding: .5rem 1rem;
    font-size: .875rem;
    line-height: 1
}

.switch-group-login .switch-btn:hover:not(.active) {
    color: #11B753;
    text-decoration: none
}

.project__nav {
    padding-right: .75rem
}

.project__nav .nav-link {
    font-weight: 700;
    font-size: .875rem;
    border-bottom: 2px solid #E0E0E0;
    padding: .75rem 0;
    color: #333
}

.project__nav .nav-link.active, .project__nav .nav-link:hover {
    background: 0 0;
    color: #219653
}

.project__content-inner, .school-bottom, .school-top {
    background-repeat: no-repeat
}

.project__nav .nav-link:last-child {
    border-bottom: none
}

.project__content-inner {
    padding: 3rem 10rem 3rem 2rem;
    border-left: 2px solid #E0E0E0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    min-height: 25rem;
    background: #F2F2F2;
    background-repeat: no-repeat;
    background-position: bottom right
}

.project__content-logo {
    margin-bottom: 2rem
}

.project__content-info {
    margin-bottom: 1rem;
    font-size: .875rem;
    font-weight: 500
}

.project__content-btn {
    text-transform: uppercase;
    padding-left: 0 !important;
    font-weight: 600;
    font-size: .875rem
}

.project__content-btn:hover {
    text-decoration: none;
    color: #4F4F4F !important
}

.project__content-maat {
    background-color: #FFFEE2;
    background-image: url(../images/login-page/project/maat/maat-bg.png);
    background-size: contain;
}

.project__content-maat .btn {
    color: #F1AE57
}

.project__content-trening {
    background-color: #F9F6F8;
    background-image: url(../images/login-page/project/trening/trening-bg.png)
}

.project__content-trening .btn {
    color: #803B69
}

.project__content-ulesim {
    background-color: #F0F8FF;
    background-image: url(../images/login-page/project/ulesim/ulesim-bg.png)
}

.project__content-ulesim .btn {
    color: #3B7380
}

.project__content-rezilentnost {
    background-color: #FFF4EC;
    background-image: url(../images/login-page/project/rezilentnost/rezilentnost-bg.png);
    background-position: bottom right
}

.project__content-rezilentnost .btn {
    color: #FF6E32
}

.project__content-vote_bulling {
    background-color: #F6F7FA;
    background-image: url(../images/login-page/project/vote/vote-bg.png);
    background-position: bottom right
}

.project__content-happiness {
    background-color: #F6FAF8;
    background-image: url(../images/login-page/project/happiness/happiness-bg.png);
    background-position: bottom right
}


.project__content-vote_bulling .btn {
    color: #485AA0
}

.qrcode-page {
    min-height: 100vh;
    max-width: 620px
}

.qrcode-page-body {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.qrcode-page-logo {
    margin: 0 auto 2rem;
    width: 16rem
}

.qrcode-page-header {
    border-bottom: 1px solid #E0E0E0;
    text-align: center;
    padding-bottom: 1rem
}

.qrcode-page-organization {
    font-size: 1.5rem;
    font-weight: 700
}

.qrcode-page-name {
    font-size: 1.25rem;
    margin-bottom: .5rem;
    font-weight: 700
}

.qrcode-page-date {
    color: #424242;
    font-size: 1rem
}

.nauryz .nauryz-index-logo {
    margin-bottom: 1.5rem
}

.nauryz .login-page__top-title {
    padding: .25rem 1.5rem 0;
    background: rgba(0, 0, 0, .5)
}

.nauryz .login-page__top-info, .nauryz .map__statistics {
    padding: 0 1.5rem 1.5rem;
    background: rgba(0, 0, 0, .5)
}

.nauryz .login-page__right-inner {
    min-height: 100vh;
    background: url(../images/login-page/holiday/login-right-nauryz.svg) right bottom no-repeat !important
}

.col-md-20 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.partners-list__item {
    display: flex;
    flex-direction: row
}

.partners-list__item-inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border: 1px solid #E0E0E0;
    border-radius: 12px
}

.school-main-content {
    padding: 0;
    background-image: url(../images/for_school-main-bg.jpg)
}

.school-top {
    background-image: url(../images/for_school-bg-in.png), url(../images/for_school-bg.jpg);
    background-position: center, bottom right;
    text-align: center;
    color: #fff;
    padding: 1.5rem 0 12rem;
    position: relative
}

.school-top .btn-warning {
    font-size: 1.25rem;
    background-color: #FFE000;
    border-color: #FFE000;
    padding: .75rem 3.5rem
}

.school-top .btn-warning:hover {
    background-color: #ffc107;
    border-color: #ffc107
}

.school-bottom {
    background-image: url(../images/for_school-bg-in.png), url(../images/for_school-bottom.jpg);
    background-position: center, top right;
    padding: 4rem 0 1rem;
    color: #fff
}

.school-bottom hr {
    border-top-color: #fff
}

.school-bottom .login-page-nav li {
    border-right-color: #fff
}

.school-bottom .login-page-nav a {
    color: #fff
}

.school-sub-title-h1 {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 2rem;
    margin-top: 1.5rem
}

.school-title-h1 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 2rem
}

.school-title-h1 span {
    display: block;
    margin-top: 1.5rem;
    font-weight: 400
}

.school-title-h2 {
    text-align: center;
    color: #424242;
    font-size: 1.75rem;
    font-weight: 700
}

.school-title-h3 {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 3rem;
    color: #fff
}

.school-info-title {
    font-size: 1.25rem;
    color: #5C74AD;
    font-weight: 700
}

.school-info-title.line {
    text-decoration: line-through
}

.school-info-text p {
    font-size: .875rem;
    color: #717171
}

.school-info-text-big p {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 30px
}

.school-order-form {
    border-radius: .625rem;
    padding: 1.5rem 1rem;
    margin: 3rem auto 0;
    border: 3px solid rgba(255, 255, 255, .2);
    max-width: 650px
}

.school-order-form .btn-warning {
    font-size: 1.25rem;
    background-color: #FFE000;
    border-color: #FFE000;
    padding: .75rem 3.5rem
}

.school-order-form .btn-warning:hover {
    background-color: #ffc107;
    border-color: #ffc107
}

.school-order-form .form-group {
    margin-bottom: 1.5em
}

.school-order-form .form-control {
    height: calc(2.125em + 1rem + 2px);
    border-radius: 25rem
}

.school-order-form .login-page-nav a {
    color: #fff !important
}

.login-page__main-maat {
    background: url(../images/login-page/project/maat/maat-bg-page.png) center top no-repeat #FDFFF4;
    background-size: contain
}

.login-page__main-maat .login-page__top-info {
    color: #4F4F4F
}

.login-page__main-maat .title-h2 {
    font-size: 2.5rem;
    font-weight: 800
}

.login-page__main-maat .result-list__item {
    background: #FAEBCD
}

.login-page__main-maat .result-list__num {
    color: #F1AE57
}

.section-maat__top .login-page__maat-inner {
    padding-top: 4rem
}

.login-page__main-ulesim {
    background: #F0F8FF
}

.login-page__main-ulesim .login-page__top-info {
    color: #528490
}

.login-page__main-ulesim .title-h2 {
    color: #528490;
    font-weight: 800
}

.login-page__main-ulesim .login-page__blockquote {
    border-color: #528490
}

.login-page__main-ulesim .login-page__blockquote:before {
    background-image: url(../images/login-page/quote-up-ulesim.svg)
}

.section-ulesim__top .login-page__ulesim-inner {
    padding: 1.5rem 0
}

.login-page__main-rezilentnost {
    background: #fff
}

.login-page__main-rezilentnost .login-page__top-info {
    color: #4F4F4F;
    font-size: 1.25rem
}

.login-page__main-rezilentnost .title-h2 {
    color: #FF6E32;
    font-weight: 800
}

.login-page__main-rezilentnost .title-h4 {
    font-size: 1.125rem;
    line-height: 1.6;
    margin-bottom: 1rem
}

.login-page__text.text-small {
    font-size: .875rem !important
}

.functions__title {
    font-size: 1.125rem
}

.functions__title span {
    display: block;
    font-size: .875rem;
    font-weight: 400
}

.functions__text {
    margin-top: .75rem;
    line-height: 1.8
}

.result-list__item {
    padding: 1rem 2rem;
    background: #FFF4EC;
    margin-bottom: 1rem;
    border-radius: .75rem;
    display: flex;
    align-items: center
}

.result-list__num {
    margin-right: 1.5rem;
    font-size: 3rem;
    font-weight: 900;
    color: #FF6E32
}

.result-list__text {
    font-size: .875rem;
    font-weight: 500
}

.section-rezilentnost__top .login-page__rezilentnost-inner {
    padding: 1.5rem 0
}

.login-page__main-trening {
    background: #fff
}

.login-page__main-trening .login-page__text {
    font-size: .875rem
}

.login-page__main-trening .login-page__top-logo {
    margin-bottom: 1rem
}

.login-page__main-trening .login-page__project-title {
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 1.75rem;
    color: #485AA0;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.1
}

.login-page__main-trening .login-page__project-title span {
    display: block;
    font-size: .875rem;
    font-weight: 500;
    margin-top: .5rem;
    color: #333
}

.login-page__main-trening .login-page__project-title:after {
    content: '';
    width: 11rem;
    height: 6px;
    background: #485AA0;
    position: absolute;
    left: 0;
    bottom: 0
}

.login-page__main-trening .login-page__top-info {
    color: #4F4F4F;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.7
}

.login-page__main-trening .title-h2 {
    color: #485AA0;
    font-weight: 800;
    text-transform: uppercase
}

.login-page__main-trening .title-h2 span {
    display: block;
    text-transform: none;
    font-size: 1.25rem
}

.login-page__main-trening .title-h4 {
    font-size: 1.125rem;
    line-height: 1.6;
    margin-bottom: 1rem
}

.login-page__main-trening .title-h5 {
    font-size: 1rem;
    font-weight: 500
}

.login-page__main-trening .title-h5 span {
    margin-top: .5rem;
    display: block;
    font-weight: 800
}

.login-page__main-trening .advantages__list {
    margin-bottom: 4rem
}

.login-page__main-trening .advantages__item {
    margin-bottom: .75rem
}

.login-page__main-trening .result-list__item {
    background: #F6F7FA
}

.login-page__main-trening .result-list__num {
    color: #485AA0
}

.login-page__main-trening .card-work {
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-width: 2px
}

.login-page__main-trening .card-work .card-header {
    background: 0 0;
    padding: 1.5rem 4rem 1.5rem 0;
    border-bottom: none;
    position: relative;
    cursor: pointer
}

.login-page__main-trening .card-work .card-header:hover h2 {
    color: #485AA0
}

.login-page__main-trening .card-work .card-header:after {
    font-family: var(--fa-style-family, "Font Awesome 6 Pro");
    content: '\f106';
    font-size: 1.5rem;
    color: #485AA0;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%)
}

.login-page__main-trening .card-work .card-header h2 {
    font-weight: 700;
    font-size: 1.5rem
}

.login-page__main-trening .card-work .card-header p {
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 700
}

.login-page__main-trening .card-work .card-header.collapsed:after {
    content: '\f107'
}

.login-page__main-trening .card-work .card-body {
    padding: 0 0 1.5rem
}

.login-page__main-trening .card-work .card-body p {
    font-size: .875rem;
    line-height: 1.8
}

.section-trening__top {
    background: #F6F7FA
}

.section-trening__top .login-page__trening-inner {
    padding: 1.5rem 0
}

@media (min-width: 768px) {
    .title-h1 {
        font-size: 2rem
    }

    .sub-title-h1 {
        font-size: 1.125rem
    }

    .header-h1 {
        line-height: 1.2;
        font-size: 4rem;
        margin-bottom: 2rem;
        padding-bottom: 2.4rem
    }

    .header-h1 .text-min {
        font-size: 2.25rem
    }

    .header-sub-h1 {
        font-size: 1.125rem
    }

    .sub-index-title-h1 {
        font-size: 3rem;
        margin-top: 1rem
    }

    .index-title-h2 {
        font-size: 4rem
    }

    .sub-index-title-h2 {
        font-size: 1.125rem;
        margin-top: 1rem
    }

    .index-title-h3 {
        font-size: 2.8rem
    }

    .sub-index-title-h3 {
        font-size: 1.75rem;
        margin-top: 1rem
    }

    .card-title-h2 {
        font-size: 1.125rem
    }

    .section-padding {
        padding: 3rem 2rem
    }

    .nav-tabs .nav-link {
        padding: .5rem 1rem
    }

    .section-login__top {
        min-height: 80vh;
        padding-bottom: 5rem !important
    }

    .login-page .container {
        max-width: 1000px !important
    }

    .login-page .section-padding {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .login-page .btn {
        padding: 1rem 2rem
    }

    .login-page .title-h2 {
        margin-bottom: 2.5rem;
        font-size: 2rem
    }

    .login-page .title-h3 {
        margin-bottom: 1.5rem;
        font-size: 2rem
    }

    .login-page-wrapper {
        display: grid;
        grid-template-columns:calc(100% - 30rem) 30rem
    }

    .login-page__header {
        position: sticky;
        padding: 1.25rem 2rem
    }

    .login-page__right-inner {
        top: 0;
        position: sticky;
        padding: 3rem
    }

    .login-page__top-title {
        font-size: 6rem
    }

    .login-page__top-info {
        font-size: 1.125rem
    }

    .login-page__text {
        font-size: 1rem;
        line-height: 1.8
    }

    .login-page .functions__item {
        margin-bottom: 4rem
    }

    .login-page .functions__item:nth-last-child(2) {
        margin-bottom: 0
    }

    .login-page .functions__icon {
        width: auto;
        margin-right: 1.5rem
    }

    .login-page .functions__title {
        font-size: 1.125rem
    }

    .login-page .functions__text {
        font-size: .875rem
    }

    .login-page .registration__block {
        padding: 2rem 3rem
    }

    .login-page .registration__block .media-body {
        display: flex;
        align-items: center
    }

    .login-page .registration__title {
        font-size: 1.5rem
    }

    .login-page .registration__text {
        font-size: 1rem
    }

    .login-page .advantages__title {
        font-size: 1.125rem
    }

    .login-page .advantages__text {
        font-size: .8125rem
    }

    .login-page .map__statistics-num {
        font-size: 2.25rem
    }

    .login-page .key__title, .login-page .map__statistics-text {
        font-size: 1.125rem
    }

    .login-page .map__statistics-item {
        padding-right: 2rem;
        padding-left: 2rem;
        margin-bottom: 0
    }

    .login-page .key__item .media-body {
        padding-left: 2rem;
        border-left: 2px solid #E0E0E0
    }

    .login-page .key__text {
        font-size: .875rem;
        line-height: 1.7
    }

    .login-page .slider-reviews__body-inner {
        padding: 3rem 6rem
    }

    .login-page .slider-reviews__name {
        font-size: 1.25rem
    }

    .login-page .slider-reviews__text {
        font-size: 1rem;
        margin-bottom: 2rem
    }

    .slick-arrow {
        bottom: auto;
        top: 50%;
        transform: translate(0, -50%)
    }

    .slider_slick-prev {
        left: 25px
    }

    .slider_slick-next {
        right: 25px
    }

    .col-md-20 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .school-top {
        padding: 1.5rem 2.5rem 12rem
    }

    .school-bottom {
        padding: 5rem 2.5rem 2.5rem
    }

    .school-sub-title-h1 {
        margin-top: 2rem;
        font-size: 3rem
    }

    .school-title-h1 {
        font-size: 1.25rem
    }

    .school-title-h2, .school-title-h3 {
        font-size: 3rem
    }

    .school-info-title {
        font-size: 2rem
    }

    .school-info-text p {
        font-size: 1.125rem;
        line-height: 26px
    }

    .school-info-text-big p {
        font-size: 1.5rem
    }

    .school-order-form {
        padding: 2.5rem
    }
}

@media (min-width: 922px) {
    .container {
        max-width: 1290px
    }
}

@media (min-width: 992px) {
    .login-page__brand {
        width: 11rem
    }

    .login-page__right {
        z-index: 201;
        min-height: 100vh;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
    }

    .school-top {
        padding: 3rem 5rem 12rem
    }

    .school-bottom {
        padding: 6rem
    }

    .school-sub-title-h1 {
        margin-top: 3rem
    }

    .section-rezilentnost__top .login-page__rezilentnost-inner, .section-trening__top .login-page__trening-inner, .section-ulesim__top .login-page__ulesim-inner {
        padding: 6rem 0
    }
}

@media (max-width: 991.98px) {
    .footer {
        padding: 1.5rem 1.25rem;
        text-align: left
    }

    .footer-copy {
        margin-bottom: .75rem
    }

    .login-page__header-breadcrumb h1 {
        display: none
    }

    .login-page__btn-back {
        border: none;
        padding: .25rem .5rem .25rem 2.5rem !important
    }

    .login-page__btn-back:before {
        left: .1rem
    }

    .login-page__btn-back:after {
        left: 0
    }

    .login-page__right {
        padding-top: 4rem
    }

    .login-page__main-rezilentnost .login-page__top-info, .login-page__main-ulesim .login-page__top-info {
        margin-bottom: 1.5rem
    }
}

@media (max-width: 768px) {
    .nav-tad-overflow {
        overflow: auto;
        overflow-y: hidden;
        flex-wrap: nowrap
    }

    .btn-sm-w100 {
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .switch-btn {
        padding: .5rem 1rem;
        font-size: .8125rem;
        text-align: center;
        justify-content: center;
        width: 50%
    }

    .switch-btn-sx {
        padding: .25rem .75rem !important
    }

    .login-page__main {
        width: 100%;
        order: 1
    }

    .login-page .registration__block {
        display: block
    }

    .login-page .registration__icon {
        margin-bottom: .75rem
    }

    .login-page .registration__btn {
        display: block;
        width: 100%;
        margin-top: .75em
    }

    .login-page .advantages__item {
        margin-bottom: 2rem
    }

    .login-page .advantages__item:last-child {
        margin-bottom: 0
    }

    .login-page .key__item {
        display: block;
        padding: .75rem 0
    }

    .login-page .key__icon {
        margin-right: 0;
        margin-bottom: .75rem
    }

    .partners-list__item {
        margin-bottom: .75rem
    }

    .school-order-form .btn-warning, .school-top .btn-warning {
        font-size: 1rem;
        display: block;
        width: 100%
    }
}