@charset "UTF-8";
:root {
    --theme: #021E07;
    --dark: black;
    --light: #054e12;
    --focus: rgba(2, 30, 7, 0.3);
    --opacity: #DBEEDA;
    --preloader: rgba(2, 30, 7, 0.9);
    --second: #FFED95;
    --second-dark: #ffe462;
    --second-light: #fff6c8;
    --second-focus: #F4B767;
    --second-opacity: rgba(255, 237, 149, 0.1);
    --second-preloader: rgba(255, 237, 149, 0.9);
    --font: Roboto, sans-serif;
    --font-s: Roboto, sans-serif;
    --font-t: Roboto, sans-serif;
    --bgr: #F7F7F7;
    --half: 2;
    --text: #2C2C2C;
    --grey: #464646;
    --placeholder: rgba(0, 0, 0, 0.4);
    --border: #F7F7F5;
    --line: rgba(0, 0, 0, 0.09);
    --footer: 4;
    --padding: 6rem;
    --shadow-s: 0 0.66rem 2rem rgba(0, 0, 0, 0.1);
    --shadow-m: 0 1rem 3rem rgba(0, 0, 0, 0.1);
    --shadow-l: 0 1.5rem 4.5rem rgba(0, 0, 0, 0.15);
    --shadow-btn: 0 0.1rem 2rem rgba(0, 0, 0, 0.2);
    --container: 125rem;
    --tariff-bg: #F2F6F8;
    --advantages: 3;
    --popup-container: 42rem;
    --logo: 5.3rem;
    --header: 9rem;
    --fz: 1.4rem;
    --section-p: calc((100vw - var(--container)) / 2);
    --filter-bg: #EEE7E3;
    --bg: #fff;
    --bg-op: rgba(255, 255, 255, 0.6);
    --tariff: 5;
    --sidebar: 28rem;
    --catalog-grid: 2;
    --about: 4;
    --red: #ff1515;
    --red-dark: #e10000;
    --red-light: #ff4848;
    --red-focus: rgba(255, 21, 21, 0.3);
    --red-opacity: rgba(255, 21, 21, 0.1);
    --green: #2DAF53;
    --green-dark: #238640;
    --green-light: #41ce6a;
    --green-focus: rgba(45, 175, 83, 0.3);
    --green-opacity: rgba(45, 175, 83, 0.1);
    --btn-fz: 1.25rem;
    --field: 4rem;
    --field-sm: 3.35rem;
    --field-md: 3.5rem;
    --field-lg: 5rem;
    --label-size: 1rem;
    --subtitle-size: 2.5rem;
    --icon-size: 3rem;
    --icon-size-sm: 1.8rem;
    --filter: 1;
    --third: 3;
    --padding-md: 2.8rem;
    --popup: 40rem;
    --popup-container: 42rem
}

.white {
    --bg: #000;
    --bg-op: rgba(0, 2, 53, 0.7);
    --glass: rgba(0, 0, 0, 0.2);
    --glass: rgba(0, 0, 0, 0.1);
    --grey-bg: rgba(255, 255, 255, 0.07);
    --text: #fff;
    --text-opacity: rgba(255, 255, 255, 0.1);
    --grey: rgba(255, 255, 255, 0.65);
    --placeholder: rgba(255, 255, 255, 0.4);
    --border: rgba(255, 255, 255, 0.15);
    color: var(--text)
}

