/* О выставке */
.exhibition {
    margin: 5px;
}

.exhibition::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.5;
    height: 100%;
    width: 100%;
    background-color: #004286;
    background-size: 100%;    
    z-index: -1;
}

.exhibition hr {
    border: none; /* Убираем границу для браузера Firefox */
    color: #465980; /* Цвет линии для остальных браузеров */
    background-color: #465980; /* Цвет линии для браузера Firefox и Opera */
    height: 1px; /* Толщина линии */
    width: 97%;
    margin-top: 10px;
}

.exhibition .col-auto{
    cursor: pointer;
}

.exb_h {
    min-height: 45px;
    margin-bottom: 22px;
    margin-top: 10px;
    margin-left: 1px;
}

.exb_text {
    font-family: 'ErasDemiC';
    font-size: 29px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.63;    
    line-height: 37px;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    align-items: center;
}

.exb_date-block {
    margin-top: 45px;
    padding: 0 30px;
}

.back {
    height: 73px;
}


.day-picker {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 73px;
    transition: 0.5s all;
    background-color: #ffffff00;
}
.day-picker:hover {    
    background-color: #ffffff0f;
}
.day-picker.back {  
    background-color: #ffffff2b;
}
/*.day-picker*/
.exb_date {
    font-family: 'ErasDemiC';
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 0.84);
    margin-bottom: 0;
}

.exb_program {
    margin-top: 40px;
    margin-bottom: 70px;
    margin-left: 1px;
}

.exb_program-h {
    font-family: 'ErasDemiC';
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.87;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.exb_schedule {
    display: flex;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: 1s opacity;
    /*transition: 1s opacity, 0.5s max-height;*/
}
.exb_schedule.showed {
    opacity: 1;
    max-height: 200px;
    visibility: visible;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 1px;
}

.exb_schedule-time {
    width: 150px;
    margin-top: 10px;
    font-family: 'ErasMediumC';
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.exb_schedule-place {
    width: 240px;
    margin-left: 15px;
    font-family: 'ErasMediumC';
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 0.68);
}

.exb_schedule-topic {
    width: 630px;
    font-family: 'ErasMediumC';
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.exb_download {
    width: 220px;
    height: 73px;
    margin-right: 15px;
    margin-top: 20px;
    margin-bottom: 30px;
    background-color: #364b7b;
}

.exb_download-logo {
    margin-left: 5px;
}

.exb_download-text {
    width: 150px;
    height: 40px;
    margin-left: 5px;
    font-family: ErasMediumC;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

/* О выставке (About) */
.about_block {
    margin: 5px;
}

.about_block::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.5;
    height: 100%;
    width: 100%;
    background-color: #004286;
    background-size: 100%;
}

.about_block hr {
    border: none; /* Убираем границу для браузера Firefox */
    color: #465980; /* Цвет линии для остальных браузеров */
    background-color: #465980; /* Цвет линии для браузера Firefox и Opera */
    height: 1px; /* Толщина линии */
    width: 97%;
}

.about_h {
    height: 45px;
    margin-bottom: 22px;
    margin-top: 10px;
    margin-left: 1px;
}

.about_text {
    font-family: 'ErasDemiC';
    font-size: 29px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.63;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    align-items: center;
}

.about_1 {
    margin: 10px;
    margin-top: 50px;
}

.about_1 img {
    object-fit: cover;
    width: 390px;
    height: 260px;
}

.about_1 .text {
    width: 625px;
    font-family: ErasMediumC;
    font-size: 19px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.about_2 {
    margin: 10px;
    margin-top: 40px;
}

.about_2 img {
    object-fit: cover;
    width: 390px;
    height: 255px;
}

.about_2 .text {
    width: 610px;
    font-family: ErasMediumC;
    font-size: 19px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.about_3 {
    margin: 10px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.about_3 img {
    object-fit: cover;
    width: 450px;
    height: 300px;
}

.about_3 .text {
    width: 525px;
    font-family: ErasMediumC;
    font-size: 19px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}