@keyframes byLoader {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
.loader__by-maps [class*="-inner-panes"] {  position: relative; }
.loader__by-maps [class*="-inner-panes"]:before,
.loader__by-maps [class*="-inner-panes"]:after { position: absolute; z-index: 2600; }
.loader__by-maps [class*="-inner-panes"]:before { background: rgba(255,255,255,.8); content: ''; width: 100%; height: 100%; top: 0; left: 0; }
.loader__by-maps [class*="-inner-panes"]:after {
    display: inline-block;
    font: normal normal normal 38px 'icomoon';
    content: '\e968'; 
    width: auto;
    line-height: 42px;
    font-size: 42px;
    font-weight: normal;
    text-align: center; 
    top: calc(50% - 17.5px); 
    left: calc(50% - 17.5px); 
    animation: byLoader 1s infinite linear;
}
.map-table { width: 100%; margin-top: 20px; }
.map-table__left,
.map-table__right { display: inline-block; vertical-align: top; }
.map-table__left { overflow: hidden; }
@media (max-width: 743px) {
    .map-table__left { width: calc(100vw - 20px); height: calc(100vw - 20px); }
    .map-table__right { width: 100%; margin-top: 15px; }
}
@media (min-width: 744px) {
    .map-table__left { width: calc((100vw - 50px) * .6); height: calc((100vw - 50px) * .6); }
    .map-table__right { width: 40%; padding-left: 10px; }
}
@media (min-width: 1024px) {
    .map-table__left { width: calc((100vw - 20px) * .7); height: calc((100vw - 20px) * .7); }
    .map-table__right { width: 30%; padding-left: 10px; }
}
@media (min-width: 1280px) {
    .map-table__left { width: 815px; height: 650px; }
    .map-table__right { width: calc(100% - 815px); padding-left: 30px; }
}