.place-top-header {
    background: #fff;
    box-sizing: border-box;
    height: 530px;
    box-shadow: 0 20px 19px 1px rgb(0 0 0 / 14%), 0 10px 10px -5px rgb(0 0 0 / 56%);
    border-radius: 0.75rem;
    /* padding-bottom: 24px; */
    overflow: hidden;
    /* border: 21px solid #ffffff; */
}


.tg-balloon {
    font-family: 'Inter', Arial, sans-serif;
    width: 240px;
}

.tg-balloon-image {
    width: 100%;
    height: 120px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 8px;
}

.tg-balloon-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tg-balloon-title {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 4px;
}

.tg-balloon-title a {
    text-decoration: none;
    color: #111;
}

.tg-balloon-type {
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 3px;
}

.tg-balloon-city,
.tg-balloon-address {
    font-size: 13px;
    margin-bottom: 3px;
}

.tg-balloon-btn {
    margin-top: 8px;
}

.tg-balloon-link {
    display: inline-block;
    background: #fea500;
    color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 13px;
    text-decoration: none;
}

.tg-marker-img {
    width: 37px;
    height: 37px;
    opacity: 0.65;
    transition: 
        opacity 0.2s ease,
        transform 0.2s ease,
        filter 0.2s ease;
}

/* hover эффект */
.tg-marker:hover .tg-marker-img {
    opacity: 1;
    transform: scale(1.1);
    filter: brightness(1.1);
}


@media (max-width: 767px) {
.tg-balloon-image {
    width: 80px;
    height: 40px;
    float: left;
}



}



.owl-dots{
    display: none !important;
    text-align: center;
    top: -50px;
    position: relative;
}


.owl-dots .owl-nav button.owl-next, .owl-dots .owl-nav button.owl-prev, .owl-dots button.owl-dot {
    background: #d1d5db !important;
    color: inherit !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    margin: 5px 7px !important;
    border: none !important;
    padding: 0 !important;
    font: inherit !important;
}
.owl-dots button.owl-dot.active {
    background: #fea500 !important;
}


.reviews_icons{
    display: flex;
    flex-direction: row;
    border-radius: 0.75rem;
    justify-content: space-between;
}

.reviews_icons .reviews_info_block{
    flex: 0 0 180px;
    text-align: center;
    padding: 10px 20px;
    border-right: 1px solid #eee;
}

.reviews_icons .reviews_info_block_value{
    font-size: 3rem;
    color: #fea500;
}

.reviews_icons .reviews_contain{
display: flex;
    flex-direction: row;
        flex: 1;
}


.reviews_icons .main_contain{
display: flex;
    justify-content: space-evenly;
    gap: 20px;
    margin: 10px auto 20px auto;
    align-items: center;
    width: 100%;
        flex-wrap: wrap;
}

.place-top-header .item {
    height: 530px;
    
    background: #fff no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: background-image 0.5s;
}




.place-info-top{
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    min-width: 1024px;
}
.place-info-bottom{
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    min-width: 1024px;
    flex-wrap: wrap;
}

.place-info-bottom .title{
  
    font-size: 150%;
    flex: none;
    width: 100%;
    }
 


    .owl-carousel .owl-stage {
    padding: 0px 0 25px;
}
    .place-block a {
        animation-delay: 1.0s;
        overflow: hidden;
        display: block;
        transition: opacity .2s, transform .2s;
    }
    .place-block a:hover {
        transform: scale(1.02);
    }

    .place-block .place_element_img{
        height: 10rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .place-block .place_element_info{
        padding: 1rem;
        position: relative;
        z-index:999;
        height: 12rem;
        background: #fff;
    }
    .place-block .place_element_theme{
    font-size: 0.9rem;
    background: #fea500;
    position: absolute;
    padding: 3px;
    border-radius: 14px;
    top: 30px;
    right: 30px;
}
    .place-block h3{
    margin: 0 0 1rem 0;
    font-size: 1.07em;
    color: #1a1a1a;
}

    .place-block .place_event_age{
        display: flex;
    }

    .place-block .owl-nav {
    display: block !important;
    justify-content: space-between;
    position: unset;
    top: 0;
}


.place-block .owl-nav .owl-next span , .place-block .owl-nav .owl-prev span {
    font-size: 400%;
    color: #fea500;
    text-shadow: 1px 1px 6px #00000080;
}

.place-block .owl-nav .owl-prev {
    left: -25px;
}
.place-block .owl-nav .owl-next {
    right: -25px;
}

.place-block .owl-nav .owl-prev:hover span {
    color: #e65350 !important;
}
.place-block .owl-nav .owl-next:hover span {
    color: #e65350 !important;
}

.owl-carousel a {
    margin: 0 10px;
}
.ticket-section{
    min-height:250px;
    padding:20px;
}

.contact_div{
    position: relative;
    min-height: 50px;
    padding-left: 30px;
    line-height: 2rem;
    text-align: left;
    padding-left: 50px;
    font-size: 1.125rem;
    flex-wrap: wrap;
}

.logoTheater{
    background-repeat: no-repeat;
    width: 100%;
    background-position: right;
    height: 55px;
    position: absolute;
    top: -15px;
    right: 0;
    background-size: contain;
}

.contact_div .address_icon {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI5LjYxIDQ0LjMzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZjc5MzFlO30uY2xzLTJ7ZmlsbDpub25lO3N0cm9rZTojZjc5MzFlO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZS8+PGcgZGF0YS1uYW1lPSJMYXllciAyIiBpZD0iTGF5ZXJfMiI+PGcgZGF0YS1uYW1lPSJMYXllciAxIiBpZD0iTGF5ZXJfMS0yIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNC44LDQ0LjMzYTEsMSwwLDAsMS0uODMtLjQ1QzEzLjQsNDMsMCwyMi42NCwwLDE0LjhhMTQuOCwxNC44LDAsMCwxLDI5LjYxLDBjMCw3Ljg0LTEzLjQsMjguMjItMTQsMjkuMDhBMSwxLDAsMCwxLDE0LjgsNDQuMzNaTTE0LjgsMkExMi44MiwxMi44MiwwLDAsMCwyLDE0LjhjMCw2LjE4LDkuODQsMjIsMTIuOCwyNi42OSwzLTQuNjQsMTIuOC0yMC41MSwxMi44LTI2LjY5QTEyLjgyLDEyLjgyLDAsMCwwLDE0LjgsMloiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMiIgY3g9IjE0LjgiIGN5PSIxNi45NyIgcj0iNS4yMSIvPjwvZz48L2c+PC9zdmc+") no-repeat;
        width: 36px;
        height: 36px;
        background-size: contain;    
        position: absolute;
        left: 0;
        top: 0px;
}

.contact_div .worktable_icon {
    background: url("../../images/icons/worktable_.svg") no-repeat;
        width: 32px;
        height: 32px;
        background-size: contain;    
        position: absolute;
        left: 0;
        display: none;
        transition: background-image 100ms linear;
        top: -10px;
}
.contact_div .worktable_icon:hover {
    background: url("../../images/icons/worktable.svg") no-repeat;
    width: 32px;
    height: 32px;
    background-size: contain;  
}
.contact_div .email_icon {
    background: url("../../images/icons/email_.svg") no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    left: 15px;
    transition: background-image 100ms linear;
    top: 3px;
}
.contact_div .email_icon:hover {
    background: url("../../images/icons/email.svg") no-repeat;
    background-size: contain;  
}


#address_title{
    cursor: pointer;
}

