@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
:root {
    --font: "Inter", sans-serif;
    --bg: #fff;
    --field-bg: var(--bg);
    --bg-opacity: #FBFBFB;
    --blackboard: rgba(0, 0, 0, 0.3);
    --text: #2B2D33;
    --text-grey: #6e6e73;
    --text-grey-light: #a2a2aa;
    --contrast: #fff;
    --border: #ECECEC;
    --field-border: var(--border);
    --grey-bg: #f5f5f7;
    --grey-bg-dark: #dadae0;
    --rem: 0.65vw;
    --line-height: 1.2;
    --container: 118rem;
    --section-p: calc((100vw - var(--container)) / 2);
    --logo: 5.5rem;
    --blur: 80px;
    --fz: 1.45rem;
    --fz-smaller: calc(var(--fz) * 0.9);
    --fz-small: calc(var(--fz) * 0.9);
    --fz-larger: calc(var(--fz) * 1.25);
    --fz-large: calc(var(--fz) * 1.2);
    --btn-shadow: rgba(0, 0, 0, 0.1);
    --field: 4.5rem;
    --field-smaller: 4rem;
    --field-small: 2.5rem;
    --field-larger: 5rem;
    --field-large: 5.5rem;
    --checkbox: 1.6rem;
    --toggler: 2rem;
    --theme: #FFCA00;
    --theme-dark: rgb(244.8, 193.92, 0);
    --theme-light: rgb(255, 228.5, 127.5);
    --theme-focus: rgba(255, 202, 0, 0.3);
    --theme-opacity: rgba(255, 202, 0, 0.1);
    --orange: #e64b0f;
    --orange-dark: rgb(182.1224489796, 59.387755102, 11.8775510204);
    --orange-light: rgb(241.8979591837, 106.5102040816, 54.1020408163);
    --orange-focus: rgba(230, 75, 15, 0.3);
    --orange-opacity: rgba(230, 75, 15, 0.1);
    --red: #E50914;
    --red-dark: rgb(179.9285714286, 7.0714285714, 15.7142857143);
    --red-light: rgb(246.6428571429, 42.3571428571, 52.5714285714);
    --red-focus: rgba(229, 9, 20, 0.3);
    --red-opacity: rgba(229, 9, 20, 0.1);
    --green: #b9f6dd;
    --green-dark: rgb(139.8101265823, 240.1898734177, 199.0506329114);
    --green-light: #e0ede8;
    --green-focus: rgba(185, 246, 221, 0.3);
    --green-opacity: rgba(185, 246, 221, 0.1);
    --yellow: #FFD84C;
    --yellow-dark: rgb(254.5, 199.0502793296, 0);
    --yellow-light: rgb(255, 227.1117318436, 127);
    --yellow-focus: rgba(255, 216, 76, 0.3);
    --yellow-opacity: rgba(255, 216, 76, 0.1);
    --h1: 5rem;
    --h2: 4rem;
    --h3: 3.8rem;
    --h4: 3rem;
    --h5: 2.5rem;
    --h6: 2rem;
    --rad: 0.9rem;
    --rad-smaller: 0.6rem;
    --rad-small: 0.4rem;
    --rad-larger: 1rem;
    --rad-large: 1.2rem;
    --shadow: 0 1rem 2rem rgba(0, 0, 0, 0.02);
    --header: 6rem;
    --third: 3;
    --card: 4
}

.smaller {
    --fz: var(--fz-smaller);
    --field: var(--field-smaller);
    font-size: var(--fz)
}

.small {
    --fz: var(--fz-small);
    --field: var(--field-small);
    font-size: var(--fz)
}

.larger {
    --fz: var(--fz-larger);
    --field: var(--field-larger);
    font-size: var(--fz)
}

.large {
    --fz: var(--fz-large);
    --field: var(--field-large);
    font-size: var(--fz)
}

.light {
    color: var(--text);
    --text: #000;
    --text-grey: #6e6e73;
    --text-grey-light: #a2a2aa
}

.dark {
    --bg: #24262a;
    --field-bg: var(--grey-bg-light);
    --blackboard: rgba(255, 255, 255, 0.05);
    --bg-opacity: rgba(36, 38, 42, 0.8);
    --text: #fff;
    --text-grey: #8C919B;
    --text-grey-light: #70767c;
    --contrast: #000;
    --border: #3b3e42;
    --field-border: var(--border);
    --grey-bg-light: #282a2e;
    --grey-bg: #2f3236;
    --grey-bg-dark: #36393d;
    --switch-bg: #6a6e74;
    --btn-shadow: rgba(255, 255, 255, 0.1);
    --orange: #eb6b39;
    --orange-dark: rgb(218.8899082569, 77.3853211009, 22.1100917431);
    --orange-light: rgb(239.6788990826, 141.623853211, 103.3211009174);
    --orange-focus: rgba(235, 107, 57, 0.3);
    --orange-opacity: rgba(235, 107, 57, 0.1);
    --green: #12d864;
    --green-dark: rgb(14.0769230769, 168.9230769231, 78.2051282051);
    --green-light: rgb(47.3076923077, 237.6923076923, 126.1538461538);
    --green-focus: rgba(18, 216, 100, 0.3);
    --green-opacity: rgba(18, 216, 100, 0.1);
    color: var(--text);
    color-scheme: dark
}

.redTheme,
[color=red] {
    --theme: var(--red);
    --theme-dark: var(--red-dark);
    --theme-light: var(--red-light);
    --theme-focus: var(--red-focus);
    --theme-opacity: var(--red-opacity)
}

.orangeTheme,
[color=orange] {
    --theme: var(--orange);
    --theme-dark: var(--orange-dark);
    --theme-light: var(--orange-light);
    --theme-focus: var(--orange-focus);
    --theme-opacity: var(--orange-opacity)
}

.greenTheme,
[color=green] {
    --green: var(--green);
    --green-dark: var(--green-dark);
    --green-light: var(--green-light);
    --green-focus: var(--green-focus);
    --green-opacity: var(--green-opacity)
}

@media(min-width: 768px)and (max-width: 1200px) {
     :root {
        --container: 66rem;
        --rem: 1.4vw;
        --bottom-header: 7rem;
        --main-slider-min: 45rem;
        --third: 2;
        --spiker: 2;
        --h1: 5rem;
        --fz-larger: 1.5rem
    }
    .header__register {
        display: none !important
    }
}

@media(min-width: 1200px)and (max-width: 1300px) {
     :root {
        --rem: 0.7vw
    }
}

@media(min-width: 1600px) {
     :root {
        --rem: 10px
    }
}

@media screen and (max-width: 768px) {
     :root {
        --container: 44rem;
        --rem: 2vw;
        --bottom-header: 7rem;
        --logo: 6.5rem;
        --main-slider-min: 45rem;
        --h1: 3rem;
        --h2: 3.2rem;
        --h3: 2.9rem;
        --h4: 2.6rem;
        --h5: 2.3rem;
        --h6: 2rem;
        --third: 1;
        --card: 2;
        --spiker: 2;
        --header: 7rem
    }
    .margin>*:not(:last-child):not(.no-margin) {
        --margin: 2rem !important
    }
}