html {
    font-size: 10px;
    overflow-x: hidden;
    scroll-padding-top: var(--header)
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-Regular.eot);
    src: local("Gilroy Regular"), local("Gilroy-Regular"), url(../fonts/Gilroy-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Regular.woff2) format("woff2"), url(../fonts/Gilroy-Regular.woff) format("woff"), url(../fonts/Gilroy-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-Bold.eot);
    src: local("Gilroy Bold"), local("Gilroy-Bold"), url(../fonts/Gilroy-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Bold.woff2) format("woff2"), url(../fonts/Gilroy-Bold.woff) format("woff"), url(../fonts/Gilroy-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-Black.eot);
    src: local("Gilroy Black"), local("Gilroy-Black"), url(../fonts/Gilroy-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Black.woff2) format("woff2"), url(../fonts/Gilroy-Black.woff) format("woff"), url(../fonts/Gilroy-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-Light.eot);
    src: local("Gilroy Light"), local("Gilroy-Light"), url(../fonts/Gilroy-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Light.woff2) format("woff2"), url(../fonts/Gilroy-Light.woff) format("woff"), url(../fonts/Gilroy-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-Semibold.eot);
    src: local("Gilroy Semibold"), local("Gilroy-Semibold"), url(../fonts/Gilroy-Semibold.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Semibold.woff2) format("woff2"), url(../fonts/Gilroy-Semibold.woff) format("woff"), url(../fonts/Gilroy-Semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-Medium.eot);
    src: local("Gilroy Medium"), local("Gilroy-Medium"), url(../fonts/Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Medium.woff2) format("woff2"), url(../fonts/Gilroy-Medium.woff) format("woff"), url(../fonts/Gilroy-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-UltraLight.eot);
    src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"), url(../fonts/Gilroy-UltraLight.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-UltraLight.woff2) format("woff2"), url(../fonts/Gilroy-UltraLight.woff) format("woff"), url(../fonts/Gilroy-UltraLight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-Extrabold.eot);
    src: local("Gilroy Extrabold"), local("Gilroy-Extrabold"), url(../fonts/Gilroy-Extrabold.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Extrabold.woff2) format("woff2"), url(../fonts/Gilroy-Extrabold.woff) format("woff"), url(../fonts/Gilroy-Extrabold.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-Heavy.eot);
    src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url(../fonts/Gilroy-Heavy.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Heavy.woff2) format("woff2"), url(../fonts/Gilroy-Heavy.woff) format("woff"), url(../fonts/Gilroy-Heavy.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-Thin.eot);
    src: local("Gilroy Thin"), local("Gilroy-Thin"), url(../fonts/Gilroy-Thin.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Thin.woff2) format("woff2"), url(../fonts/Gilroy-Thin.woff) format("woff"), url(../fonts/Gilroy-Thin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

body {
    font-size: var(--fz);
    font-weight: 400;
    font-family: var(--font);
    color: var(--text);
    line-height: 1.2;
    margin: 0!important;
    min-height: 100vh;
    overflow-x: hidden;
    color: var(--text);
    background-image: url(../img/bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: transparent
}

body a:hover {
    color: var(--dark)!important
}

body .second {
    font-family: var(--second)
}

body .slick-list {
    overflow: hidden
}

body .slick-list .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body span.second {
    color: var(--second)
}

body .pulse-btn {
    position: fixed;
    right: calc(var(--padding) * 2);
    bottom: calc(var(--padding) * 2);
    z-index: 12;
    width: 5rem;
    height: 5rem;
    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;
    background: var(--theme);
    font-size: 2rem;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 1rem var(--theme-opacity);
    box-shadow: 0 0 0 1rem var(--theme-opacity);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
    color: #fff
}

body .pulse-btn:hover {
    color: #fff!important;
    background-color: var(--dark)
}

body .pulse-btn::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 1rem var(--theme);
    box-shadow: 0 0 1rem var(--theme)
}

body .pulse {
    position: relative
}

@-webkit-keyframes pulse {
    from {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@keyframes pulse {
    from {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

body .pulse:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 12px var(--second);
    box-shadow: 0 0 12px var(--second);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite
}

@keyframes pulse {
    from {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

body .ctn-preloader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 3000
}

body .ctn-preloader .animation-preloader {
    position: absolute;
    z-index: 100
}

body .ctn-preloader .animation-preloader .spinner {
    -webkit-animation: spinner 1s infinite linear;
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, .2);
    border-top-color: var(--light);
    height: 5em;
    margin: 0 auto 3.5em auto;
    width: 5em
}

body .ctn-preloader .loader-section {
    background-color: #fff;
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px)
}

body .ctn-preloader .loader-section.section-left {
    left: 0
}

body .ctn-preloader .loader-section.section-right {
    right: 0
}

body .loaded .animation-preloader {
    opacity: 0;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

body .loaded .loader-section.section-left {
    -webkit-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);
    -webkit-transition: .7s .3s all cubic-bezier(.1, .1, .1, 1);
    -o-transition: .7s .3s all cubic-bezier(.1, .1, .1, 1);
    transition: .7s .3s all cubic-bezier(.1, .1, .1, 1)
}

body .loaded .loader-section.section-right {
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    -webkit-transition: .7s .3s all cubic-bezier(.1, .1, .1, 1);
    -o-transition: .7s .3s all cubic-bezier(.1, .1, .1, 1);
    transition: .7s .3s all cubic-bezier(.1, .1, .1, 1)
}

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@-webkit-keyframes letters-loading {
    0%,
    100%,
    75% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
    25%,
    50% {
        opacity: 1;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@keyframes letters-loading {
    0%,
    100%,
    75% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
    25%,
    50% {
        opacity: 1;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

body b,
body strong {
    font-weight: 500
}

body ul.styled li {
    margin-bottom: .6em;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

body ul.styled li:last-child {
    margin-bottom: 0
}

body ul.styled li:before {
    margin-right: 1rem;
    color: var(--theme)
}

body .ml-burger.active {
    margin-left: 9rem
}

body ol.styled {
    counter-reset: list
}

body ol.styled li {
    margin-bottom: .6em;
    position: relative;
    counter-increment: list;
    padding-left: 1.5rem
}

body ol.styled li:last-child {
    margin-bottom: 0
}

body ol.styled li:before {
    content: counter(list) ".";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--text)
}

body .count.self {
    font-size: var(--fz);
    color: var(--grey);
    font-weight: 600;
    width: 100%
}

body .count.self span {
    color: var(--text)
}

body .count.self.count-lg {
    font-size: 1.8rem
}

body .count.self.count-mb {
    margin-bottom: 1em
}

body .count:not(.self) {
    counter-reset: list
}

body .count:not(.self)>:not(.not-count) {
    counter-increment: list
}

body .count:not(.self)>:not(.not-count):before {
    width: 100%;
    content: "0" counter(list) ".";
    font-size: var(--fz);
    color: var(--grey);
    font-weight: 600
}

body .count:not(.self).count-lg>:before {
    font-size: 1.8rem
}

body .count:not(.self).count-mb>:before {
    margin-bottom: 1em
}

body .count-start {
    counter-reset: list
}

body .count-start .count-item {
    counter-increment: list
}

body .count-start .count-item:before {
    width: 100%;
    content: "0" counter(list) ".";
    font-size: var(--fz);
    color: var(--grey);
    font-weight: 600
}

body .count-start.count-lg .count-item:before {
    font-size: 1.8rem
}

body .count-start.count-mb .count-item:before {
    margin-bottom: 1em
}

body .green {
    background-color: #1d4545
}

body span.theme {
    color: var(--theme)
}

body .b24-form-header-title {
    position: relative;
    z-index: 2;
    width: -webkit-fit-content!important;
    width: -moz-fit-content!important;
    width: fit-content!important
}

body .b24-form-header-title::before {
    content: "";
    width: 100%;
    border-bottom: 8px solid #4c3e7c;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1
}

body .section-title {
    margin-bottom: 4rem;
    text-align: center
}

body .section-title h1,
body .section-title h2,
body .section-title h3 {
    position: relative!important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    z-index: 1
}

body .section-title h1::before,
body .section-title h2::before,
body .section-title h3::before {
    content: "";
    width: 6rem;
    height: 2px;
    background-color: var(--theme);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    bottom: -1rem
}

body .section-title.team-left h1,
body .section-title.team-left h2,
body .section-title.team-left h3 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

body .section-title.left h1,
body .section-title.left h2,
body .section-title.left h3 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-transform: uppercase
}

body .section-title.left h1::after,
body .section-title.left h2::after,
body .section-title.left h3::after {
    content: "";
    background: -o-linear-gradient(116.83deg, #d8d61b 18.81%, #f18610 75.5%);
    background: linear-gradient(333.17deg, #d8d61b 18.81%, #f18610 75.5%);
    width: 7rem;
    height: 7rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(-15%, -50%);
    -ms-transform: translate(-15%, -50%);
    transform: translate(-15%, -50%)
}

body .section-title.right h1,
body .section-title.right h2,
body .section-title.right h3 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-transform: uppercase
}

body .section-title.right h1::after,
body .section-title.right h2::after,
body .section-title.right h3::after {
    content: "";
    background-image: url(../img/section-arrow-r.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 60rem;
    height: 9rem;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(25%, -50%);
    -ms-transform: translate(25%, -50%);
    transform: translate(25%, -50%)
}

body .section-title p {
    width: 100%;
    margin-top: -3rem;
    margin-bottom: 4rem
}

body .section-title.center {
    text-align: center
}

body .section-title.center h1:after,
body .section-title.center h2:after,
body .section-title.center h3:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

body .section-title.half {
    width: var(--article-half)
}

body hr {
    background: var(--border);
    width: 100%
}

body picture {
    display: inherit
}

body .p {
    padding: var(--padding) 0
}

body .p-lg {
    padding: calc(var(--padding) * 3) 0
}

body .pt {
    padding-top: var(--padding)
}

body .pt-lg {
    padding-top: calc(var(--header) + var(--padding))
}

body .pb {
    padding-bottom: var(--padding)
}

body .pt3 {
    padding-top: 3rem
}

body .pb3 {
    padding-bottom: 3rem
}

body .pt2 {
    padding-top: 2rem
}

body .pb2 {
    padding-bottom: 2rem
}

body .pt1 {
    padding-top: 1rem
}

body .pb1 {
    padding-bottom: 1rem
}

body .mt {
    margin-top: var(--padding)
}

body .mr1 {
    margin-right: 1rem
}

body .mb {
    margin-bottom: var(--padding)
}

body .mt3 {
    margin-top: 3rem!important
}

body .mb3 {
    margin-bottom: 3rem!important
}

body .mt2 {
    margin-top: 2rem!important
}

body .mb2 {
    margin-bottom: 2rem
}

body .mt1 {
    margin-top: 1rem
}

body .mb1 {
    margin-bottom: 1rem
}

body .b {
    border: 1px solid var(--border)
}

body .bt {
    border-top: 1px solid var(--border)
}

body .bb {
    border-bottom: 1px solid var(--border)
}

body .no-m {
    margin: 0
}

body .no-mb {
    margin-bottom: 0
}

body .no-mt {
    margin-top: 0
}

body .no-ml {
    margin-left: 0
}

body .no-mr {
    margin-right: 0
}

body .ma {
    margin: auto
}

body .mxa {
    margin-left: auto;
    margin-right: auto
}

body .mya {
    margin-top: auto;
    margin-bottom: auto
}

body .mta {
    margin-top: auto
}

body .mba {
    margin-bottom: auto
}

body .mla {
    margin-left: auto
}

body .mra {
    margin-right: auto
}

body .fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

body .tac {
    text-align: center
}

body .tac .section-title {
    margin: 0 auto
}

body .tac .section-title h1:after,
body .tac .section-title h2:after,
body .tac .section-title h3:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

body .tar {
    text-align: right
}

body .tal {
    text-align: left
}

body .dn {
    display: none!important
}

body .db {
    display: block
}

body .df {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .fdc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body .fs {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

body .jcc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body .jcs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

body .jce {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

body .jcsb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body .fw {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body .aic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .aib {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

body .ais {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

body .aie {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

body .accords {
    overflow: hidden;
    max-width: 80%;
    margin: 0 auto
}

body .accords .accord {
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden;
    cursor: pointer
}

body .accords .accord:not(:last-child) {
    border-bottom: 1px solid #111
}

body .accords .accord .accord-header {
    padding: 3rem 2rem 3rem 0;
    background-color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.5rem;
    line-height: 1.35;
    font-weight: 500;
    font-family: var(--font-s);
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

body .accords .accord .accord-header h5 {
    margin-bottom: 0;
    line-height: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-weight: 500;
    font-size: 1.65rem;
    cursor: pointer
}

body .accords .accord .accord-header h5:hover {
    color: var(--theme)
}

body .accords .accord .accord-header .title {
    max-width: 70%
}

body .accords .accord .accord-content {
    font-size: 1.4rem;
    line-height: 1.35;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    height: 0
}

body .accords .accord .accord-content p {
    max-width: 80%
}

body .accords .accord .accord-content.active {
    height: 100%;
    opacity: 1;
    padding-bottom: 3rem;
    padding-top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

body .accords .accord .accord-header svg {
    width: 2rem;
    height: 2rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

body .accords .accord .accord-header.active svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

body .grid-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .grid-5.small {
    --separation: var(--separation-s);
    --separation-m: var(--separation-sm);
    --separation-h: calc(var(--separation-s) / 2);
    --separation-hm: calc(var(--separation-sm) / 2)
}

body .grid-5.large {
    --separation: var(--separation-l);
    --separation-m: var(--separation-lm);
    --separation-h: calc(var(--separation-l) / 2);
    --separation-hm: calc(var(--separation-lm) / 2)
}

body .grid-5>.line {
    width: calc(100% + var(--separation));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: var(--separation-hm)
}

body .grid-5>.line>.full {
    margin: var(--separation-h);
    width: calc(100% - var(--separation))
}

body .grid-5>.line>:not(.custom):not(.full) {
    margin: var(--separation-h);
    width: calc(100% / var(--grid-5-sep) - var(--separation))
}

body .grid-5.center .line {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .grid-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .grid-4.small {
    --separation: var(--separation-s);
    --separation-m: var(--separation-sm);
    --separation-h: calc(var(--separation-s) / 2);
    --separation-hm: calc(var(--separation-sm) / 2)
}

body .grid-4.large {
    --separation: var(--separation-l);
    --separation-m: var(--separation-lm);
    --separation-h: calc(var(--separation-l) / 2);
    --separation-hm: calc(var(--separation-lm) / 2)
}

body .grid-4>.line {
    width: calc(100% + var(--separation));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: var(--separation-hm)
}

body .grid-4>.line>.full {
    margin: var(--separation-h);
    width: calc(100% - var(--separation))
}

body .grid-4>.line>:not(.custom):not(.full) {
    margin: var(--separation-h);
    width: calc(100% / var(--grid-4-sep) - var(--separation))
}

body .grid-4.center .line {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .grid-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .grid-3.small {
    --separation: var(--separation-s);
    --separation-m: var(--separation-sm);
    --separation-h: calc(var(--separation-s) / 2);
    --separation-hm: calc(var(--separation-sm) / 2)
}

body .grid-3.large {
    --separation: var(--separation-l);
    --separation-m: var(--separation-lm);
    --separation-h: calc(var(--separation-l) / 2);
    --separation-hm: calc(var(--separation-lm) / 2)
}

body .grid-3>.line {
    width: calc(100% + var(--separation));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: var(--separation-hm)
}

body .grid-3>.line>.full {
    margin: var(--separation-h);
    width: calc(100% - var(--separation))
}

body .grid-3>.line>:not(.custom):not(.full) {
    margin: var(--separation-h);
    width: calc(100% / var(--grid-3-sep) - var(--separation))
}

body .grid-3.center .line {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .grid-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .grid-2.small {
    --separation: var(--separation-s);
    --separation-m: var(--separation-sm);
    --separation-h: calc(var(--separation-s) / 2);
    --separation-hm: calc(var(--separation-sm) / 2)
}

body .grid-2.large {
    --separation: var(--separation-l);
    --separation-m: var(--separation-lm);
    --separation-h: calc(var(--separation-l) / 2);
    --separation-hm: calc(var(--separation-lm) / 2)
}

body .grid-2>.line {
    width: calc(100% + var(--separation));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: var(--separation-hm)
}

body .grid-2>.line>.full {
    margin: var(--separation-h);
    width: calc(100% - var(--separation))
}

body .grid-2>.line>:not(.custom):not(.full) {
    margin: var(--separation-h);
    width: calc(100% / var(--grid-2-sep) - var(--separation))
}

body .grid-2.center .line {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .fixed {
    position: fixed
}

body .fixed.left {
    left: 0
}

body .fixed.bottom {
    bottom: 0
}

body .stretch-a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

body .stretch-a.bottom {
    top: auto
}

body .stretch-a.top {
    bottom: auto
}

body .stretch-a.left {
    right: auto
}

body .stretch-a.right {
    left: auto
}

body .stretch-f {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

body .stretch-f.bottom {
    top: auto
}

body .stretch-f.top {
    bottom: auto
}

body .stretch-f.left {
    right: auto
}

body .stretch-f.right {
    left: auto
}

body .blackout-a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: var(--blackout)
}

body .blackout-a.bottom {
    top: auto
}

body .blackout-a.top {
    top: bottom
}

body .blackout-a.left {
    right: auto
}

body .blackout-a.right {
    left: bottom
}

body .blackout-a.light {
    background: var(--blackout-l)
}

body .blackout-a.hard {
    background: var(--blackout-h)
}

body .blackout-f {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: var(--blackout)
}

body .blackout-f.bottom {
    top: auto
}

body .blackout-f.top {
    top: bottom
}

body .blackout-f.left {
    right: auto
}

body .blackout-f.right {
    left: bottom
}

body .blackout-f.light {
    background: var(--blackout-l)
}

body .a-cr {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

body .a-cl {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

body .a-c {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body .f-cr {
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

body .f-cl {
    position: fixed;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

body .f-c {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body .fw-400 {
    font-weight: 400
}

body .fw-500 {
    font-weight: 500
}

body .fw-600 {
    font-weight: 600
}

body .fw-700 {
    font-weight: 700!important
}

body .bg-cov {
    background-position: center;
    background-size: cover
}

body .bg-cov.bottom {
    background-position: center bottom
}

body .bg-cov.top {
    background-position: center top
}

body .bg-cov.right {
    background-position: center right
}

body .bg-cov.left {
    background-position: center left
}

body .bg-con {
    background-position: center;
    background-size: contain
}

body .bg-con.bottom {
    background-position: center bottom
}

body .bg-con.top {
    background-position: center top
}

body .bg-con.right {
    background-position: center right
}

body .bg-con.left {
    background-position: center left
}

body .bg-fix {
    background-position: center;
    background-size: cover;
    background-attachment: fixed
}

body .bg-fix.bottom {
    background-position: center bottom
}

body .bg-fix.top {
    background-position: center top
}

body .bg-fix.right {
    background-position: center right
}

body .bg-fix.left {
    background-position: center left
}

body .top-header {
    text-align: center;
    color: var(--bg)!important;
    background-size: cover!important;
    background-position: center center!important
}

body .top-header h1 {
    font-size: 7rem;
    word-wrap: break-word
}

body .top-header a {
    color: var(--bg)!important;
    font-size: var(--fz)
}

body aside {
    width: var(--sidebar);
    padding-right: 5rem
}

body aside+* {
    width: calc(100% - var(--sidebar))
}

body .page-header {
    text-align: center;
    color: var(--text)!important;
    padding-bottom: var(--padding)
}

body .page-header h1 {
    font-size: 7rem
}

body .page-header a {
    color: var(--text)!important;
    font-size: 1.5rem
}

body .notifications {
    position: fixed;
    width: 36rem;
    bottom: 0;
    right: 0;
    z-index: 320
}

body .notifications .notif {
    background: var(--bg);
    margin: 20px 20px 0 20px;
    opacity: 0;
    position: absolute;
    z-index: -12;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
    overflow: hidden;
    border-radius: 0;
    display: block;
    color: var(--text)!important;
    border: 1px solid var(--border)
}

body .notifications .notif.loaded {
    position: relative;
    z-index: 0;
    opacity: 1
}

body .notifications .notif .content {
    position: relative;
    z-index: 1;
    padding: 1.5rem
}

body .notifications .notif.closing {
    opacity: 0
}

body .notifications .notif .notif-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

body .notifications .notif .notif-title span,
body .notifications .notif .notif-title:before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-20%, -50%);
    -ms-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
    font-size: 6rem;
    color: var(--opacity)
}

body .notifications .notif .notif-title span.success,
body .notifications .notif .notif-title:before.success {
    color: var(--green-opacity)
}

body .notifications .notif .notif-title span.warning,
body .notifications .notif .notif-title:before.warning {
    color: var(--orange-opacity)
}

body .notifications .notif .notif-title span.red,
body .notifications .notif .notif-title:before.red {
    color: var(--red-opacity)
}

body .notifications .notif .notif-title.success .title-inner {
    color: var(--green)
}

body .notifications .notif .notif-title.success:before {
    color: var(--green-opacity)
}

body .notifications .notif .notif-title.warning .title-inner {
    color: var(--orange)
}

body .notifications .notif .notif-title.warning:before {
    color: var(--orange-opacity)
}

body .notifications .notif .notif-title.error .title-inner {
    color: var(--red)
}

body .notifications .notif .notif-title.error:before {
    color: var(--red-opacity)
}

body .notifications .notif .notif-title .title-inner {
    margin: 0 2rem 0 0
}

body .notifications .notif .notif-title .date {
    color: var(--grey);
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

body .notifications .notif p {
    color: var(--grey);
    font-size: 90%;
    margin-top: .4em;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body .notifications .notif p .close-notif {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
    opacity: 0;
    margin-left: .5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body .notifications .notif p .close-notif:hover {
    color: var(--red)
}

body .notifications .notif:hover p .close-notif {
    opacity: 1
}

body .full {
    width: 100%
}

body .rel {
    position: relative
}

body .abs {
    position: absolute
}

body .z1 {
    z-index: 1
}

body .z2 {
    z-index: 2
}

body .z3 {
    z-index: 3
}

body .sm-text {
    font-size: 1.25rem
}

body .lg-text {
    font-size: 1.7rem
}

body .highlight {
    color: var(--theme);
    border-bottom: 1px solid var(--border)
}

body .grey-text {
    color: var(--grey)
}

body .grey-bg {
    background: var(--grey-bg)
}

body .item,
body .slick-slide,
body a,
body button,
body input,
body textarea {
    outline: 0!important
}

body ol,
body ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

body p {
    margin-bottom: .6em
}

body .mb0 {
    margin-bottom: 0!important
}

body ol.mb0,
body p.mb0,
body ul.mb0 {
    margin-bottom: 0
}

body button,
body input,
body textarea {
    font-family: var(--font)
}

body .site-branding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

body .site-branding a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .site-branding img,
body .site-branding svg {
    height: var(--logo);
    width: auto
}

body main.site-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body a,
body a:visited {
    color: var(--theme);
    text-decoration: none;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

body a:active,
body a:focus,
body a:hover,
body a:visited:active,
body a:visited:focus,
body a:visited:hover {
    color: var(--dark)
}

body a.text,
body a:visited.text {
    color: var(--text)
}

body a.text:hover,
body a:visited.text:hover {
    color: var(--dark)
}

body a.grey,
body a:visited.grey {
    color: var(--grey)
}

body a.grey:hover,
body a:visited.grey:hover {
    color: var(--dark)
}

body a.underline,
body a:visited.underline {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: 1px solid var(--border)
}

body a.underline:hover,
body a:visited.underline:hover {
    border-color: transparent
}

body a.light,
body a:visited.light {
    color: #fff
}

body a.light.underline,
body a:visited.light.underline {
    border-color: rgba(255, 255, 255, .1)
}

body a.light:hover,
body a:visited.light:hover {
    color: var(--light)
}

body a.more,
body a:visited.more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body a.more span,
body a:visited.more span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 70%;
    margin-left: .5rem
}

body p {
    font-family: var(--font-s)
}

body h1 {
    font-size: 3.8rem
}

body h1.small {
    font-size: 3rem
}

body h2 {
    font-size: 3.8rem
}

body h3 {
    font-size: 2.8rem
}

body h4 {
    font-size: 2rem;
    font-weight: 400
}

body h5 {
    font-size: 2.2rem
}

body h6 {
    font-size: 2rem
}

body h1,
body h2 {
    line-height: 1.3;
    font-weight: 500
}

body h3 {
    line-height: 1.3;
    font-weight: 600
}

body h5,
body h6 {
    line-height: 1.4;
    font-weight: 700
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    margin-bottom: .4em
}

body h1.mb0,
body h2.mb0,
body h3.mb0,
body h4.mb0,
body h5.mb0,
body h6.mb0 {
    margin-bottom: 0
}

body .br:not(:last-child) {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid var(--border)
}

body .block {
    border: 1px solid var(--border);
    padding: var(--block-p)
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body ol,
body p,
body ul {
    margin-top: 0
}

body h1:last-child,
body h2:last-child,
body h3:last-child,
body h4:last-child,
body h5:last-child,
body h6:last-child,
body ol:last-child,
body p:last-child,
body ul:last-child {
    margin-bottom: 0
}

body .title-with-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body .article>:not(:last-child):not(.subtitle):not(.mb0) {
    margin-bottom: 2rem
}

body .article>:not(:last-child):not(.subtitle):not(.mb0).bm {
    margin-bottom: 3rem
}

body .article>:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn) {
    border-bottom: 1px solid var(--border);
    padding-bottom: 2rem
}

body .article>:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn).bm {
    padding-bottom: 3rem
}

body .article.half {
    width: var(--article-half)
}

body .article.center {
    width: var(--article-half);
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

body .article-sm>:not(:last-child):not(.subtitle):not(.mb0) {
    margin-bottom: 1rem
}

body .article-sm>:not(:last-child):not(.subtitle):not(.mb0).bm {
    margin-bottom: 2rem
}

body .article-sm>:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn) {
    border-bottom: 1px solid var(--border);
    padding-bottom: 1rem
}

body .article-sm>:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn).bm {
    padding-bottom: 2rem
}

body .article-sm.half {
    width: var(--article-half)
}

body .article-sm.center {
    width: var(--article-half);
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

body .article-md>:not(:last-child):not(.subtitle):not(.mb0) {
    margin-bottom: 3rem
}

body .article-md>:not(:last-child):not(.subtitle):not(.mb0).bm {
    margin-bottom: 4rem
}

body .article-md>:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn) {
    border-bottom: 1px solid var(--border);
    padding-bottom: 3rem
}

body .article-md>:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn).bm {
    padding-bottom: 4rem
}

body .article-md.half {
    width: var(--article-half)
}

body .article-md.center {
    width: var(--article-half);
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

body .article-bg>:not(:last-child):not(.subtitle):not(.mb0) {
    margin-bottom: 4rem
}

body .article-bg>:not(:last-child):not(.subtitle):not(.mb0).bm {
    margin-bottom: 5rem
}

body .article-bg>:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn) {
    border-bottom: 1px solid var(--border);
    padding-bottom: 4rem
}

body .article-bg>:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn).bm {
    padding-bottom: 5rem
}

body .article-bg.half {
    width: var(--article-half)
}

body .article-bg.center {
    width: var(--article-half);
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

body .article-lg>:not(:last-child):not(.subtitle):not(.mb0) {
    margin-bottom: 6rem
}

body .article-lg>:not(:last-child):not(.subtitle):not(.mb0).bm {
    margin-bottom: 7rem
}

body .article-lg>:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn) {
    border-bottom: 1px solid var(--border);
    padding-bottom: 6rem
}

body .article-lg>:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn).bm {
    padding-bottom: 7rem
}

body .article-lg.half {
    width: var(--article-half)
}

body .article-lg.center {
    width: var(--article-half);
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

body .subtitle {
    font-size: var(--subtitle-size);
    color: var(--second);
    font-weight: 700
}

body .subtitle.theme {
    color: var(--theme)
}

body .toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: var(--bg)
}

body .toggler .item {
    height: var(--field);
    width: var(--field);
    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;
    border: solid var(--border);
    border-width: 1px 0;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    position: relative
}

body .toggler .item:hover {
    border-color: transparent;
    background: var(--border)
}

body .toggler .item:first-child {
    border-left-width: 1px
}

body .toggler .item:last-child {
    border-right-width: 1px
}

body .toggler .item.active {
    border-color: transparent;
    background: var(--theme);
    color: #fff
}

body .toggler .item.active:hover {
    background: var(--dark)
}

body .toggler .item:active {
    background: var(--dark);
    color: #fff;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 4px var(--focus);
    box-shadow: 0 0 0 4px var(--focus);
    z-index: 1
}

body .toggler.small {
    font-size: var(--fz)
}

body .toggler.small .item {
    height: var(--field-sm);
    width: var(--field-sm)
}

body .toggler.large {
    font-size: 1.8rem
}

body .toggler.large .item {
    height: var(--field-lg);
    width: var(--field-lg)
}

body .b24-form-header {
    text-align: left!important
}

body .b24-form-btn,
body .btn,
body a.btn,
body a:visited.btn {
    color: #fff;
    background: var(--theme);
    border: 1px solid transparent;
    padding: 0 .75em;
    letter-spacing: .5px;
    height: var(--field-sm);
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-size: var(--btn-fz);
    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;
    text-align: center;
    font-weight: 600
}

body .b24-form-btn:hover,
body .btn:hover,
body a.btn:hover,
body a:visited.btn:hover {
    color: #fff!important
}

body .b24-form-btn.icon,
body .btn.icon,
body a.btn.icon,
body a:visited.btn.icon {
    width: var(--field);
    font-size: calc(var(--btn-fz) * 2.5);
    padding: 0;
    border-color: transparent;
    background-color: transparent;
    color: #132651;
    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
}

body .b24-form-btn.icon:hover,
body .btn.icon:hover,
body a.btn.icon:hover,
body a:visited.btn.icon:hover {
    background-color: var(--border)
}

body .b24-form-btn.icon:active,
body .btn.icon:active,
body a.btn.icon:active,
body a:visited.btn.icon:active {
    background-color: var(--border);
    -webkit-box-shadow: 0 0 0 4px var(--opacity);
    box-shadow: 0 0 0 4px var(--opacity)
}

body .b24-form-btn.icon::before,
body .btn.icon::before,
body a.btn.icon::before,
body a:visited.btn.icon::before {
    font-weight: 100!important;
    color: #000
}

body .b24-form-btn.icon.rounded,
body .btn.icon.rounded,
body a.btn.icon.rounded,
body a:visited.btn.icon.rounded {
    border-radius: 100%
}

body .b24-form-btn.icon.pl,
body .btn.icon.pl,
body a.btn.icon.pl,
body a:visited.btn.icon.pl {
    padding-left: .3em
}

body .b24-form-btn.second,
body .btn.second,
body a.btn.second,
body a:visited.btn.second {
    --theme: var(--text);
    color: var(--bg);
    --dark: var(--second-dark);
    --light: var(--second-light);
    --focus: var(--second-focus);
    --opacity: var(--second-opacity)
}

body .b24-form-btn.medium,
body .btn.medium,
body a.btn.medium,
body a:visited.btn.medium {
    padding: 0 1.2em;
    height: var(--field-md)
}

body .b24-form-btn.medium.icon,
body .btn.medium.icon,
body a.btn.medium.icon,
body a:visited.btn.medium.icon {
    width: var(--field-md);
    padding: 0
}

body .b24-form-btn.medium.icon.pl,
body .btn.medium.icon.pl,
body a.btn.medium.icon.pl,
body a:visited.btn.medium.icon.pl {
    padding-left: .3em
}

body .b24-form-btn.small,
body .btn.small,
body a.btn.small,
body a:visited.btn.small {
    height: var(--field-sm)
}

body .b24-form-btn.small.icon,
body .btn.small.icon,
body a.btn.small.icon,
body a:visited.btn.small.icon {
    width: var(--field-sm);
    padding: 0
}

body .b24-form-btn.small.icon.pl,
body .btn.small.icon.pl,
body a.btn.small.icon.pl,
body a:visited.btn.small.icon.pl {
    padding-left: .3em
}

body .b24-form-btn.large,
body .btn.large,
body a.btn.large,
body a:visited.btn.large {
    height: var(--field-lg);
    font-size: 1.3rem
}

body .b24-form-btn.large.icon,
body .btn.large.icon,
body a.btn.large.icon,
body a:visited.btn.large.icon {
    width: var(--field-lg);
    padding: 0
}

body .b24-form-btn.large.icon.pl,
body .btn.large.icon.pl,
body a.btn.large.icon.pl,
body a:visited.btn.large.icon.pl {
    padding-left: .3em
}

body .b24-form-btn:hover,
body .btn:hover,
body a.btn:hover,
body a:visited.btn:hover {
    background: var(--dark)
}

body .b24-form-btn:active,
body .btn:active,
body a.btn:active,
body a:visited.btn:active {
    background: var(--dark);
    -webkit-box-shadow: 0 0 0 4px var(--focus);
    box-shadow: 0 0 0 4px var(--focus)
}

body .b24-form-btn.focus,
body .btn.focus,
body a.btn.focus,
body a:visited.btn.focus {
    background: var(--dark);
    -webkit-box-shadow: 0 0 0 4px var(--focus);
    box-shadow: 0 0 0 4px var(--focus)
}

body .b24-form-btn.focus:hover,
body .btn.focus:hover,
body a.btn.focus:hover,
body a:visited.btn.focus:hover {
    background: var(--theme);
    -webkit-box-shadow: 0 0 0 8px var(--focus);
    box-shadow: 0 0 0 8px var(--focus)
}

body .b24-form-btn.focus:active,
body .btn.focus:active,
body a.btn.focus:active,
body a:visited.btn.focus:active {
    background: var(--light);
    -webkit-box-shadow: 0 0 0 4px var(--focus);
    box-shadow: 0 0 0 4px var(--focus)
}

body .b24-form-btn.red:not(.bordered),
body .btn.red:not(.bordered),
body a.btn.red:not(.bordered),
body a:visited.btn.red:not(.bordered) {
    background: var(--red)
}

body .b24-form-btn.red:not(.bordered):hover,
body .btn.red:not(.bordered):hover,
body a.btn.red:not(.bordered):hover,
body a:visited.btn.red:not(.bordered):hover {
    background: var(--red-light)
}

body .b24-form-btn.red:not(.bordered):active,
body .btn.red:not(.bordered):active,
body a.btn.red:not(.bordered):active,
body a:visited.btn.red:not(.bordered):active {
    background: var(--red-dark);
    -webkit-box-shadow: 0 0 0 4px var(--red-focus);
    box-shadow: 0 0 0 4px var(--red-focus)
}

body .b24-form-btn.theme-bordered,
body .btn.theme-bordered,
body a.btn.theme-bordered,
body a:visited.btn.theme-bordered {
    background: 0 0;
    color: var(--text);
    border-color: var(--theme)
}

body .b24-form-btn.theme-bordered:hover,
body .btn.theme-bordered:hover,
body a.btn.theme-bordered:hover,
body a:visited.btn.theme-bordered:hover {
    color: #fff;
    border-color: transparent;
    background: var(--theme)
}

body .b24-form-btn.theme-bordered:active,
body .btn.theme-bordered:active,
body a.btn.theme-bordered:active,
body a:visited.btn.theme-bordered:active {
    background: var(--dark);
    color: #fff;
    border-color: transparent
}

body .b24-form-btn.theme-bordered.focus,
body .btn.theme-bordered.focus,
body a.btn.theme-bordered.focus,
body a:visited.btn.theme-bordered.focus {
    background: var(--dark);
    color: #fff;
    border-color: transparent
}

body .b24-form-btn.bordered-theme,
body .btn.bordered-theme,
body a.btn.bordered-theme,
body a:visited.btn.bordered-theme {
    background-color: #fff;
    color: #000;
    padding: 2em 3.5em!important;
    font-weight: 700!important;
    -webkit-transition: .7s ease;
    -o-transition: .7s ease;
    transition: .7s ease
}

body .b24-form-btn.bordered-theme:hover,
body .btn.bordered-theme:hover,
body a.btn.bordered-theme:hover,
body a:visited.btn.bordered-theme:hover {
    border: 2px solid #fff;
    color: #fff;
    background: 0 0
}

body .b24-form-btn.bordered-theme:active,
body .btn.bordered-theme:active,
body a.btn.bordered-theme:active,
body a:visited.btn.bordered-theme:active {
    border-color: var(--bg);
    color: var(--theme);
    background: var(--bg)
}

body .b24-form-btn.bordered-theme.focus,
body .btn.bordered-theme.focus,
body a.btn.bordered-theme.focus,
body a:visited.btn.bordered-theme.focus {
    border-color: var(--bg);
    color: var(--theme);
    background: var(--bg)
}

body .b24-form-btn.bordered,
body .btn.bordered,
body a.btn.bordered,
body a:visited.btn.bordered {
    background: 0 0;
    color: var(--text);
    background-color: var(--bg);
    border: 3px solid var(--text)!important
}

body .b24-form-btn.bordered::before,
body .btn.bordered::before,
body a.btn.bordered::before,
body a:visited.btn.bordered::before {
    font-weight: 600!important
}

body .b24-form-btn.bordered:hover,
body .btn.bordered:hover,
body a.btn.bordered:hover,
body a:visited.btn.bordered:hover {
    border-color: transparent;
    background: var(--theme);
    color: #fff
}

body .b24-form-btn.bordered:active,
body .btn.bordered:active,
body a.btn.bordered:active,
body a:visited.btn.bordered:active {
    background: var(--theme);
    color: #fff;
    border-color: transparent
}

body .b24-form-btn.bordered.focus,
body .btn.bordered.focus,
body a.btn.bordered.focus,
body a:visited.btn.bordered.focus {
    background: var(--theme);
    color: #fff;
    border-color: transparent
}

body .b24-form-btn.bordered.red:hover,
body .btn.bordered.red:hover,
body a.btn.bordered.red:hover,
body a:visited.btn.bordered.red:hover {
    background: var(--red);
    border-color: transparent;
    color: #fff
}

body .b24-form-btn.bordered.red:active,
body .btn.bordered.red:active,
body a.btn.bordered.red:active,
body a:visited.btn.bordered.red:active {
    background: var(--red-dark);
    border-color: transparent;
    color: #fff;
    -webkit-box-shadow: 0 0 0 4px var(--red-focus);
    box-shadow: 0 0 0 4px var(--red-focus)
}

body .b24-form-btn.bordered-icon,
body .btn.bordered-icon,
body a.btn.bordered-icon,
body a:visited.btn.bordered-icon {
    border-color: transparent;
    color: var(--theme)!important;
    background: 0 0!important;
    border: none!important;
    border-radius: 50%!important
}

body .b24-form-btn.bordered-icon:hover,
body .btn.bordered-icon:hover,
body a.btn.bordered-icon:hover,
body a:visited.btn.bordered-icon:hover {
    background-color: var(--border)!important
}

body .b24-form-btn.ghost,
body .btn.ghost,
body a.btn.ghost,
body a:visited.btn.ghost {
    border-color: transparent;
    color: var(--theme)!important;
    background: 0 0
}

body .b24-form-btn.ghost:hover,
body .btn.ghost:hover,
body a.btn.ghost:hover,
body a:visited.btn.ghost:hover {
    background: var(--opacity)
}

body .b24-form-btn.ghost:active,
body .btn.ghost:active,
body a.btn.ghost:active,
body a:visited.btn.ghost:active {
    background: var(--theme);
    color: #fff!important
}

body .b24-form-btn.ghost.focus,
body .btn.ghost.focus,
body a.btn.ghost.focus,
body a:visited.btn.ghost.focus {
    background: var(--dark);
    color: #fff!important
}

body .b24-form-btn.full,
body .btn.full,
body a.btn.full,
body a:visited.btn.full {
    width: 100%;
    padding: 0
}

body .b24-form-btn:not(.icon):before,
body .btn:not(.icon):before,
body a.btn:not(.icon):before,
body a:visited.btn:not(.icon):before {
    margin-right: .8em;
    font-size: 1.2em
}

body .b24-form-btn:disabled,
body .btn:disabled,
body a.btn:disabled,
body a:visited.btn:disabled {
    background: var(--border)!important;
    color: var(--grey)!important;
    cursor: default!important
}

body .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2rem
}

body .btns>.btn:not(:last-child) {
    margin-bottom: .6rem
}

body .btns .line {
    margin: -.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: calc(100% + 1rem)
}

body .btns .line .btn,
body .btns .line .toggler {
    margin: .5rem
}

body .btns .line .mla {
    margin-left: auto
}

body .btns .line .mra {
    margin-right: auto
}

body .btns.right .line {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

body .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body .tabs .tab {
    height: var(--field);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1rem;
    font-size: var(--label-size);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .1rem;
    position: relative;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    color: var(--grey)
}

body .tabs .tab:hover {
    color: var(--text)
}

body .tabs .tab:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    height: 1px;
    background: var(--theme)
}

body .tabs .tab.active {
    color: var(--text)
}

body .tabs .tab.active:after {
    width: 100%
}

body .fixed-btns [data-count]:not([data-count="0"]):after {
    content: attr(data-count);
    position: absolute;
    bottom: 85%;
    left: 85%;
    min-width: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #000;
    text-align: center;
    padding: 0 3px;
    border-radius: 50%;
    background: #ffdead
}

body [data-count]:not([data-count="0"]):after {
    content: attr(data-count);
    position: absolute;
    bottom: 60%;
    left: 60%;
    min-width: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    padding: 0 3px;
    border-radius: 10px;
    background: var(--theme)
}

body .label:not(.avatar),
body label:not(.custom):not(.avatar) {
    display: block;
    font-size: var(--label-size);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .1rem;
    color: var(--grey)
}

body .label:not(.avatar):not(:last-child),
body label:not(.custom):not(.avatar):not(:last-child) {
    margin-bottom: .5em
}

body .label:not(.avatar)[for],
body label:not(.custom):not(.avatar)[for] {
    cursor: pointer
}

body label.edit-avatar {
    width: 16rem;
    height: 16rem;
    border-radius: 100%;
    border: 4px dashed var(--border);
    color: var(--text);
    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;
    font-size: 6rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 8rem;
    position: relative
}

body label.edit-avatar:hover {
    border-color: var(--focus);
    background: var(--opacity);
    color: var(--theme)
}

body label.edit-avatar .avatar-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    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;
    background-size: cover;
    border-radius: 100%;
    overflow: hidden;
    font-size: 6rem;
    color: #fff
}

body label.edit-avatar .avatar-image:before {
    position: relative;
    z-index: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0
}

body label.edit-avatar .avatar-image:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--theme-blackout);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0
}

body label.edit-avatar .avatar-image:hover:after,
body label.edit-avatar .avatar-image:hover:before {
    opacity: 1
}

body .label-block:not(:last-child) {
    margin-bottom: 2rem
}

body .label-block.half {
    width: calc(50% - 1.5rem)
}

body .parameters-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .6em
}

body .parameters-list li:last-child {
    margin-bottom: 0
}

body .parameters-list li span:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: var(--grey)
}

body .parameters-list li span:first-child:after {
    content: "";
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 1rem;
    border-bottom: 1px dashed var(--border)
}

body .parameters-list li span i {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer
}

body .parameters-list li span i:hover {
    color: var(--theme)
}

body .parameters-list li .label {
    margin-bottom: 0!important
}

body .parameters-list li .right-span {
    text-align: right
}

body .parameters-list h6 {
    margin: 2rem 0
}

body .parameters-list.center h6 {
    text-align: center
}

body .b24-form-control-not-empty+.b24-form-control-label,
body .b24-form-control-select-label,
body .b24-form-control:focus+.b24-form-control-label {
    top: -10px!important
}

body input[type=color]:not(.hidden):not(.code),
body input[type=date]:not(.hidden):not(.code),
body input[type=datetime-local]:not(.hidden):not(.code),
body input[type=datetime]:not(.hidden):not(.code),
body input[type=email]:not(.hidden):not(.code),
body input[type=month]:not(.hidden):not(.code),
body input[type=number]:not(.hidden):not(.code),
body input[type=password]:not(.hidden):not(.code),
body input[type=range]:not(.hidden):not(.code),
body input[type=search]:not(.hidden):not(.code),
body input[type=string]:not(.hidden):not(.code),
body input[type=tel]:not(.hidden):not(.code),
body input[type=text]:not(.hidden):not(.code),
body input[type=time]:not(.hidden):not(.code),
body input[type=url]:not(.hidden):not(.code),
body input[type=week]:not(.hidden):not(.code),
body textarea:not(.hidden):not(.code) {
    display: block;
    width: 100%;
    height: var(--field-lg);
    padding: 0 1em;
    border: none;
    background: 0 0;
    color: #000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: var(--fz);
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: none!important;
    border-right: none!important;
    border-left: none!important;
    border-bottom: 2px dashed rgba(177, 174, 174, .51)!important
}

body input[type=color]:not(.hidden):not(.code).disguise,
body input[type=date]:not(.hidden):not(.code).disguise,
body input[type=datetime-local]:not(.hidden):not(.code).disguise,
body input[type=datetime]:not(.hidden):not(.code).disguise,
body input[type=email]:not(.hidden):not(.code).disguise,
body input[type=month]:not(.hidden):not(.code).disguise,
body input[type=number]:not(.hidden):not(.code).disguise,
body input[type=password]:not(.hidden):not(.code).disguise,
body input[type=range]:not(.hidden):not(.code).disguise,
body input[type=search]:not(.hidden):not(.code).disguise,
body input[type=string]:not(.hidden):not(.code).disguise,
body input[type=tel]:not(.hidden):not(.code).disguise,
body input[type=text]:not(.hidden):not(.code).disguise,
body input[type=time]:not(.hidden):not(.code).disguise,
body input[type=url]:not(.hidden):not(.code).disguise,
body input[type=week]:not(.hidden):not(.code).disguise,
body textarea:not(.hidden):not(.code).disguise {
    height: 2.5rem;
    font-size: 2.5rem;
    padding: 0;
    font-weight: 600;
    border-color: transparent
}

body input[type=color]:not(.hidden):not(.code).disguise:focus,
body input[type=date]:not(.hidden):not(.code).disguise:focus,
body input[type=datetime-local]:not(.hidden):not(.code).disguise:focus,
body input[type=datetime]:not(.hidden):not(.code).disguise:focus,
body input[type=email]:not(.hidden):not(.code).disguise:focus,
body input[type=month]:not(.hidden):not(.code).disguise:focus,
body input[type=number]:not(.hidden):not(.code).disguise:focus,
body input[type=password]:not(.hidden):not(.code).disguise:focus,
body input[type=range]:not(.hidden):not(.code).disguise:focus,
body input[type=search]:not(.hidden):not(.code).disguise:focus,
body input[type=string]:not(.hidden):not(.code).disguise:focus,
body input[type=tel]:not(.hidden):not(.code).disguise:focus,
body input[type=text]:not(.hidden):not(.code).disguise:focus,
body input[type=time]:not(.hidden):not(.code).disguise:focus,
body input[type=url]:not(.hidden):not(.code).disguise:focus,
body input[type=week]:not(.hidden):not(.code).disguise:focus,
body textarea:not(.hidden):not(.code).disguise:focus {
    height: 5rem;
    padding: 0 1.2rem
}

body input[type=color]:not(.hidden):not(.code):focus,
body input[type=date]:not(.hidden):not(.code):focus,
body input[type=datetime-local]:not(.hidden):not(.code):focus,
body input[type=datetime]:not(.hidden):not(.code):focus,
body input[type=email]:not(.hidden):not(.code):focus,
body input[type=month]:not(.hidden):not(.code):focus,
body input[type=number]:not(.hidden):not(.code):focus,
body input[type=password]:not(.hidden):not(.code):focus,
body input[type=range]:not(.hidden):not(.code):focus,
body input[type=search]:not(.hidden):not(.code):focus,
body input[type=string]:not(.hidden):not(.code):focus,
body input[type=tel]:not(.hidden):not(.code):focus,
body input[type=text]:not(.hidden):not(.code):focus,
body input[type=time]:not(.hidden):not(.code):focus,
body input[type=url]:not(.hidden):not(.code):focus,
body input[type=week]:not(.hidden):not(.code):focus,
body textarea:not(.hidden):not(.code):focus {
    color: var(--grey)
}

body input[type=color]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type=date]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type=datetime-local]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type=datetime]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type=email]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type=month]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type=number]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type=password]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type=range]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type=search]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type=string]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type=tel]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type=text]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type=time]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type=url]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type=week]:not(.hidden):not(.code)::-webkit-input-placeholder,
body textarea:not(.hidden):not(.code)::-webkit-input-placeholder {
    color: var(--grey)
}

body input[type=color]:not(.hidden):not(.code)::-moz-placeholder,
body input[type=date]:not(.hidden):not(.code)::-moz-placeholder,
body input[type=datetime-local]:not(.hidden):not(.code)::-moz-placeholder,
body input[type=datetime]:not(.hidden):not(.code)::-moz-placeholder,
body input[type=email]:not(.hidden):not(.code)::-moz-placeholder,
body input[type=month]:not(.hidden):not(.code)::-moz-placeholder,
body input[type=number]:not(.hidden):not(.code)::-moz-placeholder,
body input[type=password]:not(.hidden):not(.code)::-moz-placeholder,
body input[type=range]:not(.hidden):not(.code)::-moz-placeholder,
body input[type=search]:not(.hidden):not(.code)::-moz-placeholder,
body input[type=string]:not(.hidden):not(.code)::-moz-placeholder,
body input[type=tel]:not(.hidden):not(.code)::-moz-placeholder,
body input[type=text]:not(.hidden):not(.code)::-moz-placeholder,
body input[type=time]:not(.hidden):not(.code)::-moz-placeholder,
body input[type=url]:not(.hidden):not(.code)::-moz-placeholder,
body input[type=week]:not(.hidden):not(.code)::-moz-placeholder,
body textarea:not(.hidden):not(.code)::-moz-placeholder {
    color: var(--grey)
}

body input[type=color]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type=date]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type=datetime-local]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type=datetime]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type=email]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type=month]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type=number]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type=password]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type=range]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type=search]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type=string]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type=tel]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type=text]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type=time]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type=url]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type=week]:not(.hidden):not(.code):-ms-input-placeholder,
body textarea:not(.hidden):not(.code):-ms-input-placeholder {
    color: var(--grey)
}

