.map-panel {
    display: none;
    background-color: #fff;
    cursor: pointer;
    width: 316px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
}

.map-panel__header {
    background: #FFFFFF;
    box-sizing: border-box;
    padding: 0 11px 0 11px;
    height: 60px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
}

.map-panel__amount {
    font: 400 16px "Roboto", Arial;
    color: #666666;
}

.map-panel__button_close {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxOCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjIwNDcgOC41MTA2N0wxNy41MTg0IDIuMTk2OTlDMTguMDMwMyAxLjY4NTA3IDE4LjAzMDMgMC45MTcxOSAxNy41MTg0IDAuNDA1MjdDMTcuMDA2NSAtMC4xMDY2NSAxNi4yMzg2IC0wLjEwNjY1IDE1LjcyNjcgMC40MDUyN0w5LjQxMzAxIDYuNzE4OTVMMy4wOTkzMyAwLjMxOTk1QzIuNTg3NDEgLTAuMTA2NjUgMS43MzQyMSAtMC4xMDY2NSAxLjIyMjI5IDAuMzE5OTVDMC43OTU2OTQgMC44MzE4NyAwLjc5NTY5NCAxLjY4NTA3IDEuMjIyMjkgMi4xOTY5OUw3LjYyMTI5IDguNTEwNjdMMS4zMDc2MSAxNC44MjQzQzAuNzk1Njk0IDE1LjMzNjMgMC43OTU2OTQgMTYuMTA0MSAxLjMwNzYxIDE2LjYxNjFDMS44MTk1MyAxNy4xMjggMi41ODc0MSAxNy4xMjggMy4wOTkzMyAxNi42MTYxTDkuNDEzMDEgMTAuMzAyNEwxNS43MjY3IDE2LjYxNjFDMTYuMjM4NiAxNy4xMjggMTcuMDA2NSAxNy4xMjggMTcuNTE4NCAxNi42MTYxQzE4LjAzMDMgMTYuMTA0MSAxOC4wMzAzIDE1LjMzNjMgMTcuNTE4NCAxNC44MjQzTDExLjIwNDcgOC41MTA2N1oiIGZpbGw9IiM5OTk5OTkiLz4KPC9zdmc+Cg==") no-repeat center center/17px 17px;
    box-sizing: border-box;
    display: inline-block;
    width: 17px;
    height: 17px;
}

.map-panel-content {
    background-color: #fff;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
}

.map-item {
    display: block;
    margin: 10px auto 20px auto;

    background: #FFFFFF;
    border-radius: 1px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;

    width: 295px;
    text-decoration: none !important;
}

.map-item__image-container {
    box-sizing: border-box;
    border-bottom: 1px solid #e7e7e7;
    padding: 9px;
}

.map-item__image {
    background: no-repeat center center;
    background-size: cover;
    display: block;
    width: 277px;
    height: 192px;
}

.map-item__data {
    padding: 10px 14px 14px 14px;
}

.map-item__data-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
}

.map-item__data-price {
    color: #333333;
    font: bold 27px "Roboto";
    letter-spacing: -1px;
}