.counter-check {
    background-color: var(--bg-opacity)
}

*,
*:before,
*:after {
    box-sizing: border-box
}

img {
    max-width: 100%;
    max-height: 100%
}

hr {
    width: 100%;
    height: 1px;
    background: var(--border);
    border: none
}

.tac {
    text-align: center;
    margin-bottom: 2rem
}

a {
    color: var(--text);
    text-decoration: none;
    transition: .3s
}

a:hover {
    color: var(--red)
}

html {
    font-size: var(--rem);
    scroll-behavior: smooth;
    overflow-y: scroll;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

.container {
    margin: 0 auto;
    width: var(--container)
}

body {
    margin: 0;
    padding: 0;
    background: var(--bg);
    overflow-x: hidden;
    -webkit-tap-highlight-color: #000000
}

body ::-webkit-scrollbar {
    width: 6px
}

body ::-webkit-scrollbar-track {
    background: var(--grey-bg);
    border-radius: 3px
}

body ::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 3px
}

body,
input,
textarea,
button,
select {
    font-size: var(--fz);
    font-family: var(--font);
    color: var(--text);
    line-height: var(--line-height);
    font-weight: 400
}

.font-medium {
    font-weight: 700
}

.section__title {
    padding-bottom: var(--field)
}

.section__title .content.fw-300 {
    font-weight: 300
}

.section__title h3 {
    font-weight: 700
}

.section__title p {
    margin-top: 2rem;
    font-size: var(--fz-larger);
    font-weight: 300;
    line-height: 1.25;
    max-width: 60%
}

@media screen and (max-width: 768px) {
    .section__title p {
        max-width: 100%
    }
}

.mt3 {
    margin-top: 3rem
}

.margin>*:not(:last-child):not(.no-margin) {
    --margin: 3rem;
    margin-bottom: var(--margin)
}

.margin>*:not(:last-child):not(.no-margin).small-margin {
    --margin: 2rem
}

.order .btn {
    margin-top: 3rem;
}

.margin>*:not(:last-child):not(.no-margin).large-margin {
    --margin: 4rem
}

.margin__smaller>*:not(:last-child):not(.no-margin) {
    --margin: 2rem;
    margin-bottom: var(--margin)
}

.margin__smaller>*:not(:last-child):not(.no-margin).small-margin {
    --margin: 1rem
}

.margin__smaller>*:not(:last-child):not(.no-margin).large-margin {
    --margin: 3rem
}

.margin__small>*:not(:last-child):not(.no-margin) {
    --margin: 1rem;
    margin-bottom: var(--margin)
}

.margin__small>*:not(:last-child):not(.no-margin).small-margin {
    --margin: 0.5rem
}

.margin__small>*:not(:last-child):not(.no-margin).large-margin {
    --margin: 1.5rem
}

.margin__larger>*:not(:last-child):not(.no-margin) {
    --margin: 5rem;
    margin-bottom: var(--margin)
}

.margin__larger>*:not(:last-child):not(.no-margin).small-margin {
    --margin: 4rem
}

.margin__larger>*:not(:last-child):not(.no-margin).large-margin {
    --margin: 6rem
}

.margin__large>*:not(:last-child):not(.no-margin) {
    --margin: 7rem;
    margin-bottom: var(--margin)
}

.margin__large>*:not(:last-child):not(.no-margin).small-margin {
    --margin: 6rem
}

.margin__large>*:not(:last-child):not(.no-margin).large-margin {
    --margin: 8rem
}

.styledLink {
    color: var(--theme);
    text-decoration: none;
    position: relative;
    z-index: 1;
    border-radius: var(--rad-small);
    cursor: pointer;
    transition: .2s;
    padding: 3px;
    margin: -3px
}

.styledLink:hover {
    color: var(--theme-dark)
}

.styledLink:active,
.styledLink:focus {
    background: var(--theme-opacity);
    box-shadow: 0 0 0 4px var(--theme-focus)
}

h1,
.h1 {
    line-height: 1.3;
    font-weight: 700
}

h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    line-height: 1.3;
    font-weight: 700
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
blockquote,
ol {
    padding: 0;
    margin: 0
}

ul {
    list-style: none
}

.subtitle {
    font-weight: 500
}

h1,
.h1 {
    --title-size: var(--h1);
    font-size: var(--title-size)
}

h1.smaller,
.h1.smaller {
    --title-size: calc(var(--h1) * 0.9)
}

h1.small,
.h1.small {
    --title-size: calc(var(--h1) * 0.8)
}

h1.larger,
.h1.larger {
    --title-size: calc(var(--h1) * 1.1)
}

h1.large,
.h1.large {
    --title-size: calc(var(--h1) * 1.2)
}

h2,
.h2 {
    --title-size: var(--h2);
    font-size: var(--title-size)
}

h2.smaller,
.h2.smaller {
    --title-size: calc(var(--h2) * 0.9)
}

h2.small,
.h2.small {
    --title-size: calc(var(--h2) * 0.8)
}

h2.larger,
.h2.larger {
    --title-size: calc(var(--h2) * 1.1)
}

h2.large,
.h2.large {
    --title-size: calc(var(--h2) * 1.2)
}

h3,
.h3 {
    --title-size: var(--h3);
    font-size: var(--title-size)
}

h3.smaller,
.h3.smaller {
    --title-size: calc(var(--h3) * 0.9)
}

h3.small,
.h3.small {
    --title-size: calc(var(--h3) * 0.8)
}

h3.larger,
.h3.larger {
    --title-size: calc(var(--h3) * 1.1)
}

h3.large,
.h3.large {
    --title-size: calc(var(--h3) * 1.2)
}

h4,
.h4 {
    --title-size: var(--h4);
    font-size: var(--title-size)
}

h4.smaller,
.h4.smaller {
    --title-size: calc(var(--h4) * 0.9)
}

h4.small,
.h4.small {
    --title-size: calc(var(--h4) * 0.8)
}

h4.larger,
.h4.larger {
    --title-size: calc(var(--h4) * 1.1)
}

h4.large,
.h4.large {
    --title-size: calc(var(--h4) * 1.2)
}

h5,
.h5 {
    --title-size: var(--h5);
    font-size: var(--title-size)
}

h5.smaller,
.h5.smaller {
    --title-size: calc(var(--h5) * 0.9)
}

h5.small,
.h5.small {
    --title-size: calc(var(--h5) * 0.8)
}

h5.larger,
.h5.larger {
    --title-size: calc(var(--h5) * 1.1)
}

h5.large,
.h5.large {
    --title-size: calc(var(--h5) * 1.2)
}

h6,
.h6 {
    --title-size: var(--h6);
    font-size: var(--title-size)
}

h6.smaller,
.h6.smaller {
    --title-size: calc(var(--h6) * 0.9)
}