body input[type=color]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type=date]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type=datetime-local]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type=datetime]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type=email]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type=month]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type=number]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type=password]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type=range]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type=search]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type=string]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type=tel]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type=text]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type=time]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type=url]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type=week]:not(.hidden):not(.code)::-ms-input-placeholder,
body textarea:not(.hidden):not(.code)::-ms-input-placeholder {
    color: var(--grey)
}

body input[type=color]:not(.hidden):not(.code)::placeholder,
body input[type=date]:not(.hidden):not(.code)::placeholder,
body input[type=datetime-local]:not(.hidden):not(.code)::placeholder,
body input[type=datetime]:not(.hidden):not(.code)::placeholder,
body input[type=email]:not(.hidden):not(.code)::placeholder,
body input[type=month]:not(.hidden):not(.code)::placeholder,
body input[type=number]:not(.hidden):not(.code)::placeholder,
body input[type=password]:not(.hidden):not(.code)::placeholder,
body input[type=range]:not(.hidden):not(.code)::placeholder,
body input[type=search]:not(.hidden):not(.code)::placeholder,
body input[type=string]:not(.hidden):not(.code)::placeholder,
body input[type=tel]:not(.hidden):not(.code)::placeholder,
body input[type=text]:not(.hidden):not(.code)::placeholder,
body input[type=time]:not(.hidden):not(.code)::placeholder,
body input[type=url]:not(.hidden):not(.code)::placeholder,
body input[type=week]:not(.hidden):not(.code)::placeholder,
body textarea:not(.hidden):not(.code)::placeholder {
    color: var(--grey)
}

body input[type=color] .b24-form-header .b24-form-header-title,
body input[type=date] .b24-form-header .b24-form-header-title,
body input[type=datetime-local] .b24-form-header .b24-form-header-title,
body input[type=datetime] .b24-form-header .b24-form-header-title,
body input[type=email] .b24-form-header .b24-form-header-title,
body input[type=month] .b24-form-header .b24-form-header-title,
body input[type=number] .b24-form-header .b24-form-header-title,
body input[type=password] .b24-form-header .b24-form-header-title,
body input[type=range] .b24-form-header .b24-form-header-title,
body input[type=search] .b24-form-header .b24-form-header-title,
body input[type=string] .b24-form-header .b24-form-header-title,
body input[type=tel] .b24-form-header .b24-form-header-title,
body input[type=text] .b24-form-header .b24-form-header-title,
body input[type=time] .b24-form-header .b24-form-header-title,
body input[type=url] .b24-form-header .b24-form-header-title,
body input[type=week] .b24-form-header .b24-form-header-title,
body textarea .b24-form-header .b24-form-header-title {
    font-size: 3rem
}

body input[type=color].hidden,
body input[type=date].hidden,
body input[type=datetime-local].hidden,
body input[type=datetime].hidden,
body input[type=email].hidden,
body input[type=month].hidden,
body input[type=number].hidden,
body input[type=password].hidden,
body input[type=range].hidden,
body input[type=search].hidden,
body input[type=string].hidden,
body input[type=tel].hidden,
body input[type=text].hidden,
body input[type=time].hidden,
body input[type=url].hidden,
body input[type=week].hidden,
body textarea.hidden {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0;
    border: none;
    background: 0 0;
    display: block;
    color: var(--text);
    font-size: inherit
}

body input[type=color].hidden.upper,
body input[type=date].hidden.upper,
body input[type=datetime-local].hidden.upper,
body input[type=datetime].hidden.upper,
body input[type=email].hidden.upper,
body input[type=month].hidden.upper,
body input[type=number].hidden.upper,
body input[type=password].hidden.upper,
body input[type=range].hidden.upper,
body input[type=search].hidden.upper,
body input[type=string].hidden.upper,
body input[type=tel].hidden.upper,
body input[type=text].hidden.upper,
body input[type=time].hidden.upper,
body input[type=url].hidden.upper,
body input[type=week].hidden.upper,
body textarea.hidden.upper {
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 500
}

body input[type=color].hidden.upper::-webkit-input-placeholder,
body input[type=date].hidden.upper::-webkit-input-placeholder,
body input[type=datetime-local].hidden.upper::-webkit-input-placeholder,
body input[type=datetime].hidden.upper::-webkit-input-placeholder,
body input[type=email].hidden.upper::-webkit-input-placeholder,
body input[type=month].hidden.upper::-webkit-input-placeholder,
body input[type=number].hidden.upper::-webkit-input-placeholder,
body input[type=password].hidden.upper::-webkit-input-placeholder,
body input[type=range].hidden.upper::-webkit-input-placeholder,
body input[type=search].hidden.upper::-webkit-input-placeholder,
body input[type=string].hidden.upper::-webkit-input-placeholder,
body input[type=tel].hidden.upper::-webkit-input-placeholder,
body input[type=text].hidden.upper::-webkit-input-placeholder,
body input[type=time].hidden.upper::-webkit-input-placeholder,
body input[type=url].hidden.upper::-webkit-input-placeholder,
body input[type=week].hidden.upper::-webkit-input-placeholder,
body textarea.hidden.upper::-webkit-input-placeholder {
    color: var(--placeholder)
}

body input[type=color].hidden.upper::-moz-placeholder,
body input[type=date].hidden.upper::-moz-placeholder,
body input[type=datetime-local].hidden.upper::-moz-placeholder,
body input[type=datetime].hidden.upper::-moz-placeholder,
body input[type=email].hidden.upper::-moz-placeholder,
body input[type=month].hidden.upper::-moz-placeholder,
body input[type=number].hidden.upper::-moz-placeholder,
body input[type=password].hidden.upper::-moz-placeholder,
body input[type=range].hidden.upper::-moz-placeholder,
body input[type=search].hidden.upper::-moz-placeholder,
body input[type=string].hidden.upper::-moz-placeholder,
body input[type=tel].hidden.upper::-moz-placeholder,
body input[type=text].hidden.upper::-moz-placeholder,
body input[type=time].hidden.upper::-moz-placeholder,
body input[type=url].hidden.upper::-moz-placeholder,
body input[type=week].hidden.upper::-moz-placeholder,
body textarea.hidden.upper::-moz-placeholder {
    color: var(--placeholder)
}

body input[type=color].hidden.upper:-ms-input-placeholder,
body input[type=date].hidden.upper:-ms-input-placeholder,
body input[type=datetime-local].hidden.upper:-ms-input-placeholder,
body input[type=datetime].hidden.upper:-ms-input-placeholder,
body input[type=email].hidden.upper:-ms-input-placeholder,
body input[type=month].hidden.upper:-ms-input-placeholder,
body input[type=number].hidden.upper:-ms-input-placeholder,
body input[type=password].hidden.upper:-ms-input-placeholder,
body input[type=range].hidden.upper:-ms-input-placeholder,
body input[type=search].hidden.upper:-ms-input-placeholder,
body input[type=string].hidden.upper:-ms-input-placeholder,
body input[type=tel].hidden.upper:-ms-input-placeholder,
body input[type=text].hidden.upper:-ms-input-placeholder,
body input[type=time].hidden.upper:-ms-input-placeholder,
body input[type=url].hidden.upper:-ms-input-placeholder,
body input[type=week].hidden.upper:-ms-input-placeholder,
body textarea.hidden.upper:-ms-input-placeholder {
    color: var(--placeholder)
}