.place-contacts-bottom-box .soc{
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom: 10px;
}

.place-contacts-bottom-box .soc .contact_div{
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    padding-left: 20px;
    filter: grayscale(0.7) opacity(0.9);
}
.place-contacts-bottom-box .soc .contact_div:hover{
    filter: grayscale(0) opacity(1);
}

.place-contacts-bottom-box .soc .contact_div div {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.85;
    transition: opacity .2s, transform .2s;
}

.place-contacts-bottom-box .soc .contact_div a:hover div {
    opacity: 1;
    transform: scale(1.1);
}



.contact_div .phone_icon {
    background: url(../../images/icons/phone_.svg) no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    left: 15px;
    transition: background-image 100ms linear;
    top: 3px;
}

.contact_div .phone_icon:hover {
    background: url("../../images/icons/phone.svg") no-repeat;
    background-size: contain;
}



.contact_div .site_icon {
    background: url("../../images/icons/site_.svg") no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    left: 15px;
    transition: background-image 100ms linear;
    top: 3px; 
}
.contact_div .site_icon:hover {
    background: url("../../images/icons/site.svg") no-repeat;
    background-size: contain;  
}
.facebook_icon {
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzE4NzdGMiI+PHBhdGggZD0iTTEzLjUgMjJ2LTguMmgyLjhsLjQtMy4yaC0zLjJWOC41YzAtLjkuMy0xLjYgMS42LTEuNmgxLjdWNC4xYy0uMyAwLTEuNC0uMS0yLjYtLjEtMi42IDAtNC40IDEuNi00LjQgNC41djIuMUg3djMuMmgyLjhWMjJoMy43eiIvPjwvc3ZnPg==");


}

.instagram_icon {
background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNFMTMwNkMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgMkM0IDIgMiA0IDIgN3YxMGMwIDMgMiA1IDUgNWgxMGMzIDAgNS0yIDUtNVY3YzAtMy0yLTUtNS01SDd6bTUgNWE1IDUgMCAxIDEgMCAxMCA1IDUgMCAwIDEgMC0xMHptNi41LS45YTEuMSAxLjEgMCAxIDEgMCAyLjIgMS4xIDEuMSAwIDAgMSAwLTIuMnoiLz48L3N2Zz4=");
}

.youtube_icon {
background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNGRjAwMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzIDEyczAtNC0xLTZjLS42LTEuMi0xLjgtMi0zLTJINUMzLjggNCAyLjYgNC44IDIgNiAxIDggMSAxMiAxIDEyczAgNCAxIDZjLjYgMS4yIDEuOCAyIDMgMmgxNGMxLjIgMCAyLjQtLjggMy0yIDEtMiAxLTYgMS02ek0xMCAxNVY5bDUgMy01IDN6Ii8+PC9zdmc+");
}
.rutube_icon{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNSIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik05IDdsNyA1LTcgNVY3eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
}

.vkontakte_icon {
background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiM0Qzc1QTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgN2MwLS41LjQtMSAxLTFoMi4yYy41IDAgLjkuMyAxLjEuN2wxLjcgMy4zYy4yLjMuNC41LjYuNS4zIDAgLjQtLjMuNC0uN1Y3YzAtLjUuNC0xIDEtMWgyYy41IDAgMSAuNSAxIDF2My4yYzAgLjMuMS41LjMuNS4yIDAgLjQtLjIuNi0uNWwxLjctMy4zYy4yLS40LjYtLjcgMS4xLS43SDIwYy42IDAgMSAuNSAxIDEtLjEgMS4zLTIuMyA0LjUtMy44IDYuMi0uMy4zLS4zLjggMCAxLjFsMy40IDMuNWMuNC40LjIgMS4xLS40IDEuMUgxNy43Yy0uNSAwLS45LS4zLTEuMS0uN2wtMS45LTIuM2MtLjItLjMtLjQtLjUtLjctLjUtLjMgMC0uNC4zLS40Ljd2MS41YzAgLjUtLjQgMS0xIDFIMTAuOWMtLjUgMC0uOS0uMy0xLjEtLjdDNy42IDE2LjggMy4xIDEwLjkgMyA3eiIvPjwvc3ZnPg==");
}

.odnoklassniki_icon {
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CjxwYXRoIGZpbGw9IiNFRTgyMDgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDJjMi43NjEgMCA1IDIuMjM5IDUgNXMtMi4yMzkgNS01IDUtNS0yLjIzOS01LTUgMi4yMzktNSA1LTV6bTAgMi41YTIuNSAyLjUgMCAxIDAgMCA1IDIuNSAyLjUgMCAwIDAgMC01eiIvPgo8cGF0aCBkPSJNNiAxMi4yYzEuNyAxLjUgMy45IDIuMyA2IDIuM3M0LjMtLjggNi0yLjMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0V FODIwOCIgc3Ryb2tlLXdpZHRoPSIzLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMTQuNkw2LjYgMjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0V FODIwOCIgc3Ryb2tlLXdpZHRoPSI0LjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMTQuNkwxNy40IDIwIiBmaWxsPSJub25lIiBzdHJva2U9IiNFRTgyMDgiIHN0cm9rZS13aWR0aD0iNC4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");


}
.telegram_icon{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzRDNzVBMyI+PHBhdGggZD0iTTIxLjYgNC4zYy0uMi0uMi0uNi0uMy0xLjEtLjFsLTE3IDYuNmMtLjcuMy0uNiAxLjMuMSAxLjVsNC4zIDEuNEwxOC4xIDcuMWwtOC45IDcuMWMuMi0uMS40IDAgLjYgLjFsNC4yIDMuMWMuNi40IDEuNCAuMSAxLjYtLjZsMi4zLTExLjZjLjEtLjQuMS0uOC0uMy0xLjF6TTEwIDE4LjhjLS4xIDAtLjItLjEtLjItLjJsLjEtMy44IDYuOS02LjJjLjMtLjMuMi0uNC0uMS0uMmwtOC42IDUuNGwtMy43LTEuMmMtLjQtLjEtLjQtLjcgMC0uOGwxNC40LTUuNmMtLjItLjEtLjQuMS0uMy4zbC0yLjYgMTIuOGMtLjEgLjQtLjYgLjYtMSAuM2wtNC0zLS44LjhjLS4xLjEtLjIuMi0uNC4yeiIvPjwvc3ZnPg==);
}