h6.small,
.h6.small {
    --title-size: calc(var(--h6) * 0.8)
}

h6.larger,
.h6.larger {
    --title-size: calc(var(--h6) * 1.1)
}

h6.large,
.h6.large {
    --title-size: calc(var(--h6) * 1.2)
}

.sectionPadding {
    --padding: calc(var(--field) *2)
}

@media screen and (max-width: 768px) {
    .sectionPadding {
        --padding: calc(var(--field) *1.25)
    }
}

.sectionPadding:not(.bottom):not(.top) {
    padding: var(--padding) 0
}

.sectionPadding.top {
    padding-top: var(--padding)
}

.sectionPadding.bottom {
    padding-bottom: var(--padding)
}

.sectionPadding__smaller {
    --padding: calc(var(--field-smaller) * 1.5)
}

.sectionPadding__smaller:not(.bottom):not(.top) {
    padding: var(--padding) 0
}

.sectionPadding__smaller.top {
    padding-top: var(--padding)
}

.sectionPadding__smaller.bottom {
    padding-bottom: var(--padding)
}

.sectionPadding__small {
    --padding: calc(var(--field-small) * 1.5)
}

.sectionPadding__small:not(.bottom):not(.top) {
    padding: var(--padding) 0
}

.sectionPadding__small.top {
    padding-top: var(--padding)
}

.sectionPadding__small.bottom {
    padding-bottom: var(--padding)
}

.sectionPadding__larger {
    --padding: calc(var(--field-larger) * 1.5)
}

.sectionPadding__larger:not(.bottom):not(.top) {
    padding: var(--padding) 0
}

.sectionPadding__larger.top {
    padding-top: var(--padding)
}

.sectionPadding__larger.bottom {
    padding-bottom: var(--padding)
}

.sectionPadding__large {
    --padding: calc(var(--field-large) * 1.5)
}

.sectionPadding__large:not(.bottom):not(.top) {
    padding: var(--padding) 0
}

.sectionPadding__large.top {
    padding-top: var(--padding)
}

.sectionPadding__large.bottom {
    padding-bottom: var(--padding)
}

body section.register button.b24-form-btn {
    background: var(--theme);
    color: #fff;
    padding: 0 4rem
}

body section.register button.b24-form-btn:hover {
    color: #fff;
    background-color: var(--theme-dark)
}

.sub-title {
    width: -moz-fit-content;
    width: fit-content;
    height: 3rem;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .7rem;
    font-size: var(--fz-small)
}

.sub-title.dashed {
    border: 1px solid var(--text)
}

.bold {
    font-weight: 700
}

.uc-them-dark .uc-registration-controll button,
.uc-them-dark .uc-registration-repeated-body button,
.uc-them-dark .uc-registration input[type=submit],
.uc-them-dark .uc-registration input[type=button] {
    color: #fff !important;
    background-color: var(--red) !important
}

.uc-them-dark .uc-registration-controll button:hover,
.uc-them-dark .uc-registration-repeated-body button:hover,
.uc-them-dark .uc-registration input[type=submit]:hover,
.uc-them-dark .uc-registration input[type=button]:hover {
    color: #fff !important;
    background-color: var(--red-dark) !important
}

.btn,
button.b24-form-btn {
    padding: 0;
    line-height: 1;
    background: none;
    font-weight: 700;
    font-size: var(--fz);
    cursor: pointer;
    transition: .3s;
    overflow: hidden;
    position: relative;
    border-radius: var(--rad-large);
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--text);
    text-decoration: none
}

.btn span,
button.b24-form-btn span {
    height: var(--field);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: var(--text);
    z-index: 2;
    transition: transform .3s
}

.btn span:hover img,
button.b24-form-btn span:hover img {
    padding-left: .5rem;
    padding-right: .5rem
}

.btn span img,
button.b24-form-btn span img {
    padding-left: 1rem;
    transition: .3s;
    width: 3rem
}

.btn span.text,
button.b24-form-btn span.text {
    padding: 0 calc(var(--field)*.4);
    font-weight: 500
}

.btn span.text .beforeIcon,
.btn span.text .afterIcon,
button.b24-form-btn span.text .beforeIcon,
button.b24-form-btn span.text .afterIcon {
    font-size: 1.1em
}

.btn span.text .beforeIcon:before,
.btn span.text .afterIcon:before,
button.b24-form-btn span.text .beforeIcon:before,
button.b24-form-btn span.text .afterIcon:before {
    font-weight: 500
}

.btn span.text .beforeIcon,
button.b24-form-btn span.text .beforeIcon {
    margin-right: .3em
}

.btn span.text .afterIcon,
button.b24-form-btn span.text .afterIcon {
    margin-left: .3em
}

.btn span.icon,
button.b24-form-btn span.icon {
    width: var(--field);
    font-size: 1.6em
}

.btn:after,
button.b24-form-btn:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    z-index: 2;
    pointer-events: none;
    transition: .2s
}

.btn:before,
button.b24-form-btn:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 0;
    transition: .4s;
    z-index: 1
}

.btn:hover:before,
.btn:hover button.b24-form-btn:before,
button.b24-form-btn:hover:before,
button.b24-form-btn:hover button.b24-form-btn:before {
    height: 100%
}

.btn:active span,
button.b24-form-btn:active span {
    transform: scale(0.95)
}

.btn.bg.dark,
button.b24-form-btn.bg.dark {
    background-color: #2b2d33;
    border-color: #2b2d33
}

.btn.primary,
button.b24-form-btn.primary {
    background: var(--theme);
    border-color: var(--theme);
    color: #fff
}

.btn.primary:before,
button.b24-form-btn.primary:before {
    background: var(--theme-dark)
}

.btn.primary:hover,
button.b24-form-btn.primary:hover {
    border-color: var(--theme-dark) !important
}

.btn.bg,
button.b24-form-btn.bg {
    background: var(--bg);
    border-color: var(--bg)
}

.btn.bg:before,
button.b24-form-btn.bg:before {
    background: var(--border)
}

.btn.bg:hover,
button.b24-form-btn.bg:hover {
    color: #fff;
    border-color: var(--border) !important
}

.btn.outline,
button.b24-form-btn.outline {
    background: var(--field-bg);
    border: none
}

.btn.outline:before,
button.b24-form-btn.outline:before {
    background: var(--grey-bg)
}

.btn.outline:after,
button.b24-form-btn.outline:after {
    border-color: var(--field-border)
}

.btn.outlineTheme,
button.b24-form-btn.outlineTheme {
    background: var(--field-bg);
    color: var(--theme)
}

.btn.outlineTheme:before,
button.b24-form-btn.outlineTheme:before {
    background: var(--grey-bg)
}

.btn.outlineTheme:after,
button.b24-form-btn.outlineTheme:after {
    border-color: var(--field-border)
}

.btn.ghost,
button.b24-form-btn.ghost {
    color: var(--theme)
}