.map-item__data-favorite {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjA2MzkgNC4xNTgxNEMxOS43NjQ1IDMuMjY4MDMgMTkuMTY1NiAyLjQ3NjgyIDE4LjQ2NyAxLjc4NDUyQzE3Ljc2ODQgMS4xOTExMSAxNi44NzAxIDAuNjk2NjA2IDE1Ljg3MjEgMC40OTg4MDNDMTUuNDcyOSAwLjM5OTkwMiAxNS4xNzM1IDAuMzk5OTAyIDE0Ljc3NDMgMC4zOTk5MDJDMTMuNjc2NCAwLjM5OTkwMiAxMi42Nzg0IDAuNjk2NjA2IDExLjc4MDEgMS4yOTAwMUMxMS4yODExIDEuNTg2NzEgMTAuNzgyMSAyLjA4MTIyIDEwLjM4MjkgMi41NzU3MkM5Ljk4MzY2IDIuMDgxMjIgOS40ODQ2MSAxLjU4NjcxIDguOTg1NTkgMS4yOTAwMUM4LjA4NzM1IDAuNjk2NjA2IDYuOTg5NTEgMC4zOTk5MDIgNS45OTE0NyAwLjM5OTkwMkM1LjA5MzIzIDAuMzk5OTAyIDQuMTk0OTkgMC41OTc3MDUgMy4zOTY1NiAwLjk5MzMwOUMyLjU5ODEzIDEuMzg4OTEgMS44OTk1IDEuOTgyMzIgMS40MDA0OCAyLjY3NDYzQzAuOTAxNDU1IDMuNDY1ODMgMC41MDIyMzkgNC4zNTU5NSAwLjQwMjQzNSA1LjI0NjA2QzAuMzAyNjMxIDYuMDM3MjYgMC40MDI0MzUgNi44Mjg0NyAwLjYwMjA0MyA3LjcxODU4QzEuMTAxMDcgOS4zOTk5IDIuMDk5MTEgMTAuOTgyMyAyLjg5NzU0IDEyLjA3MDJDNC41OTQyMSAxNC4yNDYxIDYuODg5NyAxNi4yMjQxIDkuOTgzNjYgMTguMjAyMUwxMC4zODI5IDE4LjM5OTlMMTAuNzgyMSAxOC4yMDIxQzE0LjU3NDYgMTUuODI4NSAxNy4yNjk0IDEzLjM1NTkgMTguODY2MiAxMC41ODY3QzE5Ljg2NDMgOS4wMDQzIDIwLjI2MzUgNy42MTk2OCAyMC4zNjMzIDYuMjM1MDdDMjAuMzYzMyA1LjQ0Mzg2IDIwLjI2MzUgNC43NTE1NSAyMC4wNjM5IDQuMTU4MTRaTTEwLjM4MjkgMTYuODE3NUM3LjU4ODMzIDE1LjAzNzMgNS41OTIyNSAxMy4yNTcgMy45OTUzOCAxMS4yNzlDMy4yOTY3NiAxMC4yOSAyLjM5ODUyIDguOTA1NCAxLjk5OTMgNy4zMjI5OEMxLjc5OTY5IDYuNjMwNjcgMS42OTk4OSA2LjAzNzI2IDEuNzk5NjkgNS4zNDQ5NkMxLjg5OTUgNC42NTI2NSAyLjA5OTExIDQuMDU5MjQgMi40OTgzMiAzLjU2NDc0QzIuODk3NTQgMy4wNzAyMyAzLjM5NjU2IDIuNTc1NzMgMy45OTUzOCAyLjI3OTAyQzQuNTk0MjEgMS45ODIzMiA1LjI5Mjg0IDEuNzg0NTIgNS44OTE2NiAxLjc4NDUyQzYuNjkwMDkgMS43ODQ1MiA3LjQ4ODUzIDEuOTgyMzIgOC4xODcxNSAyLjQ3NjgyQzguODg1NzggMi44NzI0MyA5LjM4NDggMy40NjU4NCA5LjY4NDIyIDQuMTU4MTRMMTAuMzgyOSA1LjM0NDk2TDEwLjk4MTcgNC4wNTkyNEMxMS4zODA5IDMuNDY1ODMgMTEuODc5OSAyLjg3MjQzIDEyLjQ3ODggMi4zNzc5MkMxMy4xNzc0IDEuOTgyMzIgMTMuOTc1OCAxLjY4NTYxIDE0Ljc3NDMgMS42ODU2MUMxNS4wNzM3IDEuNjg1NjEgMTUuMzczMSAxLjY4NTYxIDE1LjU3MjcgMS43ODQ1MkMxNi4yNzEzIDEuODgzNDIgMTYuOTY5OSAyLjI3OTAyIDE3LjQ2OSAyLjc3MzUzQzE4LjA2NzggMy4yNjgwMyAxOC40NjcgMy44NjE0NCAxOC42NjY2IDQuNTUzNzVDMTguODY2MiA1LjA0ODI1IDE4Ljg2NjIgNS41NDI3NiAxOC44NjYyIDYuMTM2MTdDMTguNzY2NCA3LjIyNDA4IDE4LjM2NzIgOC40MTA4OSAxNy41Njg4IDkuNzk1NTFDMTYuMTcxNSAxMi4zNjY5IDEzLjc3NjIgMTQuNjQxNyAxMC4zODI5IDE2LjgxNzVaIiBmaWxsPSIjRkQ4QzI1Ii8+Cjwvc3ZnPgo=") no-repeat center center/20px 18px;
    display: block;
    width: 20px;
    height: 18px;
}

.map-item__data-type {
    color: #333333;
    display: block;
    font: 400 17px "Roboto", Arial;
}

.map-item__data-address {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuODMyMzUgMEMyLjgwNDgzIDAgMC4zODI4MTIgMi40MDgwMyAwLjM4MjgxMiA1LjQxODA2QzAuMzgyODEyIDkuMTMwNDQgNS4zMjc3NyAxNC42NDg4IDUuNTI5NiAxNC44NDk1QzUuNzMxNDQgMTUuMDUwMiA2LjAzNDE5IDE1LjA1MDIgNi4yMzYwMiAxNC44NDk1QzYuNDM3ODYgMTQuNjQ4OCAxMS4zODI4IDkuMTMwNDQgMTEuMzgyOCA1LjQxODA2QzExLjM4MjggMi40MDgwMyA4Ljg1OTg4IDAgNS44MzIzNSAwWk01LjgzMjM1IDguMjI3NDNDNC4zMTg1OSA4LjIyNzQzIDMuMTA3NTggNy4wMjM0MSAzLjEwNzU4IDUuNTE4MzlDMy4xMDc1OCA0LjAxMzM4IDQuMzE4NTkgMi44MDkzNiA1LjgzMjM1IDIuODA5MzZDNy4zNDYxMiAyLjgwOTM2IDguNTU3MTMgNC4wMTMzOCA4LjU1NzEzIDUuNTE4MzlDOC41NTcxMyA3LjAyMzQxIDcuMzQ2MTIgOC4yMjc0MyA1LjgzMjM1IDguMjI3NDNaIiBmaWxsPSIjMzMzMzMzIi8+Cjwvc3ZnPgo=") no-repeat left top/11px 15px;
    box-sizing: border-box;
    color: #333333;
    display: block;
    font: 300 17px "Roboto", Arial;
    margin: 13px 0 0 5px;
    padding-left: 22px;
}