.max_icon{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCIgeTE9IjAiIHgyPSIyNCIgeTI9IjI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDBDNkZGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjIzRkZGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNnKSIgZD0iTTEyIDJDNi40OCAyIDIgNi4yMyAyIDEyYzAgNS43NyA0LjQ4IDEwIDExIDEwIDEuNjkgMCAzLjI2LS4zMiA0LjYzLS45bDMuMzcgMS4xYy40LjEzLjgtLjI3LjY3LS42N2wtMS4wNi0zLjE2QzIxLjM4IDE2LjY4IDIyIDE0LjQyIDIyIDEyYzAtNS43Ny00LjQ4LTEwLTEwLTEweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDE2VjhoMi4ybDIuOCA0IDIuOC00SDE2djhoLTJ2LTQuOGwtMi42IDMuN2gtMUw4IDExLjJWMThoLTJ6Ii8+PC9zdmc+);
}

.twitter_icon {
background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMwMDAwMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgM2g0bDUgNyA2LTdoM2wtNyA4IDggMTBoLTRsLTUtNy02IDdINGw3LTgtOC0xMHoiLz48L3N2Zz4=");
}



.week-schedule-compact {
    font-family: Arial, sans-serif;
    max-width: 450px;
    margin: 10px auto;
    font-size: 13px;
}

.day-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 6px;
    padding: 4px 6px;
    font-size: 90%;
}

.day-date-compact {
    width: 92px;
    font-weight: bold;
    align-self: flex-start;
}
.day-date-compact .date-red {
    color: #fea500;
}

.day-status-compact {
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    margin-right: 6px;
    font-weight: bold;
    align-self: flex-start;
}

.day-status-compact.open {
    background-color: #7BC67B;
    color: #fff;
        min-width: 75px;
    text-align: center;
}

.day-status-compact.closed {
    background-color: #F77A7A;
    color: #fff;
        min-width: 75px;
    text-align: center;
}

.day-status-compact.holiday {
    background-color: #6FA8DC;
    color: #fff;
        min-width: 75px;
    text-align: center;
}
.day-status-compact.break {
    background-color: #b8b8b8;
    color: #fff;
        min-width: 75px;
    text-align: center;
}

.intervals-compact {
    flex: 1;
 
   
    color: #333;
}
.intervals-compact .comment{
    font-size: 12px;
      display:block;
}



.worktableDiv{
   font-size: 12px;
    width: 100%;
    line-height: 1.2;
}
.worktableDiv li{
    list-style-type: none;
}

.tg-event-element{
    flex: 1 0 30%;
    margin: 12px;
    color: #fff;
    min-width: 300px;
    max-width: 300px;
}
.tg-event-image {
    min-width: 90px;
    /* border: 1px solid #2c2c2c; */
    padding: 0;
    margin: 10px;
    display: block;
    max-height: 120px;
    opacity: 0.9;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAEJElEQVR4nO3dv49MURTA8e8Ku4kIiUKCRKHRaFQqlYqCjdiQkCgp7Cr5Eyh1dHTb6VSikbAaK1HQiFixiSAhg8KuXcWbiTFz38977jtnZs43ec3uvDt35pP33sydNcDzPM/z5JoDvgAfgVnluUx8U8BnYLO7rQHnVGfk8Yl/II5ioDNkCI5iqLMMo6wDFzUnNek5isEcxWCOYjBHMZijKLUJvAb2Bn4XQvEtbiutd0NHMQbiKAZBHMUgSFF+oa9fUhBwlLolBwFHqVMrIOAoVWsNBBylSq2CgKOU1ToIOEpRKiDgKHmpgYCjhFIFAUcZTB0EHKU/EyDgKL3MgED2p0RW/8RoBlgAloAf3W0JmO/+TipTIGATZT/wkuHH3tuWu7eRyBwI2EKZoRijH0XiSDEJAnZQFijH6G1XBe7PLAjYQHlOdZBnAvdnGgT0X311qA7SEbg/8yCgi1IH5LvA/Y0ECOidvvyUVZAGyjzVQcb6oj4F7Az8vG2UGbKXtGUYy8C0wP2ZBNkC3AFeAXsCv28bZT/FKGP9xnAbsNg3vhWUabJT0jOyC30HeNr9mcSR0csUyHbgYeA+Hufc3sL7FOnMgOwCngTGXwUOF+yn/T5FOhMge4AXgbHfAgcr7D9OKOogB4A3gXFfAftqjDMuKKogh4D3gTGXgN0NxhsHFDWQIwx/CcEm8AjYETHuqKOogBwDvgXGeoDMZwqjjNI6yEngZ2Cce8DWBuPlNaoorYKcB34HxrhFtlQineT7lFngQ3dL+S1IrYFcBv4E9r9ZY4wmSRwpcwNjpDzSWgG5DmwM7LcBXKs52abFoAxipEZJCjJFdgQM7rMGXGo238Y1QcnDSImSDGQLcDdw+19kF3aN6lxT8m6beu0sCcg0/6/Y9rYOcDxuvtFVOVJCR8Y6cKHi/jGJg+St2H4FjsbPV6SiJ7UIo8r+sYmC5K3YrpAtk1gq9pSUaulfDCR2xVajsi83GDwyquwfe6SIgEit2GqUh1KGUbR/DEo0SN6K7XOardhqFPukSqJEg4RWbB+SXdxHqdhrgtQ1JRpkcFtE9kP/VIUWMi2giILcR3bFNlVzZNe3qt9i1ObpSwzkNmlWbKXrf59R56ul2kKJBtkAblScqHahU8pLbJ2+okGuVJygdrPUf4I0UKJBRqUPNHti20aZSJC6r3zaRJkYkBNkKCs0+wi2LZSJAZGojVdfDlKz1CgO0qCUKA7SsFTXFAeJKMWR4iCRpUYpzUGGS4lSmoOES4VSmoPkJ3GhdxDh1D8P8YZT/TzEC9cUJRrEt7T/qU1p2g/e6pYKpTTtB255S4FSmvaDtr5Jo3gJG9V/iDrWOYrBHMVgjmIwRzGYoxgsb5X4tOakJr0QyorqjLwhlFXd6XiQnabekR0dp5Tn4nme541RfwFbbDokN3PzagAAAABJRU5ErkJggg==) no-repeat center;
    background-size: contain;
}