.btn.ghost:before,
button.b24-form-btn.ghost:before {
    background: var(--theme-opacity)
}

.btn.opacity,
button.b24-form-btn.opacity {
    color: var(--theme);
    background: var(--theme-opacity)
}

.btn.opacity:before,
button.b24-form-btn.opacity:before {
    background: var(--theme-opacity)
}

.btn.grey,
button.b24-form-btn.grey {
    background: var(--grey-bg)
}

.btn.grey:before,
button.b24-form-btn.grey:before {
    background: var(--border)
}

.btn.bordered,
button.b24-form-btn.bordered {
    color: var(--theme)
}

.btn.bordered:after,
button.b24-form-btn.bordered:after {
    border: 2px solid var(--text)
}

.btn.bordered:before,
button.b24-form-btn.bordered:before {
    background: var(--grey-bg)
}

.btn.dashed,
button.b24-form-btn.dashed {
    color: var(--theme)
}

.btn.dashed:after,
button.b24-form-btn.dashed:after {
    border: 2px dashed var(--border)
}

.btn.dashed:before,
button.b24-form-btn.dashed:before {
    background: var(--grey-bg)
}

.btn:disabled,
button.b24-form-btn:disabled {
    background: var(--border);
    color: var(--text-grey) !important;
    pointer-events: none
}

.btn:disabled:before,
button.b24-form-btn:disabled:before {
    height: 0
}

.btn.small,
button.b24-form-btn.small {
    --fz: var(--fz-small);
    --field: var(--field-small);
    border-radius: .7rem
}

.btn.small span.text,
button.b24-form-btn.small span.text {
    font-weight: 300
}

.btn.smaller,
button.b24-form-btn.smaller {
    --fz: var(--fz-smaller);
    --field: var(--field-smaller)
}

.btn.large,
button.b24-form-btn.large {
    --fz: var(--fz-large);
    --field: var(--field-large);
    padding-left: 2rem;
    padding-right: 2rem
}

.btn.larger,
button.b24-form-btn.larger {
    --fz: var(--fz-larger);
    --field: var(--field-larger)
}

.btn.full,
button.b24-form-btn.full {
    width: 100%;
    justify-content: center
}

@keyframes spinner {
    from {
        transform: none
    }
    to {
        transform: rotate(360deg)
    }
}

.btn .spinner,
button.b24-form-btn .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center
}

.btn .spinner:before,
button.b24-form-btn .spinner:before {
    content: "";
    animation: spinner .5s infinite linear;
    display: block;
    border-radius: 100%;
    width: 1.2em;
    height: 1.2em;
    border: 2px solid var(--text-grey-light);
    border-right: 2px solid var(--text)
}

.btn.loading .text,
.btn.loading .icon,
button.b24-form-btn.loading .text,
button.b24-form-btn.loading .icon {
    opacity: 0
}

body .slick-list {
    overflow: hidden
}

body .slick-list .slick-track {
    display: flex
}

.wrapper {
    display: flex;
    align-items: baseline;
    font-size: var(--fz-smaller);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.wrapper label {
    cursor: pointer
}

.wrapper .checkbox {
    flex-shrink: 0
}

.wrapper .checkbox input {
    display: none
}

.wrapper .checkbox label {
    width: var(--checkbox);
    height: var(--checkbox);
    border: 1px solid var(--field-border);
    border-radius: var(--rad-small);
    overflow: hidden;
    display: block;
    transition: .2s;
    cursor: pointer;
    background: var(--field-bg)
}

.wrapper .checkbox label:before {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    transform: translateY(-100%);
    transition: .3s;
    color: #fff
}

.wrapper .checkbox input:checked+label {
    background: var(--theme);
}

.wrapper .checkbox input:checked+label:before {
    transform: none
}

.wrapper .checkbox input:checked:active+label {
    background: var(--theme-dark)
}

.wrapper .checkbox.error label {
    border-color: var(--red);
    box-shadow: 0 0 0 1px var(--red), 0 0 0 5px var(--red-focus)
}

.wrapper .checkbox.error input:checked+label {
    background: var(--red)
}

.wrapper .checkbox.error input:checked:active+label {
    background: var(--red-dark)
}

.wrapper .label {
    margin-left: 1rem
}

.wrapper {
    position: relative;
    width: 100%
}

.b24-form-control-string .b24-form-control,
.b24-form-control-list .b24-form-control,
.b24-form-control-text .b24-form-control,
.b24-form-control-select .field-item {
    border-radius: 4px;
    border: none !important;
    height: var(--field);
    border-bottom: 1px solid var(--theme-opacity) !important;
    background: #000000 !important
}

.label {
    font-size: var(--fz-smaller);
    margin-bottom: .5rem;
    display: block;
    color: var(--text-grey)
}

.label .mark {
    color: var(--red);
    margin-left: .2em
}

.program .section__title img {
    margin-left: auto
}

.program .section__title p {
    max-width: 100% !important
}

body input:not([type=checkbox]) {
    width: 100%;
    height: var(--field);
    font-size: var(--fz);
    border: 1px solid var(--field-border);
    border-radius: var(--rad);
    padding: 0 1.5rem;
    outline: none;
    transition: .3s;
    background: none;
    color: var(--text);
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--field-bg)
}

body input:not([type=checkbox])::-moz-placeholder {
    color: var(--text-grey-light)
}

body input:not([type=checkbox])::placeholder {
    color: var(--text-grey-light)
}

body input:not([type=checkbox]):hover {
    background: var(--grey-bg)
}

body input:not([type=checkbox]):focus {
    border-color: var(--theme);
    box-shadow: 0 0 0 1px var(--theme), 0 0 0 5px var(--theme-focus)
}

body input:not([type=checkbox]).small {
    --fz: var(--fz-small);
    --field: var(--field-small)
}

body input:not([type=checkbox]).smaller {
    --fz: var(--fz-smaller);
    --field: var(--field-smaller)
}

body input:not([type=checkbox]).large {
    --fz: var(--fz-large);
    --field: var(--field-large)
}

body input:not([type=checkbox]).larger {
    --fz: var(--fz-larger);
    --field: var(--field-larger)
}

body input:not([type=checkbox]).error {
    border-color: var(--theme);
    --theme: var(--red);
    --theme-focus: var(--red-focus)
}

body input:not([type=checkbox]).center {
    text-align: center
}

.icon,
.afterIcon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--fz)*1.2);
    padding: 0 1.5rem;
    pointer-events: none;
    color: var(--text-grey-light)
}

.icon.afterIcon,
.afterIcon.afterIcon {
    left: auto;
    right: 0
}

.icon+.input {
    padding-left: 4.5rem
}

.afterIcon+.input {
    padding-right: 4.5rem
}

.description {
    margin-top: .8rem;
    font-size: var(--fz-small);
    color: var(--text-grey);
    line-height: 1.3
}

.description:before {
    margin-right: .3em;
    transform: translateY(10%);
    display: inline-block
}