body input[type=color].hidden.upper::-ms-input-placeholder,
body input[type=date].hidden.upper::-ms-input-placeholder,
body input[type=datetime-local].hidden.upper::-ms-input-placeholder,
body input[type=datetime].hidden.upper::-ms-input-placeholder,
body input[type=email].hidden.upper::-ms-input-placeholder,
body input[type=month].hidden.upper::-ms-input-placeholder,
body input[type=number].hidden.upper::-ms-input-placeholder,
body input[type=password].hidden.upper::-ms-input-placeholder,
body input[type=range].hidden.upper::-ms-input-placeholder,
body input[type=search].hidden.upper::-ms-input-placeholder,
body input[type=string].hidden.upper::-ms-input-placeholder,
body input[type=tel].hidden.upper::-ms-input-placeholder,
body input[type=text].hidden.upper::-ms-input-placeholder,
body input[type=time].hidden.upper::-ms-input-placeholder,
body input[type=url].hidden.upper::-ms-input-placeholder,
body input[type=week].hidden.upper::-ms-input-placeholder,
body textarea.hidden.upper::-ms-input-placeholder {
    color: var(--placeholder)
}

body input[type=color].hidden.upper::placeholder,
body input[type=date].hidden.upper::placeholder,
body input[type=datetime-local].hidden.upper::placeholder,
body input[type=datetime].hidden.upper::placeholder,
body input[type=email].hidden.upper::placeholder,
body input[type=month].hidden.upper::placeholder,
body input[type=number].hidden.upper::placeholder,
body input[type=password].hidden.upper::placeholder,
body input[type=range].hidden.upper::placeholder,
body input[type=search].hidden.upper::placeholder,
body input[type=string].hidden.upper::placeholder,
body input[type=tel].hidden.upper::placeholder,
body input[type=text].hidden.upper::placeholder,
body input[type=time].hidden.upper::placeholder,
body input[type=url].hidden.upper::placeholder,
body input[type=week].hidden.upper::placeholder,
body textarea.hidden.upper::placeholder {
    color: var(--placeholder)
}

body input[type=color][type=password],
body input[type=date][type=password],
body input[type=datetime-local][type=password],
body input[type=datetime][type=password],
body input[type=email][type=password],
body input[type=month][type=password],
body input[type=number][type=password],
body input[type=password][type=password],
body input[type=range][type=password],
body input[type=search][type=password],
body input[type=string][type=password],
body input[type=tel][type=password],
body input[type=text][type=password],
body input[type=time][type=password],
body input[type=url][type=password],
body input[type=week][type=password],
body textarea[type=password] {
    font-family: sans-serif
}

body input[type=color][type=password]::-webkit-input-placeholder,
body input[type=date][type=password]::-webkit-input-placeholder,
body input[type=datetime-local][type=password]::-webkit-input-placeholder,
body input[type=datetime][type=password]::-webkit-input-placeholder,
body input[type=email][type=password]::-webkit-input-placeholder,
body input[type=month][type=password]::-webkit-input-placeholder,
body input[type=number][type=password]::-webkit-input-placeholder,
body input[type=password][type=password]::-webkit-input-placeholder,
body input[type=range][type=password]::-webkit-input-placeholder,
body input[type=search][type=password]::-webkit-input-placeholder,
body input[type=string][type=password]::-webkit-input-placeholder,
body input[type=tel][type=password]::-webkit-input-placeholder,
body input[type=text][type=password]::-webkit-input-placeholder,
body input[type=time][type=password]::-webkit-input-placeholder,
body input[type=url][type=password]::-webkit-input-placeholder,
body input[type=week][type=password]::-webkit-input-placeholder,
body textarea[type=password]::-webkit-input-placeholder {
    font-family: var(--font)
}

body input[type=color][type=password]::-moz-placeholder,
body input[type=date][type=password]::-moz-placeholder,
body input[type=datetime-local][type=password]::-moz-placeholder,
body input[type=datetime][type=password]::-moz-placeholder,
body input[type=email][type=password]::-moz-placeholder,
body input[type=month][type=password]::-moz-placeholder,
body input[type=number][type=password]::-moz-placeholder,
body input[type=password][type=password]::-moz-placeholder,
body input[type=range][type=password]::-moz-placeholder,
body input[type=search][type=password]::-moz-placeholder,
body input[type=string][type=password]::-moz-placeholder,
body input[type=tel][type=password]::-moz-placeholder,
body input[type=text][type=password]::-moz-placeholder,
body input[type=time][type=password]::-moz-placeholder,
body input[type=url][type=password]::-moz-placeholder,
body input[type=week][type=password]::-moz-placeholder,
body textarea[type=password]::-moz-placeholder {
    font-family: var(--font)
}

body input[type=color][type=password]:-ms-input-placeholder,
body input[type=date][type=password]:-ms-input-placeholder,
body input[type=datetime-local][type=password]:-ms-input-placeholder,
body input[type=datetime][type=password]:-ms-input-placeholder,
body input[type=email][type=password]:-ms-input-placeholder,
body input[type=month][type=password]:-ms-input-placeholder,
body input[type=number][type=password]:-ms-input-placeholder,
body input[type=password][type=password]:-ms-input-placeholder,
body input[type=range][type=password]:-ms-input-placeholder,
body input[type=search][type=password]:-ms-input-placeholder,
body input[type=string][type=password]:-ms-input-placeholder,
body input[type=tel][type=password]:-ms-input-placeholder,
body input[type=text][type=password]:-ms-input-placeholder,
body input[type=time][type=password]:-ms-input-placeholder,
body input[type=url][type=password]:-ms-input-placeholder,
body input[type=week][type=password]:-ms-input-placeholder,
body textarea[type=password]:-ms-input-placeholder {
    font-family: var(--font)
}

body input[type=color][type=password]::-ms-input-placeholder,
body input[type=date][type=password]::-ms-input-placeholder,
body input[type=datetime-local][type=password]::-ms-input-placeholder,
body input[type=datetime][type=password]::-ms-input-placeholder,
body input[type=email][type=password]::-ms-input-placeholder,
body input[type=month][type=password]::-ms-input-placeholder,
body input[type=number][type=password]::-ms-input-placeholder,
body input[type=password][type=password]::-ms-input-placeholder,
body input[type=range][type=password]::-ms-input-placeholder,
body input[type=search][type=password]::-ms-input-placeholder,
body input[type=string][type=password]::-ms-input-placeholder,
body input[type=tel][type=password]::-ms-input-placeholder,
body input[type=text][type=password]::-ms-input-placeholder,
body input[type=time][type=password]::-ms-input-placeholder,
body input[type=url][type=password]::-ms-input-placeholder,
body input[type=week][type=password]::-ms-input-placeholder,
body textarea[type=password]::-ms-input-placeholder {
    font-family: var(--font)
}

body input[type=color][type=password]::placeholder,
body input[type=date][type=password]::placeholder,
body input[type=datetime-local][type=password]::placeholder,
body input[type=datetime][type=password]::placeholder,
body input[type=email][type=password]::placeholder,
body input[type=month][type=password]::placeholder,
body input[type=number][type=password]::placeholder,
body input[type=password][type=password]::placeholder,
body input[type=range][type=password]::placeholder,
body input[type=search][type=password]::placeholder,
body input[type=string][type=password]::placeholder,
body input[type=tel][type=password]::placeholder,
body input[type=text][type=password]::placeholder,
body input[type=time][type=password]::placeholder,
body input[type=url][type=password]::placeholder,
body input[type=week][type=password]::placeholder,
body textarea[type=password]::placeholder {
    font-family: var(--font)
}

body input[type=color].code,
body input[type=date].code,
body input[type=datetime-local].code,
body input[type=datetime].code,
body input[type=email].code,
body input[type=month].code,
body input[type=number].code,
body input[type=password].code,
body input[type=range].code,
body input[type=search].code,
body input[type=string].code,
body input[type=tel].code,
body input[type=text].code,
body input[type=time].code,
body input[type=url].code,
body input[type=week].code,
body textarea.code {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    color: var(--text);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    font-size: 1.8rem;
    text-align: center;
    font-family: monospace;
    font-size: 4rem
}

body textarea {
    height: auto!important;
    padding: .9em 1em!important
}

body .slider {
    position: relative;
    padding-top: 2.4rem
}

body .slider .labels {
    padding-top: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body .slider .labels .slider-label {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    color: var(--grey)
}

body .slider .labels .slider-label:last-child {
    text-align: right
}

body .slider .labels .slider-label:first-child {
    text-align: left
}

body .slider:before {
    content: "";
    position: absolute;
    top: 1.2rem;
    right: 0;
    left: 0;
    height: 2px;
    background: var(--border);
    margin-top: -1px
}

body .slider .ui-slider-range {
    position: absolute;
    top: 1.2rem;
    left: 0;
    height: 2px;
    background: var(--theme);
    margin-top: -1px;
    -webkit-transition: 50ms;
    -o-transition: 50ms;
    transition: 50ms
}

body .slider .ui-slider-handle {
    position: absolute;
    top: 1.2rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 1rem;
    width: 1rem;
    background: #000;
    border: .6rem solid var(--theme);
    border-radius: 100%;
    cursor: pointer;
    outline: 0;
    -webkit-transition: 50ms;
    -o-transition: 50ms;
    transition: 50ms
}

body .message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.2rem;
    padding: var(--xsm-block-p);
    border: 1px solid var(--border)
}

body .message:before {
    margin-right: 1.8rem;
    font-size: 3rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

body .message .avatar {
    margin-right: 1.8rem
}

body .message .text h6 {
    margin-bottom: .1em
}

body .message .text p {
    color: var(--grey)
}

body .message.success:before {
    color: var(--green)
}

body .message.error:before {
    color: var(--red)
}

body .message.warning:before {
    color: var(--orange)
}

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

body .fw-inline>.line {
    margin: -1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% + 2rem)
}

body .fw-inline>.line>* {
    margin: 1rem
}

body .fw-inline.sb>.line {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body .fw-inline.center>.line {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

body .inline-bordered>.line {
    margin: -2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 4rem)
}

body .inline-bordered>.line>* {
    padding: 2rem;
    position: relative
}

body .inline-bordered>.line>:not(:last-child):after {
    content: "";
    height: 1.5rem;
    border-left: 1px solid var(--border);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

body .underline {
    position: relative
}

body .underline::before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    background-image: url(../img/line.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 6px;
    background-position: center
}

body .b24-form-btn {
    width: 100%!important
}

body .b24-form-header-title {
    font-family: var(--font)!important;
    font-size: 3rem!important
}

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

body .inline-tiles>.line {
    margin: -3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 6rem)
}

body .inline-tiles>.line>* {
    padding: .4rem 1rem;
    background: var(--border);
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

body .inline-tiles>.line>:before {
    margin-right: .6em
}

body .inline-tiles>.line>a {
    color: var(--text)!important
}

body .inline-tiles>.line>a:hover {
    color: #fff!important;
    background: #9ad961
}

body .inline-tiles>.line>a:active {
    color: #fff!important;
    background: var(--dark);
    -webkit-box-shadow: 0 0 0 4px var(--focus);
    box-shadow: 0 0 0 4px var(--focus)
}

body .inline-tiles.bordered>.line>* {
    background: 0 0;
    border: 1px solid var(--border)
}

body .inline-tiles.bordered>.line>a:hover {
    border-color: transparent;
    background: var(--theme)
}

body .inline-tiles.bordered>.line>a:hover {
    border-color: transparent;
    background: var(--dark)
}

body .inline-tiles.center>.line {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body .def-dropdown,
body .select-dropdown {
    position: absolute;
    top: calc(100% + 1rem);
    left: 0;
    right: 0;
    z-index: 14;
    background: var(--bg);
    border: 1px solid var(--border);
    padding: .8rem 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: .12s;
    -o-transition: .12s;
    transition: .12s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-height: 50vh;
    overflow: auto
}

body .def-dropdown:empty,
body .select-dropdown:empty {
    display: none!important
}

body .def-dropdown:not(.custom) li,
body .select-dropdown:not(.custom) li {
    padding: .8rem 1.5em;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .def-dropdown:not(.custom) li .avatar,
body .select-dropdown:not(.custom) li .avatar {
    margin-right: 1rem
}

body .def-dropdown:not(.custom) li.clear,
body .select-dropdown:not(.custom) li.clear {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 1rem 1.5em;
    margin-bottom: -.8rem;
    border-top: 1px solid var(--border)
}

body .def-dropdown:not(.custom) li.clear:before,
body .select-dropdown:not(.custom) li.clear:before {
    margin-right: .6rem
}

body .def-dropdown:not(.custom) li:not(.search):not(.active):hover,
body .select-dropdown:not(.custom) li:not(.search):not(.active):hover {
    background: var(--border);
    border-color: transparent
}

body .def-dropdown:not(.custom) li.active,
body .select-dropdown:not(.custom) li.active {
    background: var(--theme);
    color: #fff;
    border-color: transparent
}

body .def-dropdown:not(.custom) li.active .avatar,
body .select-dropdown:not(.custom) li.active .avatar {
    background: #fff!important
}

body .def-dropdown.show,
body .select-dropdown.show {
    pointer-events: all;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

body .d-dropdown {
    position: absolute;
    top: calc(100% + 1rem);
    left: 50%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    z-index: 14;
    background: var(--bg);
    -webkit-box-shadow: var(--shadow-m);
    box-shadow: var(--shadow-m);
    border-radius: 1rem;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(.7) translateX(-50%);
    -ms-transform: scale(.7) translateX(-50%);
    transform: scale(.7) translateX(-50%);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: .12s;
    -o-transition: .12s;
    transition: .12s;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body .d-dropdown .user-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .d-dropdown .user-info .avatar {
    margin-right: 1.5rem
}

body .d-dropdown .user-info .text>:not(:last-child) {
    margin-bottom: .1em
}

body .d-dropdown>* {
    margin: 0;
    padding: 1.8rem
}

body .d-dropdown>:not(:last-child) {
    border-bottom: 1px solid var(--border)
}

body .d-dropdown>* li a,
body .d-dropdown>* li a:visited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 1.2rem;
    border-radius: .6rem;
    color: var(--text)
}

body .d-dropdown>* li a:before,
body .d-dropdown>* li a:visited:before {
    font-size: 120%;
    margin-right: 1rem
}

body .d-dropdown>* li a:hover,
body .d-dropdown>* li a:visited:hover {
    background: var(--border);
    color: var(--text)
}

body .d-dropdown>* li a.red,
body .d-dropdown>* li a:visited.red {
    color: var(--red)
}

body .d-dropdown>* li a.red:hover,
body .d-dropdown>* li a:visited.red:hover {
    background: var(--red-opacity)
}

body .d-dropdown.show {
    pointer-events: all;
    opacity: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

body .toggle-dropdown {
    position: relative
}

@-webkit-keyframes ic_fade {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes ic_fade {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

body .form-group:last-child {
    margin-bottom: 0
}

body .form-group.half {
    width: calc(50% - 1.5rem)
}

body .form-group .input-wrapper {
    position: relative
}

body .form-group .input-wrapper input {
    padding-right: 3.3rem
}

body .form-group .input-wrapper .icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 1em;
    font-size: var(--fz);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--grey);
    margin: 0!important
}

body .form-group .input-wrapper .fixed-label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 1em;
    font-size: var(--fz);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--grey);
    pointer-events: none
}

body .form-group.checkbox {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body .form-group.checkbox input {
    display: none
}

body .form-group.checkbox label:not(.avatar) {
    font-size: initial;
    text-transform: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    letter-spacing: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .form-group.checkbox label:not(.avatar):before {
    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;
    border: 1px solid var(--border);
    width: 1.6rem;
    height: 1.6rem;
    font-size: 1rem;
    background: 0 0;
    color: transparent;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-right: .6rem
}

body .form-group.checkbox input:checked+label:not(.avatar):before {
    background: var(--theme);
    border-color: transparent;
    color: #fff
}

body .form-group.checkbox input:disabled+label:not(.avatar) {
    cursor: default;
    pointer-events: none
}

body .form-group.checkbox input:disabled+label:not(.avatar):before {
    background: var(--border);
    border-color: transparent;
    color: transparent
}

body .form-group.checkbox label.avatar {
    position: relative;
    cursor: pointer
}

body .form-group.checkbox label.avatar:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    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;
    color: var(--theme);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: 0
}

body .form-group.checkbox label.avatar:hover {
    color: transparent
}

body .form-group.checkbox label.avatar:hover:before {
    opacity: 1
}

body .form-group.checkbox input:checked+label.avatar {
    background: var(--theme);
    color: transparent
}

body .form-group.checkbox input:checked+label.avatar:before {
    opacity: 1;
    color: #fff
}

body .form-group .inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .form-group .inline>:not(:last-child) {
    margin-right: 1rem
}

body .form-group .select-wrapper {
    position: relative
}

body .form-group .select-wrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    height: var(--input);
    padding: 0 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--green);
    font-size: var(--fz);
    -webkit-animation: ic_fade .5s 1;
    animation: ic_fade .5s 1;
    pointer-events: none
}

body .form-group .select-wrapper:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 calc(var(--fz) * 1.5);
    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;
    color: var(--grey);
    font-size: 70%;
    pointer-events: none
}

body .form-group .select-wrapper input {
    cursor: pointer;
    font-size: 1.2rem!important
}

body .form-group.radio-toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid var(--border)
}

body .form-group.radio-toggler input {
    display: none
}

body .form-group.radio-toggler label {
    margin-bottom: 0!important;
    height: calc(var(--field));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 0 1.5rem;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    letter-spacing: .1rem;
    font-size: var(--btn-fz);
    font-weight: 500;
    width: 50%
}

body .form-group.radio-toggler label:active {
    -webkit-box-shadow: 0 0 0 4px var(--focus);
    box-shadow: 0 0 0 4px var(--focus)
}

body .form-group.radio-toggler label.icon {
    font-size: 1.8rem
}

body .form-group.radio-toggler label::before {
    content: "";
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: var(--theme);
    z-index: -1;
    position: absolute;
    opacity: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

body .form-group.radio-toggler input:checked+label {
    color: #fff
}

body .form-group.radio-toggler input:checked+label:before {
    opacity: 1
}

body .form-group .error-message {
    display: none;
    color: var(--red);
    font-size: 90%;
    padding-top: .4em
}

body .form-group.error input[type=color]:not(.hidden),
body .form-group.error input[type=date]:not(.hidden),
body .form-group.error input[type=datetime-local]:not(.hidden),
body .form-group.error input[type=datetime]:not(.hidden),
body .form-group.error input[type=email]:not(.hidden),
body .form-group.error input[type=month]:not(.hidden),
body .form-group.error input[type=number]:not(.hidden),
body .form-group.error input[type=password]:not(.hidden),
body .form-group.error input[type=range]:not(.hidden),
body .form-group.error input[type=search]:not(.hidden),
body .form-group.error input[type=tel]:not(.hidden),
body .form-group.error input[type=text]:not(.hidden),
body .form-group.error input[type=time]:not(.hidden),
body .form-group.error input[type=url]:not(.hidden),
body .form-group.error input[type=week]:not(.hidden),
body .form-group.error textarea:not(.hidden) {
    --focus: var(--red-focus);
    border-color: var(--red)
}

body .form-group.error .error-message {
    display: block
}

body .form-group.error.mark {
    background: var(--red-opacity)
}

body .form-group.error.mark .bg {
    opacity: 0
}

body .form-group.error.mark label {
    color: var(--red)!important
}

body .form-group.error.map #map {
    border-color: var(--red)
}

body .form-group.error .dropzone {
    border-color: var(--red);
    background: var(--red-opacity)
}

body .form-group.error .dropzone .dz-message span {
    color: var(--red)!important
}

body .form-group.error .dropzone:hover {
    border-color: var(--red);
    background: var(--red-opacity)
}

body .form-group.error .dropzone:hover .dz-message span {
    color: var(--red)!important
}

body .form-group.error .dropzone .main-image-wrapper .main-image {
    border-color: var(--red)!important
}

body .form-group.error .dropzone .main-image-wrapper p {
    color: var(--red)
}

body .form-group.error .dropzone .other-images-wrapper .other-images {
    border-color: var(--red)!important
}

body .form-group.error .dropzone .other-images-wrapper .other-images .add-msg {
    color: var(--red)!important
}

body .form-group.error .dropzone .other-images-wrapper .empty-msg {
    color: var(--red)
}

body .form-group.error.checkbox label {
    color: var(--red)
}

body .form-group.error.checkbox label:before {
    border-color: var(--red)
}

body .empty-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: var(--grey);
    font-size: 2rem
}

body .empty-block:before {
    font-size: 7rem;
    margin-bottom: .5rem
}

body .empty-block.small {
    font-size: var(--fz)
}

body .empty-block.small:before {
    font-size: calc(var(--fz) * 3)
}

body .empty-block.full-h {
    height: 100%
}

body .empty-block .tt-title {
    margin-bottom: calc(var(--padding)/ 2)
}