.tg-event-flex {
    padding: 10px;
    color: #fff;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #fea500;
    background: linear-gradient(180deg, #fea500de 15%, rgb(255 255 255 / 0%) 65%);
}
.tg-event-button {
    background: #fff;
    border-radius: 7px;
    line-height: 1.66;
    font-size: 16px;
    font-family: 'Montserrat',Arial,sans-serif;
    line-height: 1.55;
    font-weight: 600;
    padding: 3px 10px;
    text-transform: uppercase;
    color: #fea500;
    border: 2px solid #fea500;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.4);
}

.tg-event-elements-desc {
    color: unset;
    font-size: 16px;
    font-family: 'Montserrat',Arial,sans-serif;
    line-height: 1.1;
    min-height: 105px;
}
.tg-event-element-name {
    border-radius: 10px;
    border: 0px solid #bad8ff8a;
    padding: 10px;
    height: 200px;
    position: relative;
    margin: 10px 0;
    display: flex;
    background-size: cover !important;
    -webkit-transition: all 0.3s ease-in-out;
}
.tg-event-element-name-tr{
    margin: 0;
	height: 100%;

	background: #FFFFFF;
	margin: 10px;
}
.tg-event-element-name-tr:hover{
    background: #fff; 
}

.tg-event-element-name-tr:hover .tg-event-button{
	background: #fff;
	color: #fea500;
}


.tg-event-element-name-tr:hover .tg-event-element-name{
    transform: scale(1.01);
}

.tg-event-element-name-tr .tg-event-image{
    display: none;
}

.tg-event-element-name-tr:hover .tg-event-element-name{
    border: 0px solid #e65350;
    box-shadow: 0 2px 4px 2px #ebd5d5;
    
}

.tg-event-element-name-tr:hover .tg-event-image{
	transform: scale(1.05);
}

    


.tg-exposition-element{
flex: 1 0 30%;
margin: 12px;
color: #fff;
min-width: 300px;
max-width: 300px;
}
.tg-exposition-image {
min-width: 90px;
/* border: 1px solid #2c2c2c; */
padding: 0;
margin: 10px;
display: block;
max-height: 120px;
opacity: 0.9;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAEJElEQVR4nO3dv49MURTA8e8Ku4kIiUKCRKHRaFQqlYqCjdiQkCgp7Cr5Eyh1dHTb6VSikbAaK1HQiFixiSAhg8KuXcWbiTFz38977jtnZs43ec3uvDt35pP33sydNcDzPM/z5JoDvgAfgVnluUx8U8BnYLO7rQHnVGfk8Yl/II5ioDNkCI5iqLMMo6wDFzUnNek5isEcxWCOYjBHMZijKLUJvAb2Bn4XQvEtbiutd0NHMQbiKAZBHMUgSFF+oa9fUhBwlLolBwFHqVMrIOAoVWsNBBylSq2CgKOU1ToIOEpRKiDgKHmpgYCjhFIFAUcZTB0EHKU/EyDgKL3MgED2p0RW/8RoBlgAloAf3W0JmO/+TipTIGATZT/wkuHH3tuWu7eRyBwI2EKZoRijH0XiSDEJAnZQFijH6G1XBe7PLAjYQHlOdZBnAvdnGgT0X311qA7SEbg/8yCgi1IH5LvA/Y0ECOidvvyUVZAGyjzVQcb6oj4F7Az8vG2UGbKXtGUYy8C0wP2ZBNkC3AFeAXsCv28bZT/FKGP9xnAbsNg3vhWUabJT0jOyC30HeNr9mcSR0csUyHbgYeA+Hufc3sL7FOnMgOwCngTGXwUOF+yn/T5FOhMge4AXgbHfAgcr7D9OKOogB4A3gXFfAftqjDMuKKogh4D3gTGXgN0NxhsHFDWQIwx/CcEm8AjYETHuqKOogBwDvgXGeoDMZwqjjNI6yEngZ2Cce8DWBuPlNaoorYKcB34HxrhFtlQineT7lFngQ3dL+S1IrYFcBv4E9r9ZY4wmSRwpcwNjpDzSWgG5DmwM7LcBXKs52abFoAxipEZJCjJFdgQM7rMGXGo238Y1QcnDSImSDGQLcDdw+19kF3aN6lxT8m6beu0sCcg0/6/Y9rYOcDxuvtFVOVJCR8Y6cKHi/jGJg+St2H4FjsbPV6SiJ7UIo8r+sYmC5K3YrpAtk1gq9pSUaulfDCR2xVajsi83GDwyquwfe6SIgEit2GqUh1KGUbR/DEo0SN6K7XOardhqFPukSqJEg4RWbB+SXdxHqdhrgtQ1JRpkcFtE9kP/VIUWMi2giILcR3bFNlVzZNe3qt9i1ObpSwzkNmlWbKXrf59R56ul2kKJBtkAblScqHahU8pLbJ2+okGuVJygdrPUf4I0UKJBRqUPNHti20aZSJC6r3zaRJkYkBNkKCs0+wi2LZSJAZGojVdfDlKz1CgO0qCUKA7SsFTXFAeJKMWR4iCRpUYpzUGGS4lSmoOES4VSmoPkJ3GhdxDh1D8P8YZT/TzEC9cUJRrEt7T/qU1p2g/e6pYKpTTtB255S4FSmvaDtr5Jo3gJG9V/iDrWOYrBHMVgjmIwRzGYoxgsb5X4tOakJr0QyorqjLwhlFXd6XiQnabekR0dp5Tn4nme541RfwFbbDokN3PzagAAAABJRU5ErkJggg==) no-repeat center;
background-size: contain;
}

.tg-exposition-flex {
padding: 10px;
color: #fff;
border-radius: 10px;
position: absolute;
left: 0;
top: 0;
width: 100%;
background: #fea500;
background: linear-gradient(180deg, #fea500de 15%, rgb(255 255 255 / 0%) 65%);
}
.tg-exposition-button {
background: #fff;
border-radius: 7px;
line-height: 1.66;
font-size: 16px;
font-family: 'Montserrat',Arial,sans-serif;
line-height: 1.55;
font-weight: 600;
padding: 3px 10px;
text-transform: uppercase;
color: #fea500;
border: 2px solid #fea500;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.4);
}

.tg-exposition-elements-desc {
color: unset;
font-size: 16px;
font-family: 'Montserrat',Arial,sans-serif;
line-height: 1.1;
min-height: 165px;
}
.tg-exposition-element-name {
border-radius: 10px;
border: 0px solid #bad8ff8a;
padding: 10px;
height: 200px;
position: relative;
margin: 10px 0;
display: flex;
background-size: cover !important;
-webkit-transition: all 0.3s ease-in-out;
}
.tg-exposition-element-name-tr{
margin: 0;
height: 100%;

background: #FFFFFF;
margin: 10px;
}
.tg-exposition-element-name-tr:hover{
background: #fff; 
}

.tg-exposition-element-name-tr:hover .tg-exposition-button{
background: #fff;
color: #fea500;
}


.tg-exposition-element-name-tr:hover .tg-exposition-element-name{
transform: scale(1.01);
}

.tg-exposition-element-name-tr .tg-exposition-image{
display: none;
}

.tg-exposition-element-name-tr:hover .tg-exposition-element-name{
border: 0px solid #e65350;
box-shadow: 0 2px 4px 2px #ebd5d5;

}

.tg-exposition-element-name-tr:hover .tg-exposition-image{
transform: scale(1.05);
}






    .place-info-bottom-box {
        width: 220px;
        height: 180px;
        margin: 20px;
        border: 1px solid;
    }


.place-info-left{
    flex: 1 1 100%;
}

.detail-text{
    line-height: 1.5;
    position: relative;
}

.detail-text-container{
    position: relative;
    overflow: hidden;
    height: 450px;
    transition: height .45s ease;
    will-change: height;
}

/* Затемнение */
.detail-text-container::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:0;
    height:120px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 90%);
    pointer-events:none;
    opacity: 1;
    transition: opacity .25s ease;
}

