/* Start:/local/templates/stalex2024/components/bitrix/news.list/dellers/style.css?17601106642860*/


@media (min-width: 1000px) {
    .findNearestOffice .section__body{display:grid;grid-template-columns:calc(var(--font-size-16)*34.75) 1fr;grid-template-areas: "findNearestOfficeHeader findNearestOfficeMap" "findNearestOfficeList findNearestOfficeMap";row-gap: calc(var(--font-size-16)*2.875);column-gap: calc(var(--font-size-16)*1.25)}
    .findNearestOffice__header{grid-area: findNearestOfficeHeader}
    .findNearestOffice__list{grid-area: findNearestOfficeList}
    .findNearestOffice__mapWrapper{grid-area: findNearestOfficeMap}
}
@media (max-width: 1000px) {
    .choiceView{display: flex;width: 100%;gap: 10px;margin: 20px 0}
    .choiceView button.btn{flex: 1 1 100%;justify-content: center}
    .findNearestOffice__list:not(.mobileShow), .findNearestOffice__mapWrapper:not(.mobileShow){display: none !important;}
    .findNearestOffice__mapWrapper {height: 70vh;}
}

.findNearestOffice__header{display: flex;flex-direction: column;gap: calc(var(--font-size-16)*2);padding-right:calc(var(--font-size-16)*1.25);}
.findNearestOffice__header hr {border-color: var(--border-color);height: 1px;width: 100%;margin: 0;}
.findNearestOffice__countResults{font-size: calc(var(--font-size-16)*1.125)}
.findNearestOffice__selectList{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap}
@media (max-width: 500px) {
    .findNearestOffice__selectList{flex-direction: column;gap: 16px;align-items:flex-start}
}

.findNearestOffice__list{height: calc(var(--font-size-16)*38.5);overflow-x: hidden;overflow-y: auto;padding-right:calc(var(--font-size-16)*1.25);}
.findNearestOffice__list::-webkit-scrollbar {width: 4px;}
.findNearestOffice__list::-webkit-scrollbar-track {background: transparent;}
.findNearestOffice__list::-webkit-scrollbar-thumb {background-color: var(--black);border-radius: 20px;}

.findNearestOfficeCard{padding: calc(var(--font-size-16)*2) 0}
.findNearestOfficeCard:not(:last-child){border-bottom: 1px solid var(--border-color)}
.findNearestOfficeCard, .findNearestOfficeCard__body{display: flex;flex-direction: column;gap: calc(var(--font-size-16)*1.5);}
.findNearestOfficeCard__row{display: grid;grid-template-columns: calc(var(--font-size-16)*6) 1fr;gap:var(--font-size-16);font-size: calc(var(--font-size-16)*1.125)}
.findNearestOfficeCard__row a {transition: .2s linear}
.findNearestOfficeCard__title{display: flex;align-items: center;gap:calc(var(--font-size-16)*1.5)}
.findNearestOfficeCard__title img{flex: 0 0 calc(var(--font-size-16)*2);width:calc(var(--font-size-16)*2);}
@media (hover:hover) {
    .findNearestOfficeCard__row a:hover {color:var(--brand-color)}
}

.findNearestOffice__map {width: 100%;height: 100%;}
.findNearestOffice__map > ymaps{width: 100%!important;height:100%!important;}
.mapHint{padding:var(--font-size-16);display: flex;flex-direction: column;gap: calc(var(--font-size-16)*1.5);}

/* End */


/* Start:/local/templates/stalex2024/components/bitrix/news.list/presents/style.css?17601106641277*/
.findNearestOfficeList .gaTabs{flex: 1 1 100%;}
.findNearestOfficeList .section__body.double > * {display: flex;flex-direction: column;height: auto;}
.findNearestOfficeList .gaTabsBody {flex: 1 1 auto;}
.findNearestOfficeList .gaTabsBody > div.active{display:flex;flex-direction: column;gap: calc(var(--font-size-16)*2.5)}
.findNearestOfficeList .gaTabsBody > div > div:last-child{display:grid;grid-template-columns: repeat(5, 1fr);justify-content: space-between;gap: var(--font-size-16)}
.findNearestOfficeList button[type="button"]{
    font-size: calc(var(--font-size-16)*1.125);
    line-height: 1.28em;
    border: 0;
    background: none;
    outline: none;
    text-align: left;
}
.findNearestOfficeList .h3{display: flex;align-items: center;gap: var(--font-size-16)}
.findNearestOfficeList .h3 img{flex: 0 0 calc(var(--font-size-16)*2.5);width:calc(var(--font-size-16)*2.5);}
@media (max-width: 1000px) {
    .findNearestOfficeList .gaTabsBody > div > div:last-child{grid-template-columns: repeat(3, 1fr)}
}
@media (max-width: 600px) {
    .findNearestOfficeList .gaTabsBody > div > div:last-child{grid-template-columns: repeat(2, 1fr)}
}
@media (max-width: 400px) {
    .findNearestOfficeList .gaTabsBody > div > div:last-child{grid-template-columns: repeat(1, 1fr)}
}
/* End */


/* Start:/local/templates/stalex2024/components/bitrix/news.list/advant/style.css?1760110664588*/

.advantages {padding: calc(var(--font-size-16)*2.5);border:1px solid var(--border-color);flex: 0 1 calc(var(--font-size-16)*33.75)}
.advantages__content{padding-top: calc(var(--font-size-16)*3.5)}

.advantages picture{flex: 1 1 100%;padding-top: var(--font-size-16);align-items: flex-end}
.advantages picture img {width: calc(var(--font-size-16)*11.75);object-fit: contain;}
@media (min-width: 1000px) {
    .advantages{border-left: 0;}
}
@media (max-width: 1000px) {
    .advantages{padding: calc(var(--font-size-16)*1.5);}
    .advantages__content {padding-top: var(--font-size-16);}
}
/* End */
/* /local/templates/stalex2024/components/bitrix/news.list/dellers/style.css?17601106642860 */
/* /local/templates/stalex2024/components/bitrix/news.list/presents/style.css?17601106641277 */
/* /local/templates/stalex2024/components/bitrix/news.list/advant/style.css?1760110664588 */