.errorMessage {
    margin-top: .6rem;
    font-size: var(--fz-small);
    color: var(--red);
    line-height: 1.3
}

.errorMessage:before {
    margin-right: .3em;
    transform: translateY(10%);
    display: inline-block
}

.sliderWrapper .inputs {
    margin-bottom: 1rem;
    display: flex;
    align-items: center
}

.sliderWrapper .inputs>*:not(.inputsSep) {
    width: 0;
    flex-grow: 1
}

.sliderWrapper .inputs .inputsSep {
    margin: 0 .4rem
}

.sliderWrapper .labels {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
    font-size: var(--fz-smaller);
    color: var(--text-grey);
    margin-top: 1rem
}

.accordion {
    max-width: 65%;
    margin: 0 auto
}

@media(max-width: 767px) {
    .accordion {
        max-width: 100%
    }
}

.accordion-item {
    border-bottom: 1px solid #d7dae2
}

.accordion-item-header {
    height: 7rem;
    transition: .3s;
    display: flex;
    font-size: 1.65rem;
    font-weight: 700;
    align-items: center;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer
}

@media(max-width: 767px) {
    .accordion-item-header {
        padding-right: 4rem
    }
}

.accordion-item-header .trigger {
    position: absolute;
    right: 0;
    top: 2rem;
    height: 3rem;
    width: 3rem
}

.accordion-item-header .trigger img {
    height: 3.5rem;
    width: 3.5rem
}

@media(max-width: 767px) {
    .accordion-item-header .trigger img {
        width: 3rem;
        height: 2rem
    }
}

.accordion-item-header.active .trigger {
    transform: rotate(180deg);
    transform-origin: center
}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease-out
}

.accordion-item-body-content {
    color: #555a65;
    max-width: 80%;
    padding-bottom: 3rem;
    font-size: 1.35rem;
    line-height: 1.5
}

@media(max-width: 767px) {
    .accordion-item-body-content {
        max-width: 90%
    }
}

section.main {
    background-image: url("/upload/conference/template/novyy-nalogovyy-kodeks-razbor-po-polochkam/images/Hero.png");
    background-position: right;
    background-size: cover;
    width: 100%
}

@media screen and (max-width: 1399px) {
    section.main {
        min-height: auto;
        padding-top: var(--field);
        padding-bottom: var(--field)
    }
}

section.main .main__content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}

section.main .main__content .halyk {
    height: 8rem;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    right: 0;
    top: 0
}

@media(max-width: 767px) {
    section.main .main__content .halyk {
        height: 7rem;
        top: 1rem
    }
}

section.main .main__content .desc__block {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 2rem 3rem;
    border-radius: var(--rad-large)
}

@media screen and (max-width: 768px) {
    section.main .main__content .desc__block {
        flex-direction: column;
        align-items: flex-start
    }
}

section.main .main__content .desc__block i::before {
    color: var(--bg);
    font-size: 4rem;
    margin-right: 1.5rem
}

section.main .main__content .desc__block p {
    color: var(--bg);
    margin-bottom: 0;
    font-weight: 400;
    font-size: 1.5rem
}

section.main .main__content .desc__block>* {
    display: flex;
    align-items: center
}

section.main .main__content .desc__block b {
    margin-right: 1rem
}

section.main .main__content .desc__block>*:last-child {
    margin-left: 4rem
}

@media screen and (max-width: 768px) {
    section.main .main__content .desc__block>*:last-child {
        margin-left: 0;
        margin-top: 2rem
    }
}

section.main .main__content .main__content-links {
    display: flex;
    align-items: flex-end;
    margin-bottom: 2rem
}

section.main .main__content .main__content-links>*:not(:last-child) {
    margin-right: 8rem
}

section.main .main__content .main__content-links img {
    height: 7rem
}

@media screen and (max-width: 768px) {
    section.main .main__content .main__content-links {
        margin-bottom: 3rem
    }
}

@media screen and (max-width: 768px) {
    section.main .main__content {
        min-height: auto;
        padding: 0
    }
}

section.main .main__content .subtitle {
    font-size: 2rem;
    margin-bottom: 5rem;
    font-weight: 300
}

section.main .main__content p {
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 1.15;
    margin-bottom: 5rem
}

section.main .main__content h1 {
    line-height: 1;
    margin-bottom: 4rem;
    padding-top: 3rem
}

section.main .main__content h1 span {
    font-weight: 100;
    font-size: 4rem
}

@media(max-width: 767px) {
    section.main .main__content h1 span {
        font-weight: 300;
        font-size: 1.5rem
    }
}

section.main .main__content .main__text {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 5rem
}

@media screen and (max-width: 768px) {
    section.main .main__content .main__text {
        font-size: 1.4rem
    }
}

section.main .main__content .main__btns {
    display: flex;
    flex-wrap: wrap
}

section.main .main__content .main__btns>* span {
    color: #000 !important
}

section.main .main__content .main__btns>*:not(last-child) {
    margin-right: 1.5rem
}

@media(max-width: 767px) {
    section.main .main__content .main__btns>*:not(last-child) {
        margin-bottom: .5rem;
        margin-right: .5rem
    }
}

section.main .main__content .main__date {
    display: flex;
    align-items: center;
    position: relative
}

section.main .main__content .main__date>* {
    font-size: var(--fz-large);
    font-weight: 400;
    padding: 0 1.5rem
}

section.main .main__content .main__date>* i {
    margin-right: 1rem
}

section.main .main__content span.theme {
    color: #41ffdd
}

section.main .main__content .main__description {
    display: flex;
    align-items: flex-start;
    padding: 2rem 0;
    margin-top: 2rem;
    width: calc(100% + 4rem)
}

@media screen and (max-width: 768px) {
    section.main .main__content .main__description {
        justify-content: center;
        width: calc(100% + 2rem)
    }
}

section.main .main__content .main__description>* {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 4rem;
    font-size: 2rem;
    line-height: 1.35
}

@media screen and (max-width: 768px) {
    section.main .main__content .main__description>* {
        font-size: 1.4rem;
        margin-right: 0
    }
}

section.main .main__content .main__description>*:first-child {
    width: 15rem;
    border-radius: 50%;
    height: 15rem;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 0 !important
}

@media screen and (max-width: 768px) {
    section.main .main__content .main__description>*:first-child {
        width: 10rem;
        height: 10rem
    }
}

section.main .main__content .main__description>*:nth-child(2) {
    border-radius: 80px;
    border: 2px solid #fff;
    padding: 2.5rem 3rem;
    font-size: 5rem;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    section.main .main__content .main__description>*:nth-child(2) {
        font-size: 2rem;
        padding: 3rem 2rem
    }
}

section.main .main__content .main__description>*:last-child {
    width: 16rem;
    border-radius: 50%;
    height: 16rem;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 0 !important
}

@media screen and (max-width: 768px) {
    section.main .main__content .main__description>*:last-child {
        width: 10rem;
        height: 10rem
    }
}

section.main .main__content .main__description>* span {
    font-size: 3.5rem;
    font-weight: 700
}

