.map {
    margin: 0 0 100px 0;
    display: flex;
    padding-top: 80px;
}
.map .info {
    line-height: 24px;
}
.map .page-title {
    color: #9D6F94;
}
.map .info .micro {
    font-size: 14px;
    line-height: 28px;
}
.map-container {
    width: 100%;
    max-width: 1255px;
    margin: 0 auto;
    padding: 0 0 0 15px;
}
@media (max-width: 1024px){
    .map .info {
        margin: 25px 0 0 0;
    }
}
@media (min-width: 1025px){
    .map .info {
        margin: 25px 0 60px 0;
    }
    .map .section-left .form-item {
        width: 215px;
        position: absolute;
        top: 15px;
        right: 15px;
    }
}
.map .link-underline{
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.map .iframe {
    overflow:hidden;
}
.map .iframe iframe {
    width: calc( 50vw + 11% );
}
.map .iframe {
    width: calc( 50vw + 16% );
}

.map .section-left {
    max-width: 500px;
    width: 40%;
    float: left;
    padding-right: 15px;
    position: relative;
}
.map .section-right {
    line-height: 24px;
    float: right;
    width: 60%;
}
.map .clinic {
    margin-left: 50px;
}
.map .title {
    color: var(--main-page-color);
}
.map .callback-widget {
    margin: 0;
    z-index: 1;
}
@media (max-width: 1023px) {
    .map .coweb-select-wrapper {
        position: relative;
        margin-left: 15px;
    }
}
@media (min-width: 1024px) {
    .map .coweb-select-wrapper {
        position: absolute;
    }
}
@media (min-width: 1024px) and (max-width: 1149px){
    .map .coweb-select-wrapper {
        width: 225px
    }
}
@media (min-width: 1150px) {
    .map .coweb-select-wrapper {
        width: 270px
    }
}

@media (max-width: 800px) {
    .map .callback-widget {
        margin: 15px 0;
    }
}
.map .coweb-select-wrapper {
    top: 15px;
    right: 15px
}
.map .coweb-select-wrapper select {
    background-color: rgba(241, 141, 24, .05);
    border: 1px solid rgba(241, 141, 24, .5);
    background-position: calc(100% - 5px) 5px, calc(100% - 5px) 5px, 100% 0;
    background-size: 38px;
    background-repeat: no-repeat;
    border-radius: 24px;
    width: 100%;
    min-width: 200px;
    height: 50px;
    padding-left: 15px;
    padding-right: 50px;
    font-size: 18px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    overflow: visible;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    z-index: 10;
    outline: 0;
    display: block;
}
.map .coweb-select-wrapper:after {
    position: absolute;
    top: 6px;
    right: 5px;
    z-index: 5;
    pointer-events: none;
    background: url(./images/icon-arrow-down.svg) 0 0 repeat;
    width: 38px;
    height: 38px;
    content: "";
    transition: all .3s;
    transition-timing: ease-in-out;
}
.map .coweb-select-wrapper:focus-within:after {
    transform: rotate(180deg);
}
.map p.clinic__icon2 {
    position: relative;
}
.map p.clinic__icon2::before {
    content: "";
    height: 38px;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    background-image: url("./images/header-location.svg");
    width: 38px;
    left: -50px;
}
.map .section-right {
    line-height: 24px;
    float: right;
    width: 60%;
}
.map .doctor__metro a,
.map .info .title {
    color: #F18D18;
}
.map .micro a {
    color: var(--grey-color);
}

.map .map__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 24px;
}
.map .clinica__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    box-shadow: 0 5px 15px -5px rgba(101, 147, 196, .35);
    border-radius: 10px;
    padding: 16px 40px;
}
.map .clinica__info {
    display: flex;
    flex-direction: column;
}
.map .clinica a {
    color: inherit;
}
.map .clinica__img img {
    display: block;
    max-width: 264px;
    border-radius: 8px;
}
.map .map-item__row {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
}
.map .map-item__icon {
    margin-right: 16px;
}
.map .map-item__metro-name {
    margin-right: 8px;
}
.map .contacts-clinics__list__item__metro-marker {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0 0 0 4px;
}
.map .map-external-link img {
    width: 17px !important;
    height: 24px !important;
    display: block;
    margin-right: 5px;
}
.map #yaframe {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.map .contacts-clinics__map {
    min-height: initial;
    flex-grow: 1;
}

@media screen and (max-width: 1200px) {
    .map .map__inner,
    .map .clinica__grid {
        grid-template-columns: 1fr;
    }
    .map .map__inner, .map .clinica__grid {
        padding: 15px 20px;
    }
    .map .map__inner {
        padding: 0;
    }
    .map .map__right {
        min-height: 400px;
    }
    .clinica__info {
        order: 2;
    }
}