.map-item__data-metro {
    color: #333333;
    font: 300 17px "Roboto", Arial;
    margin: 0 0 0 0;
}

.map-item__data-metro span {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuOTY2NjcgMS44NTcxNEMxMC44MzMzIDIuNjc4NTcgMTEuMzc1IDMuODIxNDMgMTEuMzc1IDUuMTA3MTRDMTEuMzc1IDcuMjE0MjkgOS44NTgzMyA5IDcuODM2MTEgOS41MzU3MUw4LjE5NzIyIDkuOTY0MjlIMTAuOTA1NkMxMS45ODg5IDguODU3MTQgMTMgNy4zOTI4NiAxMyA1Ljc4NTcxQzEzIDMuMTA3MTQgMTEuMTk0NCAwLjg1NzE0MyA4LjY2NjY3IDBMNi41IDYuOTI4NTdMNC4zMzMzMyAwLjAzNTcxNDNDMS44MDU1NiAwLjg5Mjg1NyAwIDMuMTQyODYgMCA1LjgyMTQzQzAgNy40Mjg1NyAwLjY1IDguODkyODYgMS43MzMzMyAxMEg0LjgwMjc4TDUuMiA5LjU3MTQzQzMuMTQxNjcgOS4wMzU3MSAxLjY2MTExIDcuMjUgMS42NjExMSA1LjE0Mjg2QzEuNjYxMTEgMy44OTI4NiAyLjIwMjc4IDIuNzUgMy4wNjk0NCAxLjg5Mjg2QzMuMTQxNjcgMS43ODU3MSAzLjMyMjIyIDEuNzUgMy40NjY2NyAxLjc4NTcxQzMuNjExMTEgMS44MjE0MyAzLjc5MTY3IDEuOTI4NTcgMy44NjM4OSAyLjE3ODU3TDYuMjgzMzMgOS43NUM2LjM1NTU2IDkuNzUgNi40Mjc3OCA5Ljc1IDYuNTM2MTEgOS43NUM2LjYwODMzIDkuNzUgNi42ODA1NiA5Ljc1IDYuNzg4ODkgOS43NUw5LjIwODMzIDIuMTQyODZDOS4yODA1NiAxLjk2NDI5IDkuNDI1IDEuODIxNDMgOS41Njk0NCAxLjc4NTcxQzkuNjQxNjcgMS43MTQyOSA5LjgyMjIyIDEuNzUgOS45NjY2NyAxLjg1NzE0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==") no-repeat center center/13px 10px;
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-block;
    width: 17px;
    height: 16px;
    margin-right: 8px;
}

.map-item__data-phone {
    background: #ff8b00;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 500 14px "Roboto", Arial;
    padding: 13px 15px 13px 15px;
    margin-top: 15px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.map-item__data-metro-line-1 {
    background-color: #fb0e0e !important;
}

.map-item__data-metro-line-2 {
    background-color: #0e34fb !important;
}

.map-item__data-metro-line-3 {
    background-color: #178f47 !important;
}

.map-item__data-metro-line-4 {
    background-color: #FB8E0E !important;
}

.map-item__data-metro-line-5 {
    background-color: #6416c8 !important;
}

.favorite-item_on {
    background: #ffffff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAXVBMVEUAAAD/jyn/jSf/jSj/jSj/jSj/jSj/jSj/jSj/jSj/jSj/jSj/jij/jSf/jSj/kCf/iy7/jyj/jSj/jij/jSf/jSf/jCj/jyj/kSn/jCj/jSn/iiX/jSj/kSn/lSq9FSYaAAAAHHRSTlMAA/3r8fbz7vnTysOwp0cTCyjmlW5WUiwic2swFoqbLAAAAMBJREFUGNNd0AmOwjAMBVBPHCfpCmUZZsD2/Y/JdxFV4auq7acoSkL0Q3T4O6BuTXyPkVsdZqJ5qI3HW+hVreSifvl3RWP6S3RTyar4mVVBk0UXmiybpqQt56ZoME7EBRLBFghcmBIrcB9udBL9ipxoNPkyG+lq9ROr4Uxdkm1XNJI6wj2cPxfOcc2z7w7AfgYhg/FmNoTAj11oSmHdEfDS3jmB2fuwSJTJcynZp3XY9BIr7ztbX33p+yXqPuv0pieADxYTkbPdIwAAAABJRU5ErkJggg==') no-repeat center center;
}