/* Стили для кнопок в карточках товаров */
.js-store-prod-text a {
    display: inline-block;
    padding: 10px 15px;
    margin-right: 15px;
    margin-top: 0px;
    border-radius: 3px;
    font-weight: 600;
}

.js-store-prod-text a:first-of-type {
    background-color: #21295d;
    color: #ffffff !important;
}

.js-store-prod-text a:last-of-type {
    background-color: #21295d;
    color: #ffffff !important;
}

.t706__cartwin_showed {
    z-index: 999999999;
}

/* Стили для карты */
.map_block_conteiner {
    position: relative;
    max-width: 1203px;
    width: 100%;
    font-family: 'Open Sans', Arial, sans-serif;
    margin: 0 auto;
}

.layer_mask_marker {
    max-width: 1203px;
    position: relative;
    top: 0;
}

.baloon_areses {
    display: none;
    position: absolute;
    top: 65px;
    left: 20px;
    background: #fff;
    width: 350px;
    padding: 5px 40px 30px 40px;
    border-radius: 0 5px 5px 5px;
    box-shadow: 0 20px 20px rgb(0 0 0 / 20%);
    z-index: 999;
}

.marker.active .baloon_areses {
    display: block;
}

.baloon_areses .head_tilte {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 800;
    color: #444242;
    margin-top: 10px;
}

.baloon_areses .litlrtext {
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #444242;
}

.baloon_areses .box_btm_ball {
    margin-top: 10px;
    display: block;
    text-align: center;
    background: linear-gradient(1deg, #ddaf02, #eec708);
    padding: 10px 10px;
    border-radius: 5px;
    color: #fff!important;
    text-decoration: none;
    transition: .2s ease;
}

.baloon_areses .box_btm_ball:hover {
    background: #f6a523;
}

.baloon_mark {
    fill: #25dcfe;
    cursor: pointer;
}

.marcer_descrip {
    position: absolute;
    left: 20px;
    top: 16px;
    min-height: 70px;
    display: none;
    width: 350px;
    z-index: 99;
    padding-left: 40px;
    background: #fff;
    padding-top: 30px;
    border-radius: 5px;
}

.marcer_descrip .descr_text {
    color: #444242;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}

.marker.active .marcer_descrip {
    display: block;
}

.box_adresess_scroll {
    max-height: 250px;
    overflow-y: scroll;
}

.box_adresess_scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
    background: #b5b5b5;
    border-radius: 4px;
}

.box_adresess_scroll::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #25dcfe;
}

.marker {
    position: absolute;
}

.colorized {
    fill: #f0c308!important;
}

/* Позиции маркеров на карте */
.marker.mosk { top: 357px; left: 158px; }
.altay { top: 645px; left: 521px; }
.amurs { left: 934px; top: 579px; }
.astrahan { top: 523px; left: 130px; }
.bashkotors { top: 489px; left: 269px; }
.belgorod { top: 406px; left: 100px; }
.bryansk { top: 336px; left: 96px; }
.vladivirsk { top: 371px; left: 187px; }
.yaroslavsk { top: 338px; left: 192px; }
.volgogradsk { top: 469px; left: 137px; }
.voronejk { top: 421px; left: 121px; }
.ivanovsk { top: 367px; left: 206px; }
.kalizkaya { top: 375px; left: 140px; }
.kamchatskaya { top: 345px; left: 1113px; }
.kareliya { top: 241px; left: 236px; }
.kemerovo { top: 582px; left: 536px; }
.kirowskaya { top: 400px; left: 262px; }
.kostroma { top: 360px; left: 227px; }
.krasnodar { top: 460px; left: 48px; }
.krasnoyarsk { top: 528px; left: 592px; }
.krym { top: 416px; left: 6px; }
.kurgan { top: 510px; left: 344px; }
.kurskata { top: 374px; left: 97px; }
.liningarad { top: 275px; left: 188px; }
.lipeck { top: 432px; left: 173px; }
.magadan { top: 309px; left: 1010px; }
.mariyelresp { top: 406px; left: 236px; }
.mordowsk { top: 412px; left: 221px; }
.nijegorog { top: 398px; left: 201px; }
.omsk { top: 530px; left: 423px; }
.penza { top: 433px; left: 173px; }
.permsky { left: 310px; top: 428px; }
.rostovs { top: 454px; left: 82px; }
.ryazansk { left: 167px; top: 390px; }
.samara { left: 214px; top: 468px; }
.saratow { left: 185px; top: 471px; }
.sahalin { left: 1062px; top: 522px; }
.sverdlovs { left: 345px; top: 456px; }
.smolensk { top: 347px; left: 129px; }
.stavropol { top: 506px; left: 68px; }
.tatarstan { top: 426px; left: 274px; }
.tverskaya { top: 318px; left: 164px; }
.tulskaya { top: 415px; left: 150px; }
.tumenn { left: 386px; top: 502px; }
.khabars { left: 1007px; top: 561px; }
.khakasy { left: 561px; top: 606px; }
.hantymays { top: 459px; left: 450px; }
.chelyabinsk { top: 500px; left: 311px; }
.adygeua { top: 489px; left: 44px; }
.byryatia { top: 583px; left: 765px; }
.kalmykiya { top: 507px; left: 100px; }
.komyy { left: 341px; top: 348px; }
.chuvashiya { left: 236px; top: 440px; }
.orlovsk { top: 397px; left: 137px; }
.ulyanovsk { left: 200px; top: 434px; }
.tomskaya { left: 505px; top: 523px; }
.kaliningrad { top: 236px; left: 68px; }
.yamalonenecyh { left: 500px; top: 398px; }
.novosib { top: 573px; left: 493px; }
.zabaykal { top: 574px; left: 822px; }
.lipetsk { display: none; }
.orenburg { left: 236px; top: 499px; }
.tambocsk { display: none; }
.udmurt { display: none; }
.chitinsk { top: 615px; left: 793px; }
.kazahst { left: 169px; top: 490px; }

