.YandexMapBasic001 {
    width:    100%;
    height:   500px;
    position: relative;
}

.YandexMapBasic001--grayscale [class*="ymaps-2"][class*="-ground-pane"] {
    -webkit-filter: grayscale(1);
    filter:         grayscale(1);
}

.YandexMapBasic001__preloader {
    width:              100%;
    height:             100%;
    position:           absolute;
    background:         #fff;
    top:                0;
    left:               0;
    z-index:            1;
    -webkit-transition: all 0.25s ease-in-out;
    transition:         all 0.25s ease-in-out;
    display:            -webkit-box;
    display:            -ms-flexbox;
    display:            flex;
    -webkit-box-pack:   center;
    -ms-flex-pack:      center;
    justify-content:    center;
    -webkit-box-align:  center;
    -ms-flex-align:     center;
    align-items:        center;
}

.YandexMapBasic001__preloader--hide {
    opacity:    0;
    visibility: hidden;
}

.YandexMapBasic001__prePreloader {
    width:  50px;
    height: 50px;
}

.YandexMapBasic001__map {
    width:  100%;
    height: 100%;
}