body .empty-block .btn {
    margin-top: 1rem
}

body .hide-empty~.empty-block {
    display: none
}

body .tabel-header {
    color: var(--grey);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5rem
}

body .tabel-header>:not(:last-child) {
    padding-right: 2rem
}

body .container {
    width: var(--container);
    max-width: 100%;
    margin: 0 auto
}

body .container.small {
    width: var(--small-container)
}

body .container-sm {
    width: var(--container-sm);
    max-width: 100%;
    margin: 0 auto
}

body .container-sm.small {
    width: var(--small-container)
}

body .slick-slider.arrows-around {
    position: relative
}

body .slick-slider.arrows-around .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

body .slick-slider.arrows-around .slick-arrow.prev {
    left: -2rem
}

body .slick-slider.arrows-around .slick-arrow.next {
    right: -2rem
}

body .arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .arrows div {
    padding: 1rem;
    margin: -1rem 0;
    font-size: 2rem;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .arrows div::before {
    margin-right: 0!important;
    font-size: 1.2rem!important
}

body .arrows div:last-child {
    margin-left: 1.5rem
}

body .arrows div:hover {
    color: #fff
}

body .arrows div:active {
    color: var(--text);
    background: var(--opacity)
}

body .arrows.around div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

body .arrows.around div:first-child {
    right: calc(100% + 2rem)
}

body .arrows.around div:last-child {
    left: calc(100% + 2rem)
}

body .arrows.bordered div {
    border: 1px solid var(--border)
}

body .arrows.bordered div:active {
    border-color: transparent
}

body .arrows.col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body .arrows.col div {
    margin: 0
}

body .arrows.md-arrows {
    display: none
}

body .arrows.sm-arrows {
    display: none
}

body .dots:not(.custom):not(.individual),
body .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 3rem;
    right: 0
}

body .dots:not(.custom):not(.individual) li,
body .slick-dots li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 3px
}

body .dots:not(.custom):not(.individual) li button,
body .slick-dots li button {
    padding: 0;
    width: 40px;
    height: 12px;
    background: var(--opacity);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-size: 0;
    cursor: pointer;
    border: none
}

body .dots:not(.custom):not(.individual) li button:hover,
body .slick-dots li button:hover {
    background: var(--theme)
}

body .dots:not(.custom):not(.individual) li.active button,
body .dots:not(.custom):not(.individual) li.slick-active button,
body .slick-dots li.active button,
body .slick-dots li.slick-active button {
    background: var(--theme);
    width: 12px
}

body .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 2rem;
    font-size: 1.6rem
}

.dashboard-menu li a::after {
    content: "\e929";
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 1rem!important
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?xw074k);
    src: url(../fonts/icomoon.eot?xw074k#iefix) format("embedded-opentype"), url(../fonts/icomoon.woff?xw074k) format("woff"), url(../fonts/icomoon.svg?xw074k#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.form-group.checkbox label:before,
.message:before,
.notif-title:before,
.select-wrapper:before,
[class*=" icon-"]:before,
[class^=icon-]:before,
ul.styled li:before {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-close-light:before {
    content: "\e92c"
}

.icon-menu:before {
    content: "\e92d"
}

.icon-warning:before {
    content: "\e92e"
}

.icon-plus:before {
    content: "\e93a"
}

.icon-minus:before {
    content: "\e93b"
}

.icon-bottom:before {
    content: "\e900"
}

.icon-call:before {
    content: "\e901";
    color: #fff
}

.icon-cert:before {
    content: "\e902"
}

.icon-check:before {
    content: "\e903"
}

.icon-checked:before {
    content: "\e904"
}

.icon-close:before {
    content: "\e905";
    color: #525c68
}

.icon-email:before {
    content: "\e906";
    color: #fff
}

.icon-extra .path1:before {
    content: "\e907";
    color: #ffdf24
}

.icon-extra .path2:before {
    content: "\e908";
    margin-left: -1em;
    color: #ffbe2e
}

.icon-extra .path3:before {
    content: "\e909";
    margin-left: -1em;
    color: #fc864d
}

.icon-extra .path4:before {
    content: "\e90a";
    margin-left: -1em;
    color: #fc864d
}

.icon-extra .path5:before {
    content: "\e90b";
    margin-left: -1em;
    color: #fc864d
}

.icon-extra .path6:before {
    content: "\e90c";
    margin-left: -1em;
    color: #fd4d4d
}

.icon-extra .path7:before {
    content: "\e90d";
    margin-left: -1em;
    color: #fc864d
}

.icon-extra .path8:before {
    content: "\e90e";
    margin-left: -1em;
    color: #fc864d
}

.icon-extra .path9:before {
    content: "\e90f";
    margin-left: -1em;
    color: #fd4d4d
}

.icon-extra .path10:before {
    content: "\e910";
    margin-left: -1em;
    color: #fd4d4d
}

.icon-extra .path11:before {
    content: "\e911";
    margin-left: -1em;
    color: #fd4d4d
}

.icon-extra .path12:before {
    content: "\e912";
    margin-left: -1em;
    color: #fd4d4d
}

.icon-left:before {
    content: "\e913";
    color: #fff
}

.icon-medal:before {
    content: "\e914"
}

.icon-people:before {
    content: "\e915";
    color: #fff
}

.icon-phone:before {
    content: "\e916";
    color: #fff
}

.icon-play:before {
    content: "\e917"
}

.icon-right:before {
    content: "\e918";
    color: #fff
}

.icon-star:before {
    content: "\e919";
    color: #fa0
}

header.site-header {
    position: absolute;
    top: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 20;
    height: var(--header)
}

header.site-header::after {
    width: 1px;
    height: 100vh;
    background-color: red;
    position: absolute;
    top: 0;
    left: 50%
}

header.site-header .header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 12rem
}

header.site-header .header__content>:nth-child(2) {
    position: relative;
    margin-bottom: 3px
}

header.site-header .header__content>:nth-child(2)::after {
    background-color: red;
    width: 50%;
    height: 2px;
    position: absolute;
    top: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    right: 0
}

header.site-header .header__content>:nth-child(2)::before {
    background-color: #00f;
    width: 200vw;
    height: 2px;
    position: absolute;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    bottom: 0;
    left: -45vw
}

header.site-header .header__content>:last-child img {
    margin-top: 15px
}

header.site-header .header__content>:not(:last-child) {
    margin-right: calc(var(--padding) * 2)
}

header.site-header .header__content img {
    height: var(--logo);
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.wa-btn {
    position: fixed;
    bottom: 3rem;
    right: 2rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 19
}

.wa-btn img {
    width: 6rem;
    height: 6rem;
    -o-object-fit: contain;
    object-fit: contain
}

.wa-btn:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

nav ul>* {
    margin-left: 2rem
}

nav ul>* a {
    color: var(--text);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-transform: uppercase
}

nav ul>* a:hover {
    color: var(--second-dark)!important
}

nav ul>* a:visited {
    color: var(--text)
}

.navbar-area {
    background: rgba(0, 0, 0, .6);
    border-bottom: 1px solid #000
}

.site-navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.site-navbar ul li a {
    padding: 20px;
    display: block;
    text-decoration: none
}

.site-navbar ul li a:hover {
    background: rgba(255, 255, 255, .1)
}

.nav-toggler {
    border: 3px solid var(--second);
    padding: 10px;
    background-color: transparent;
    cursor: pointer;
    height: 50px;
    display: none
}

.nav-toggler span,
.nav-toggler span:after,
.nav-toggler span:before {
    width: 28px;
    height: 3px;
    background-color: var(--second);
    display: block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.nav-toggler span:before {
    content: "";
    -webkit-transform: translateY(-9px);
    -ms-transform: translateY(-9px);
    transform: translateY(-9px)
}

.nav-toggler span:after {
    content: "";
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px)
}

.nav-toggler.toggler-open span {
    background-color: transparent
}

.nav-toggler.toggler-open span:before {
    -webkit-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg)
}

.nav-toggler.toggler-open span:after {
    -webkit-transform: translateY(-3px) rotate(-45deg);
    -ms-transform: translateY(-3px) rotate(-45deg);
    transform: translateY(-3px) rotate(-45deg)
}

.intro-area {
    height: calc(100vh - var(--header) - 1px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #fff
}

.f {
    background: #0160b2;
    color: #fff;
    position: relative
}

.f .decors {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.f .decors::after,
.f .decors::before {
    content: " ";
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    display: block
}

.f .decors::before {
    width: 875px;
    height: 875px;
    background: #2187c7;
    top: -245px;
    left: -325px
}

.f .decors::after {
    width: 1070px;
    height: 1070px;
    background: 0 0;
    border: 3px solid #fff;
    opacity: .15;
    top: -790px;
    left: -241px
}

.f a {
    color: #fff;
    display: block;
    margin-bottom: .95em
}

.f a:hover {
    color: #ff6d01
}

.f .container {
    padding-top: 46px;
    padding-bottom: 29px;
    position: relative;
    z-index: 3
}

.f_topgrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 85px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    margin-bottom: 25px
}

.f_bottomgrid {
    display: grid;
    grid-template-columns: calc(25% - 65px) calc(75% + 65px - 85px);
    gap: 85px
}

.f_bottomgrid a {
    margin: 0
}

.f_title {
    font-size: 22px;
    margin-bottom: 35px;
    cursor: default
}

.f_socflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 27px
}

.f_socflex img {
    width: 28px;
    height: 28px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
    margin-right: 13px
}

.f_socflex a {
    margin: 0;
    padding: 0;
    line-height: 1
}

.f_socrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.f_socrow a {
    margin-bottom: 0
}

.f_socrow a+a {
    margin-left: 35px
}

.f_socrow img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.f .prof {
    height: 50px;
    margin-bottom: 15px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center
}

.f .ob {
    height: 35px;
    margin-bottom: 21px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center
}

.f .underlined {
    display: inline
}

.f p {
    margin-bottom: 30px;
    font-family: var(--font);
    font-weight: 100;
    opacity: .7
}

.underlined {
    text-decoration: underline
}

.tsm {
    font-size: 14px
}

.certssec img {
    width: 100%
}

.vid_sub {
    font-size: 16px;
    font-family: var(--font)
}

.vid_name {
    font-size: 21px
}

.showm {
    display: none
}

.phdl {
    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
}

.phdl img {
    width: 43px;
    height: 43px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    margin-left: 10px;
    display: block
}

.bluesec_2 .showm {
    padding-top: 23px;
    padding-bottom: 25px;
    min-height: 50px
}

.trainer-page .sublinks,
.trainer-page .sublinks a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 22px
}

.trainer-page .sublinks a+a,
.trainer-page .sublinks+a {
    border-left: 2px solid rgba(220, 220, 220, .5)
}

.trainer-page .course_pic_imgd {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 29px;
    height: 29px;
    margin: 0 7px
}

.trainer-page .course_pic_imgd img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.tr_uprow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 13px
}

.tr_bar {
    background: #fff;
    border: 2px solid #fff;
    padding: 24px 38px 32px;
    gap: 37px
}

.tr_bar+h2 {
    margin-top: 30px
}

.tr_bar .vidrow {
    padding-top: 28px;
    padding-bottom: 15px
}

.tr_bar .vidrow a {
    margin-top: 16px
}

.tr_grid {
    display: grid;
    grid-template-columns: 248px 1fr 295px
}

.tr_piccol img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-filter: drop-shadow(0 10px 15px rgba(0, 0, 0, .1));
    filter: drop-shadow(0 10px 15px rgba(0, 0, 0, .1))
}

.tr_tldr {
    max-height: 260px;
    overflow: auto;
    font-size: 16px;
    padding-right: 5px
}

.tr_tldr::-webkit-scrollbar {
    width: 8px;
    padding: 6px 4px
}

.tr_tldr::-webkit-scrollbar:horizontal {
    height: 7px
}

.tr_tldr::-webkit-scrollbar-track {
    background: rgba(50, 50, 50, .1);
    border-radius: 1em
}

.tr_tldr::-webkit-scrollbar-thumb {
    background: rgba(75, 75, 75, .5);
    border-radius: 1em
}

.tr_tldr::-webkit-scrollbar-thumb:hover {
    background: #555
}

.obraz_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px
}

.obraz_grid p {
    margin-bottom: 20px
}

.obraz_grid .lgg {
    font-size: 40px
}

.obraz_col:last-child {
    border-left: 3px solid #e6e6e6;
    padding-left: 50px
}

.obraz_urow {
    margin-bottom: 10px
}

.obraz_urow>div:last-child {
    margin-left: 65px
}

.blue {
    color: #3f7dfa
}

.exp_grid {
    display: grid;
    grid-template-columns: calc(33.33% - 68px) calc(33.33% + 68px) calc(33.33% - 68px);
    gap: 34px
}

.exp_grid .mid {
    padding-left: 34px;
    padding-right: 34px;
    border-left: 3px solid #e6e6e6;
    border-right: 3px solid #e6e6e6
}

.exp_grid .check--list li {
    padding-left: 0
}

.exp_grid .check--list li::before {
    left: -20px
}

.exp_grid .lititle {
    min-height: 48px
}

.exp_grid div {
    min-height: 43px
}

.exp_grid .pale {
    padding-bottom: 25px;
    margin-bottom: 17px;
    position: relative
}

.exp_grid .pale::before {
    height: 1px;
    width: 81px;
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #e6e6e6
}

.exp_grid .tsm {
    color: #484848
}

.wrapper .container.nopb {
    padding-bottom: 0
}

.wpodlojka {
    background: #fff;
    padding: 40px 61px 0
}

.diploms_slider img {
    max-height: 335px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.exp_slider--mobile {
    display: none
}

.bluesec_map {
    -webkit-filter: drop-shadow(0 10px 20px rgba(0, 0, 0, .15));
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, .15));
    z-index: 2
}

.bluesec_map .dec {
    width: 521px;
    height: 521px;
    top: auto;
    background: #2187c7;
    position: absolute;
    border-radius: 50%;
    left: -155px;
    top: -232px
}

.bluesec_map::before {
    width: 325px;
    height: 325px;
    top: auto;
    right: calc(50% - 180px);
    bottom: 111px
}

.bluesec_map::after {
    width: 895px;
    height: 895px;
    top: -506px;
    right: calc(50% - 506px)
}

.mapgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    cursor: default
}

.mapgrid a:hover {
    color: #fbd30b
}

.mapgrid .lcol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5
}

.mapgrid .lcol .txtcont {
    position: absolute;
    left: calc(50% - 590px)
}

.mapgrid .rcol {
    position: relative;
    z-index: 5;
    right: -2px
}

.mapgrid .rcol iframe {
    height: 100%;
    width: 100%;
    min-height: 700px
}

.cts_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cts_row img {
    width: 31px;
    height: 31px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
    margin-right: 22px
}

.cts_row+.cts_row {
    margin-top: 15px
}

.formrel {
    background: #fff;
    position: relative
}

.formrel h2 {
    text-align: left
}

.formrel .b24-form-wrapper {
    max-width: 800px
}

.formrel .b24-form-btn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    color: #000
}

.formrel .b24-form-btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.formrel::after,
.formrel::before {
    content: " ";
    position: absolute;
    border-radius: 50%
}

.formrel::before {
    background: #e9e9e9;
    width: 559px;
    height: 559px;
    opacity: .41;
    top: -231px;
    left: -238px;
    z-index: 1
}

.formrel::after {
    z-index: 1;
    background: #afafaf;
    opacity: .19;
    width: 252px;
    height: 252px;
    left: calc(50% - 500px);
    bottom: -9px
}

.formrel .container {
    position: relative;
    z-index: 5
}

.twomore {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.twomore::after,
.twomore::before {
    content: " ";
    position: absolute;
    border-radius: 50%
}

.twomore::before {
    border: 2px solid #707070;
    opacity: .13;
    top: -117px;
    right: -39px;
    width: 365px;
    height: 365px
}

.twomore::after {
    bottom: -250px;
    right: calc(50% - 650px);
    width: 472px;
    height: 472px;
    opacity: .47em;
    background: #e9e9e9
}

.ovh {
    overflow: hidden
}

.course_page h2 {
    text-align: left
}

.coursetop {
    position: relative
}

.coursetop h1+p {
    font-size: 26px
}

.coursetop_price {
    font-size: 50px
}

.coursetop .btn {
    margin-top: 56px
}

.coursetop_row {
    font-size: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.coursetop_row img {
    width: 70px;
    height: 70px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right center;
    object-position: right center;
    margin-right: 23px
}

.coursetop_row+.coursetop_row {
    margin-top: 35px
}

.coursetop_cert {
    max-width: 219px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right bottom;
    object-position: right bottom
}

.coursetop .botrow {
    position: absolute;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: calc(50% - 185px);
    width: 80%;
    bottom: 40px;
    top: auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-right: -50px;
    max-width: 670px
}

.coursetop .botrow .pic {
    width: 168px;
    height: 168px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
    margin-bottom: 11px;
    -webkit-filter: drop-shadow(0 25px 40px rgba(0, 0, 0, .25));
    filter: drop-shadow(0 25px 40px rgba(0, 0, 0, .25))
}

.coursetop .botrow .person {
    text-align: left;
    min-width: 286px;
    margin-right: 40px
}

.coursetop .botrow .person_sub {
    font-size: 20px
}

.coursetop_grid {
    display: grid;
    grid-template-columns: 1.3fr 1.5fr;
    gap: 60px;
    position: relative;
    z-index: 5
}

.coursetop .lcol {
    position: relative
}

.coursetop .lcol::before {
    content: " ";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 129px;
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .8)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0));
    background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0));
    opacity: .6
}

.coursetop .lcol img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.coursetop .rcol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 610px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 15px
}

.grid21 {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px
}

.grid21 .sidedec {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center
}

.media_pluslist {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.media_pluslist+.media_pluslist {
    margin-top: 24px
}

.media_wpodl {
    display: grid;
    place-items: center;
    padding: 0;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    background: #fff;
    -webkit-filter: drop-shadow(0 15px 25px rgba(0, 0, 0, .16));
    filter: drop-shadow(0 15px 25px rgba(0, 0, 0, .16));
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 14px
}

.media_wpodl img {
    width: 57px;
    height: 57px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.btntitle .btn {
    margin-left: auto
}

.formtitle_pic h3 {
    font-weight: 400;
    margin: 20px 0 20px
}

.pictxtcard {
    background: #fff;
    -webkit-filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .0005));
    filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .0005));
    border-radius: 5px;
    -webkit-filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .05));
    filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .05))
}

.pictxtcard p {
    margin-bottom: .6rem
}

.pictxtcard_pic {
    width: 100%;
    height: 180px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin-bottom: 9px
}

.pictxtcard_txt {
    padding: 9px 25px 16px 20px;
    font-family: var(--font);
    font-size: 16px;
    cursor: default
}

.pictxtcard_title {
    font-size: 21px;
    margin-bottom: 7px;
    color: #000
}

.pictxtcard_title2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 7px
}

.pictxtcard .blue {
    font-weight: 600;
    margin-bottom: 7px
}

.gapsm {
    gap: 16px
}

.bluesec .pictxtcard {
    color: #000
}

.btnrow {
    margin-top: 40px
}

.trainz_slider .person_name::before {
    display: none
}

.coursetr_grid {
    grid-template-columns: 2.5fr 1fr;
    display: grid;
    gap: 30px
}

.coursetr_grid .pale {
    font-family: var(--font)
}

.tr_tldr {
    font-family: var(--font)
}

.mb20 {
    margin-bottom: 20px
}

.bluesec .slider .slick-dots li.slick-active {
    background: #fff
}

.bluesec .slider .slick-arrow {
    background: 0 0;
    border: 1px solid #fff
}

.middlecheck .checkedbox_decor {
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: 0 0;
    padding: 20px 25px 20px 0
}

.orbg .checkedbox_decor {
    background: #ff6d01
}

.cimablock_top {
    background: #fff;
    position: relative;
    z-index: 2
}

.cimablock_top h1,
.cimablock_top h2,
.cimablock_top h3 {
    font-weight: 300;
    font-size: 36px
}

.cimablock_top .flex div {
    max-width: 790px;
    font-family: var(--font)
}

.cimablock_top .btn {
    margin-left: 15px
}

.cimablock_top .container {
    padding-bottom: 35px;
    position: relative
}