.detail-text.open .detail-text-container::after{
    opacity: 0;
}
.detail-text-container.opened::after{
    opacity: 0;
}

.detail-text-load-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin: 12px auto 0;
  padding: 6px 14px;
  font-size: 14px;
  background:#fff;
  border:1px solid #ddd;
  border-radius: 20px;
  cursor:pointer;
}
.place-info-right-container{
    flex: 0 0 440px;
    padding: 20px;
    z-index: 1;
    
}

.place-artists .place_element_img {
    height: 10rem;
    width: 10rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    background-size: cover;
}

.place-artists .place_element_info{
        height: 7rem;
}

.place-info-right{
    padding: 30px;
    min-height: 450px;
        border-radius: 10px;
        background: rgb(255 255 255) radial-gradient(circle at 50% 0, rgba(255,255,255,.65), rgb(255 255 255 / 35%));
       border: 1px solid #fea500;
    
}

.parent_theater{
    text-transform: uppercase;
    margin-top: 1.5rem;
    font-size: 1rem;
    color: #fea500;
}


.place-info-right-box{
    margin-bottom: 30px;
}

.place-info-right-box .title{
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}


.place-contacts-bottom  .title{
   margin-bottom: 30px;
   font-size: 150%;
   flex: none;
   width: 100%;
   }

.place-contacts-bottom  .place-contacts-bottom-box{
    flex: 1 0 49%;
    text-align: center;
    height: 550px;
    position: relative;
    /* border: 1px solid #fea500; */
    /* border-radius: 10px; */
}

      .place-info-bottom-container{
        
        width: 100%;
      }

.tg-price{
    padding: 10px;
    font-size: 120%;
}


.uc-div-tg  {
    min-height: 250px;
    height: 250px;
    padding: 10px;
}


#menu_4_40 .buy_button {
    border: 1px solid;
    padding: 12px 10px !important;
    font-size: 16px !important;
    margin: 30px 0 10px;
    line-height: 1.4;
    display: flex;
    background: #fea500 ! IMPORTANT;
    border-radius: 10px;
    cursor: pointer;
    color: #ffffff;
    max-width: 250px;
    justify-content: space-around;
}

.top5_div{
    padding: 20px;
    line-height: 1.4;
    background: #3b689f2b;
}

.top5_div ol {
    list-style: none;
    counter-reset: top5;
    padding-left: 0;
    margin: 0;
}

.top5_div li {
    counter-increment: top5;
    position: relative;
    padding-left: 32px;
    margin-bottom: 14px;
}

.top5_div li::before {
    content: counter(top5) ".";
    position: absolute;
    left: 0;
    top: 2px;
    font-weight: bold;
    color: #2e7d32;
}
      .tg-top-orderInfo {
        position: fixed;
        bottom: 0;
        background: #fff;
        left: 0;
        width: 100%;
        border-top: 1px solid #2fb7c9;
        box-shadow: 1px -6px 14px 7px rgb(0 0 0 / 25%);
        display: flex;
        justify-content: space-evenly;
        padding: 0 3px;
    }
    
      .tg-top-orderInfo .tg-btn {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        font-size: 16px;
        font-weight: 900;
        border: 1px solid #3b689f !important;
        outline: 0;
        background-color: #3b689f !important;
        color: #fff;
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 250px;
        height: 52px;
        z-index: 1;
        margin: 10px;
        outline: none!important;
        border-radius: 10px !important;
        min-width: 220px;
    }
      .tg-top-orderInfo .tg-btn:hover {
        background-color: #FFB733 !important;
    }
      
      .info-icons-container{
        transition: all 1s;
        position: relative;
        margin: 0 auto;
        width: 100%;
      }

      .info-icons-button{
        position: absolute;
        width: 30px;
        height: 30px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIiB3aWR0aD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuNSA4LjUtNC00IDQtNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNyA2KSIvPjwvc3ZnPg==) no-repeat center;
        background-size: contain;
        cursor: pointer;
        transition: all 0.5s;
        right: 0;
      }

      .info-icons{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 10px auto;
      }

      .info-icons div{
        width: 40px;
        height: 40px;
        border: 3px solid #fea500;
        margin-right: 10px;
        border-radius: 30%;
        position: relative;
        cursor: pointer;
        
        margin-bottom: 0px;
  }

  .info-icons div span{
        display: none;
    }

      .info-icons .photo{
        background: #fff no-repeat center;
        background-repeat: no-repeat;
        background-size: 20px;
        transition: background-image 100ms linear;

  }

  .info-icons .photo.not {
    filter: grayscale(0) opacity(0.54);
  }

  
  .info-icons .textColorRight {
    font-weight: bold;
    text-transform: capitalize
}

  .info-icons .photo.not::before {
    width: 50px;
    height: 50px;
    content: '';
    left: -24px;
    top: 9px;
    transform: rotate(45deg);
    border-top: 3px solid #ce270e;
    position: absolute;
}

      .info-icons-container.active .info-icons {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 20px;
            font-size: 90%;
    }


    .info-icons-container.active .info-icons .photo {
        background-position: 10px 5px;
        background-size: 20px;
        background-color: unset;
    }
    
    .info-icons-container.active .info-icons div {
        width: 50%;
        height: 40px;
        border: none;
        margin-right: 0;
        border-radius: 0;
        background-repeat: no-repeat !important;
    }

    .info-icons-container.active .info-icons div span {
        display: block;
        padding-left: 50px; 
    }
    .info-icons-container.active .info-icons-button{
        position: absolute;
        width: 30px;
        height: 30px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIiB3aWR0aD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibS41IDQuNSA0LTQgNCA0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2IDgpIi8+PC9zdmc+) no-repeat center;
        background-size: contain;
        cursor: pointer;
        right: 0;
      }

      
.info-icons-container.active .photo.not::before {
    width: 30px;
    height: 30px;
    content: '';
    left: -6px;
    top: 10px;
    transform: rotate(45deg);
    border-top: 2px solid #ce270e;
    position: absolute;
}