.mobile_picker, .top_rel_text {
    display: none;
}

.checkshop {
    color: #fff;
    display: block;
    width: 100%;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: #5cbce2;
    border: 1px solid #5cbce2;
    padding: 10px;
    border-radius: 6px;
    font-weight: 700;
}

@media (max-width: 768px) {
    .checkshop {
        height: 45px;
    }
}

@media(max-width:1024px) {
    .layer_mask_marker {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 150px;
        margin-bottom: 150px;
        z-index: 9;
    }
    .box_map_ruuss {
        width: 100%;
        height: 100%;
    }
    .mobile_picker {
        display: block;
    }
    .marker {
        position: relative;
        top: unset!important;
        left: unset!important;
        display: none;
    }
    .marker.active {
        display: block;
    }
    .baloon_mark, .marcer_descrip {
        display: none!important;
    }
    .baloon_areses {
        display: block;
        position: relative;
        top: unset;
        left: unset;
        background: 0 0;
        width: 100%;
        padding: 0;
        border-radius: 0;
        box-shadow: unset;
        z-index: 999;
    }
    .box_adresess_scroll {
        max-height: 100%;
        overflow-y: unset;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 85px;
    }
    .box_adresess_scroll .adress_cont {
        width: 50%;
        border-left: 10px solid #5cbce2;
        padding-left: 15px;
        margin-bottom: 15px;
        padding-right: 15px;
    }
    .baloon_areses .head_tilte {
        font-size: 14px;
        font-weight: 400;
        margin-top: 0;
    }
    .baloon_areses .litlrtext {
        font-size: 12px;
        margin-bottom: 8px;
        font-weight: 600;
    }
    .top_rel_text {
        display: block;
        position: absolute;
        top: 9px;
        font-size: 12px;
        color: #d0f2ff;
        left: 30px;
    }
    .mobile_picker {
        background: #5cbce2;
        border: 1px solid #4899b9;
        height: 55px;
        width: 100%;
        border-radius: 7px;
        color: #fff;
        font-size: 14px;
        padding: 15px 15px 0 15px;
        outline: 0;
    }
    .mobile_picker option {
        background: #fff;
        color: #444242;
    }
    .baloon_areses .box_btm_ball {
        padding: 15px 15px;
        max-width: 250px;
        margin-top: 10px;
    }
    .map_places {
        position: absolute;
        top: -140px;
        z-index: 0;
        max-width: 460px;
        left: 24%;
    }
}

@media(max-width:768px) {
    .layer_mask_marker {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 80px;
        margin-bottom: 110px;
        z-index: 9;
    }
    .map_places {
        position: absolute;
        top: -95px;
        left: 0;
        max-width: 100%;
    }
}

@media(max-width:480px) {
    .box_adresess_scroll .adress_cont {
        width: 100%;
        padding-right: 0;
    }
}