.cimablock_top .container::before {
    content: " ";
    position: absolute;
    width: 140px;
    height: 44px;
    background: 0 0;
    background: url(../img/arrb.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    bottom: 10px;
    left: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.no-webp .cimablock_bot {
    background: url(../img/cim.jpg)
}

.cimablock_bot {
    background-color: #020202;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0;
    color: #fff;
    position: relative
}

.cimablock_bot .rcol {
    font-size: 16px
}

.cimablock_bot .rcol p {
    margin-bottom: 1.5em
}

.cimablock_bot .grid2 {
    gap: 105px
}

.cimablock_bot::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #000;
    opacity: .4
}

.cimablock_bot .container {
    padding-top: 80px;
    position: relative;
    z-index: 2
}

.cimablock_log {
    width: 287px;
    height: 109px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right top;
    object-position: right top;
    margin-bottom: 45px
}

.cimablock_leftdecor {
    padding-left: 101px;
    position: relative;
    font-family: var(--font);
    max-width: 445px
}

.cimablock_leftdecor::before {
    content: " ";
    left: 0;
    top: .45em;
    width: 85px;
    opacity: .5;
    height: 3px;
    position: absolute;
    background: #fff
}

.grid12 {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 85px
}

.greencirc {
    position: relative
}

.greencirc img {
    position: relative;
    z-index: 3
}

.greencirc .palecir,
.greencirc::after,
.greencirc::before {
    content: " ";
    position: absolute;
    border-radius: 50%;
    z-index: 1
}

.greencirc::before {
    width: 407px;
    height: 407px;
    background: #00a859;
    left: 20px;
    bottom: 70px;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.greencirc::after {
    width: 200px;
    height: 200px;
    top: 0;
    right: -31px;
    background: #84c44c
}

.greencirc .palecir {
    width: 524px;
    height: 524px;
    opacity: .15;
    border: 3px solid #fff;
    z-index: 2;
    top: -80px;
    left: -190px
}

.greencirc .picdec {
    width: 85px;
    height: 85px;
    padding: 10px;
    background: #fff;
    -webkit-filter: drop-shadow(0 15px 25px rgba(112, 112, 112, .3));
    filter: drop-shadow(0 15px 25px rgba(112, 112, 112, .3));
    border-radius: 50%
}

.greencirc .picdec+img {
    margin-top: -30px
}

h2.h2lg {
    font-size: 36px;
    font-weight: 400
}

.media_checks img {
    width: 37px;
    height: 37px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
    margin-right: 20px
}

.media_checks+.media_checks {
    margin-top: 40px
}

.orbg {
    background: #ff6d01
}

.orbg .ob_txt {
    padding-left: 0
}

.btntitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btntitle+* {
    margin-top: 30px
}

.btntitle .btnsrow .btn+.btn {
    margin-left: 20px
}

.orbg .additionaldecor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.orbg .additionaldecor::after,
.orbg .additionaldecor::before {
    content: " ";
    z-index: 0;
    position: absolute;
    border-radius: 50%
}

.orbg .additionaldecor::before,
.orbg::before {
    background: #fbd30b;
    opacity: .4
}

.orbg::before {
    width: 239px;
    height: 239px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    left: calc(50% - 720px);
    top: -40px
}

.orbg .additionaldecor::before {
    width: 575px;
    height: 575px;
    bottom: -280px;
    left: auto;
    right: calc(50% - 900px)
}

.orbg .additionaldecor::after,
.orbg::after {
    border: 3px solid #fff;
    opacity: .15
}

.orbg::after {
    width: 520px;
    height: 520px;
    top: -282px;
    left: calc(50% - 700px)
}

.orbg .additionaldecor::after {
    width: 397px;
    height: 397px;
    top: -144px;
    right: calc(50% - 870px)
}

.coloredtable {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    min-width: 1170px
}

.coloredtable_container {
    overflow-x: auto
}

.coloredtable div:not(.bgdec1):not(.bgdec2):not(.rcol):not(.lcol) {
    padding: 10px;
    height: 48px;
    font-size: 14px;
    text-align: left
}

.coloredtable .withcheck {
    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
}

.coloredtable .lcol,
.coloredtable .rcol {
    padding-top: 20px;
    padding-bottom: 41px
}

.coloredtable .lcol {
    padding-left: 25px
}

.coloredtable .rcol {
    padding-right: 25px
}

.coloredtable .bgdec1 {
    position: relative
}

.coloredtable .bgdec1::before {
    z-index: 0;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #84c44c
}

.coloredtable .lcol {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    color: #fff;
    position: relative;
    z-index: 2
}

.coloredtable .lcol .ghead {
    grid-column: span 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 10px
}

.coloredtable .rcol {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative
}

.coloredtable .rcol::after,
.coloredtable .rcol::before {
    height: 100%;
    width: 2px;
    position: absolute;
    content: " ";
    background: rgba(0, 0, 0, .25);
    height: calc(100% - 50px);
    top: 20px
}

.coloredtable .rcol::before {
    left: calc(33.33% - 25px)
}

.coloredtable .rcol::after {
    left: calc(66.66% - 25px)
}

.coloredtable .coloredtable_title {
    min-height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px!important;
    padding-top: 0!important
}

.coloredtable .lg {
    background: rgba(255, 255, 255, .25)
}

.coloredtable .gray {
    background: rgba(0, 0, 0, .1)
}

.coloredtable .course-title {
    font-size: 20px!important;
    margin-left: 10px
}

.rasppic {
    width: 370px;
    height: 370px;
    position: absolute;
    -webkit-filter: drop-shadow(0 25px 40px rgba(0, 0, 0, .16));
    filter: drop-shadow(0 25px 40px rgba(0, 0, 0, .16))
}

.pb0 {
    padding-bottom: 0
}

.raspsec .container {
    position: relative;
    z-index: 2
}

.raspsec .h2lg {
    font-size: 45px
}

.raspsec .rcol .grid2 {
    grid-template-columns: 2fr 1fr
}

.raspsec .pb .lcol {
    position: relative
}

.raspsec h2 {
    color: #0160b2;
    margin-bottom: 40px
}

.raspsec .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.raspsec .media img {
    width: 53px;
    height: 53px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
    margin-right: 16px
}

.raspsec .media .tlg {
    font-size: 22px;
    font-weight: 600
}

.raspsec .tsm {
    font-size: 20px
}

.raspsec .btn {
    margin-top: 10px
}

.raspsec .media+.media {
    margin-top: 50px
}

.mb45 {
    margin-bottom: 45px
}

.bluesec_rasp::before {
    width: 553px;
    height: 553px;
    top: -270px;
    left: -147px
}

.bluesec_rasp::after {
    top: -220px;
    right: -74px;
    width: 500px;
    height: 500px
}

.bluesec_rasp .additionaldecor::before {
    width: 383px;
    height: 383px;
    left: -85px;
    bottom: -140px;
    background: 0 0;
    opacity: .15;
    border: 3px solid #fff
}

.bluesec_rasp .additionaldecor::after {
    background: #2187c7;
    width: 230px;
    height: 230px;
    top: 155px;
    right: -53px
}

.bluesec_rasp .container {
    padding-top: 75px
}

.bluesec_rasp h2 {
    color: #fff
}

.rasp_grid {
    display: grid;
    grid-template-columns: calc(25% - 25px) 1fr 1fr 1fr;
    gap: 0
}

.rasp_col {
    padding: 0 50px 10px;
    border-left: 2px solid rgba(255, 255, 255, .25)
}

.rasp_col:first-child,
.rasp_col:nth-child(5),
.rasp_col:nth-child(9) {
    padding-left: 0;
    border-left: 0
}

.rasp_coltitle {
    font-size: 30px;
    margin-bottom: 24px
}

.rasp_coltitle img {
    width: 27px;
    height: 27px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
    margin-right: 10px
}

.rasp_item b {
    font-size: 14px
}

.rasp_item+.rasp_item {
    margin-top: 1rem
}

.rasp_bottomflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 45px
}

.rasp_bottomflex .btn--y {
    margin-right: auto;
    margin-left: 50px;
    font-size: 22px
}

.rasp_pricerow img {
    width: 65px;
    height: 65px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
    margin-right: 25px
}

.rasp_price {
    font-size: 50px
}

.greencirc--gray {
    overflow: hidden
}

.greencirc--gray .rcol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.greencirc--gray .btn {
    margin-bottom: 30px
}

.greencirc--gray .container {
    position: relative;
    z-index: 2
}

.greencirc--gray::after,
.greencirc--gray::before {
    background: #e9e9e9
}

.greencirc--gray::before {
    width: 560px;
    height: 560px;
    left: -74px;
    bottom: -166px
}

.greencirc--gray::after {
    width: 427px;
    height: 427px;
    right: calc(50% - 600px);
    top: -337px
}

.greencirc--gray .additionaldecor::before {
    border: 2px solid #707070;
    opacity: .13;
    top: 85px;
    right: -173px;
    width: 365px;
    height: 365px
}

.greencirc--gray .additionaldecor::after {
    background: #afafaf;
    bottom: 77px;
    right: -80px;
    width: 200px;
    height: 200px
}

.greencirc--gray .lcol {
    position: relative
}

.greencirc--gray .lcol::before {
    content: " ";
    z-index: 0;
    position: absolute;
    border-radius: 50%;
    background: #afafaf;
    width: 250px;
    height: 250px;
    left: 10px;
    top: 15px
}

.greencirc--gray .lcol img {
    position: relative;
    z-index: 2
}

.additionaldecor {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%
}

.additionaldecor::after,
.additionaldecor::before {
    content: " ";
    z-index: 0;
    position: absolute;
    border-radius: 50%
}

.beforebanner .container {
    padding-bottom: 180px
}

.media_alert {
    font-size: 16px;
    line-height: 1.5;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.media_alert img {
    width: 55px;
    height: 55px;
    margin-right: 19px
}

.bluesec--green {
    background: #00a859
}

.bluesec--green::before {
    background: #84c44c;
    width: 553px;
    height: 553px;
    top: -190px;
    left: -250px
}

.bluesec--green::after {
    width: 435px;
    height: 435px;
    top: -72px;
    right: -155px
}

.bluesec--green .additionaldecor::after {
    opacity: .15;
    border: 3px solid #fff;
    bottom: -208px;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 625px;
    height: 625px
}

h2+.grid4,
h2+.slider {
    margin-top: 30px
}

.banner {
    position: relative;
    background: #4f606e;
    border-radius: 5px;
    color: #fff;
    padding: 50px 50px 55px
}

.banner h1,
.banner h2,
.banner h3,
.banner h4,
.banner h5,
.banner h6 {
    color: #fff
}

.banner .decs {
    position: absolute
}

.banner .dec1 {
    top: -25px;
    left: -95px
}

.banner .dec2 {
    bottom: 90px;
    right: -72px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.banner .botarr {
    width: 255px;
    height: 110px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom center;
    object-position: bottom center;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: translateY(78px);
    -ms-transform: translateY(78px);
    transform: translateY(78px);
    position: absolute;
    bottom: 0
}

.banner .lcol {
    text-align: center;
    font-weight: 800;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.banner .largest {
    font-size: 128px;
    line-height: 1;
    font-weight: 400
}

.banner h3 {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 15px
}

.zindexwow {
    position: relative;
    z-index: 9
}

.bannercont {
    margin-top: -175px;
    margin-bottom: 80px
}

.cases_slider .pictxtcard,
.sudentsres_slider .pictxtcard {
    margin: 0 7.5px
}

.media .shadowed {
    width: 56px;
    height: 56px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
    -webkit-filter: drop-shadow(0 15px 25px rgba(0, 0, 0, .16));
    filter: drop-shadow(0 15px 25px rgba(0, 0, 0, .16));
    margin-right: 15px
}

.mt40 {
    margin-top: 40px
}

.bluesec--green .additionaldecor1::before {
    width: 285px;
    height: 285px;
    bottom: 115px;
    background: #84c44c;
    left: calc(50% - 250px);
    opacity: .7
}

.bluesec--green .additionaldecor1::after {
    width: 625px;
    height: 625px;
    top: -314px;
    left: 50%
}

.bluesec--green .additionaldecor2::before {
    width: 553px;
    height: 553px;
    bottom: -222px;
    background: #84c44c;
    right: calc(50% - 1020px);
    opacity: .7
}

.bluesec--green .additionaldecor2::after {
    width: 435px;
    height: 435px;
    bottom: -105px;
    left: calc(50% - 700px)
}

.howlearnsec {
    overflow: visible
}

.howlearnsec .media+.media {
    margin-top: 15px
}

.howlearnsec::after,
.howlearnsec::before {
    display: none
}

.howlearnsec .additionaldecor {
    overflow: hidden
}

.threepic {
    position: relative
}

.threepic .decs {
    position: absolute;
    -webkit-filter: drop-shadow(0 25px 40px rgba(0, 0, 0, .16));
    filter: drop-shadow(0 25px 40px rgba(0, 0, 0, .16))
}

.threepic .dec1 {
    width: 340px;
    height: 340px;
    -o-object-fit: contain;
    object-fit: contain;
    top: -90px;
    left: -50px
}

.threepic .dec2 {
    width: 225px;
    height: 225px;
    -o-object-fit: contain;
    object-fit: contain;
    top: 175px;
    right: -60px
}

.threepic .dec3 {
    width: 280px;
    height: 280px;
    -o-object-fit: contain;
    object-fit: contain;
    bottom: -90px;
    left: 0
}

.formtitle_pic+* {
    margin-top: 30px
}

.smc {
    position: relative;
    margin: 0 10px;
    padding-top: 5px;
    padding-left: 5px;
    color: #fff
}

.smc__title {
    padding-left: 55px;
    font-size: 20px;
    line-height: 1.3;
    position: relative;
    z-index: 2
}

.smc .additionaldecs {
    z-index: 1
}

.smc .additionaldecs::after,
.smc .additionaldecs::before {
    content: " ";
    border-radius: 50%;
    position: absolute
}

.smc .additionaldecs::after {
    opacity: .15;
    border: 2px solid #fff
}

.smc--green .content {
    background: #00a859
}

.smc--green .content::before {
    content: " ";
    position: absolute;
    width: 74px;
    height: 74px;
    background: #84c44c;
    left: -29px!important;
    bottom: -26px;
    left: auto;
    opacity: .7;
    border-radius: 50%
}

.smc--green .additionaldecs::before {
    width: 184px;
    height: 184px;
    background: #84c44c;
    right: -37px!important;
    bottom: -70px;
    left: auto;
    opacity: .7
}

.smc--green .additionaldecs::after {
    width: 225px;
    height: 225px;
    bottom: -90px;
    right: -153px
}

.smc--blue .content {
    background: #0160b2
}

.smc--blue .content::before {
    content: " ";
    position: absolute;
    width: 184px;
    height: 184px;
    background: #2187c7;
    left: -74px;
    bottom: -114px;
    border-radius: 50%
}

.smc--blue .additionaldecs::before {
    width: 76px;
    height: 76px;
    background: #2187c7;
    right: -25px!important;
    bottom: -18px;
    left: auto
}

.smc--blue .additionaldecs::after {
    width: 166px;
    height: 166px;
    right: -90px;
    top: -30px
}

.smc--orange .content {
    background: #ff6d01
}

.smc--orange .content::before {
    content: " ";
    position: absolute;
    width: 184px;
    height: 184px;
    background: #fbd30b;
    left: 10px;
    bottom: -104px;
    border-radius: 50%;
    opacity: .3
}

.smc--orange .additionaldecs::before {
    width: 100px;
    height: 100px;
    background: #fbd30b;
    right: -50px;
    bottom: 2px;
    left: auto;
    opacity: .3
}

.smc--orange .additionaldecs::after {
    width: 126px;
    height: 126px;
    right: -43px;
    top: -19px
}

.smc_pic {
    width: 80px;
    height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right top;
    object-position: right top;
    position: absolute;
    top: 3px;
    left: 3px;
    -webkit-filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .2));
    filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .2));
    z-index: 3
}

.smc .content {
    position: relative;
    overflow: hidden;
    margin-top: 13px;
    margin-left: 13px;
    padding: 14px 20px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 170px;
    border-radius: 5px
}

.smc .content .btn {
    margin-top: auto
}

.material_card {
    position: relative;
    margin-top: 30px;
    background: #fff;
    padding: 34px 19px 25px;
    -webkit-filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .05));
    filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .05));
    border-radius: 5px;
    min-height: 130px
}

.material_pic {
    width: 60px;
    height: 60px;
    position: absolute;
    top: -30px;
    left: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left top;
    object-position: left top
}

.bluesec_cases {
    background: #2187c7
}

.bluesec_cases::before {
    width: 560px;
    height: 560px;
    opacity: .25;
    top: -231px;
    left: -238px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    background: #0160b2
}

.bluesec_cases::after {
    width: 365px;
    height: 365px;
    left: -293px;
    top: -90px
}

.bluesec_cases .additionaldecor1::before {
    background: #0160b2;
    width: 200px;
    height: 200px;
    right: -79px;
    top: 128px
}

.bluesec_cases .additionaldecor1::after {
    width: 365px;
    height: 365px;
    right: -103px;
    bottom: -128px;
    border: 2px solid #fff;
    opacity: .25
}

.bluesec_cases .additionaldecor2::before {
    opacity: .61;
    background: #0160b2;
    width: 472px;
    height: 472px;
    right: calc(50% - 550px);
    bottom: -278px
}

.bluesec_cases .additionaldecor2::after {
    background: #0160b2;
    width: 252px;
    height: 252px;
    left: calc(50% - 660px);
    bottom: 38px
}

.tarif_card {
    border-radius: 5px;
    padding: 14px 20px 20px;
    margin: 0 7.5px;
    overflow: hidden;
    position: relative;
    -webkit-filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .05));
    filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .05));
    background: #00a859;
    color: #fff
}

.tarif_card .light {
    font-family: var(--font)
}

.tarif_card .btn {
    font-size: 15px;
    padding: 10px 7px 12px;
    height: 40px
}

.tarif_card .additionaldecor::after,
.tarif_card .additionaldecor::before,
.tarif_card::after,
.tarif_card::before {
    content: " ";
    position: absolute;
    border-radius: 50%;
    z-index: -1
}

.tarif_card .additionaldecor::after,
.tarif_card .additionaldecor::before {
    border: 3px solid #fff;
    opacity: .15
}

.tarif_card--green {
    background: #00a859
}

.tarif_card--green::after,
.tarif_card--green::before {
    opacity: .7;
    background: #84c44c
}

.tarif_card--green::before {
    width: 277px;
    height: 277px;
    top: -160px;
    left: -94px
}

.tarif_card--green::after {
    width: 115px;
    height: 115px;
    left: 50%;
    -webkit-transform: translateX(-80%);
    -ms-transform: translateX(-80%);
    transform: translateX(-80%);
    bottom: -60px
}

.tarif_card--green .additionaldecor::before {
    width: 190px;
    height: 190px;
    top: -50px;
    left: -106px
}

.tarif_card--green .additionaldecor::after {
    width: 250px;
    height: 250px;
    bottom: -137px;
    right: -45px
}

.tarif_card--blue {
    background: #0160b2
}

.tarif_card--blue::after,
.tarif_card--blue::before {
    background: #2187c7
}

.tarif_card--blue::before {
    width: 115px;
    height: 115px;
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-45%);
    -ms-transform: translateX(-45%);
    transform: translateX(-45%)
}

.tarif_card--blue::after {
    width: 227px;
    height: 227px;
    bottom: -160px;
    right: -95px
}

.tarif_card--blue .additionaldecor::before {
    width: 250px;
    height: 250px;
    top: -137px;
    left: -45px
}

.tarif_card--blue .additionaldecor::after {
    width: 190px;
    height: 190px;
    bottom: -60px;
    left: 50%;
    -webkit-transform: translateX(-45%);
    -ms-transform: translateX(-45%);
    transform: translateX(-45%)
}

.tarif_card--orange {
    background: #ff6d01
}

.tarif_card--orange::after,
.tarif_card--orange::before {
    background: #fbd30b;
    opacity: .7
}

.tarif_card--orange::before {
    width: 275px;
    height: 275px;
    top: -160px;
    right: -95px
}

.tarif_card--orange::after {
    width: 115px;
    height: 115px;
    bottom: -60px;
    left: 50%;
    -webkit-transform: translateX(-45%);
    -ms-transform: translateX(-45%);
    transform: translateX(-45%)
}

.tarif_card--orange .additionaldecor::before {
    width: 192px;
    height: 192px;
    top: -50px;
    right: -105px
}

.tarif_card--orange .additionaldecor::after {
    width: 250px;
    height: 250px;
    bottom: -137px;
    left: -45px
}

.tarif_bottom,
.tarif_middle,
.tarif_upper {
    position: relative;
    z-index: 4
}

.tarif_upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tarif_upper .btn {
    margin-left: auto;
    font-size: 18px
}