.header {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    padding: 0 0px;
}



.middle-container-element .img {
    background-image: url(https://ticket.telegreen.am/api/tickets/uploads/files/MQI/ORIGINAL_846.png);
    width: 100%;
    height: 190px;
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    border-radius: 10px;
    position: relative;
    background-position: center;
}

.middle-container-element .preview_text{
    font-weight: 300;
    line-height: 1;
    max-height: 120px;
    font-size: 90%;
    
    margin-top: 5px;
}

.middle-container-element .title-box {
    width: 100%;
    height: 90px;
    color: #000;
    background-color: #fea500;
    border-radius: 0 25px 25px 25px;
    padding: 15px;    
    margin-top: 15px;
    position: relative;
}

        .middle-container-element .th_title {
            font-size: 11px;
            background-repeat: no-repeat;
            background-size: 20px;
            background-position: left;
            padding-left: 40px;
        }

.place-info-bottom .title-box .title {
    font-size: 100%;
}

.middle-container{
    position: relative;
    }

.middle-container-element .title {
    font-size: 120%;
    margin-top: 0;
    }
    
.middle-container-element .title span{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    
}

section {
    scroll-margin-top: 80px; /* отступ при прокрутке */
}


.tg-event-element{
    flex: 1 0 30%;
    margin: 12px;
    color: #fff;
    min-width: 300px;
    max-width: 300px;
}
.tg-event-image {
    min-width: 90px;
    /* border: 1px solid #2c2c2c; */
    padding: 0;
    margin: 10px;
    display: block;
    max-height: 120px;
    opacity: 0.9;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAEJElEQVR4nO3dv49MURTA8e8Ku4kIiUKCRKHRaFQqlYqCjdiQkCgp7Cr5Eyh1dHTb6VSikbAaK1HQiFixiSAhg8KuXcWbiTFz38977jtnZs43ec3uvDt35pP33sydNcDzPM/z5JoDvgAfgVnluUx8U8BnYLO7rQHnVGfk8Yl/II5ioDNkCI5iqLMMo6wDFzUnNek5isEcxWCOYjBHMZijKLUJvAb2Bn4XQvEtbiutd0NHMQbiKAZBHMUgSFF+oa9fUhBwlLolBwFHqVMrIOAoVWsNBBylSq2CgKOU1ToIOEpRKiDgKHmpgYCjhFIFAUcZTB0EHKU/EyDgKL3MgED2p0RW/8RoBlgAloAf3W0JmO/+TipTIGATZT/wkuHH3tuWu7eRyBwI2EKZoRijH0XiSDEJAnZQFijH6G1XBe7PLAjYQHlOdZBnAvdnGgT0X311qA7SEbg/8yCgi1IH5LvA/Y0ECOidvvyUVZAGyjzVQcb6oj4F7Az8vG2UGbKXtGUYy8C0wP2ZBNkC3AFeAXsCv28bZT/FKGP9xnAbsNg3vhWUabJT0jOyC30HeNr9mcSR0csUyHbgYeA+Hufc3sL7FOnMgOwCngTGXwUOF+yn/T5FOhMge4AXgbHfAgcr7D9OKOogB4A3gXFfAftqjDMuKKogh4D3gTGXgN0NxhsHFDWQIwx/CcEm8AjYETHuqKOogBwDvgXGeoDMZwqjjNI6yEngZ2Cce8DWBuPlNaoorYKcB34HxrhFtlQineT7lFngQ3dL+S1IrYFcBv4E9r9ZY4wmSRwpcwNjpDzSWgG5DmwM7LcBXKs52abFoAxipEZJCjJFdgQM7rMGXGo238Y1QcnDSImSDGQLcDdw+19kF3aN6lxT8m6beu0sCcg0/6/Y9rYOcDxuvtFVOVJCR8Y6cKHi/jGJg+St2H4FjsbPV6SiJ7UIo8r+sYmC5K3YrpAtk1gq9pSUaulfDCR2xVajsi83GDwyquwfe6SIgEit2GqUh1KGUbR/DEo0SN6K7XOardhqFPukSqJEg4RWbB+SXdxHqdhrgtQ1JRpkcFtE9kP/VIUWMi2giILcR3bFNlVzZNe3qt9i1ObpSwzkNmlWbKXrf59R56ul2kKJBtkAblScqHahU8pLbJ2+okGuVJygdrPUf4I0UKJBRqUPNHti20aZSJC6r3zaRJkYkBNkKCs0+wi2LZSJAZGojVdfDlKz1CgO0qCUKA7SsFTXFAeJKMWR4iCRpUYpzUGGS4lSmoOES4VSmoPkJ3GhdxDh1D8P8YZT/TzEC9cUJRrEt7T/qU1p2g/e6pYKpTTtB255S4FSmvaDtr5Jo3gJG9V/iDrWOYrBHMVgjmIwRzGYoxgsb5X4tOakJr0QyorqjLwhlFXd6XiQnabekR0dp5Tn4nme541RfwFbbDokN3PzagAAAABJRU5ErkJggg==) no-repeat center;
    background-size: contain;
}

