/* Start:/local/components/kkbank/map/templates/.default/style.css?178206521114800*/
.kkb-o{
}
@media (max-width: 1000px){
	:focus-visible {
    	outline: none;
	}
	body .kkb-o .controller svg{
		width:50px;
		height: 50px;
	}
	body .kkb-o .controller{
		padding: 10px;
	}
	body .kkb-o .section-tab{
		margin-top:20px;
	}
	body .kkb-o .city{
		padding: 14px 16px;
		height: 50px;
	}
	body .kkb-o .city-list{
		top: 52px;
	}
	body .kkb-o .option{
		font-size:16px;
		border-radius: 12px;
		padding: 12px 10px;
	}
	body .kkb-o .cross-btn{
		width: 10px;
		height: 10px;
	}
	body .kkb-o .logo{
		height: 40px;
	}
	body .kkb-o .mobule-panel{
		display: block;
		position: absolute;
		background: rgba(238, 239, 240, 1);
		/*backdrop-filter: blur(80px);*/
		z-index:2;
		width:100%;
		padding:16px;
	}
	body .kkb-o .mobile-buttons{
		display: flex;
		align-items: center;
	}
	body .kkb-o .mobile-button{
		width:50px;
		height: 50px;
		display: flex;
        align-items: center;
        justify-content: center;
		background: var(--brand-white);
		border: 1px solid var(--brand-white);
		border-radius: 12px;
	}
	body .kkb-o .mobile-button:first-child{
		margin-right:8px;
	}
	body .kkb-o .search-line{
		display: none;
	}
	body .kkb-o .block{
		margin-top: 0px;
		margin-left: 0px;
		display: flex;
        width: 100%;
		bottom: 0px;
        max-height: 85vh;
	}
	body .kkb-o .windows{
		width:100%;
		margin-right: 0px;
		border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
		-webkit-overflow-scrolling: touch;
		padding:0px;
		padding-bottom:20px;
	}
	body .kkb-o .window{
		padding:0px 16px;
	}
	body .kkb-o .block{
		-webkit-overflow-scrolling: touch;
		padding: 0px;
	}
	body .kkb-o .filter-head a{
		display: none;
	}
	body .kkb-o .sections{
    	justify-content: space-between;
	}
	body .kkb-o .sec-tab{
		width: 100%;
		min-width:48%;
		text-align: center;
		font-size:14px;
		margin-bottom:20px;
		margin-right: 0px;
	}
	body .kkb-o .filter-tabs .sec-tab{
		margin-bottom:0px;
	}
	body .kkb-o .hide{
		display: none;
	} 
	body .kkb-o .window .filter-city{
		display: none;
	}
	body .kkb-o .filter-tabs{
		border-top: 2px solid #DADFE2;
	}
	body .kkb-o .filter-tab{
		font-size:14px;
		border-radius: 12px;
	}
	body .kkb-o .list-head{
		font-family: Stem;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: -0.2px;
	}
	body .kkb-o .block-head{
		font-family: Inter;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
	}
	body .kkb-o .list-option {
		font-size: 14px;
	}
	body .kkb-o .mb20{
		margin-top:16px;
	}
	body .kkb-o .window-head{
		display: none;
	}
	body .kkb-o .js-find-on-map{
		display: none;
	}
	body .kkb-o .swiper-line{
		width: 36px;
        border-radius: 100px;
        height: 5px;
        background: rgba(0, 0, 0, 0.06);
		margin-top: 10px;
	}
	body .kkb-o .swiper{
		width: 100%;
        left: 0px;
		position: sticky;
		top: 0px;
		display: flex;
        justify-content: center;
		height: 32px;
        background: rgba(238, 239, 240, 1);
	}
	body .kkb-o .line-button{
		width: 49%;
	}
	body .kkb-o .blue-button{
		color: var(--brand-white);
    	background-color: var(--brand-primary);
	}
	body .kkb-o .window-button{
		font-size: 14px;
		padding: 18px 20px;
	}
	body .kkb-o .js-show{
		display: block;
	}
	body .kkb-o .mb30{
		margin-top: 20px;
	}
	body .kkb-o .point-main-subtitle{
		margin-top: 8px;
	}
	body .kkb-o .point-main-title{
		margin-top: 0px;
		font-size: 18px;
		display: flex;
        align-items: center;
	}
	body .kkb-o .service-icon {
		width: 18px;
		height: 18px;
	}
	body .kkb-o .service-name {
		font-size: 14px;
	}
	body .kkb-o .service-name:first-child {
		margin-top: 16px;
	}
	body .kkb-o .crit-info {
		font-size: 14px;
	}
	body .kkb-o .info {
		font-size: 14px;
	}
	body .kkb-o .service-names {
		max-width: 35%;
	}
	body .kkb-o .main-line {
    	width: 85%;
	}
	body .kkb-o .point-option{
		justify-content: space-between;
    	width: 100%;
	}

	body .kkb-o .blacker {
		opacity: 0.6;
   	 	background: black;
		z-index: 1;
	}
	body .kkb-o .blacker div{
		display: none;
	}

	body .kkb-o .city-list {
		max-height: 138px;
	}
	body .kkb-o .city-window{
		top: 50px;
		margin-top: 4px;
	}
	body .kkb-o .cleaner{
		top: 14px;
	}

}
/*Мобильные стили*/
.kkb-o .line-button{
	width:100%;
}
.kkb-o .js-show{
	display: none;
}
.kkb-o .button-line{
	display: flex;
    justify-content: space-between;
	align-items: center;
}