.tarif_middle {
    border-top: 1px solid rgba(207, 207, 207, .25);
    border-bottom: 2px solid rgba(255, 255, 255, .5);
    padding-top: 20px;
    margin-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 22px
}

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

.tarif_media img {
    width: 22px;
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right top;
    object-position: right top;
    margin: 0 13px 0 0
}

.tarif_media+.tarif_media {
    margin-top: 40px
}

.tarif_priceflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.tarif_priceflex img {
    width: 60px;
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right center;
    object-position: right center;
    margin-right: 5px
}

.tarif_priceflex .lgg {
    font-size: 40px
}

.tarif_btnsrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.noborder {
    border: 0
}

.noborder.nohover:hover {
    border: 0
}

.bluesec_darkbg {
    background: #4f606e
}

.bluesec_darkbg::after,
.bluesec_darkbg:before {
    background: #a6b1b9;
    opacity: .33;
    border: 0
}

.bluesec_darkbg::before {
    width: 230px;
    height: 230px;
    top: 68px;
    left: -156px
}

.bluesec_darkbg::after {
    width: 293px;
    height: 293px;
    bottom: -56px;
    right: -133px
}

.bluesec_darkbg .additionaldecor::after,
.bluesec_darkbg .additionaldecor::before {
    border: 3px solid #fff;
    opacity: .15
}

.bluesec_darkbg .additionaldecor::before {
    width: 500px;
    height: 500px;
    top: -333px;
    left: -345px
}

.bluesec_darkbg .additionaldecor::after {
    width: 383px;
    height: 383px;
    right: -96px;
    bottom: -217px
}

.coursecount_grid {
    display: grid;
    grid-template-columns: calc(25% - 23px) 1fr 1fr 1fr;
    gap: 0;
    margin-top: 30px
}

.coursecount_col {
    padding: 0 46px;
    border-left: 3px solid rgba(255, 255, 255, .1)
}

.coursecount_col:first-child {
    padding-left: 0;
    border-left: 0
}

.coursecount_item {
    min-height: 240px
}

.coursecount_item div:not(.coursecount_tlg) {
    font-size: 16px;
    font-family: var(--font);
    line-height: 1.25
}

.coursecount_item img {
    width: 64px;
    height: 64px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 2px
}

.coursecount_item+.coursecount_item {
    margin-top: 50px
}

.coursecount_tlg {
    font-size: 60px
}

.lastblockyee_grid {
    display: grid;
    grid-template-columns: 3fr 4fr;
    gap: 20px
}

.lastblockyee .btn {
    margin-top: 30px;
    margin-bottom: 30px
}

.lastblockyee .lcol img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.auditor_rk_page .coursetop {
    background: #6eac38
}

.auditor_rk_page .coursetop::before {
    width: 597px;
    height: 597px;
    top: -264px;
    right: -220px;
    background: #fff;
    opacity: .2
}

.auditor_rk_page .coursetop::after {
    opacity: .15;
    width: 700px;
    height: 700px;
    left: calc(50% - 430px);
    border: 3px solid #fff;
    top: -230px
}

.dipifr_acca_page .coursetop {
    background: #a94cc4
}

.dipifr_acca_page .coursetop::before {
    width: 597px;
    height: 597px;
    left: calc(50% - 300px);
    bottom: -306px;
    background: #fff;
    opacity: .2
}

.dipifr_acca_page .coursetop::after {
    opacity: .15;
    width: 700px;
    right: -455px;
    top: 20px;
    border: 3px solid #fff;
    top: 20px
}

.dipifr_acca_page .additionaldecor::after {
    background: #fff;
    opacity: .2;
    border-radius: 50%;
    width: 318px;
    height: 318px;
    top: -121px;
    right: -102px
}

.cima_page .coursetop {
    background: #e13267
}

.cima_page .coursetop::before {
    width: 317px;
    height: 317px;
    left: calc(50% - 300px);
    top: 60px;
    background: #fff;
    opacity: .2
}

.cima_page .coursetop::after {
    opacity: .15;
    width: 700px;
    height: 700px;
    right: -175px;
    border: 3px solid #fff;
    top: -480px
}

.cima_page .additionaldecor::after {
    background: #fff;
    opacity: .2;
    border-radius: 50%;
    width: 598px;
    height: 598px;
    bottom: -266px;
    right: -218px
}

.glavbuh_page .coursetop {
    background: #00a859
}

.glavbuh_page .coursetop::before {
    width: 317px;
    height: 317px;
    left: calc(50% - 200px);
    top: -99px;
    background: #fff;
    opacity: .2
}

.glavbuh_page .coursetop::after {
    opacity: .15;
    width: 700px;
    height: 700px;
    right: -430px;
    border: 3px solid #fff;
    top: -340px
}

.glavbuh_page .additionaldecor::after {
    background: #fff;
    opacity: .2;
    border-radius: 50%;
    width: 598px;
    height: 598px;
    bottom: -396px;
    right: -168px
}

.nalcons_page .coursetop {
    background: #ee8131
}

.nalcons_page .coursetop::before {
    width: 317px;
    height: 317px;
    right: -113px;
    top: 265px;
    background: #fff;
    opacity: .2
}

.nalcons_page .coursetop::after {
    opacity: .15;
    width: 700px;
    height: 700px;
    right: -226px;
    border: 3px solid #fff;
    top: -322px
}

.nalcons_page .additionaldecor::after {
    background: #fff;
    opacity: .2;
    border-radius: 50%;
    width: 598px;
    height: 598px;
    left: calc(50% + 30px);
    top: -447px
}

.buh_universal_page .coursetop {
    background: #3da8d9
}

.buh_universal_page .coursetop::before {
    width: 317px;
    height: 317px;
    right: -53px;
    bottom: -99px;
    background: #fff;
    opacity: .2
}

.buh_universal_page .coursetop::after {
    opacity: .15;
    width: 700px;
    height: 700px;
    right: -173px;
    border: 3px solid #fff;
    bottom: -522px
}

.buh_universal_page .additionaldecor::after {
    background: #fff;
    opacity: .2;
    border-radius: 50%;
    width: 598px;
    height: 598px;
    left: calc(50% - 220px);
    top: -317px
}

.buh_mb_page .coursetop {
    background: #21c8a6
}

.buh_mb_page .coursetop::before {
    width: 317px;
    height: 317px;
    background: #fff;
    opacity: .2;
    right: 230px;
    bottom: -140px
}

.buh_mb_page .coursetop::after {
    opacity: .15;
    width: 700px;
    height: 700px;
    border: 3px solid #fff;
    left: calc(50% - 200px);
    bottom: -225px
}

.buh_mb_page .additionaldecor::after {
    background: #fff;
    opacity: .2;
    border-radius: 50%;
    width: 598px;
    height: 598px;
    right: 103px;
    top: -313px
}

.findir_page .coursetop {
    background: #1833be
}

.findir_page .coursetop::before {
    width: 317px;
    height: 317px;
    background: #fff;
    opacity: .2;
    left: calc(50% - 280px);
    top: -28px
}

.findir_page .coursetop::after {
    opacity: .15;
    width: 700px;
    height: 700px;
    border: 3px solid #fff;
    left: calc(50% - 230px);
    top: -367px
}

.findir_page .additionaldecor::after {
    background: #fff;
    opacity: .2;
    border-radius: 50%;
    width: 598px;
    height: 598px;
    right: -242px;
    bottom: -213px
}

.user1c_page .coursetop {
    background: #ecb82a
}

.user1c_page .coursetop::before {
    width: 317px;
    height: 317px;
    background: #fff;
    opacity: .2;
    left: calc(50% - 310px);
    top: -178px
}

.user1c_page .coursetop::after {
    opacity: .15;
    width: 700px;
    height: 700px;
    border: 3px solid #fff;
    right: -91px;
    bottom: -292px
}

.user1c_page .additionaldecor::after {
    background: #fff;
    opacity: .2;
    border-radius: 50%;
    width: 598px;
    height: 598px;
    right: -202px;
    bottom: -383px
}

.grapminh {
    min-height: 420px
}

.withform {
    background: 0 0;
    padding: 0
}

.nomt {
    margin-top: 0;
    margin-bottom: 10px
}

.f_socrow.hidem a:nth-child(3) {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

section.main {
    position: relative;
    margin-bottom: var(--padding);
    padding-top: calc(var(--header) + var(--padding))
}

section.main .main__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.main .main__content>:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 75%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: var(--padding);
    position: relative
}

section.main .main__content>:first-child::after {
    background-image: url(../img/Vector_1.svg);
    background-size: contain;
    background-position: right;
    width: 26rem;
    height: 29rem;
    background-repeat: no-repeat;
    position: absolute;
    right: calc(var(--padding) + 3rem);
    bottom: 1rem;
    z-index: -1
}

section.main .main__content>:first-child .subtitle {
    font-weight: 500;
    font-size: 3rem;
    color: var(--text);
    margin-bottom: .5rem
}

section.main .main__content>:first-child h1 {
    line-height: 1;
    font-size: 5rem;
    font-weight: 500
}

section.main .main__content>:first-child .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 2rem;
    margin-top: 2rem
}

section.main .main__content>:first-child .date h4 {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

section.main .main__content>:first-child .date img {
    width: 3rem;
    height: 3rem;
    margin-right: 1.5rem;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

section.main .main__content>:first-child .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: relative
}

section.main .main__content>:first-child .price h4 {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

section.main .main__content>:first-child .price img {
    width: 3rem;
    height: 3rem;
    margin-right: 1.5rem;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

section.main .main__content>:first-child .price .price-items {
    font-size: 2rem
}

section.main .main__content>:first-child .price .price-items .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .5rem;
    -ms-flex-align: center;
    -webkit-box-align: start;
    align-items: flex-start;
    line-height: 1
}

section.main .main__content>:first-child .price .price-items .text img {
    width: auto;
    height: 5rem;
    bottom: -.8rem;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-fit: contain;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin-top: 0;
    margin-left: 1rem
}

section.main .main__content>:first-child .btns>:first-child {
    background-color: #fff;
    margin-right: 5rem
}

section.main .main__content>:first-child .btns>:first-child:hover {
    background-color: var(--text)
}

section.main .main__content>:first-child .btns>* {
    font-weight: 400;
    text-transform: none;
    color: var(--text);
    border-radius: 8px;
    font-size: 1.8rem;
    letter-spacing: 0
}

section.main .main__content>:first-child .btns>:last-child {
    background-color: #fdbc33
}

section.main .main__content>:first-child .btns>:last-child:hover {
    background-color: var(--text)
}

section.main .main__content>:last-child {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

section.main .main__content>:last-child img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 2rem
}

section.main .main__content>:last-child h5 {
    font-weight: 500;
    line-height: 1.2;
    font-size: 2.35rem;
    margin-bottom: .15rem
}

section.main .main__content>:last-child p {
    font-size: 2.15rem;
    font-weight: 300;
    line-height: 1.3
}

section.programm h3 {
    margin-bottom: var(--padding);
    font-weight: 700
}

section.programm .programm__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + var(--padding) * 1.5)
}

section.programm .programm__inner>* {
    width: calc(100% / var(--third) - var(--padding) * 1.5);
    margin-right: calc(var(--padding) * 1.5)
}

section.programm .programm__inner>*>* {
    border: 1px solid var(--text);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding: 1.4rem;
    margin-bottom: 3rem
}

section.programm .programm__inner>*>* .title {
    padding-bottom: 1.4rem;
    text-align: right;
    font-weight: 600;
    font-size: 2.4rem
}

section.programm .programm__inner>*>* ul {
    list-style: disc;
    padding-left: 1.2rem;
    font-size: 1.55rem;
    line-height: 1.45
}

section.programm .programm__inner>*>* ul li::marker {
    font-size: 10px
}

.main__content-spiker-sm {
    background-color: rgba(255, 255, 255, .4);
    border-radius: 12px;
    padding: 1.25rem
}

.main__content-spiker-sm .sm-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1.4rem
}

.main__content-spiker-sm .sm-content img {
    width: 10rem;
    height: auto;
    margin-right: 1.5rem
}

.seminar-programm .wrapper {
    background-color: rgba(255, 255, 255, .4);
    border-radius: 12px;
    padding: 1.5rem
}

.seminar-programm .wrapper.list {
    counter-reset: section
}

.seminar-programm .wrapper.list>:not(:last-child) {
    margin-bottom: 2rem
}

.seminar-programm .wrapper.list>* p {
    margin-bottom: 0
}

.seminar-programm .wrapper.list>* p::before {
    counter-increment: section;
    content: counter(section)!important;
    background-image: none;
    border: 3px solid #fdbc33;
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    margin-bottom: 5px;
    line-height: 1;
    font-weight: 600;
    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;
    font-size: 1.8rem;
    margin-right: 2rem;
    margin-bottom: 0;
    margin-top: .7rem
}

.seminar-programm .wrapper.list ul {
    list-style-position: inside;
    margin-left: 5rem
}

.seminar-programm .wrapper.list ul li {
    font-size: 1.8rem;
    position: relative;
    padding-left: 20px
}

.seminar-programm .wrapper.list ul li:not(:last-child) {
    margin-bottom: .5rem
}

.seminar-programm .wrapper.list ul li::before {
    content: "•";
    position: absolute;
    font-size: 18px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.seminar-programm .wrapper p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.25rem;
    line-height: 1.35;
    font-weight: 500
}

.seminar-programm .wrapper p:not(:last-child) {
    margin-bottom: 1rem
}

.seminar-programm .wrapper p::before {
    content: "";
    background-image: url(../img/gg_check-o.svg);
    width: 3.2rem;
    height: 3.2rem;
    margin-bottom: 5px;
    background-size: cover;
    background-position: center;
    margin-right: 1rem;
    background-repeat: no-repeat;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.seminar-programm .wrapper p.aic {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

section.order .order__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.order .order__content .order__left>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem
}

section.order .order__content .order__left>* img {
    margin-right: 2rem;
    width: var(--field-lg);
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top;
    object-position: top
}

section.order .order__content .order__left>* p {
    margin-bottom: 0!important;
    font-weight: 500;
    font-size: 1.85rem
}

section.order .order__content .order__left>:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

section.order .order__content .order__left>:last-child h4 {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 500
}

section.order .order__content .order__left>:last-child span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
    margin-top: .25rem;
    font-weight: 400
}

section.order .order__content .order__left>:last-child span img {
    width: auto;
    height: 5rem;
    bottom: -.8rem;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -o-object-fit: contain;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin-top: 0;
    margin-left: 1rem
}

