* {
    padding: 0px;
    margin: 0px;
    border: none;
}

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

a {
    color: inherit;
}

aside,
nav,
footer,
header,
section,
main {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-size: inherit;
    font-weight: inherit;
}

ul,
ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

img,
svg {
    max-width: 100%;
    height: auto;
}

address {
    font-style: normal;
}

input,
textarea,
button,
select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

input::-ms-clear {
    display: none;
}

button,
input[type="submit"] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
}

input:focus,
input:active,
button:focus,
button:active {
    outline: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

label {
    cursor: pointer;
}

legend {
    display: block;
}

:root {
    --cream-color: #F2F2F2;
    --brown: #AE701E;
}

@font-face {
    font-family: 'Bitum';
    src: url(./assets/fonts/Bitum.woff2);
    font-weight: 400;
}

@font-face {
    font-family: 'Wremena';
    src: url(./assets/fonts/Wremena-Light.woff2);
    font-weight: 300;
}



body {
    position: relative;
    font-family: 'Bitum', sans-serif;
    color: var(--brown);
    background: var(--cream-color);
    font-feature-settings: 'case' on;
}

.conference {
    overflow: hidden;
}

.container {
    position: relative;
    max-width: 1210px;
    margin: 0 auto;
    padding: 0 36px;
}

.primary-btn {
    padding: 18px 36px;
    text-transform: uppercase;
    font-family: 'Wremena';
    font-size: 36px;

    line-height: 36px;
    color: var(--brown);
    background: var(--cream-color);
    border: 1px solid var(--cream-color);
}

.small-text {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

.medium-text {
    font-size: 18px;
    line-height: 18.3px;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.large-text {
    font-family: 'Wremena', sans-serif;
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
}

.conference {
    position: relative;
}

.header {
    position: relative;
    padding: 125px 0 192px;
    text-align: center;
    overflow: hidden;
}

.logo {
    width: 114px;
    height: 39px;
    margin-bottom: 30px;
}

.header-wrap {
    width: 37.7%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header .left {
    position: absolute;
    left: -7%;
    top: 50%;
    transform: translateY(-50%);
}

.header .right {
    position: absolute;
    right: 1vw;
    top: 50%;
    transform: translateY(-50%);

}

.header,
.title-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

.title-wrap--top {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

.title-wrap--bottom.mobile {
    display: none;
}

.header__title-wrap {
    max-width: 499px;
}

.menu {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
    max-width: 1030px;
    min-width: 990px;
    padding: 12px;
    background: var(--cream-color);
    border-right: 2px solid var(--brown);
    border-left: 2px solid var(--brown);
    transition: height .6s ease, opacity .6s ease, visibility .6s ease;
    z-index: 100;
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.menu.show,
.burger-menu.show,
.mobile-menu.show {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.burger-menu {
    width: 98px;
    margin: 0 auto;
    padding: 9px 18px;
    text-align: center;
    font-size: 19px;
    line-height: 18px;
    background: var(--cream-color);
    border-right: 2px solid var(--brown);
    border-left: 2px solid var(--brown);
    transition: height .6s ease, opacity .6s ease, visibility .6s ease;
    z-index: 100;
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.menu-cross {
    display: none;
}

.menu-cross img {
    width: 88px;
}

.burger-menu.cross-active {
    padding: 2px 5px;
}

.burger-menu.cross-active .menu-text {
    display: none;
}

.burger-menu.cross-active .menu-cross {
    display: inline-block;
}

.menu__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2%;
}

.menu__reg-btn {
    display: block;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: -39px;
    transform: translateX(-50%);
    padding: 10px;
    border-top: 2px solid var(--brown);
    background: var(--cream-color);
    font-size: 19px;
    line-height: 18px;
    text-decoration: none;
}

.menu__list a {
    display: block;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    white-space: nowrap;

}

.burger-menu__wrap {
    width: 100%;
    position: fixed;
    display: flex;
    flex-direction: column;
    transform: translateY(-100px);
    z-index: 110;
}

.mobile-menu {
    width: 100%;
    transition: height .6s ease, opacity .6s ease, visibility .6s ease;
    height: 0;
    opacity: 0;
    visibility: hidden;
}

#mobile-menu {
    padding: 0;
    border: none;
}

#mobile-menu .menu__list {
    width: 100%;
    flex-direction: column;
    gap: 0;
}

#mobile-menu .menu__list a {
    font-family: "Wremena";
    text-decoration: none;
    font-size: 19px;
    line-height: 18px;
    color: var(--cream-color);
}

#mobile-menu .menu__list li {
    width: 100%;
    text-align: center;
    padding: 12px;
    background: var(--brown);
    border-bottom: 1px solid var(--cream-color);
}

.menu--bottom {
    position: relative;
}

.reg-btn__wrap {
    position: relative;
}

.menu--bottom .menu__reg-btn {
    display: block;
    text-align: center;
    position: static;
    width: 100%;
    padding: 50px 36px;
    border: none;
    transform: translateX(0);
}

.menu--bottom .square {
    z-index: 105;
    width: 12px;
    height: 12px;
}

.menu--bottom .top-left {
    top: 12px;
    left: 12px;
}

.menu--bottom .top-right {
    top: 12px;
    right: 12px;
}

.menu--bottom .bottom-right {
    bottom: 12px;
    right: 12px;
}

.menu--bottom .bottom-left {
    bottom: 12px;
    left: 12px;
}

.menu--bottom .close-menu {
    position: relative;
    width: 100%;
    padding: 18px;
    color: var(--cream-color);
    font-size: 12px;
    background: var(--brown);
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.menu--bottom .close-menu::before,
.menu--bottom .close-menu::after {
    content: url(./assets/little-cross.svg);
    position: absolute;
}

.menu--bottom .close-menu::before {
    left: 12px;
}

.menu--bottom .close-menu::after {
    right: 12px;
}


.hr-vertical-lines {
    position: absolute;
    left: 0;
    padding: 0;
    width: 100%;
    height: 36px;
    border: none;
    color: var(--brown);
    background-image: linear-gradient(90deg, var(--brown), var(--brown) 2px, transparent 2px, transparent 100%);
    background-size: 11.983px 100%;
}

.hr-vertical-lines.light {
    width: 97.5%;
    left: 50%;
    transform: translateX(-50%);
    color: var(--cream-color);
    background-image: linear-gradient(90deg, var(--cream-color), var(--cream-color) 2px, transparent 2px, transparent 100%);
    /* background-size: 13px 100%; */
    background-size: 11.94px 100%;
}

.hr-vertical-lines.bg {
    height: 100%;
}

.hr-vertical-lines.top {
    top: 0;
}

.hr-vertical-lines.bottom {
    bottom: 0;
}

.bg-triangle {
    background: url(./assets/triangles.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.bold-line,
.bold-lines {
    position: absolute;
}

.bold-lines {
    left: 50%;
    transform: translateX(-50%);
}

.bold-line.top {
    top: 36px;
}

.bold-line.bottom {
    bottom: 36px;
}

.after-broadcast,
.intro {
    display: none;
}

.after-broadcast {
    position: relative;
    padding: 0 36px;
    margin: 60px 0 65px;
}

.after-broadcast a {
    display: inline-block;
    text-decoration: none;
}

.after-broadcast .hr-vertical-lines.bg {
    top: -60px;
    height: 133%;
}

.after-broadcast .container {
    position: relative;
    max-width: 1368px;
    padding: 36px 36px 42px;
    background: var(--brown);
    color: var(--cream-color);
    text-align: center;
}

.after-broadcast__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    max-width: 1090px;
    margin: 0 auto 120px;
}

.player-preview {
    display: none;
    position: relative;
    width: 222px;
    height: 125px;
    border: 1px solid var(--cream-color);
}

.player-preview__btn {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 50%;
    left: 48%;
    transform: translate(0, -50%);
}

.intro {
    position: relative;
    width: 100%;
    height: 360px;
}

.intro .hr-vertical-lines.bg {
    background-image: linear-gradient(90deg, var(--brown), var(--brown) 2px, transparent 2px, transparent 100%);
    background-size: 47.91px 100%;
}

.intro__text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 386px;
    padding: 5px 0;
    text-align: center;
    line-height: 12px;
    letter-spacing: 1.2px;
    z-index: 5;
    background: var(--cream-color);
}


.broadcast {
    position: relative;
    /* display: none;  */
    margin-bottom: 36px;
    padding: 36px 0;
    text-align: center;
}

.broadcast .container,
.years .container {
    max-width: 1440px;
}

.broadcast-title {
    width: 140px;
    height: 36px;
    margin: 0 auto;
    padding: 6px 3px;
    text-align: center;
}

.broadcast .hr-vertical-lines.bottom {
    bottom: -36px;
}

.broadcast__video {
    width: 100%;
    height: 770px;
    margin: 8px 0 36px;
    background: #000;
}

.broadcast__take-password {
    margin-bottom: 24px;
    padding: 18px 36px;
    color: var(--cream-color);
    background: var(--brown);
}

.broadcast__feedback-mobile {
    padding: 0 23px;
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.broadcast .link {
    font-family: 'Bitum';
    width: 100%;
    padding: 10px 36px;
    border: 1px solid var(--brown);
    border-radius: 300px;
    font-size: 12px;
    text-transform: uppercase;
}

.years {
    position: relative;
    /* padding: 48px 0; */
    padding: 12px 0 48px;
}

.oval {
    position: relative;
    width: 100%;
    height: 240px;
    border-radius: 120px;
    background: linear-gradient(to bottom left, var(--brown) 50%, var(--cream-color), var(--brown) 50%);
    border: 1px solid;
    overflow: hidden;
}

.diag {
    position: absolute;
    width: 200%;
    height: 2px;
    background-color: var(--cream-color);
    z-index: 0;
    left: 50%;
    top: 50%;
}

.diag.diag-1 {
    transform: translate3d(-50%, -50%, 0) rotate(10deg);
}

.diag.diag-2 {
    transform: translate3d(-50%, -50%, 0) rotate(-10deg);
}

.years__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #F2F2F2;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    background: var(--brown);
    z-index: 1;
}

.oval-wrap {
    position: relative;
}

.cubes {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.square {
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: var(--brown);
}

.square.light {
    background: var(--cream-color);
}

.cubes.light .top-left,
.cubes.light .bottom-left,
.square.light.top-left,
.square.light.bottom-left {
    left: 10px;
}

.cubes.light .top-right,
.cubes.light .bottom-right,
.square.light.top-right,
.square.light.bottom-right {
    right: 10px;
}

.cubes.light .square {
    background: var(--cream-color);
}

.top-left {
    top: 12px;
    left: 0;
}

.top-right {
    top: 12px;
    right: 0;
}

.bottom-left {
    left: 0;
    bottom: 12px;
}

.bottom-right {
    bottom: 12px;
    right: 0;
}

.info {
    position: relative;
    padding: 48px 0 432px;
    text-align: center;
}

.info__text-mobile {
    display: none;
}

.bold-lines {
    display: flex;
    gap: 30px;
}

.info .bold-lines {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.bold-lines .bold-line {
    position: static;
}

.about-event {
    padding: 0 25px;
    position: relative;
    text-align: center;
    color: var(--cream-color);
    margin: 96px 0 55px;
}

.about-event--top {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    font-feature-settings: 'case' on;
    line-height: 37px;
}

.about-event__title {
    letter-spacing: 1.8px;
}

.about-event__title-wrap {
    line-height: 38px;
}

.about-event .container {
    position: relative;
    max-width: 1368px;
    padding: 36px 0 275px;
    background: var(--brown);
}

.about-event .cubes {
    height: auto;
}

.about-event .cubes.mobile {
    display: none;
}

.carousel-wrap {
    position: relative;
}

.carousel-wrap .hr-vertical-lines {
    display: none;
}

.about-event .hr-vertical-lines {
    top: -96px;
    height: 100%;
    z-index: -1;
}

.event-formats__internal.mobile {
    display: none;
}

.about-event .mobile {
    display: none;
}

.about-event--middle {
    margin: 48px 0 240px;
}

.registration-btn__wrap {
    position: relative;
}

.registration-btn {
    position: relative;
    display: block;
    max-width: 491px;
    margin: 0 auto;
    text-decoration: none;
    transition: all .25s linear;
    z-index: 3;
}

.message {
    opacity: 0;
    transition: opacity .3s linear;
}

.submit-btn:hover+.message {
    display: block;
}

.registration-btn.primary-btn:hover {
    background: var(--brown);
    border: 1px solid var(--cream-color);
    color: var(--cream-color)
}

.registration-title p:nth-child(1) {
    margin-bottom: 18px;
}

.event-formats {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin: 18px 0 96px 65px;
}

.event-formats p {
    text-transform: none;
}

.event-formats__title {
    margin-bottom: 6px;
}

.event-formats__internal {
    text-align: right;
}

.event-formats__online {
    text-align: left;
}

.owl-carousel .owl-stage {
    width: 768px;
    display: flex;
    align-items: flex-end;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    position: absolute;
    bottom: -44px;
    left: 0;
}

.owl-carousel .owl-stage-outer {

    overflow: visible;
}

.owl-item img {
    transform: scale(1);
    transition: transform 0.5s ease-in-out;
}

.owl-item.active.center img {
    transform: scale(1.05);
}

.owl-item.active.center {
    z-index: 20;
}

.this-year {
    position: relative;
    padding: 72px 0 36px;
    text-align: center;
}

.this-year__title,
.first-paragraph {
    letter-spacing: 1.8px;
    line-height: 18.3px;
}

.paragraph-wrap {
    position: relative;
}

.this-year--top {
    margin-bottom: 36px;
}

.this-year__subtitle,
.this-year--top p:not(:last-of-type),
.this-year__goal p:not(:last-of-type) {
    margin-bottom: 18px;
}

.this-year__program p {
    margin-bottom: 36px;
}

.this-year__program .center {
    max-width: 670px;
    margin: 0 auto 54px;
    text-align: left;
    text-transform: none;
}

.center p {
    margin-bottom: 15px;
}

.our-goal__wrap,
.this-year--bottom {
    max-width: 907px;
    margin: 0 auto;
    margin: 36px auto 48px;
    ;
}

.this-year--bottom.mobile {
    display: none;
}

.our-goal {
    position: relative;
    border-top: 6px solid var(--brown);
    border-bottom: 6px solid var(--brown);
}

.this-year--bottom {
    margin: 72px auto 36px;
}

.speakers {
    position: relative;
    color: var(--cream-color);
    margin-top: 164px;
    padding: 0 36px;
}

.speakers .hr-vertical-lines.top {
    height: 114px;
    top: -114px;
}

.speakers .bold-lines {
    top: -185px;
    left: 50%;
    transform: translateX(-50%);
}

.speakers .container {
    position: relative;
    max-width: 1368px;
    background: var(--brown);
    padding: 36px 0;
}

.speakers-title {
    text-align: center;
}

.speakers__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 100px;
    gap: 18px;
    padding: 72px 90px 120px;
}

.row {
    display: flex;
    gap: 18px;
}

.row:last-child {
    justify-content: center;
}

.speaker {
    width: 213px;
    display: flex;
    flex-direction: column;
}

.speaker .small-text,
.timing,
.organizators .small-text {
    text-transform: none;
}

.speaker img {
    width: 145px;
    height: 213px;
    margin-right: 68px;
}

.speaker-name {
    margin: 18px 0 12px;
}

.pattern {
    position: relative;
    background: var(--cream-color);
    overflow: hidden;
}

.pattern .container {
    max-width: 1368px;
    width: 100%;
    height: 492px;
    /* overflow: hidden; */
}

.pattern .diag {
    width: 100%;
    background: var(--brown);
}

.pattern .diag-1 {
    transform: translate3d(-50%, -50%, 0) rotate(16.5deg);
}

.pattern .diag-2 {
    transform: translate3d(-50%, -50%, 0) rotate(-16.5deg);
}

.center-cubes {
    width: 54px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 36px 0;
}


.center-cubes .square {
    position: static;
}

.square-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.program {
    margin: 18px 0 36px;
}

.program-title,
.program-info__title {
    text-align: center;
}

.program-title.mobile {
    display: none;
}

.program-title {
    max-width: 1080px;
    margin: 0 auto 435px;
}

.program-info {
    position: relative;
    padding: 30px 0 110px;
    border-top: 6px solid var(--brown);
    border-bottom: 6px solid var(--brown);
}

.program-days {
    max-width: 930px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.table-wrap {
    position: relative;
}

.program-days table:nth-child(1) .table-title {
    text-align: center;
}

.program-info .bold-lines {
    top: -73px;
    left: 50%;
    transform: translateX(-50%);
}

.highlited {
    font-family: 'Wremena';
    font-size: 15px;
    font-weight: 300;
    line-height: 18px;
    text-transform: uppercase;
}

.border {
    border-top: 6px solid var(--brown);
    border-bottom: 6px solid var(--brown);
}

table {
    position: relative;
}

.timing .border {
    padding: 18px 0;
    margin: -5px 0 18px;
}

.timing {
    max-width: 500px;
    border-spacing: 30px 36px;
}

.timing td {
    vertical-align: top
}

.timing td:nth-child(odd) {
    white-space: nowrap;
}

.time-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.time-item:not(:last-of-type) {
    margin-bottom: 18px;
}

.registration {
    position: relative;
    margin: 130px 0 144px;
    padding: 0 36px;
}

.registration .hr-vertical-lines.top {
    height: 96px;
    top: -96px;
}

.registration .hr-vertical-lines.bottom {
    height: 144px;
    bottom: -144px;
}

.registration .container {
    max-width: 1368px;
    padding: 36px 36px 157px;
    background: var(--brown);
    color: var(--cream-color);
}

.form-wrap {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.form,
.registration-title {
    max-width: 676px;
    margin: 0 auto;
}

.registration-title {
    max-width: 690px;
}

.registration-title {
    text-align: center;
    margin-bottom: 36px;
}


.form input,
.form textarea {
    font-feature-settings: 'case' on;
    width: 100%;
    text-transform: uppercase;
    padding: 14px;
    text-align: center;
    border: 1px solid rgba(242, 242, 242, 0.50);
}

.form input.filled,
.form textarea.filled {
    background: var(--cream-color);
    color: var(--brown);
    border: 1px solid var(--brown);
}


.form input:focus,
.form textarea:focus {
    border: 1px solid var(--cream-color);
    outline: none;
}

.form input::placeholder,
.form input,
.form textarea::placeholder,
.form textarea {
    color: var(--cream-color);
    font-family: 'Wremena';
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
}

.form #questions {
    padding: 18px 36px 18px 160px;
}

.submit-btn {
    margin-bottom: 12px;
}

.submited {
    background: var(--brown);
    color: var(--cream-color);
}

.placeholder-box {
    display: block;
    position: relative;
}

.placeholder-box.questions .placeholder-text {
    width: 79%;
    white-space: normal;
    text-align: center;
}

.another-placeholder {
    font-size: 36px;
    font-family: 'Wremena';
    margin-left: 10px;
    transition: all .3s ease;
}

.placeholder-box input {
    padding-left: 175px;
}

.placeholder-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--cream-color);
    cursor: text;
    user-select: none;
    transition: all 0.3s ease;
}

.placeholder-box .placeholder-text {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--cream-color);
    transition: all 0.3s ease;
}


.placeholder-box input:focus+.placeholder-text,
.placeholder-box .placeholder-text.active,
.placeholder-box input:focus+.placeholder-text .another-placeholder {
    left: 18px;
    top: 50%;
    transform: translate(0, -50%);
    color: rgba(242, 242, 242, 0.50);
    font-family: 'Bitum';
    font-size: 18px;
    line-height: 18px;
}

.placeholder-box.questions .placeholder-text.active {
    width: auto;
}

.placeholder-box .placeholder-text.active,
.placeholder-box .placeholder-text.active .another-placeholder {
    font-family: 'Bitum';
    color: #D0B188;
    font-size: 18px;
    line-height: 18px;
}

.placeholder-box .placeholder-text.active .another-placeholder,
.placeholder-box input:focus+.placeholder-text .another-placeholder {
    margin-left: 5px;
}

.placeholder-box .placeholder-text {
    left: 50%;
    white-space: nowrap;
}

.placeholder-box.name input,
.placeholder-box.work-place input {
    padding: 27px 0 27px 175px;
}

.format-selection {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 18px;
    padding: 18px 36px;
    border: 1px solid rgba(242, 242, 242, 0.50);
}

.format-selection.format-choose {
    background: var(--cream-color);
    color: var(--brown);
}

.format-selection fieldset {
    border: none;
    text-align: center;
}

.format-selection legend {
    margin-bottom: 18px;
    white-space: nowrap;
}

.input-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.format-label.active {
    border-color: var(--highlight-color);
    background-color: var(--brown);
    color: var(--cream-color);
}

.format-selection label {
    width: 50%;
    display: inline-block;
    border-radius: 300px;
    padding: 18px 36px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: 1px solid rgba(242, 242, 242, 0.50);
}

.format-selection input[type="radio"] {
    display: none;
}

.format-selection input[type="radio"]:checked+label {
    background-color: #fff;
}


.confirmation {
    text-align: center;
    text-transform: none;
}

.partners {
    padding-top: 36px;
}

.partners-wrap,
.infopartners-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 37px;
}

.partners-wrap {
    margin-bottom: 130px;
}

.infopartners-wrap {
    margin-bottom: 70px;
}

.roib-logo img {
    width: 180px;
    height: auto;
}

.partners-title,
.infopartners-title {
    text-align: center;
}

.partners-title {
    margin-bottom: 60px;
}

.infopartners-title {
    margin-bottom: 32px;
}

.organizators {
    position: relative;
    padding: 500px 0 162px;
}

.organizators .hr-vertical-lines.top {
    height: 144px;
}

.organizators .bold-lines.top {
    top: 144px;
    left: 50%;
    transform: translateX(-50%);
}

.organizators .bold-lines.top--second {
    top: 216px;
    left: 50%;
    transform: translateX(-50%);
}

.organizators .title-wrap {
    max-width: 676px;
    margin: 0 auto;
    gap: 0;
}

.title-top {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
    text-align: center;
}

.title-top .mobile {
    display: none;
}

.main-title {
    max-width: 910px;
}

.title-top img {
    width: 213px;
    height: 73px;
}

.title-top,
.title-bottom {
    margin-bottom: 72px;
}

.title-bottom p:not(:last-of-type) {
    margin-bottom: 18px;
}

.migrebot {
    position: relative;
    text-align: center;

}

.migrebot-title {
    max-width: 860px;
    margin: 36px auto;
}

.organizators .cubes {
    z-index: -1;
}

.organizators-contacts {
    text-align: center;
}

.migrebot-link {
    text-decoration: none;
    font-family: 'Bitum';
}

.social-media {
    margin: 72px 0 18px;
}

.contact-us {
    padding: 96px 40px 0;
    position: relative;
    color: var(--cream-color);
    text-align: center;
}


.contact-us__wrapper,
.contact-us .container {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.contact-us .container {
    position: relative;
    max-width: 1360px;
    padding: 240px 36px 36px;
    background: var(--brown);
    gap: 36px;
}

.contact-us .square {
    background: var(--cream-color);
}

.contact-us .bold-lines {
    top: -72px;
}

.contact-us .bold-lines.top--second {
    top: -144px;
}

.phone {
    font-size: 36px;
}

.footer {
    position: relative;
    width: 100%;
    max-height: 528px;
    height: 100%;
    padding: 213px 0 225px;
    text-align: center;
}

.footer-text {
    max-width: 205px;
    margin: 0 auto;
}

.footer .triangle {
    display: none;
}

.carousel-mobile {
    display: none;
}

@media(max-width:1010px) {
    .header .left {
        top: 60%;
        left: -12%;
    }

    .header .right {
        top: 60%;
        right: -6%;
    }

    .speakers .row {
        flex-wrap: wrap;
    }

    .speaker {
        width: 150px;
    }

    .speaker img {
        margin-right: 0;
    }

}

@media (max-width:980px) {
    .menu__list {
        justify-content: space-between;
        gap: 7px;
    }

    .menu {
        min-width: auto;
        width: 100%;
    }

    .menu__list a {
        font-size: 10px;
    }

    .menu__reg-btn {
        font-size: 17px;
    }

    .partners-wrap,
    .infopartners-wrap {
        flex-wrap: wrap;
    }
}

@media (max-width:870px) {
    .program-days {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

}

@media(max-width:768px) {
    .hr-vertical-lines {
        background-image: linear-gradient(90deg, var(--brown), var(--brown) 1.5px, transparent 1.5px, transparent 100%);
        background-size: 12.72px 100%;
    }

    .primary-btn {
        padding: 12px 15px;
        font-size: 19px;
        line-height: 18px;
    }

    .large-text {
        font-size: 19px;
        line-height: 18px;
    }

    .header-wrap .large-text {
        font-size: 36px;
        line-height: 36px;
    }

    .medium-text {
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 1.2px;
    }

    .header-wrap .medium-text {
        font-size: 18px;
        line-height: 18px;
    }

    #menu {
        display: none;
    }

    .bg-triangle {
        background: url(./assets/bg-triangle-mobile.svg);
        background-position: 50% 85%;
        background-repeat: no-repeat;
    }

    .header {
        padding: 72px 0 90px;
    }

    .header .logo {
        order: 2;
    }

    .header .bold-line.top,
    .header .bold-line.bottom {
        display: none;
    }

    .header-wrap {
        min-width: 262px;
    }

    .header .title-wrap {
        margin-bottom: 90px;
    }

    .header .title-wrap--top:after {
        content: '';
        display: block;
        width: 8px;
        height: 72px;
        background: var(--brown);
        position: absolute;
        bottom: -78px;
        left: 50%;
        transform: translateX(-50%);
    }

    .title-wrap--top,
    .title-wrap--bottom {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .header__title-wrap {
        gap: 86px;
    }

    .broadcast .container {
        padding: 0;
    }

    .broadcast__take-password {
        margin: 0 23px 24px;
        font-size: 15px;
        padding: 12px 36px;
    }

    .broadcast__feedback-desktop {
        display: none;
    }

    .broadcast__feedback-mobile {
        display: flex;
    }

    .info {
        padding: 48px 13px 432px;
    }

    .cubes.light .square {
        width: 12px;
        height: 12px;
    }

    .about-event {
        padding: 0 12px;
    }

    .about-event .cubes.desktop {
        display: none;
    }

    .about-event .cubes.mobile {
        display: block;
        height: 100%;
    }

    .about-event__title {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 12px;
    }

    .about-event__title:nth-child(1) {
        margin-bottom: 24px;
    }

    .about-event--top {
        padding: 0 15px;
    }

    .about-event--middle {
        margin: 142px 0 36px;
    }

    .event-formats {
        flex-direction: column;
    }

    .event-formats .small-text {
        font-size: 11px;
        line-height: 12px;
    }

    .event-formats .number {
        margin-bottom: 6px;
    }

    .event-formats__internal,
    .event-formats__online {
        text-align: center;
    }

    .event-formats__internal.desktop {
        display: none;
    }

    .event-formats__internal.mobile {
        display: block;
    }

    .event-formats {
        margin: 18px auto 65px;
    }

    .registration-btn__wrap {
        padding: 0 24px;
    }

    .carousel-wrap .hr-vertical-lines {
        display: block;
        height: 300px;
        top: 0;
        z-index: 1;
    }

    .carousel-title {
        width: 140px;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        bottom: -184px;
        transform: translateX(-50%);
        padding: 12px 0;
        background: var(--brown);
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 1.2px;
        z-index: 5;
    }

    .about-event .desktop {
        display: none;
    }

    .about-event .mobile {
        display: block;
    }

    .about-event {
        margin: 96px 0 15px;
    }

    .about-event .container {
        padding: 36px 0 36px;
    }

    .about-event .hr-vertical-lines.bg {
        height: 105%;
        background-image: linear-gradient(90deg, var(--brown), var(--brown) 1px, transparent 1px, transparent 100%);
        background-size: 6px 100%;
    }

    .no-js .owl-carousel,
    .owl-carousel.owl-loaded {
        bottom: -22px;
    }

    .speakers .row {
        justify-content: center;
    }

    .speakers__wrap {
        padding: 48px 20px 84px;
    }

    .program-title {
        margin: 0 auto 340px;
    }

    .table-title {
        font-size: 36px;
        line-height: 36px;
        text-align: center;
        margin-bottom: 48px;
    }

    .timing {
        border-spacing: 18px;
    }

    .program-days table:nth-child(1) .table-title {
        text-align: left;
    }

    .registration {
        padding: 0 12px;
    }

    .registration .hr-vertical-lines.top {
        height: 113%;
        top: -80px;

    }

    .registration .hr-vertical-lines.bottom {
        display: none;
    }

    .form input::placeholder,
    .form input,
    .form textarea::placeholder,
    .form textarea {
        font-size: 19px;
    }

    .format-selection {
        margin-bottom: 0;
    }

    .format-selection fieldset {
        width: 100%;
    }

    .partners-wrap,
    .infopartners-wrap {
        gap: 25px;
    }

    .partners-title {
        margin-bottom: 24px;
    }

    .partners-wrap {
        margin-bottom: 96px;
    }

    .contact-us {
        padding: 96px 12px 0;
    }

    .contact-us__wrapper {
        gap: 8px;
    }

    .footer.bg-triangle {
        background: var(--cream-color);
    }

    .footer .triangle {
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .footer .triangle.top {
        top: -28px;
    }

    .footer .triangle.bottom {
        bottom: 36px;
    }

    .footer {
        min-height: 758px;
    }

    .footer-text {
        margin: 0 auto;
        position: absolute;
        top: 41%;
        left: 50%;
        transform: translate(-50%, 0);
        font-size: 18px;
        line-height: 18px;
    }

    .after-broadcast {
        margin: 36px 0 0;
    }

    .after-broadcast__title {
        margin-bottom: 48px;
    }

    .after-broadcast .hr-vertical-lines.bg {
        top: -36px;
        height: 114%;
    }

    .intro .hr-vertical-lines.bg {
        background-image: linear-gradient(90deg, var(--brown), var(--brown) 1.5px, transparent 1.5px, transparent 100%);
        background-size: 31.8px 100%;
    }

}

@media (max-width:600px) {
    .cubes .square {
        width: 12px;
        height: 12px;
    }

    .years .cubes .square {
        width: 18px;
        height: 18px;
    }

    .top-left,
    .top-right {
        top: 10px;
    }

    .bottom-left,
    .bottom-right {
        bottom: 10px;
    }

    .small-text {
        font-size: 11px;
        line-height: 12px;
    }

    .container {
        padding: 0 12px;
    }

    .square.light {
        width: 12px;
        height: 12px;
    }

    .bold-lines {
        gap: 20px;
    }

    .menu {
        max-width: 100%;
        min-width: 100%;
    }

    .menu--bottom .menu__reg-btn {
        transform: translateX(0);
    }

    .title-wrap--bottom {
        display: none;
    }

    .title-wrap--bottom.mobile {
        display: flex;
    }


    .header .title-wrap {
        margin-bottom: 60px;
    }

    .logo {
        margin-bottom: 0;
    }

    .broadcast__video {
        height: 420px;
        margin: 0 auto 24px;
    }

    .broadcast .hr-vertical-lines.top {
        display: block;
        z-index: 1;
        top: -36px;
        height: 72px;
    }

    .broadcast-title {
        background: var(--cream-color);
        position: relative;
        z-index: 20;
    }

    .years .diag.diag-1 {
        transform: translate3d(-50%, -50%, 0) rotate(17deg);
    }

    .years .diag.diag-2 {
        transform: translate3d(-50%, -50%, 0) rotate(-17deg);
    }

    .years .container {
        padding: 0 13px;
    }

    .info {
        padding: 48px 12px 312px;

    }

    .info p {
        font-size: 19px;
        line-height: 18px;
        font-family: 'Wremena';
    }

    .info__text-desktop {
        display: none;
    }

    .info__text-mobile {
        display: block;
    }

    .about-event__title:nth-child(1) {
        max-width: 178px;
        margin: 0 auto;
    }

    .about-event {
        margin: 54px 0 15px;
    }

    .about-event .hr-vertical-lines {
        top: -54px;
    }

    .about-event .hr-vertical-lines.bg {
        height: 100%;
    }

    .about-event .hr-vertical-lines.light {
        width: 93.5%;
    }

    .carousel-wrap .hr-vertical-lines.light {
        top: 0;
    }

    .this-year__program p {
        margin-bottom: 24px;
    }

    .this-year--top p:not(:last-of-type),
    .this-year__goal p:not(:last-of-type),
    p.this-year__title {
        margin-bottom: 12px;
    }

    .this-year .first-paragraph,
    .this-year .second-paragraph {
        margin-bottom: 120px;
    }

    .this-year .first-paragraph::after,
    .this-year .second-paragraph::after {
        content: '';
        display: block;
        width: 8px;
        height: 72px;
        position: absolute;
        left: 50%;
        bottom: -96px;
        transform: translateX(-50%);
        background: var(--brown);
    }

    .this-year .center p {
        margin-bottom: 12px;
    }

    .this-year .center p:last-of-type {
        display: none;
    }

    .our-goal .cubes .square {
        width: 12px;
        height: 12px;
    }

    .bold-line {
        height: 100%;
        width: 7px;
        height: 72px;
        background: var(--brown);
    }

    .speakers {
        padding: 0;
        margin-top: 150px;
    }

    .speakers .hr-vertical-lines.top {
        height: 36px;
        top: -36px;
    }

    .speakers__wrap {
        gap: 36px;
    }

    .speakers .bold-lines {
        top: -107px;
    }

    .center-cubes {
        width: 108px;
        height: 78px;
    }

    .square-wrap .square.left,
    .square-wrap .square.right {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .square-wrap .center {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .square-wrap .center.top {
        top: 0;
    }

    .square-wrap .center.bottom {
        bottom: 0;
    }

    .square-wrap .square.right {
        right: 0;
    }

    .pattern .diag {
        width: 115%;
    }

    .pattern .container {
        height: 310px;
    }

    .program-title {
        margin: 0 auto 168px;
    }

    .program-days {
        margin-top: 66px;
    }

    .program .bold-lines .bold-line.right {
        display: none;
    }

    .program-info .square {
        width: 12px;
        height: 12px;
    }

    .program-days {
        gap: 90px;
    }

    .program-days table:nth-child(1) td.remove {
        display: none;
    }

    .program-days table:nth-child(1) .table-title {
        text-align: center;
    }

    .program-days table:nth-child(1):after {
        content: '';
        display: block;
        width: 6px;
        height: 72px;
        background: var(--brown);
        position: absolute;
        bottom: -75px;
        left: 50%;
        transform: translateX(-50%);
    }

    .program-info {
        padding: 30px 0 56px;
    }

    .program {
        margin: 18px 0 48px;
    }

    .placeholder-box .placeholder-text {
        text-transform: uppercase;
    }

    .registration-title {
        margin-bottom: 48px;
    }

    .registration-title p:nth-child(1) {
        margin-bottom: 12px;
    }

    .registration .input-wrap {
        flex-direction: column;
    }

    .format-selection label {
        width: 100%;
        padding: 12px;
    }

    .format-selection,
    .form #questions {
        padding: 12px;
    }

    .form input::placeholder,
    .form input,
    .form textarea::placeholder,
    .form textarea,
    legend.large-text,
    .placeholder-box .placeholder-text,
    .another-placeholder {
        font-size: 12px;
        line-height: 12px;
    }

    .roib-logo img {
        width: 90px;
    }

    .organizators {
        padding: 384px 0 192px;
    }

    .organizators .hr-vertical-lines.top {
        height: 36px;
    }

    .organizators .bold-lines.top {
        top: 36px;
    }

    .organizators .bold-lines.top--second {
        top: 108px;
    }

    .organizators .logo {
        width: 114px;
        height: 39px;
    }

    .organizators .title-top {
        margin-bottom: 120px;
        gap: 24px;
    }

    .organizators .title-top:after {
        content: '';
        display: block;
        width: 8px;
        height: 72px;
        position: absolute;
        left: 50%;
        bottom: -96px;
        transform: translateX(-50%);
        background: var(--brown);
    }

    .organizators .title-bottom {
        padding: 0 40px;
    }

    .title-bottom p:not(:last-of-type) {
        margin-bottom: 12px;
    }

    .title-bottom {
        margin-bottom: 48px;
    }

    .social-media {
        padding: 0 45px;
        margin: 48px 0 18px;
    }

    .placeholder-box input:focus+.placeholder-text,
    .placeholder-box .placeholder-text.active {
        font-size: 11px;
        line-height: 12px;
        letter-spacing: 1.2px;
        left: 10px;
    }

    .after-broadcast {
        margin-top: 72px;
        padding: 0;
    }

    .after-broadcast .container {
        padding: 24px 18px 48px;
    }

    .after-broadcast .hr-vertical-lines.bg {
        top: -72px;
    }

    .after-broadcast__title {
        gap: 12px;
    }

    .after-broadcast a {
        margin: 0 23px;
        padding: 12px 10px;
    }

    .player-preview {
        display: block;
    }

    .intro {
        height: 480px;
    }

    .intro__text {
        width: 236px;
    }

    .placeholder-box input:focus+.placeholder-text,
    .placeholder-box .placeholder-text.active,
    .placeholder-box input:focus+.placeholder-text .another-placeholder {
        font-size: 10px;
        line-height: 11px;
    }

    .placeholder-box .placeholder-text.active,
    .placeholder-box .placeholder-text.active .another-placeholder {
        font-size: 10px;
        line-height: 11px;
    }

    .another-placeholder {

        margin-left: 6px;
    }

}

@media (max-width:380px) {
    .header {
        padding: 72px 0 70px;
    }

    .bg-triangle {
        background-position: 50% 98%;
    }

    .broadcast {
        padding: 0 0 24px;
    }

    .broadcast__feedback-mobile {
        padding: 0 5px;
    }

    .broadcast__take-password {
        padding: 12px 20px;
    }

    .broadcast__feedback-mobile p,
    .broadcast .link a,
    .broadcast__take-password {
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 1.2px;
    }

    .broadcast__video {
        height: 180px;
    }

    .broadcast-title {
        width: 99px;
        font-size: 12px;
    }

    .diag.diag-1 {
        transform: translate3d(-50%, -50%, 0) rotate(36deg);
    }

    .diag.diag-2 {
        transform: translate3d(-50%, -50%, 0) rotate(-36deg);
    }

    .this-year__goal {
        max-width: 270px;
        margin: 0 auto;
    }

    .this-year .center {
        max-width: 221px;
        margin: 0 auto;
    }

    .this-year--bottom .medium-text {
        font-size: 11px;
    }

    .this-year--bottom.mobile {
        display: block;
    }

    .this-year--bottom.desktop {
        display: none;
    }

    .this-year {
        padding: 72px 0 100px;
    }

    .this-year__goal p:nth-child(3) {
        line-height: 13px;
    }

    .speakers {
        margin-top: 72px;
    }

    .speaker {
        max-width: 107px;
    }

    .speaker img {
        width: 100%;
        height: 157px;
    }

    .program-title.desktop {
        display: none;
    }

    .program-title.mobile {
        display: block;
        padding: 0 12px;
    }

    .program .container {
        padding: 0;
    }

    .time-item {
        gap: 4px;
    }

    .highlited {
        font-size: 12px;
        line-height: 12px;
    }

    .registration .container {
        padding: 36px 30px 72px;
    }

    .title-top .mobile {
        display: block;
    }

    .title-top .desktop {
        display: none;
    }

    .social-media .remove {
        display: none;
    }

    .social-media a:first-of-type {
        display: inline-block;
        margin-bottom: 6px;
    }

    .footer .triangle.top {
        top: 0;
    }

    #mobile-menu .menu__list a {
        white-space: pre-wrap;
    }

    .placeholder-box input {
        padding-left: 65px;
    }

    .placeholder-box.name input,
    .placeholder-box.work-place input {
        padding-left: 85px;
    }

}