@media screen and (max-width: 768px) {
    section.main .main__content .main__description>* span {
        font-size: 2rem
    }
}

section.main .main__content .main__description>* img {
    height: 4rem;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 1.25rem
}

section.main .main__content .main__description>* p {
    white-space: nowrap;
    font-weight: 600;
    font-size: var(--fz-larger)
}

section.main .main__content .main__description>*:not(:last-child) {
    margin-right: 5rem
}

@media screen and (max-width: 768px) {
    section.main .main__content .main__description>*:not(:last-child) {
        margin-right: 2rem;
        margin-bottom: 1rem
    }
}

.order .uc-registration-input label {
    color: #000 !important
}

.about {
    position: relative
}

.about ul {
    list-style-type: disc;
    margin-top: 2rem
}

.about ul li {
    color: #8c919b;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.75rem
}

section.partners {
    text-align: center
}

section.partners h3 {
    margin-bottom: 3rem;
    font-size: var(--h4)
}

section.partners .first__item img {
    height: 12rem;
    -o-object-fit: contain;
    object-fit: contain
}

section.partners .partners__item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: var(--padding)
}

@media screen and (max-width: 768px) {
    section.partners .partners__item {
        flex-direction: column
    }
}

section.partners .partners__item img {
    width: 25%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

section.partners .partners__item img:not(:last-child) {
    margin-right: var(--padding)
}

@media screen and (max-width: 768px) {
    section.partners .partners__item img:not(:last-child) {
        margin-bottom: 4rem;
        margin-right: 0
    }
}

@media screen and (max-width: 768px) {
    section.partners .partners__item img {
        height: 7rem;
        width: auto
    }
    section.partners .partners__item img:last-child {
        height: 6rem
    }
}

.about__right-img {
    position: absolute;
    bottom: -6px;
    right: 0;
    width: 40%;
    z-index: -1;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media(max-width: 767px) {
    .about__right-img {
        display: none
    }
}

.prize {
    position: relative;
    z-index: 20
}

.prize .content {
    padding-top: 3rem
}

@media(max-width: 767px) {
    .prize .content {
        margin-bottom: 2rem;
        text-align: center
    }
}

.section__title {
    display: flex
}

@media(max-width: 767px) {
    .section__title {
        flex-direction: column
    }
}

.section__title .section__title-text {
    width: 35%;
    flex-shrink: 0;
    margin-right: 3rem
}

@media(max-width: 767px) {
    .section__title .section__title-text {
        width: 100%;
        margin-bottom: 2rem
    }
}

.section__title .section__title-text .sub-title {
    margin-bottom: 3.25rem
}

.section__title svg {
    margin-left: auto
}

@media(max-width: 767px) {
    .section__title svg {
        margin-top: -2rem
    }
}

.section__title h3 {
    width: 45%;
    flex-shrink: 0;
    line-height: 1.2
}

@media(max-width: 767px) {
    .section__title h3 {
        width: 100%
    }
}

.section__title h3 span {
    color: var(--text-grey)
}

.about__content {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 1rem)
}

.about__content>* {
    height: 6rem;
    border-radius: 5px;
    padding: 0 2rem;
    font-size: 2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 767px) {
    .about__content>* {
        font-size: 1.65rem;
        font-weight: 600
    }
}

.about__content>*:not(:last-child) {
    width: calc(50% - 1rem);
    margin-right: 1rem;
    margin-bottom: 1rem;
    background-color: #ececec
}

@media(max-width: 767px) {
    .about__content>*:not(:last-child) {
        width: calc(100% - 1rem)
    }
}

.about__content>*:last-child {
    width: calc(100% - 1rem);
    color: #fff;
    background: radial-gradient(143.01% 258.31% at 100% -69.84%, #E31724 3.28%, #FFADB3 38.44%, #E31724 68.7%, #E41D2A 100%)
}

.conference-benefits {
    background-color: var(--border)
}

.conference-benefits__tag {
    font-size: 1.4rem;
    padding: .6rem 1.4rem;
    border: 1px solid #000;
    border-radius: .6rem;
    background: #000000;
    cursor: pointer;
    margin-bottom: 2rem
}

.conference-benefits__title {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.3;
    color: #212121
}

.conference-benefits__title--light {
    font-weight: 500;
    color: #8a8f98
}

.conference-benefits__cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: calc(100% + 1.5rem);
    margin-bottom: -1.5rem
}

.conference-benefits__card {
    background: var(--bg-opacity);
    padding: 2.5rem;
    border-radius: 1.2rem;
    width: calc(100%/var(--card) - 1.5rem);
    margin-right: 1.5rem;
    text-align: left;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 18rem;
    box-shadow: var(--shadow)
}

.conference-benefits__card--highlighted {
    background: radial-gradient(220.01% 240.31% at 100% -60.84%, #E31724 2.28%, #FFADB3 38.44%, #E31724 55.7%, #E41D2A 100%)
}

.conference-benefits__text {
    font-size: 1.65rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 2rem
}

.conference-benefits__text--white {
    color: #fff
}

@media screen and (max-width: 768px) {
    .conference-benefits__text {
        font-size: 1.4rem
    }
}

.conference-benefits .btn {
    margin-left: auto
}

section.actual h3 {
    margin-bottom: 6rem
}

section.actual .actual__content {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 4rem);
    margin-bottom: -2rem
}

section.actual .actual__content>* {
    width: calc(100%/var(--card) - 4rem);
    margin-right: 4rem;
    margin-bottom: 2rem
}

section.actual .actual__content>* svg {
    width: 4.5rem;
    margin-bottom: 4rem
}

@media screen and (max-width: 768px) {
    section.actual .actual__content>* svg {
        margin-bottom: 1rem
    }
}

section.actual .actual__content>* .title {
    font-size: 1.5rem
}

section.programm {
    position: relative
}

section.programm .bottom__content {
    position: relative
}

section.programm .bottom__content h6 {
    max-width: 50%;
    line-height: 1.2;
    margin-bottom: 3rem
}

section.programm .bottom__content .btn {
    display: flex;
    align-items: center
}

section.programm .bottom__content .btn:hover svg {
    margin-left: 0
}

section.programm .bottom__content .btn svg {
    margin-left: .5rem;
    width: 1.75rem;
    height: 1.5rem;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

section.programm .tabs {
    display: flex;
    margin-bottom: 4rem;
    width: calc(100% + 1rem)
}

.last__section {
    position: relative
}

.last__section h2 {
    text-align: center;
    margin-bottom: 4rem;
    font-size: var(--h1)
}

.last__section .last__block {
    max-width: 65%;
    margin: 0 auto;
    padding-top: 4rem
}

@media screen and (max-width: 1299px) {
    .last__section .last__block {
        padding-top: 0
    }
}

@media screen and (max-width: 767px) {
    .last__section .last__block {
        max-width: 100%
    }
}

.last__section .last__block .content {
    text-align: left
}

.last__section .last__block .image {
    position: absolute;
    z-index: -1;
    bottom: -3px;
    right: calc((100vw - var(--container))/1.35);
    width: 25%
}

@media screen and (max-width: 1299px) {
    .last__section .last__block .image {
        display: none
    }
}

.last__section h4 {
    max-width: 100%;
    font-size: var(--h5)
}

@media screen and (max-width: 1299px) {
    .last__section h4 {
        text-align: center
    }
    .last__section h4 br {
        display: none
    }
}

@media screen and (max-width: 1299px) {
    .last__section h4 {
        max-width: 100%;
        font-size: 1.75rem
    }
}

.last__section .btn {
    margin-top: 3rem
}

@media screen and (max-width: 1299px) {
    .last__section .btn {
        margin: 3rem auto 0 auto
    }
}

.last__section .btn span {
    color: var(--red)
}

body section.programm {
    padding-top: 2rem !important
}

@media(max-width: 767px) {
    .programm {
        padding-bottom: var(--field) !important
    }
}

.programm .section-title {
    display: none
}

.order {
    z-index: 22;
    position: relative
}

.order .uc-registration-wrapper {
    margin: 0;
    padding: 0;
    max-width: 40%;
    border-radius: 10px
}

@media(max-width: 767px) {
    .order .uc-registration-wrapper {
        max-width: 100%
    }
}

.programm,
section.order {
    padding: calc(var(--field-large)*2) 0
}

@media screen and (max-width: 768px) {
    .programm,
    section.order {
        padding: 0
    }
}

.uc-them-dark {
    color: var(--text) !important
}

.order__content {
    padding: 0 var(--field-large);
    display: flex;
    align-items: start;
    justify-content: space-between
}

.order__content .section__title p {
    max-width: 60%
}

@media screen and (max-width: 768px) {
    .order__content {
        flex-direction: column;
        padding-bottom: var(--field-large)
    }
}

.order__content .section__title {
    padding-top: var(--field-large)
}

.order__content .section__title p {
    max-width: 100% !important
}

@media screen and (max-width: 768px) {
    .order__content {
        padding: 0
    }
}

.order__title {
    flex-direction: column
}

.order__title h3 {
    font-size: var(--h1)
}

section.programm .tabs .tab-button {
    transition: .5s
}

section.programm .tabs .tab-button:hover {
    background-color: var(--red-light);
    border-color: var(--red-light);
    color: #fff
}

section.programm .tab__content {
    position: relative;
    max-width: 80%;
    margin: 0 auto
}

@media(max-width: 767px) {
    section.programm .tab__content {
        max-width: 100%
    }
}

section.programm .tab__content .tab-panel {
    transform: translateY(-30px);
    height: 0;
    opacity: 0;
    transition: opacity .3s ease, transform .5s ease
}

section.programm .tab__content .tab-panel.active {
    height: 100%;
    opacity: 1;
    transform: translateY(0)
}

.program__content {
    color: #232323
}

.tabs {
    display: flex;
    gap: 1rem 2rem;
    justify-content: center;
    margin-bottom: var(--field-large)
}

@media screen and (max-width: 768px) {
    .tabs {
        justify-content: flex-start
    }
}

.tab-button {
    padding: 1.25rem 2rem;
    border-radius: 2.25rem;
    background: #000000;
    border: 1px solid #6e7179;
    cursor: pointer;
    color: #6e7179;
    font-weight: 400;
    font-size: 1.65rem
}

.tab-button.active {
    background: var(--red);
    color: #fff;
    border-color: var(--red)
}

.top-title h5 {
    font-weight: 500;
    margin-bottom: var(--field-large);
    font-size: 2.5rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2;
    max-width: 40%
}

@media screen and (max-width: 768px) {
    .top-title h5 {
        margin-bottom: 2rem;
        font-size: 2rem;
        margin-left: 0;
        max-width: 100%
    }
}

.prize__content {
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

@media(max-width: 767px) {
    .prize__content {
        flex-direction: column;
        max-width: 100%
    }
}

.prize__content .image {
    width: 45%;
    flex-shrink: 0;
    z-index: -1;
    margin-bottom: -3px
}

@media(max-width: 767px) {
    .prize__content .image {
        width: 90%;
        margin-left: auto;
        z-index: -1;
        margin-top: 2rem;
        margin-bottom: -3px;
        margin-right: auto
    }
}

.prize__content .content p {
    line-height: 1.4;
    margin: 2rem 0 3rem
}

.prize__content .content .btn {
    padding-left: 2rem;
    padding-right: 2rem
}

@media(max-width: 767px) {
    .prize__content .content .btn {
        padding-left: 4rem;
        padding-right: 3rem;
        margin: 0 auto
    }
}

.tab-panel {
    position: relative
}

section.programm {
    background-color: var(--border)
}

section.programm {
    background-color: var(--border)
}

section.programm .spiker {
    position: relative;
    display: flex;
    align-items: flex-start;
    background: #fff;
    border-radius: var(--rad);
    padding: 2.4rem 6rem;
    margin-bottom: 1.5rem;
    font-size: 1.4rem
}

section.programm .spiker:nth-child(even) {
    background-color: #e7e7e7
}

section.programm .spiker::after {
    content: "";
    border-left: 1px solid #4d4d4d;
    position: absolute;
    left: calc(3rem + 2.5px);
    bottom: auto;
    top: 3rem;
    height: calc(100% + 2rem);
    z-index: 1
}

@media screen and (max-width: 768px) {
    section.programm .spiker {
        flex-direction: column
    }
}

section.programm .spiker::before {
    content: "";
    position: absolute;
    left: 3rem;
    top: 2.9rem;
    width: 6px;
    z-index: 2;
    height: 6px;
    background: #000;
    border-radius: 50%
}

section.programm .left-block {
    display: flex;
    align-items: flex-start;
    width: 58%;
    margin-right: 2rem;
    flex-shrink: 0
}

@media screen and (max-width: 768px) {
    section.programm .left-block {
        margin-bottom: 2rem;
        flex-direction: column;
        width: 100%
    }
}

section.programm .left-block .time {
    font-size: 1.45rem;
    width: 20%;
    flex-shrink: 0;
    display: none
}

@media screen and (max-width: 768px) {
    section.programm .left-block .time {
        width: -moz-fit-content;
        width: fit-content;
        background-color: var(--bg-opacity);
        border-radius: 2rem;
        padding: .7rem 1.25rem;
        text-align: center;
        font-weight: 500;
        margin-bottom: 2rem
    }
}

section.programm .left-block .md-text {
    font-weight: 600
}

section.programm .right-block {
    display: flex;
    align-items: flex-start
}

section.programm .right-block .inner {
    display: flex;
    gap: 2rem;
    align-items: flex-start
}

section.programm .right-block .image {
    display: none
}

section.programm .right-block .image img {
    width: 4.5rem;
    height: 4.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

section.programm .right-block .text .name {
    font-weight: 500;
    margin-bottom: .5rem
}

section.programm .right-block .text p {
    color: #373737;
    margin: 0;
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.4
}

section.programm .spiker:last-child {
    background: #4d4d4d;
    color: #fff
}

section.programm .spiker:last-child::after {
    content: none
}

@media screen and (max-width: 768px) {
    section.programm .spiker:last-child .left-block .time {
        width: -moz-fit-content;
        width: fit-content;
        background-color: var(--bg-opacity);
        color: #373737
    }
}

section.programm .spiker:last-child .text p,
section.programm .spiker:last-child .name,
section.programm .spiker:last-child .time,
section.programm .spiker:last-child .md-text {
    color: #fff
}

section.programm .spiker:last-child::before {
    background: #fff
}

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

h3.tac {
    text-align: center;
    padding-bottom: 4rem
}

ul {
    font-size: 1.5rem
}

ul>*:not(:last-child) {
    margin-bottom: 1rem
}

header ul>*:not(:last-child) {
    margin-bottom: 0
}

section.order {
    background-image: url(/upload/conference/template/novyy-nalogovyy-kodeks-razbor-po-polochkam/images/orderbg.jpg);
    background-position: right;
    background-size: cover
}

@media screen and (max-width: 768px) {
    section.order {
        padding-bottom: var(--field)
    }
}

section.order .mb2 {
    margin-bottom: 2rem
}

section.order .b24-form-btn {
    background-color: #f5df4d;
    border-radius: 400px;
    box-shadow: none;
    margin-left: auto;
    color: var(--text) !important;
    margin-right: auto;
    padding: 2.2rem 3rem !important;
    margin-top: 3rem;
    color: var(--theme) !important
}

section.order .b24-form-btn:hover {
    background: #dfc30d
}

section.order .b24-form {
    width: 50%;
    margin: 0 auto;
    border-radius: 3rem;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, .04)
}

@media(max-width: 767px) {
    section.order .b24-form {
        width: 100%
    }
}

section.order .b24-form .b24-form-control-string .b24-form-control-label,
section.order .b24-form .b24-form-control-list .b24-form-control-label,
section.order .b24-form .b24-form-control-text .b24-form-control-label {
    color: #fff !important;
    opacity: 1
}

section.order .b24-form input {
    color: #fff !important
}

section.order .b24-form .b24-form-header {
    display: none
}

section.order .b24-form .b24-form-content {
    padding: 3rem !important
}

section.order .b24-form .b24-form-wrapper {
    background-color: #939597 !important
}

section.order .b24-form .b24-form-wrapper.b24-form-border-bottom {
    border-bottom: none
}

section.order .b24-form .b24-form-control-string .b24-form-control,
section.order .b24-form .b24-form-control-list .b24-form-control,
section.order .b24-form .b24-form-control-text .b24-form-control,
section.order .b24-form .b24-form-control-select .field-item {
    border-bottom: 1px solid #fff !important
}

section.info .info__content>*:first-child {
    margin-bottom: var(--field)
}

section.info .info__content .info__block>* {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 3rem
}

section.info .info__content .info__block>*>*:not(:last-child) {
    margin-right: var(--field)
}

section.info .info__content .info__block>* img {
    height: var(--field);
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    transition: .3s
}

section.info .info__content .info__block>* img:hover {
    transform: scale(0.9)
}

@media screen and (max-width: 768px) {
    section.info .info__content .info__block>* img {
        height: var(--field-small)
    }
}

ul.styled {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: .3s
}

ul.styled.show {
    height: auto;
    opacity: 1;
    overflow: visible
}

ul.styled {
    list-style-type: disc;
    padding-left: 1rem;
    font-size: 1.5rem;
    font-weight: 500
}

ul.styled li::marker {
    color: var(--theme);
    font-size: 15px
}

.inner span.name {
    font-style: italic;
    font-size: 2rem;
    margin: 1rem 0 -1rem 0;
    display: flex
}

section.tabs .tab__content .profiles>* .profile__regalia {
    max-width: 100% !important
}

.more {
    margin: 2rem 0 1.4rem;
    font-size: 1.5rem
}

section.tabs .tabs__items {
    min-height: 100vh !important
}

@media(max-width: 767px) {
    section.tabs .tabs__items {
        min-height: 150rem
    }
    .more {
        margin-left: auto;
        margin-right: auto
    }
    .inner span.name {
        text-align: center;
        justify-content: center
    }
}

section.register .register__content .register__info {
    margin-top: 3rem
}

.section__title .section__title-text .sub-title.sub-title-sm {
    display: none
}

@media(max-width: 767px) {
    section.register .register__content .register__info {
        margin-top: 0
    }
    .section__title svg {
        display: none
    }
    .section__title .section__title-text {
        order: 2;
        margin-top: 2rem;
        margin-bottom: 0 !important
    }
    .section__title .section__title-text .sub-title {
        display: none
    }
    .section__title .section__title-text .sub-title.sub-title-sm {
        display: block;
        margin-bottom: 2rem
    }
}

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

[class^=icon-],
[class*=" icon-"] {
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-clock:before {
    content: ""
}

.icon-after:before {
    content: ""
}

.icon-balance:before {
    content: ""
}

.icon-before:before {
    content: ""
}

.icon-calendar:before {
    content: ""
}

.icon-cart:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-instagram1:before {
    content: ""
}

.icon-map:before {
    content: ""
}

.icon-pattern:before {
    content: ""
}

.icon-quote:before {
    content: ""
}

.icon-valute:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-telegram:before {
    content: ""
}

.icon-vk:before {
    content: ""
}

.header {
    height: var(--header);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .05)
}

.header__container {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--header)
}

.header__nav-list {
    display: flex;
    gap: 3rem;
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 768px) {
    .header__nav-list {
        display: none
    }
}

footer.site-footer {
    background-color: #3a3a3a;
    padding: var(--field-large) 0
}

footer.site-footer .footer__content {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    footer.site-footer .footer__content {
        flex-direction: column
    }
}

footer.site-footer .footer__content .footer__contact-item {
    font-weight: 300;
    font-size: 1.3rem
}

footer.site-footer .footer__content h3 {
    font-weight: 400;
    margin-bottom: 2rem;
    font-size: 3rem
}

footer.site-footer .footer__content .footer__logo img {
    height: 2.7rem;
    -o-object-fit: contain;
    object-fit: contain
}

footer.site-footer .footer__content .social {
    margin: 3rem 0 2rem 0
}

footer.site-footer .footer__content .social a {
    transition: .5s;
    margin-right: 1rem
}

footer.site-footer .footer__content .social a svg {
    transition: .5s
}

footer.site-footer .footer__content .social a:hover svg {
    transform: scale(0.9)
}

footer.site-footer .footer__content .social a:before {
    background-color: #fff;
    color: var(--bg);
    border-radius: var(--rad-small);
    padding: .5rem;
    font-size: 1.65rem;
    transition: .5s
}

.header__container {
    justify-content: space-between;
}