/* Start:/local/components/fsd/map.parks/templates/.default/style.css?17205924642703*/
.map{
    width: 100%;
    height: 400px;
    margin-top: 60px;
}
.balloon .balloon__title{
    font-weight: bold;
}

#custom_map {
    width: 100%;
    height: 100%;
    margin: 100px 0;
}

.ol-attribution {
    display: none;
}

.ol-zoom{
    position: absolute;
    top: 4px;
    left: 4px;
    display: none;
}

 .ol-zoom > button {
    margin: 4px;
    width: 30px;
    height: 30px;
    border: 1px solid black;
    border-radius: 50%;
    background: transparent;
    padding: 0;
    text-align: center;
    font-size: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#custom_map ~ .modal .modal-body{
    display: flex;
    align-items: start;
}
#custom_map ~ .modal .modal-body__right{
    margin-left: 20px;
}

#custom_map ~ .modal .modal-img{
    width: 200px;
    height: 130px;
    overflow: hidden;
}
#custom_map ~ .modal .modal-img img{
    max-width: 100%;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#custom_map ~ .modal .modal-content{
    border-radius: 30px;
}
#custom_map ~ .modal .modal-title span,#custom_map ~ .modal .modal-description span,#custom_map ~ .modal .modal-phone span,#custom_map ~ .modal .modal-time span, #custom_map ~ .modal .modal-address span{
    font-weight: bold;
    padding-right: 10px;
}

#about-block .modal-content a, 
#about-block .modal-content a:hover {
    text-decoration: none;
    color: inherit;
}

.map-about--map-park__title {
    font-size: 18px;
}


@media only screen and (max-width: 768px) {
    .ol-zoom {
        display: block;
    }
    .ol-viewport * {
        touch-action: none;
    }

    #custom_map ~ .modal .modal-body{
        flex-direction: column;
    }
    #custom_map {
        margin: 10px 0;
        height: 300px;
    }
    #custom_map ~ .modal .modal-body__right{
        margin-left: 0;
        order: 1;
    }
    #custom_map ~ .modal .modal-body__left{
        order:2;
        margin-top: 10px;
    }
    .ol-unselectable{
        object-fit: cover;
    }
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0%,-50%)!important;
    -ms-transform: translate(0%,-50%)!important;
    -o-transform: translate(0%,-50%)!important;
    transform: translate(0%,-50%)!important;
    top: 50%;
}

.ol-zoom > button.ol-zoom-out{
    padding-bottom: 6px;
}

.modal.fade .modal-dialog{
    -webkit-transition: -webkit-transform .3s ease-out,top .3s ease-out;
    -o-transition: -o-transform .3s ease-out,top .3s ease-out;
    transition: transform .3s ease-out, top .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
    top: 50%;
}

/* End */


/* Start:/local/templates/avatariya/components/bitrix/news.list/vacancy_list/style.min.css?17611243931426*/
.vacancy-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;color:#fff}.vacancy-list-item{flex:1 1 calc(25% - 50px);box-sizing:border-box;padding:30px;border:1px solid #8540c7;background-color:#8540c7;border-radius:8px;display:grid;justify-items:center;align-items:center;text-align:center}.vacancy-list-modal-title,.vacancy-list-name{font-size:25px;line-height:1;color:#f5f3ed;font-weight:700;text-transform:uppercase;margin-bottom:16px}.vacancy-list-modal-title{color:#000}.button-vacancy,.vacancy-list-item button{text-align:center;border-radius:10px;cursor:pointer;border:0}.vacancy-list-item button{height:35px;font-size:16px;padding-left:10px;padding-right:10px;color:#6923ad;background-color:#ead8fb;-moz-border-radius:10px;-webkit-border-radius:10px;font-weight:700;white-space:nowrap;vertical-align:middle;transition-property:background-color,color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}.button-vacancy{font-weight:600;font-size:18px;line-height:25px;color:#fff;margin-top:50px;outline:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15px 25px;background:var(--accent-color);text-decoration:none;-webkit-transition:.15s all;-o-transition:.15s all;transition:.15s all}.vacancy-list-modal{color:#000}
/* End */
/* /local/components/fsd/map.parks/templates/.default/style.css?17205924642703 */
/* /local/templates/avatariya/components/bitrix/news.list/vacancy_list/style.min.css?17611243931426 */