.tg-event-flex {
    padding: 10px;
    color: #fff;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #ea5800;
    background: linear-gradient(180deg, #fea500de 15%, rgb(255 255 255 / 0%) 65%);
}
.tg-event-button {
    background: #fff;
    border-radius: 7px;
    line-height: 1.66;
    font-size: 16px;
    font-family: 'Montserrat',Arial,sans-serif;
    line-height: 1.55;
    font-weight: 600;
    padding: 3px 10px;
    text-transform: uppercase;
    color: #fea500;
    border: 2px solid #ea5800;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.4);
}

.tg-event-elements-desc {
    color: unset;
    font-size: 16px;
    font-family: 'Montserrat',Arial,sans-serif;
    line-height: 1.1;
    min-height: 105px;
}
.tg-event-element-name {
    border-radius: 10px;
    border: 0px solid #bad8ff8a;
    padding: 10px;
    height: 200px;
    position: relative;
    margin: 10px 0;
    display: flex;
    background-size: cover !important;
    -webkit-transition: all 0.3s ease-in-out;
}
.tg-event-element-name-tr{
    margin: 0;
	height: 100%;

	background: #FFFFFF;
	margin: 10px;
}
.tg-event-element-name-tr:hover{
    background: #fff; 
}

.tg-event-element-name-tr:hover .tg-event-button{
	background: #fff;
	color: #fea500;
}


.tg-event-element-name-tr:hover .tg-event-element-name{
    transform: scale(1.01);
}

.tg-event-element-name-tr .tg-event-image{
    display: none;
}

.tg-event-element-name-tr:hover .tg-event-element-name{
    border: 0px solid #e65350;
    box-shadow: 0 2px 4px 2px #ebd5d5;
    
}

.tg-event-element-name-tr:hover .tg-event-image{
	transform: scale(1.05);
}

    

.tg-event-name{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}
.tg-exposition-name{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}


.middle-container-element .city-name {
    font-size: 80%;
    color: #fff;
    font-weight: 400;
    text-align: right;
    position: absolute;
    right: 5px;
    bottom: 5px;
}



.middle-container-element .theater_type {
    background: #0000007a;
    border-radius: 15px 15px 15px 0;
    color: #fff;
    padding: 15px 10px 9px;
    bottom: 0;
    top: 150px;
    right: 0;
    width: 80%;
    position: absolute;
    font-weight: 700;
    transition: top .3s ease 0s, background-color .3s ease 0s;
}

.middle-container-element:hover .theater_type {
    top: -15px;
    background-color: #000000cf;
}


.middle-container-element .theater_type .icon{
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left;
    padding-left: 40px;
}

.middle-container-element:hover .title-box {
    background-color: #ffa6008a;;
}

.middle-container-element:hover .city-name {
    color: #ffffff;
}

.filter-title {
    display: flex;
    justify-content: space-evenly;
    font-size: 120%;
}

.middle-container-city-element {
    width: 150px;
    height: 190px;
    margin: 30px;
    border: 1px solid #fea500;
    cursor: pointer;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
}

.middle-container-city-element .img{
    height: 150px;
    width: 100%;
    background: #fff no-repeat center;
    transition: all 0.3s;
    background-size: cover;
    border-radius: 7px 7px 0 0;
}
.middle-container-city-element:hover .img{
    
    transform: scale(1.2) translateX(-10px) translateY(-10px);
}
.middle-container-city-element.checked {
    border: 3px solid #e79601;
}

.middle-container-city-element .title{
    font-size: 110%;
    background: #fea500;
    height: 75px;
    margin-top: 0;
    transform: rotateZ(-5deg);
    position: absolute;
    bottom: -10px;
    width: 110%;
    left: -5px;
}

.middle-container-city-element .title div{
    transform: rotateZ(5deg);
    padding-top: 10px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

.middle-container-city-element .title .cc_title{
    padding: 0;
    font-size: 9px;
    color: #ffffff96;
}

.middle-container-theme-element{
    width: 220px;
    height: 70px;
    /* margin: 30px; */
    display: flex;
    /* border: 1px solid #fea500; */
    cursor: pointer;
    border-radius: 10px;
    justify-content: space-around;
    align-items: center;
    padding: 3px;
}
.middle-container-theme-element.checked {
    border: 3px solid #433f39; 
    background: #fea500;
    color: #fff;
}


.middle-container-theme-element .img {
    height: 32px;
    background-size: 32px;
    background-repeat: no-repeat;
    width: 32px;
}

.middle-container-theme-element .title {
    font-size: 120%;
    margin: 0;
    line-height: 1;
    transition: all 0.1s;
}

.middle-container-theme-element:hover .title {
    color: #fea500;
}
.middle-container-theme-element.checked:hover .title {
    color: #fff;
}

.middle-container-theme-element:hover  {
    border: 1px solid #fea500;
}


.loadingBox{
    background-color: #c1c1c1;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

@keyframes loading {
    to {
        transform: translateX(100%)
    }
}

.loadingBox:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg,#c1c1c1,#fff,#c1c1c1);
    transform: translateX(-100%);
    animation-name: loading;
    animation-direction: normal;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.info-icons .photo_23{
    background-image: url('../../../images/icons/23.svg') !important;
}
.info-icons .photo_23:hover{
    background-image: url('../../../images/icons/23_.svg') !important;
}

.info-icons .photo_22{
    background-image: url('../../../images/icons/22.svg') !important;
}
.info-icons .photo_22:hover{
    background-image: url('../../../images/icons/22_.svg') !important;
}

.info-icons .photo_25{
    background-image: url('../../../images/icons/25.svg') !important;
}
.info-icons .photo_25:hover{
    background-image: url('../../../images/icons/25_.svg') !important;
}

.info-icons .photo_28{
    background-image: url('../../../images/icons/28.svg') !important;
}
.info-icons .photo_28:hover{
    background-image: url('../../../images/icons/28_.svg') !important;
}
.info-icons .photo_16{
    background-image: url('../../../images/icons/16.svg') !important;
}
.info-icons .photo_16:hover{
    background-image: url('../../../images/icons/16_.svg') !important;
}
.info-icons .photo_26{
    background-image: url('../../../images/icons/26.svg') !important;
}
.info-icons .photo_26:hover{
    background-image: url('../../../images/icons/26_.svg') !important;
}
.museum-schedule-section {
    margin-top: 25px;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    font-family: Arial, sans-serif;
}

.museum-schedule-header {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.museum-schedule-header span {
    margin-left: 8px;
}

.exceptions-header {
    margin-top: 20px;
}

.top5-full{
    font-size: 0.9rem;
    margin: 10px;
    line-height: 1.4;
}

/* Строка дня */
.day-line {
    display: flex;
    flex: 1 1 100%;
    justify-content: space-between;
    padding: 3px 3px;
    border-bottom: 1px solid #eee;
        margin: 0;
        line-height: 1.4;
}

.day-left {
    width: 40%;
    font-weight: bold;
}

.day-left.date-red {
    color: red;
}

.day-right {
    width: 60%;
}

/* Интервалы */
.interval-row {
    margin-bottom: 4px;
}

.interval-time {
    font-weight: bold;
}

.interval-comment {
    font-size: 12px;
    color: #666;
}

.interval-period {
    font-size: 11px;
    color: #999;
}

/* Цвета */
.interval-row.work { color: #2e7d32; }
.interval-row.break { color: #f57c00; }

.day-status-compact.closed {
    color: #ff4d4f;
    font-weight: bold;
}

.museum-info-blocks{
    display: block;
    margin: 0px 0 0 0;
   }

.museum-info-blocks .museum-info-block {
    flex: 0 0 25%;
    text-align: left;
    min-height: 6rem;
    margin-bottom: 1rem;
    border-left: 5px solid #fea500;
    padding: 1rem 2rem;
    
}

.museum-info-block .infoValue{
    color: #fea500;
    font-size: 2rem;
    font-weight: 700;
}
.museum-info-block .infoName{
    font-weight: 500;
}

    

/* Исключения */
.exceptions-list {
    margin-top: 10px;
}

.exception-item {
    background: #fafafa;
    border-left: 4px solid #ccc;
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 6px;
}

.exception-date {
    font-weight: bold;
}

.exception-label {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    color: white;
    font-size: 12px;
    margin-top: 4px;
}

.exception-label.closed { background: #d32f2f; }
.exception-label.special { background: #1976d2; }

.exception-comment {
    font-size: 13px;
    color: #555;
    margin-top: 4px;
}

.exception-empty {
    font-style: italic;
    color: #777;
}

.place-find-input input {
    font-size: 120%;
    padding: 5px 25px;
    width: 100%;
}

#menu_4_40 a{
    color: #3b689f;
}

.tg-tooltip{
  position: fixed;
  z-index: 9999;
  max-width: 780px;
  min-width: 480px;
  padding: 12px 16px;
  background: #fff;
  color: #1f2937;
  font-size: 9px;
  line-height: 1.25;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
  border: 1px solid rgba(0,0,0,.06);
  opacity: 0;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity .15s ease, transform .15s ease;
}

/* активен */
.tg-tooltip.show{
  opacity: 1;
  transform: translateY(0);
}

/* стрелка */
.tg-tooltip::after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border: 7px solid transparent;
}

/* сверху */
.tg-tooltip.top::after{
  top: 100%;
  border-top-color: #fff;
}

/* снизу */
.tg-tooltip.bottom::after{
  bottom: 100%;
  border-bottom-color: #fff;
}

/* бренд-акцент */
.tg-tooltip strong{
  color: #fea500;
}


/* Large desktops and laptops */
@media (max-height: 1200px) {
    
}
       

/* Large desktops and laptops */
@media (max-height: 900px) {

}
     

/* Large desktops and laptops */
@media (max-height: 800px) {
   

}
   .btn-load-next{
  display:inline-flex; align-items:center; justify-content:center;
  width:100%; height:22px; cursor:pointer;
  border-radius:6px;
}
.btn-load-next:hover{ background: rgba(0,0,0,.06); } 

/* Large desktops and laptops */
@media (max-width: 1400px) {

    
  
    .place-info-top{
        display: flex;
        max-width: 1024px;
        margin: 0 auto;
        min-width: 1024px;
    }
    .place-info-bottom{
        display: flex;
        max-width: 1024px;
        margin: 0 auto;
        min-width: 1024px;
        flex-wrap: wrap;
    }
  

       #menu-main .lang_ru, #menu-main .lang_en, #menu-main .lang_am{
        margin: 10px 30px;
       }
}

.theme_icon {
    background-repeat: no-repeat;
    background-size: 22px;
    padding-left: 30px;
    margin-top: 0px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fea500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}


.contact_div svg{
    color: #fea500;
}
/* Large desktops and laptops */
@media (min-width: 1200px) {
   
}


/* Large desktops and laptops */
@media (max-width: 1024px) {
    .place-contacts-bottom .place-contacts-bottom-box {
        flex: 0 0 100%;
        height: unset;
        max-height: 450px;
    }
    
    .place-top-header .item {
        border-width: 1px;
        border-radius: 0px;
    }

  
    
    .place-info-top{
        display: flex;
        max-width: 1024px;
        margin: 0 auto;
        min-width: 480px;
    }
    .place-info-bottom{
        display: flex;
        max-width: 1024px;
        margin: 0 auto;
        min-width: 480px;
        flex-wrap: wrap;
    }
    
    .place-contacts-bottom {
        display: flex;
        margin: 10px auto;
    }
    
    .place-info-right-container {
        flex: 0 0 340px;
        padding: 5px;
        margin-top: 30px;
    }
    
    .place-info-right {
        padding: 20px;
        min-height: unset;
    }
    
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.ticket-section{
    min-height:100%;
    padding:10px;
}

footer .footerMenu div{
    margin:10px 5px;
}

.divMap {
    height: 300px;
}

.place-contacts-bottom-box .soc{
    position: unset;
}

.actual_div{
    top: 0;
    position: relative !important;
    margin: 10px 0;
}

.rig{
    top: 0;
    position: relative !important;
    margin: 10px 0;
}


.place-block .owl-nav .owl-prev {
    left: 15px;
            top: 25%;
}
.place-block .owl-nav .owl-next {
    right: 15px;
            top: 25%;
}

.contact_div {
    position: relative;
    min-height: 50px;
    padding-left: 20px;
    line-height: 1.2rem;
    text-align: left;
    padding-left: 50px;
    font-size: 1rem;
    flex-wrap: wrap;
}
   
#address_title{
        position: relative;
        min-height: 30px;
        padding-left: 20px;
        line-height: 1.2rem;
        text-align: left;
        padding-left: 40px;
        display: flex;
        font-size: 1rem;
        flex-wrap: unset;
        align-items: center;
        align-content: center;
    }


    .info-icons-container.active .info-icons div {
    width: 50%;
    min-height: 45px;
    border: none;
    margin-right: 0;
    border-radius: 0;
    background-repeat: no-repeat !important;
}

.info-icons-container.active .info-icons div span {
    display: block;
    padding-left: 40px;
}

        .day-line {
            flex-direction: unset;
            align-items: unset;
        }

        .day-left,
        .day-right {
            width: 100%;
        }

        .day-left {
            margin-bottom: 4px;
        }

        .museum-schedule-section {
            padding: 12px;
        }
   

        .place-top-header {
            height: 300px;
        }
        .place-top-header .item {
            height: 300px;
        }


        .theme_icon {
            background-repeat: no-repeat;
            background-size: 15px;
            padding-left: 30px;
        }
        


.place-info-top{
    display: block;
    max-width: 480px;
    margin: 0 auto;
    min-width: 320px;
}
.place-info-bottom{
    display: flex;
    max-width: 480px;
    margin: 0 auto;
    min-width: 320px;
    flex-wrap: wrap;
}



.place-contacts-bottom {
    display: block;
    max-width: 480px;
    margin: 10px auto;
    min-width: 320px;
}


.place-info-right {
    padding: 10px;
}
.info-icons div {
    width: 40px;
    height: 40px;
    border: 3px solid #fea500;
    margin-right: 10px;
    border-radius: 30%;
    position: relative;
    cursor: pointer;
}

.info-icons-button {
    right: -10px;
}
.info-icons .photo.not::before {
    width: 45px;
    height: 60px;
    content: '';
    left: -25px;
    top: 6px;
    transform: rotate(45deg);
    border-top: 3px solid #ce270e;
    position: absolute;
}

.place-contacts-bottom .place-contacts-bottom-box {
    height: unset;
    margin: 5px;
}


    .info-icons {
        margin: 30px 5px 10px !important;
        padding-bottom: 20px;
    }

.museum-info-blocks .museum-info-block {
    flex: 0 0 25%;
    text-align: left;
    min-height: 80px;
    margin: 10px;
    border-left: 5px solid #fea500;
    padding: 10px 20px;
}
.museum-info-block .infoValue {
    color: #fea500;
    font-size: 1.5rem;
    font-weight: 700;
}

.detail-text {
    line-height: 1.2;
    position: relative;
    margin: 10px;
}


.contact_div .address_icon {
    width: 24px;
    height: 22px;
    background-size: contain;
    position: absolute;
    left: 10px;
    top: 5px;
}

    }