/* Главные окна */
.kkb-o  .mobule-panel{
	display: none;
}
.kkb-o .block {
	display: flex;
	position: absolute;
	padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
.kkb-o .windows {
	width: 502px;
	background: rgba(238, 239, 240, 1);
	/*backdrop-filter: blur(80px);*/
	border-radius: 24px;
	border: 1px solid white;
	padding: 30px;
	max-height: 90vh;
	overflow-y: auto;
	z-index: 2;
}
/* Хэдер фильтра */
.kkb-o .filter-head{
	display: flex;
	justify-content: space-between;
}
.kkb-o .logo {
	height: 54px;
	width: auto;
}
.kkb-o .sections {
	display: flex;
	width: 100%;
	justify-content: flex-end;
}
.kkb-o .sec-tab {
	font-size: 16px;
	font-weight: 400;
	padding: 16px;
	border-radius: 16px;
	margin-right: 8px;
	cursor:pointer;
}
.kkb-o .sec-tab:last-child {
	margin-right: 0px;
}
/* Фильтр по городам*/
.kkb-o .filter-city {
    position: relative;
}
.kkb-o .city {
	width: 100%;
	border-radius: 16px;
	padding: 16px;
	font-size: 16px;
	border: none;
}
.kkb-o  .city:focus-visible{
	outline: none;
}
.kkb-o .cleaner {
    display: flex;
    position: absolute;
    border-left: 1px solid hsl(0, 0%, 79%);
    top: 16px;
    right: 0px;
    padding: 0px 16px;
    justify-content: center;
    align-items: center;
}
.kkb-o .cleaner-btn {
	border-radius: 30px;
	cursor: pointer;
	width: 22px;
	height: 22px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.kkb-o .clean-btn {
	display: flex;
	align-items: center;
	justify-content: center;
}
.kkb-o .clean-btn svg{
	width: 10px;
	height: 10px;
}
.kkb-o .cross-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
}
.kkb-o .city-list {
	max-height: 240px;
	overflow-y: scroll;
	font-size: 16px;
	gap: 1px;
	display: flex;
	flex-direction: column;
}
.kkb-o .city-window{
	z-index: 1;
	position: absolute;
	top: 60px;
	background: var(--brand-white);
	border-radius: 16px;
	padding: 5px;
	width: 100%;
	display: none;
	box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}
.kkb-o .option {
	display: flex;
	align-items: center;
	padding: 10px;
	cursor: pointer;
	border-radius: 16px;
}
/* Выбор подраздела */
.kkb-o .section-tab{
    display: inline-grid;
    row-gap: 12px;
    column-gap: 12px;
    margin-top: 30px;
    align-self: stretch;
    grid-template-rows: repeat(2, fit-content(100%));
    grid-template-columns: repeat(2, fit-content(100%));
}
.kkb-o .filter-tab {
	padding: 16px;
	border-radius: 20px;
	display: flex;
	cursor: pointer;
	width: fit-content;
	font-weight: 400;
	align-items: center;
	text-align: center;
	font-size: 16px;
	background: var(--base-black-6);
	text-wrap-mode: nowrap;
	/*border: 1px var(--base-black-6) solid;*/
}
.kkb-o .js-filter-tab-active{
	color: var(--brand-primary);
	border: 1px var(--brand-primary) solid;
}
.kkb-o .sec-tab.js-filter-tab-active{
	color: var(--body-font-color);
	border: none;
	background: var(--base-black-6);
}
.kkb-o .filter-tab:last-child{
	margin-right: 0px;
}
/* Фильтр */
.kkb-o .list-head{
	font-weight: 400;
	font-size: 20px;
	display: flex;
	align-items: center;
}
.kkb-o .list-option {
	padding: 0px 8px;
	font-weight: 400;
	font-size: 16px;
}
/* Кнопка */
.kkb-o .window-button {
	/*border: 1px var(--base-black-6) solid;*/
	background: var(--brand-white);
	padding: 13px;
	border-radius: 12px;
	font-size: 16px;
	text-align: center;
	font-weight: 400;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
.kkb-o .disabled .window-button{
	color: #DADFE2;
	cursor: default;
}
.kkb-o .disabled .window-button:hover{
	background: var(--brand-white);
	border: 1px solid var(--brand-white);
}
/* Кластер */
.kkb-o .window-head{
	display: flex;
	justify-content: space-between;
}
.kkb-o .point-close {
	height: 50px;
	width: 50px;
	cursor: pointer;
	border-radius: 12px;
	align-content: center;
    justify-items: center;
}
.kkb-o .point-main-title{
	font-size: 24px;
	font-weight: 500;
}
.kkb-o .point-option {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.kkb-o .main-line{
	display: flex;
	align-items: center;
}
.kkb-o .main-icon{
	height: 32px;
	width: 32px;
	margin-right:8px;
}
.kkb-o .point-button {
	height: 50px;
	width: 50px;
	cursor: pointer;
	border-radius: 12px;
	background: var(--brand-white);
	min-width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Точка */
.kkb-o .copy{
	height: 24px;
	width: auto;
	margin-left: 6px;
	cursor:pointer;
}
.kkb-o .point-main-subtitle .copy{
	height: 18px;
	width: auto;
}
.kkb-o  .crit-info{
	padding:8px 16px;
	background: #FFF0F0;
	border-radius: 20px;
	color: #FF6666;
	font-size: 16px;
	font-weight: 400;
	width: 100%;
}
.kkb-o  .crit-info a{
	color: #FF6666;
	font-size: 16px;
	font-weight: 400;
	font-family:Inter;
	vertical-align: baseline;
	border-bottom: 1px solid #FF6666;
	cursor:pointer;
}
.kkb-o  .crit-info a:hover{
	border-bottom: 1px solid #FFF0F0;
}
.kkb-o  .info{
	padding:8px 16px;
	background: #FFF1E7;
	border-radius: 20px;
	color: #FFAC71;
	font-size: 16px;
	font-weight: 400;
	width: 100%;
}
.kkb-o  .info a{
	color: #FFAC71;
	font-size: 16px;
	font-weight: 400;
	font-family:Inter;
	vertical-align: baseline;
	border-bottom: 1px solid #FFAC71;
	cursor:pointer;
}
.kkb-o  .info a:hover{
	border-bottom: 1px solid #FFF1E7;
}
.kkb-o .point-main-subtitle{
	color: var(--text-secondary);
	font-size: 14px;
	margin-top: 8px;
}
.kkb-o .service-icon{
	width: 24px;
	height: 24px;
	margin-right: 8px;
}
.kkb-o .point-services {
	margin-left: 32px;
}
.kkb-o .schelude{
	position: relative;
	width: 204px;
	cursor: pointer;
}
.kkb-o .schelude-now {
	display: flex;
	justify-content: center;
	background: var(--brand-white);
	border-radius: 12px;
	padding: 8px 12px;
	font-size: 14px;
	border-bottom: #FF6666 4px solid;
	align-items: center;
}
.kkb-o .schelude-now .dayer{
	margin-right: 6px;
}
.kkb-o .schelude-now-1{
	border-bottom: #95D430 4px solid;
}
.kkb-o .schelude-tims{
	margin-top: 4px;
	background: var(--brand-white);
	width: 100%;
	/*padding: 5px;*/
	border-radius: 12px;
}
.kkb-o .service {
	display: flex;
	justify-content: space-between;
	padding-bottom:12px;
	border-bottom: 2px solid #DADFE2;
	margin-top:20px;
	align-items: flex-start;
}
.kkb-o .service:last-child{
	border-bottom: none;
	padding-bottom: 0px;
}
.kkb-o .point-services .service .service-name{
	margin-top: 8px;
}
.kkb-o .point-services .service .service-name:first-child{
	margin-top: 0px;
}
.kkb-o .service-names{
	max-width:200px;
}
.kkb-o .service-name {
	color: var(--text-secondary);
	font-size: 16px;
	font-weight: 400;
}
.kkb-o .schelude-tim{
	padding: 8px 12px;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
}
.kkb-o .schelude-tim-main{
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	/*margin-bottom:4px;*/
}
.kkb-o .schelude-tim-break{
	display: flex;
	justify-content: center;
	color: var(--text-secondary);
	font-size: 12px;
}
/* Иконка для сворачивания */
.kkb-o .hide{
	background: rgba(255, 255, 255, 1);
	backdrop-filter: blur(80px);
	border-radius: 12px;
	padding: 15px;
	height: min-content;
	cursor: pointer;
	z-index: 1;
	margin-left: 10px;
	padding-bottom: 14px;
    padding-top: 16px;
}
.kkb-o .angle {
	width: 24px;
	height: 24px;
	text-align: center;
	align-items: center;
}
/* Карта */
.kkb-o .map {
	width: 100%;
	height: 100vh;
}
/* Другое */
.kkb-o .mb30{
	margin-top: 30px;
}
.kkb-o .mb20{
	margin-top: 20px;
}
.kkb-o .mb12{
	margin-top: 12px;
}
.kkb-o .kkb-o-button{
	background: var(--brand-white);
	/*border: 1px solid var(--brand-white);*/
}
.kkb-o .sec-tab:hover,
.kkb-o .js-sec-tab-active,
.kkb-o .kkb-o-button:hover{
	background: var(--base-black-6);
	/*border: 1px solid var(--base-black-6);*/
}
.kkb-o .block-head{
	font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.kkb-o .service-name:first-child{
	margin-top:20px;
}
.kkb-o .window-button .point-icon {
    height: 22px;
    width: 22px;
    margin-right: 8px;
}

.kkb-o .controller{
	width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    position: absolute;
    justify-content: center;
    align-content: flex-end;
    flex-wrap: wrap;
	padding: 20px;
}

.kkb-o .controller div{
	position: relative;
	background: rgba(255, 255, 255, 1);
    backdrop-filter: blur(80px);
    border-radius: 12px;
	height: 50px;
    cursor: pointer;
    z-index: 1;
    width: min-content;
}
.kkb-o .zoomOut{
	margin-top:10px;
}
.kkb-o .findMe{
	margin-top:20px;
}
.kkb-o .controller div:hover{
	background: rgba(238, 239, 240, 1);
}

.kkb-o .flex{
	display: flex;
}




	.kkb-o .js-finder{
		z-index: 1;
	}
	.kkb-o .small-angle {
		margin-right: 0px;
    	margin-left: 10px;
    }


	.kkb-o .point-icon{
		height: calc(1.4rem + (20 - 14) * ((100vw - 375px) / (1680 - 375)));
		width: auto;
		margin-right: 8px;
	}


    .kkb-o .service {
		display: flex;
    	justify-content: space-between;
    }

	.kkb-o .city-list::-webkit-scrollbar {
		width:5.5px;
	}
	.kkb-o .city-list::-webkit-scrollbar-track {
		margin-top: 14px;
		margin-bottom: 10px;
		background-color: rgba(0,0,0,0);
	}
	.kkb-o .city-list::-webkit-scrollbar-thumb {
		border-radius: 26px;
		background: rgba(148,148,148,.5);
	}

	.kkb-o .windows::-webkit-scrollbar {
		width: 0px
	}

    .kkb-o .window,
    .kkb-o .js-tab,
    .kkb-o .list,
    .kkb-o .schelude-tims{
        display: none;
    }

@media (min-width: 1000px){
	.kkb-o .windows{
		padding-right: 0px;
		max-height: 100vh;
	}
	.kkb-o .filter-head,
	.kkb-o .window-head,
	.kkb-o .filter-city,
	.kkb-o .button-line,
	.kkb-o .point-main-header,
	.kkb-o .point-main-title,
	.kkb-o .point-main-subtitle,
	.kkb-o .js-find-on-map,
	.kkb-o .js-find-on-map{
		margin-right: 30px;
	}

	.kkb-o .scroller{
		padding-right:30px;
		overflow: auto;
	}

	.kkb-o .js-filter .scroller{
		max-height: calc(100vh - 394px);

	}
	.kkb-o .js-cluster .scroller{
		max-height: calc(100vh - 373px);
	}
	.kkb-o .js-point .scroller{
		max-height: calc(100vh - 380px);
		margin-top:20px;
	}

	.kkb-o .scroller::-webkit-scrollbar {
		width:4px;
	}
	.kkb-o .scroller::-webkit-scrollbar-thumb {
		border-radius: 8px;
		background: rgba(85, 107, 233, 0.6);
	}
	.kkb-o .scroller{
		margin-top:8px;
	}
}
/* End */
/* /local/components/kkbank/map/templates/.default/style.css?178206521114800 */