section.order .b24-form {
    width: 45%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

section.order p.lg-text {
    font-size: 2.5rem;
    padding-bottom: 4rem;
    line-height: 1.4
}

section.order .b24-form-header.b24-form-padding-side {
    display: none
}

section.order .b24-form-wrapper.b24-form-border-bottom {
    border-bottom: none
}

section.order .b24-form-wrapper {
    background-color: var(--bg-op);
    border-radius: 24px
}

section.order .b24-form-btn {
    background: #fdbc33!important;
    color: var(--text)!important;
    border-radius: 12px!important;
    font-size: 1.55rem;
    height: auto!important;
    font-weight: 500;
    text-transform: none;
    min-height: 3.5rem;
    font-family: var(--font)
}

@media (min-width:1024px) {
    body .hide-lg {
        display: none!important
    }
}

@media (max-width:1400px) {
    body .hide-m {
        display: none!important
    }
    .rasp_col {
        border-left: 0;
        padding: 0;
        margin: 0 15px
    }
    .howlearnsec .grid21 {
        grid-template-columns: 1.3fr 1fr
    }
    .threepic .dec1 {
        width: 300px;
        height: 300px;
        top: -70px;
        left: -20px
    }
    .threepic .dec2 {
        width: 185px;
        height: 185px;
        top: 175px;
        right: 0
    }
    .threepic .dec3 {
        width: 240px;
        height: 240px;
        bottom: -80px;
        left: 0
    }
    .graph_form {
        right: 10px
    }
    .graph_content {
        max-width: 540px
    }
    .graph_content img {
        width: 100%
    }
    section.main .main__content>:first-child::after {
        display: none
    }
}

@media (max-width:1300px) {
    .course_page h1 {
        font-size: 40px
    }
    .coursetop .botrow .pic {
        width: 130px;
        height: 130px
    }
    .coursetop .botrow .person_sub {
        font-size: 16px
    }
    .coursetop .botrow .person {
        margin-right: 10px
    }
}

@media (max-width:1255px) {
    .mapgrid .lcol .txtcont {
        left: 25px
    }
}

@media (max-width:1200px) {
    .cimablock_top h1,
    .cimablock_top h2,
    .cimablock_top h3 {
        font-size: 3px
    }
}

@media (max-width:1000px) {
    .showm {
        display: block
    }
    .phdl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .ooh .phdl {
        margin-top: 15px
    }
    .h_obuch,
    .perekladka {
        display: none
    }
    .mainsl_item {
        min-height: 580px
    }
    .accred_grid {
        display: block
    }
    .accred_grid .rcol {
        margin-top: 46px
    }
    .acclog_grid {
        gap: 25px 40px
    }
    .grid4 {
        grid-template-columns: 1fr 1fr;
        gap: 30px 50px
    }
    .checkedbox_decor {
        left: -3px;
        padding-right: 21px;
        -webkit-transform: translateY(-24px);
        -ms-transform: translateY(-24px);
        transform: translateY(-24px);
        top: 0;
        width: 70px;
        height: 70px
    }
    .checkedbox_decor img {
        width: 48px;
        height: 48px
    }
    .checkedbox {
        margin: 24px 0 0 0
    }
    .ob_txt {
        padding-left: 0
    }
    .bluesec_1 .bluesec_pic {
        position: relative;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        height: 370px
    }
    .bluesec_1 .bluesec_pictxt {
        text-align: center;
        top: 215px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 337px
    }
    .bluesec_1 .bluesec_pictxt .bluesec_title br,
    .bluesec_1 .bluesec_pictxt br {
        display: none
    }
    .bluesec_1 .content {
        width: 100%
    }
    .media_pic {
        width: 46px;
        height: 46px
    }
    .bluesec_1::before {
        width: 450px;
        height: 450px;
        left: -229px;
        -webkit-transform: translate(0, 370px);
        -ms-transform: translate(0, 370px);
        transform: translate(0, 370px);
        top: -167px
    }
    .bluesec_1::after {
        width: 419px;
        height: 419px;
        right: -173px;
        top: auto;
        bottom: -61px
    }
    .checkedbox {
        padding: 30px 35px
    }
    .bluesec_2 .widepic {
        width: 100%;
        position: static
    }
    .bluesec_2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .bluesec_2 .bluesec_title--sm br {
        display: none
    }
    .bluesec_title--sm {
        max-width: 470px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px
    }
    .bluesec_2 .icon {
        height: 76px;
        widows: 76px;
        margin: 0 auto 14px;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center
    }
    .bluesec_2 .container {
        min-height: 200px
    }
    .hidem,
    .wrapper .hidem {
        display: none
    }
    .f_topgrid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 20px
    }
    .f_socrow.showm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .f_socrow.showm a {
        margin: 0;
        padding: 0
    }
    .f_socrow.showm a+a {
        margin-top: 25px
    }
    .f_socrow.showm img {
        width: 34px;
        height: 34px;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center
    }
    .f .container {
        padding-top: 45px;
        padding-bottom: 37px
    }
    .f_bottomgrid {
        display: block;
        text-align: center
    }
    .f_bottomgrid .f_col:first-child {
        text-align: center;
        padding-bottom: 24px;
        margin-bottom: 21px;
        border-bottom: 1px solid rgba(255, 255, 255, .25)
    }
    .f_bottomgrid .sub {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .f_bottomgrid .sub img {
        height: 42px
    }
    .f_bottomgrid .sub .ob {
        height: 30px
    }
    .f_bottomgrid .flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .f_bottomgrid .underlined {
        margin-top: 10px
    }
    .mainsl .container {
        padding-left: 10px;
        padding-right: 10px
    }
    .mainsl h1,
    .mainsl h2 {
        font-size: 32px
    }
    .mainsl .hidem {
        display: block
    }
    .mainsl .showm {
        display: none;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: bottom center;
        object-position: bottom center
    }
    .tr_uprow {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .tr_uprow h1 {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    .tr_uprow .sublinks {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .tr_uprow .sublinks a:first-child {
        padding-left: 0
    }
    .tr_uprow .sublinks a:last-child {
        padding-right: 0
    }
    .trainer-page .sublinks a+a,
    .trainer-page .sublinks+a {
        border-left: 0
    }
    .tr_grid {
        grid-template-columns: 1fr;
        gap: 28px
    }
    .tr_piccol img {
        width: 248px;
        height: 248px;
        margin: 0 auto
    }
    .tr_tldr {
        max-height: 328px;
        border-bottom: 3px solid #e5e5e5;
        border-left: 0;
        border-right: 0;
        padding: 15px 10px 0 0
    }
    .vidrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .vidrow .btn {
        margin-top: 0!important;
        margin-left: 20px
    }
    .obraz_grid {
        grid-template-columns: 1fr;
        gap: 0
    }
    .obraz_grid .obraz_col:first-child {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 3px solid #e6e6e6
    }
    .obraz_urow {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .obraz_urow>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .obraz_urow>div p {
        margin-bottom: 6px;
        margin-right: 10px;
        font-size: 14px;
        min-width: 90px
    }
    .obraz_urow>div:last-child {
        margin-left: 0;
        margin-top: 5px
    }
    .obraz_grid .lgg {
        font-size: 29px
    }
    .obraz_col:last-child {
        border-left: 0;
        padding-left: 0;
        padding-right: 5px
    }
    .tr_bar {
        padding: 26px 20px 24px
    }
    .exp_slider {
        display: none
    }
    .exp_slider--mobile {
        display: block
    }
    .exp_slider--mobile .tsm {
        padding-left: 20px
    }
    .wpodlojka {
        padding: 20px 15px 0
    }
    .trainer-page .container:first-child {
        padding-top: 20px
    }
    h2.h2lg {
        font-size: 28px
    }
    .forwho_slider .pictxtcard,
    .nakogo_slider .pictxtcard {
        margin-left: 7.5px;
        margin-right: 7.5px
    }
    .course_page h2 {
        font-size: 30px;
        font-weight: 400
    }
    .course_page .media_checks {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .btntitle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .btntitle .btn {
        margin-left: 0;
        margin-right: auto;
        width: 100%;
        max-width: 100%;
        font-size: 22px;
        margin-top: 20px;
        margin-bottom: 30px
    }
    .btntitle .formtitle_pic img {
        width: 48px;
        height: 48px
    }
    .btntitle .formtitle_pic h3 {
        font-size: 20px;
        margin-top: 0
    }
    .course_aboutrainer .showm.btn {
        margin-top: 20px;
        max-width: 100%;
        width: 100%;
        font-size: 22px
    }
    .grid21 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .bluesec .btnrow {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .bluesec .btnrow .btn {
        width: 100%;
        max-width: 100%;
        font-size: 22px
    }
    .bluesec .btnrow .btn+.btn {
        margin-top: 30px
    }
    .btnrow {
        margin-top: 20px
    }
    .coursetr_grid {
        margin-top: 0;
        grid-template-columns: 1fr;
        padding: 15px 20px
    }
    .coursetr_grid .tr_tldr {
        max-height: 130px
    }
    .diplscert .bluesec_pic {
        height: 500px
    }
    .diplscert .bluesec_pictxt {
        max-width: calc(100% - 34px);
        width: calc(100% - 34px);
        top: 24px;
        left: 17px;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        text-align: left
    }
    .diplscert .bluesec_subtitle {
        font-style: 26px
    }
    .diplscert .btn--y {
        margin: 270px auto 0;
        width: 100%;
        max-width: 100%;
        font-size: 22px
    }
    .mflexcol {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .mflexcol .btn {
        margin-top: 35px;
        font-size: 22px;
        padding: 10px 40px;
        margin-left: 0
    }
    .cimablock_bot {
        background-position: 16% 100%
    }
    .cimablock_bot .cimablock_log {
        margin: 0 auto 37px
    }
    .cimablock_bot .grid2 {
        grid-template-columns: 1fr;
        gap: 20px
    }
    .cimablock_bot::before {
        display: none
    }
    .cimablock_leftdecor {
        max-width: 100%;
        padding-left: 55px
    }
    .cimablock_leftdecor::before {
        width: 40px
    }
    .grid12 {
        grid-template-columns: 1fr;
        gap: 30px
    }
    .greencirc .picdec+img {
        width: 100%;
        margin-top: -70px
    }
    .greencirc::before {
        width: 340px;
        height: 340px;
        z-index: -1;
        bottom: auto;
        bottom: 0;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    .greencirc .palecir {
        top: -144px;
        left: -124px
    }
    .media_checks+.media_checks {
        margin-top: 25px
    }
    .grid3 {
        grid-template-columns: 1fr 1fr
    }
    .orbg .checkedbox_decor {
        top: -30px;
        left: -3px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        height: 80px
    }
    .btntitle .btnsrow {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
    .btntitle .btnsrow .btn+.btn {
        margin-left: 0;
        margin-top: 0
    }
    .mobilebtns .btn {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
        font-size: 22px
    }
    .rasppic {
        position: relative;
        -webkit-transform: translateX(-35px);
        -ms-transform: translateX(-35px);
        transform: translateX(-35px);
        width: 209px;
        height: 209px
    }
    .raspsec .h2lg {
        font-size: 34px;
        margin-bottom: 0;
        -ms-flex-item-align: center;
        align-self: center
    }
    .raspmob {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px
    }
    .rasp_gridcontainer {
        overflow: auto
    }
    .rasp_gridcontainer::-webkit-scrollbar {
        width: 8px
    }
    .rasp_gridcontainer::-webkit-scrollbar:horizontal {
        height: 7px
    }
    .rasp_gridcontainer::-webkit-scrollbar-track {
        background: rgba(50, 50, 50, .1);
        border-radius: 1em
    }
    .rasp_gridcontainer::-webkit-scrollbar-thumb {
        background: rgba(50, 50, 50, .3);
        border-radius: 1em
    }
    .rasp_gridcontainer::-webkit-scrollbar-thumb:hover {
        background: #555
    }
    .rasp_coltitle {
        font-size: 26px
    }
    .rasp_col {
        padding: 20px
    }
    .rasp_col:first-child {
        padding-right: 20px
    }
    .rasp_grid {
        min-width: 1000px
    }
    .rasp_bottomflex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .rasp_bottomflex .btn {
        font-size: 22px;
        margin: 15px auto 0;
        max-width: 100%;
        width: 100%
    }
    .bluesec_rasp .container {
        padding-top: 25px
    }
    .banner {
        padding: 50px 30px 40px;
        margin-bottom: 10px
    }
    .banner .btn {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        width: 100%;
        font-size: 22px
    }
    .banner .dec1 {
        display: none;
        top: -100px;
        left: -50px;
        -webkit-transform: rotate(220deg) scale(-1);
        -ms-transform: rotate(220deg) scale(-1);
        transform: rotate(220deg) scale(-1)
    }
    .banner .dec2 {
        bottom: auto;
        right: auto;
        top: -50px;
        left: -75px;
        -webkit-transform: translate(0, 0) rotate(13deg);
        -ms-transform: translate(0, 0) rotate(13deg);
        transform: translate(0, 0) rotate(13deg)
    }
    .banner .lcol {
        padding-bottom: 70px
    }
    .banner .botarr {
        bottom: 7px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    h3 {
        font-weight: 400
    }
    .wrapper .bannercont {
        margin-bottom: 0;
        padding-bottom: 0
    }
    .threepic .dec2,
    .threepic .dec3 {
        display: none
    }
    .threepic .dec1 {
        position: static;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        margin: 0 auto 0;
        width: 350px;
        height: 350px;
        max-width: 100%
    }
    .media .shadowed {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    .howlearnsec .media+.media {
        margin-top: 20px
    }
    .howlearnsec .mt40.flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .howlearnsec .mt40.flex .btn {
        width: 100%;
        max-width: 100%
    }
    .howlearnsec .mt40.flex .btn+.btn {
        margin-top: 30px
    }
    .mt40 {
        margin-top: 30px
    }
    .course_page .btn {
        font-size: 22px
    }
    .formtitle_pic img {
        width: 53px;
        height: 60px
    }
    .materials_grid {
        gap: 18px 8px;
        font-size: 16px
    }
    .tarif_upper .btn {
        font-size: 18px
    }
    .tarif_btnsrow {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .tarif_btnsrow .btn {
        width: 100%;
        max-width: 100%
    }
    .tarif_btnsrow .btn+.btn {
        margin-top: 20px
    }
    .graph_form {
        position: static;
        width: 100%
    }
    .coursecount_grid {
        grid-template-columns: 1fr 1fr;
        gap: 15px
    }
    .coursecount_col {
        border-left: 0;
        padding: 0
    }
    .coursecount_item img {
        width: 60px;
        height: 60px;
        margin-bottom: 1px
    }
    .coursecount_tlg {
        font-size: 50px
    }
    .coursecount_item div:not(.coursecount_tlg) {
        font-size: 14px
    }
    .coursecount_item {
        min-height: 209px
    }
    .coursecount_item+.coursecount_item {
        margin-top: 27px
    }
    .lastblockyee_grid {
        grid-template-columns: 1fr;
        gap: 5px
    }
    .lastblockyee_grid .btn {
        max-width: 100%;
        width: 100%
    }
    .lastblockyee_grid .lcol img {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:900px) {
    .mapgrid {
        grid-template-columns: 1fr
    }
    .mapgrid .lcol .txtcont {
        position: static;
        padding: 28px 15px
    }
    .bluesec_map .dec {
        width: 450px;
        height: 450px;
        top: -167px;
        left: -191px
    }
    .bluesec_map::before {
        width: 240px;
        height: 240px;
        right: -99px;
        left: auto;
        bottom: 52px
    }
    .bluesec_map::after {
        width: 419px;
        height: 419px;
        top: -197px;
        right: -164px;
        left: auto
    }
    .justpage h1 {
        font-size: 30px
    }
    .mapgrid .rcol iframe {
        height: 610px;
        right: 0;
        bottom: -6px;
        position: relative
    }
    .formtitle_pic {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .formtitle_pic h2 {
        font-size: 23px;
        margin-bottom: 15px
    }
    .formtitle_pic img {
        width: 50px;
        height: 47px;
        margin-right: 14px;
        margin-top: 2px
    }
    .formrel .b24-form-control-icon-after .b24-form-control,
    .formrel .b24-form-control-icon-after .b24-form-control-label {
        margin-bottom: 0!important
    }
    .formrel .b24-form .b24-form-padding-side {
        padding-left: 0;
        padding-right: 0
    }
    .formrel .b24-form-btn {
        width: 100%;
        font-weight: 400
    }
    .coursetop_grid {
        grid-template-columns: 1fr
    }
    .coursetop .botrow {
        position: absolute;
        left: 15px;
        bottom: -62px;
        margin: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        width: calc(100% - 30px);
        max-width: calc(100% - 30px);
        border-bottom: 2px solid rgba(255, 255, 255, .5);
        padding-bottom: 15px
    }
    .coursetop .rcol {
        padding-top: 5px;
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px)
    }
}

@media (max-width:767px) {
     :root {
        --container: calc(100vw - 5rem);
        --btn-fz: 1.3rem;
        --field: 4.3rem;
        --half: 1;
        --field-sm: 3.8rem;
        --about: 2;
        --footer: 1;
        --header: 6.2rem;
        --logo: 3.5rem;
        --third: 1;
        --advantages: 1;
        --padding: 3.5rem;
        --tariff: 1;
        --popup: var(--container)!important
    }
    body .accords {
        max-width: 100%
    }
    body .accords .accord .accord-header {
        padding: 1.25rem
    }
    body .accords .accord .accord-header .title {
        max-width: 85%
    }
    body .accords .accord .accord-content p {
        max-width: 100%
    }
    body .dots:not(.custom):not(.individual),
    body .slick-dots {
        bottom: 0
    }
    body {
        --fz: 1.7rem;
        --label-size: 1.3rem;
        --subtitle-size: 1.5rem
    }
    body .lg-text {
        font-size: 2rem
    }
    body .sm-text {
        font-size: calc(var(--fz) * .9)
    }
    body .hide-sm {
        display: none!important
    }
    body h1 {
        font-size: 3rem
    }
    body h1.small {
        font-size: 2.8rem
    }
    body h2 {
        font-size: 3rem
    }
    body h3 {
        font-size: 2.4rem
    }
    body h4 {
        font-size: 2.4rem
    }
    body h5 {
        font-size: 2rem
    }
    body h6 {
        font-size: 1.7rem
    }
    body .label-block.half {
        width: 100%
    }
    body .article.center {
        text-align: left
    }
    body .section-title.center p {
        max-width: 100%
    }
    body .notifications {
        width: 100%
    }
    body .notifications .notif p .close-notif {
        opacity: 1
    }
    body aside {
        width: 100%;
        padding-right: 0;
        margin-bottom: var(--padding);
        padding-bottom: calc(var(--padding)/ 2);
        border-bottom: 1px solid var(--border)
    }
    body .top-header {
        text-align: center;
        color: var(--bg)!important;
        background-size: cover!important;
        background-position: center center!important
    }
    body .top-header h1 {
        font-size: 4rem
    }
    body .top-header a {
        font-size: var(--fz)
    }
    .wa-btn {
        bottom: 2rem;
        right: 2rem
    }
    .wa-btn img {
        width: 5rem;
        height: 5rem
    }
    section.main .main__content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    section.main .main__content>:first-child {
        width: 100%;
        padding-right: 0
    }
    section.main .main__content>:first-child .subtitle {
        font-size: 2rem
    }
    section.main .main__content>:first-child h1 {
        font-size: 2.5rem
    }
    section.main .main__content>:first-child .date {
        font-size: 1.25rem
    }
    section.main .main__content>:first-child .price .price-items {
        font-size: 1.25rem
    }
    section.main .main__content>:first-child .price .price-items .text img {
        height: 3rem
    }
    section.main .main__content>:first-child .btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 2rem
    }
    section.main .main__content>:last-child {
        -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;
        width: 100%
    }
    section.programm .programm__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .seminar-programm .wrapper p {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        font-size: 1.8rem
    }
    section.order .order__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    section.order .order__content .order__left>* img {
        width: var(--field);
        margin-right: 1rem
    }
    section.order .order__content .order__left>* p {
        font-size: 1.4rem
    }
    section.order .order__content .order__left>:last-child span {
        font-size: 1.35rem
    }
    section.order .order__content .order__left>:last-child span img {
        height: 2.5rem;
        bottom: 0
    }
    section.order .b24-form {
        width: 100%;
        margin-top: 3rem
    }
    section.order p.lg-text {
        font-size: 2rem;
        line-height: 1.3
    }
    section.order .b24-form-wrapper {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    html {
        font-size: calc(8.6px + 11 * (100vw - 320px)/ 447)
    }
    footer.footer .wrapper ul {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }
    nav ul>* {
        margin-left: 0
    }
    .btn.call-btn {
        width: var(--container);
        margin-left: 0;
        margin-bottom: 2rem
    }
    .nav-toggler {
        display: block
    }
    .site-navbar {
        min-height: var(--header)
    }
    .site-navbar ul {
        position: absolute;
        width: 100%;
        height: auto;
        left: 0;
        border-top: 1px solid var(--focus);
        -webkit-box-shadow: var(--shadow-s);
        box-shadow: var(--shadow-s);
        background-color: rgba(0, 0, 0, .9);
        top: calc(var(--header) + 4rem);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }
    .site-navbar ul li {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid var(--focus)
    }
    .site-navbar ul li a {
        padding: 2rem;
        color: var(--second);
        font-family: var(--font-s)
    }
    .site-navbar ul li a:hover {
        background-color: rgba(0, 0, 0, .73)
    }
    .site-navbar ul.open {
        max-height: 100vh;
        overflow: visible
    }
}

@media (max-width:600px) {
    .course_page .checkedbox {
        padding: 30px 17px
    }
    .course_page .checkedbox .grid3 {
        grid-template-columns: 1fr;
        gap: 13px
    }
    .course_page .ob_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .course_page .ob_pic {
        width: 100px;
        height: 100px;
        margin: 0 15px 0 0
    }
    .course_page .ob_txt {
        text-align: left;
        font-size: 16px
    }
    .m1fr {
        grid-template-columns: 1fr
    }
    .coursetop .rcol {
        padding-top: 10px
    }
    .coursetop .botrow .person {
        min-width: 230px
    }
    .coursetop .botrow .coursetop_cert {
        width: 147px;
        height: 160px;
        -o-object-fit: contain;
        object-fit: contain;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 147px;
        flex: 1 1 147px;
        position: absolute;
        top: -20px;
        right: 0
    }
    .course_page h1 {
        font-size: 32px;
        line-height: 1.05
    }
    .coursetop h1+p {
        font-size: 20px;
        font-weight: 300;
        font-family: var(--font)
    }
    .coursetop .lcol {
        height: 303px
    }
    .coursetop .rcol .flex.spb {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 20px
    }
    .coursetop .rcol .flex.spb .btn+.btn {
        margin-top: 20px
    }
    .coursetop_row {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        font-family: var(--font);
        font-size: 18px
    }
    .coursetop_row img {
        width: 60px;
        height: 60px;
        margin-right: 18px
    }
    .coursetop_row+.coursetop_row {
        margin-top: 10px
    }
    .coursetop_price {
        font-size: 40px
    }
    .rasppic {
        width: 119px;
        height: 119px
    }
    .raspsec .h2lg {
        font-size: 30px
    }
    .raspsec .rcol .grid2 {
        grid-template-columns: 1fr
    }
    .raspsec .tsm {
        font-size: 18px
    }
    .raspsec .media .tlg {
        font-size: 20px
    }
    .rasp_price {
        font-size: 40px
    }
    .course_page .btn {
        font-size: 18px;
        padding: 10px 20px
    }
    .course_page .btn {
        margin-top: 20px
    }
}

@media (max-width:440px) {
    .person_pic {
        width: 140px;
        height: 140px
    }
    .grid4 {
        gap: 25px 30px
    }
    .acclog_grid img {
        max-width: 100%;
        place-items: center
    }
    .mainsl .hidem {
        display: none
    }
    .mainsl .showm {
        display: block;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
    .mainsl .slick-dots {
        left: 10px
    }
    .slider:not(.mainsl) .slick-list {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
    .checkedbox {
        padding: 30px 10px
    }
    .checkedbox .grid4 {
        gap: 28px 10px
    }
    .slider .slick-arrow {
        top: auto;
        bottom: 3px
    }
    .course_price {
        font-size: 18px
    }
    .certssec .container {
        padding-bottom: 15px
    }
    .clients_slider img {
        height: 480px;
        width: 100%;
        -o-object-position: center;
        object-position: center;
        -o-object-fit: contain;
        object-fit: contain
    }
    .mainsl.slider .slick-arrow {
        bottom: 48%
    }
    .bluesec_title {
        font-size: 36px
    }
}

@media (max-width:400px) {
    .h2lg.fontff {
        font-size: 1.41rem
    }
    .grapminh {
        min-height: 40px
    }
    .grapminh p {
        margin-bottom: 0;
        font-weight: 100
    }
    .rasp_item {
        font-weight: 200
    }
}

@media (max-width:375px) {
    .tr_uprow .sublinks a {
        font-size: 14px;
        padding-top: 0;
        padding-bottom: 10px
    }
}

@media (min-width:768px) and (max-width:1023px) {
     :root {
        --btn-fz: 1.3rem;
        --field: 4.8rem;
        --field-sm: 3.8rem;
        --field-lg: 5.3rem;
        --header: 8rem;
        --footer: 2;
        --tariff: 3;
        --container: calc(100vw - 10rem);
        --third: 2
    }
    body {
        --fz: 1.6rem;
        --label-size: 1.2rem;
        --subtitle-size: 1.4rem
    }
    body .lg-text {
        font-size: 1.9rem
    }
    body .sm-text {
        font-size: calc(var(--fz) * .9)
    }
    body .arrows.md-arrows {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    body .hide-md {
        display: none!important
    }
}

@media (max-width:1399px) and (min-width:1024px) {
     :root {
        --container: 100rem
    }
    html {
        font-size: calc(7px + 7.5 * (100vw - 768px)/ 1152)
    }
}

@media (max-width:1920px) and (min-width:1400px) {
    html {
        font-size: calc(5.5px + 7.5 * (100vw - 768px)/ 1152)
    }
}

@media screen and (max-width:1023px) and (min-width:768px) {
    html {
        font-size: calc(8.3px + 1.5 * (100vw - 768px)/ 256)
    }
}

.webp .cimablock_bot {
    background: url(../img/cim.webp)
}

@media (max-width:767px) {
    header.site-header .header__content>:last-child img {
        margin-top: 0 !important;
    }
    header.site-header .header__content {
        margin-left: 0 !important;
    }
}