h1, .h1 { color: #724b2d; font-weight: 400; text-transform: uppercase; font-size: 2.2rem; }
h5 { text-transform: uppercase; color: white; background-color: #5e72dd; font-weight: bold; padding: 7px 12px; }

.header-text-1 { font-size: 175%; line-height: 111%; }
.header-text-2 { font-size: 1.9rem; line-height: 3rem; text-transform: uppercase; }
.header-text-3 { line-height: 125%; font-size: 186%; }
.header-date { font-size: 1.5em; line-height: 1.3em; }
.conf-header-1 { font-size: 1.2em; text-transform: uppercase; }
.conf-header-2 { font-size: 170%; }
@media (max-width: 1199px) {
	.conf-header-2 { font-size: 130%; }
}
@media (max-width: 1199px) {
    .conf-header-1 { font-size: 1.1em; }
	.header-text-2 { line-height: 2.4rem; }
}
@media (max-width: 991px) {
    .header-date { width: 100vw; position: relative; margin-left: -50vw; left: 50%; color: white; padding: 0.3em 0; margin-top: 1em; background: #5e72dd; }
}
@media (max-width: 767px) {
    .conf-header-1 { text-transform: none; }
	.header-text-2 { font-size: 1.4rem; line-height: 1.8rem; }
    .header-date { font-size: 1.3em; }
}

.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
@media (max-width: 991px) {
    #topMenu { position: absolute; top: 0; width: 100%; background: white !important; border-bottom: 1px solid #cfcfcf; }
    #navbarResponsive { left: 0; position: fixed; top: 0; height: 100vh; width: 100%; background-color: #ced5e3; padding-left: 15px; }
    #navbarResponsive .navbar-toggler-icon { background-image: none; color: #212529; font-size: 23px; height: 23px; font-weight: bold; }
}
#topMenu.sticky { position: fixed; top: 0; width: 100%; z-index: 1000000; }

@media (max-width: 576px) {
	.header-text-1 { font-size: 165%; }
}

.event_e8 { background: url(/local/assets/img/e8/background.png); background-position-x: 145%; background-repeat: no-repeat; background-attachment: fixed; }
@media (max-width: 1199px) {
	.event_e8 { background-position-x: 287%; }
}
@media (max-width: 991px) {
	.event_e8 { background: none; }
}

.text-stand { color: white; }
.text-stand a, .text-stand a:hover { color: white; }

header .show { z-index: 100001; }

header .navbar-nav a { font-size: 1.2rem; }
header .navbar-nav a.expo-link { color: #515ea2!important; }
header .active a.expo-link {  color: rgba(0, 0, 0, 0.9)!important; }
header .navbar-nav a.broadcast-link { color: #538ac6!important; }
header .active a.broadcast-link { color: rgba(0, 0, 0, 0.9)!important; }

@media (max-width: 991px) {
    .navbar-dark .navbar-nav .nav-link { color: #212529; border-bottom: 1px solid white; padding: 0.8em; }
    .navbar-dark .navbar-nav .active > .nav-link { color: #212529; background: white; }
}

@media (min-width: 992px) {
	.navbar-nav { flex-flow: wrap; }
}

footer { position: relative; background: #5e72dd; }
footer a, footer a:hover { color: white; }
.bg { z-index: -1; position: absolute; right: 0; bottom: 0; text-align: right; width: 100%; }
.bg img { max-width: 50%; }

.bottom-logo { position:relative; line-height: 1rem; font-size: .9rem; height: 4rem; padding-left: 4.5rem; }
.bottom-logo img { position: absolute; left: 0; top: 0; height: 4rem; }
.cdd-logo { position: relative; line-height: 1.1rem; font-size: .9rem; height: 2.2rem; padding-left: 4rem; margin-left: .5rem; }
.cdd-logo img { position: absolute; left: 0; top: 0; height: 2.2rem; }
.primus { line-height: 2rem; font-size: 1rem; height: 2rem; }
.primus img { height: 2rem; }

.card-header { background: #538ac6; color: white; }

.main-page-banner { height: 272px; background: url(/local/assets/img/ht/banner_07_06_2021.jpg); background-position: center; width: 99.6vw; position: relative; margin-left: -50vw; left: 50%; }
@media (max-width: 1199px) {
	.main-page-banner { height: 240px; background-size: cover; }
}
@media (max-width: 992px) {
	.main-page-banner { height: 180px; }
}
@media (max-width: 767px) {
	.main-page-banner { height: 137px; }
	.header-text-3{ font-size: 140%;}
}
@media (max-width: 576px) {
	.main-page-banner { height: 90px; }
}

.bx-livechat-show, .bx-livechat-mobile.bx-livechat-wrapper { z-index: 100003 !important; }

.page-title{
	display: none;
}

.btn-group, .btn-group-vertical{
	position: relative;
    display: inline-flex;
    vertical-align: middle;
    width: 100%;
    text-align: left;
}

.btn-group__multiple > .btn{
	width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    text-align: left;
    padding: 6px 0 6px 16px;
    color: #495057;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0;
    vertical-align: 0;
    content: "";
    border-top: none;
    float: right;
    margin-top: 9px;
    background: url(/local/assets/img/e8/arrow_down.png) no-repeat 100% 50%;
    width: 15px;
    height: 8px;
}

.btn-group__multiple .dropdown-menu{
	padding: 10px;
}

.btn-group__multiple ul li{
	float: left;
    width: 33%;
}

#INPUT_WORK_PROFILE .btn-placeholder{
	display: none !important;
}

.event-info-block { width: 99.6vw; position: relative; margin-left: -50vw; left: 50%; color: white; }
.event-info-item { padding-top: 10em; margin-top: -7em; }
.event-info { padding-left: 30px; position: relative; }
.event-info:before { content: ''; background-color: #d1222a; width: 20px; height: 20px; display: block; position: absolute; left: 0; top: 7px; }
@media (max-width: 991px) {
	.event-info-block { width: 100vw; }
    .event-info-item { padding-top: 9em; margin-top: 1em; }
}

.program-wrapper{
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 8%);
}

.program-item-header-caption {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1rem
}

.program-item-header-label {
    flex-grow: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 2;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #979797;
    margin-right: 1rem;
    color: #979797
}

.program-item-header-direction {
    flex-grow: 1;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.23;
    text-transform: uppercase;
    color: #3b5a91
}

.program-item h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1.5rem
}

.program-item-header {
    position: relative;
    width: 100%
}

.program-item-header.header1{
    background-color: #085782
}

.program-item-header.header2{
    background-color: #fff
}

.active.program-item-header {
    border-left: 4px solid #754e7f
}

.past.program-item-header {
    border-left: 4px solid #333
}

.program-item-header-date {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    padding: 1rem;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71
}

.program-item-header-date span {
    margin-right: 1rem
}

.program-item-header-date span:last-child {
    margin-right: 0
}

.program-item-header-date img {
    margin-right: 0.5rem
}

.program-item-header-buttons {
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 1rem
}

.program-item-header-buttons .registered {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    border: 1px solid #754e7f;
    padding: 10px 48px 10px 16px;
    color: #754e7f;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase
}

.program-item-header-buttons .registered::after {
    content: "";
    height: 100%;
    width: 1rem;
    top: 0;
    right: 1rem;
    position: absolute;
    background-image: resolve("images/icons/check-violet.svg");
    background-position: right center;
    background-repeat: no-repeat
}

.program-item-header-buttons button,
.program-item-header-buttons a.btn {
    height: auto;
    font-size: 12px;
    text-align: left;
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: space-between
}

.program-item-header-buttons a.btn .score {
    font-weight: 600;
    line-height: 1rem;
    font-size: 12px;
    text-transform: lowercase
}

.program-item-header-buttons a.btn .score>div {
    font-size: 1rem
}

.program-item-body {
    position: relative;
    background-color: #ebf5ff;
    padding: 1.5rem 1rem 1rem 1rem
}

.program-item-body .h2 {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    text-align: center;
    width: 100%;
    font-size: 18px;
    line-height: 1.33;
    border-bottom: 1px solid #b9cadc
}

.program-item-body img {
    max-width: 100%;
    height: auto
}

.program-item-body iframe,
.program-item-body video {
    max-width: 100%
}

.program-item-body .row {
    border-bottom: 1px dashed #b9cadc;
    margin-bottom: 1.5rem
}

.program-item-body .row:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.program-item-body-date {
    color: #86909c;
    font-size: 14px;
    line-height: 1.71;
    font-weight: 600
}

.program-item-body-date img {
    margin-right: 1rem
}

.program-item-body-address {
    line-height: 1.43;
    font-size: 14px
}

.program-item-body-address i{
    color: #8c8c8c;
}

.program-item-body-comment {
    color: #86909c;
    font-size: 14px;
    line-height: 1.71;
    font-weight: 600
}

@media (min-width: 768px) {
    .program-item h1 {
        font-size: 28px;
        margin-bottom: 2.5rem
    }
    .active.program-item-header {
        border-left: 6px solid #754e7f
    }
    .past.program-item-header {
        border-left: 6px solid #333
    }
    .program-item-header-date {
        padding: 1.5rem
    }
    .program-item-header-date span {
        margin-right: 1.5rem
    }
    .program-item-header-date img {
        margin-right: 1rem
    }
    .program-item-header-address {
        padding: 1.5rem
    }
    .program-item-header-buttons {
        padding: 1.5rem
    }
    .program-item-body {
        padding: 1.5rem
    }
}

@media (min-width: 992px) {
    .active.program-item-header {
        border-left: 8px solid #754e7f
    }
    .past.program-item-header {
        border-left: 8px solid #333
    }
    .program-item h1 {
        font-size: 36px;
        line-height: 1.33;
        letter-spacing: 0.4px;
        margin-bottom: 3rem
    }
    .program-item-header-date {
        border-bottom: none;
        padding: 2rem;
        font-size: 18px;
        line-height: 1.44
    }
    .program-item-header-date span {
        margin-right: 0;
        margin-bottom: 1.5rem;
        width: 100%
    }
    .program-item-header-date span:last-child {
        margin-bottom: 0
    }
    .program-item-header-address {
        border-bottom: none;
        border-left: 1px solid #eaeaea;
        padding: 2rem;
        font-size: 18px;
        line-height: 1.44
    }
    .program-item-header-buttons {
        border-left: 1px solid #eaeaea;
        padding: 2rem
    }
    .program-item-header-buttons .registered {
        padding: 19px 48px 19px 30px
    }
    .program-item-header-buttons button,
    .program-item-header-buttons a.btn {
        padding: 19px 30px
    }
    .program-item-body {
        padding: 2.5rem
    }
    .program-item-body-date {
        font-size: 16px;
        line-height: 1.75
    }
    .program-item-body-address {
        line-height: 1.44;
        font-size: 18px
    }
    .program-item-body-comment {
        font-size: 16px;
        line-height: 1.5
    }
}

.partners-wrapper{
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 8%);
}

.partners-item-header-label {
    flex-grow: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 2;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #979797;
    margin-right: 1rem;
    color: #979797
}

.partners-item-header {
    position: relative;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #b9cadc;
}

.partners-item-header-date {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    padding: 1rem;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71
}

.partners-item-header-date span {
    margin-right: 1rem
}

.partners-item-header-date span:last-child {
    margin-right: 0
}

.partners-item-header-date img {
    margin-right: 0.5rem
}

.partners-item-header .h1{
    font-size: 1.8rem;
    color: #4a4a4a;
}

.partners-item-body img {
    max-width: 100%;
    height: auto
}

.partners-item-body iframe,
.partners-item-body video {
    max-width: 100%
}

.partners-item-body .row {
    margin-bottom: 3rem
}

.partners-item-body .row:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.partners-item-body-img {
    color: #86909c;
    font-size: 14px;
    line-height: 1.71;
    font-weight: 600
}

.partners-item-body-img img {
    margin-right: 1rem;
}

.partners-item-body-text {
    line-height: 1.43;
    font-size: 14px
}

.partners-item-body-text .h2{
    font-size: 1.6rem;
    color: #4a4a4a;
    text-transform: none;
}

.partners-item-body-text i{
    color: #8c8c8c;
}

.partners-item-body-comment {
    color: #86909c;
    font-size: 14px;
    line-height: 1.71;
    font-weight: 600
}

@media (min-width: 768px) {
    .partners-item h1 {
        font-size: 28px;
        margin-bottom: 2.5rem
    }
    .active.partners-item-header {
        border-left: 6px solid #754e7f
    }
    .past.partners-item-header {
        border-left: 6px solid #333
    }
    .partners-item-header-date {
        padding: 1.5rem
    }
    .partners-item-header-date span {
        margin-right: 1.5rem
    }
    .partners-item-header-date img {
        margin-right: 1rem
    }
    .partners-item-header-text {
        padding: 1.5rem
    }
    .partners-item-header-buttons {
        padding: 1.5rem
    }
    .partners-item-body {
        padding: 1.5rem
    }
}

@media (min-width: 992px) {
    .active.partners-item-header {
        border-left: 8px solid #754e7f
    }
    .past.partners-item-header {
        border-left: 8px solid #333
    }
    .partners-item h1 {
        font-size: 36px;
        line-height: 1.33;
        letter-spacing: 0.4px;
        margin-bottom: 3rem
    }
    .partners-item-header-date {
        border-bottom: none;
        padding: 2rem;
        font-size: 18px;
        line-height: 1.44
    }
    .partners-item-header-date span {
        margin-right: 0;
        margin-bottom: 1.5rem;
        width: 100%
    }
    .partners-item-header-date span:last-child {
        margin-bottom: 0
    }
    .partners-item-header-text {
        border-bottom: none;
        border-left: 1px solid #eaeaea;
        padding: 2rem;
        font-size: 18px;
        line-height: 1.44
    }
    .partners-item-body {
        padding: 2.5rem
    }
    .partners-item-body-img {
        font-size: 16px;
        line-height: 1.75
    }
    .partners-item-body-text {
        line-height: 1.44;
        font-size: 18px
    }
    .partners-item-body-comment {
        font-size: 16px;
        line-height: 1.5
    }
}

.mb{
    margin-bottom: 1rem;
}

.simp{
    color: #085782;
    font-weight: bold;
}

.break{
    color: #00af16;
    font-weight: bold;
}