/* Start:/local/templates/yukanit/components/bitrix/news.detail/city/style.css?17880951444778*/
.btn{
    padding: 18px 30px;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: -0.03em;
    text-align: center;
    color: #fff;
    width: fit-content;
    cursor: pointer;
    user-select: none;
    transition: all 0.3s ease;
        display: flex;
    align-items: center;
    column-gap: 9px;
}
.btn:hover{
    transform: scale(0.98);
}
.btn_orange{
    background: #d2691e;
}
.btn_orange:hover{
    background: rgba(242, 242, 242, 0.2);
}
.btn_modifications{
    background: rgba(255, 255, 255, 0.07);
}
.btn_modifications:hover{
    background: rgba(255, 255, 255, 0.14);
}

.city-intro .btn{
	margin-top: 40px;
}

.card__tab-content.podborka-tab-content{
    display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.card__tab-content.podborka-tab-content{
    display: none;
}
.card__tab-content.podborka-tab-content:first-child{
    display: flex;
}
.podborka .head{
    margin-bottom: 32px;
}
.podborka .project__info{
    background-color: white;
    position: relative;
    color: #13202B;
    gap: 10px;
}
.podborka .project__square{
    position: relative;
    top: 0px;
    right: 0px;
}
.podborka .project__item{
    flex-direction: row;
    margin-bottom: 10px;
}
.podborka .project__item span:first-child{
    opacity: 0.6;
}
.podborka .project__item-icon{
    border: 1px solid #EEEEEE;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}
.podborka .project__item-text{
    text-align: left;
}
.podborka .project__card .project__bottom{
    display: flex;
}
.podborka .project__link span{
    font-size: 14px;
}

.podborka .project__title,
.podborka .project__link span,
.podborka .project__link svg path{
    transition: all 0.2s ease;
}
.podborka .swiper-slide:hover .project__title,
.podborka .swiper-slide:hover .project__link span,
.podborka .swiper-slide:hover .project__link svg path{
    color: #1abc9c;
    fill: #1abc9c;
}

.podborka .project__btns{
    display: flex;
    column-gap: 16px;
    margin-top: 24px;
}
.podborka .project__btns .btn_orange{
    width: fit-content;
    flex-shrink: 0;
}
.podborka .project__btns .btn_orange:hover{
    transform: translateY(-4px);
    background-color: #d2691e;
}
.podborka .project__btns .btn_transparent{
    flex: 1;
    border: 1px solid #e4e4e4;
    color: #13202b;
    justify-content: center;
    max-width: 400px;
}
.podborka .project__btns .btn_transparent:hover{
    transform: translateY(-4px);
}
.podborka.card_new{
    padding-bottom: 120px;
}
@media(min-width: 1024px){
    .podborka-tab-content .swiper-wrapper{
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .podborka-tab-content .swiper-slide{
        width: calc((100% - 10px) / 2) !important;
    }
    .podborka .head{
        margin-bottom: 24px;
    }
}


.city-intro .about-main__info{
	display: flex;
	flex-direction: column;
	    font-weight: 300;
    font-size: 16px;
    line-height: 162%;
    letter-spacing: 0.02em;
    text-align: justify;
    color: #f2f2f2;
	row-gap: 16px;
}
.city-intro .about-main__info h2{
	    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #f2f2f2;
    font-family: "Unbounded Variable", sans-serif;
	    font-size: 30px;
    line-height: 160%;
}
.cities{
    margin-bottom: 80px;
}
.cities__item{
	transition: all 0.2s ease;
}
.cities__item.active{
	color: #1abc9c;
}
.cities__item:not(.active):hover{
	color: #1abc9c;
	transition: translateY(-2px);
}
.cities__list{
	margin-top: 40px;
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
    row-gap: 20px;
}
.cities__list a{
	width: calc((100% - 80px) / 5);
	flex-shrink: 0;
	font-size: 18px;
}
.section__btn{
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}


@media only screen and (max-width: 1280px) {
    .city-intro .about-main__info h2 {
        font-size: 26px;
    }
    .cities__list a{
        width: calc((100% - 60px) / 4);
    }
}
@media only screen and (max-width: 1024px) {
    .cities {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 768px) {
    .city-intro .about-main__info h2 {
        font-size: 18px;
        line-height: 139%;
    }
    .city-intro .about-main__info,
    .city-intro .about-main__info p{
        font-size: 14px;
    }
    .podborka .project__btns{
        margin-top: 0px;
    }
    .podborka .project__btns .btn_orange{
        width: 100%;
        justify-content: center;
        height: 40px;
        font-size: 14px;
    }
    .cities__list{
        margin-top: 30px;
    }
    .cities__list a{
        width: calc((100% - 40px) / 3);
        font-size: 16px;
    }
}
@media(max-width: 500px){
    .cities__list a{
        width: calc((100% - 20px) / 2);
        font-size: 16px;
    }
}
/* End */
/* /local/templates/yukanit/components/bitrix/news.detail/city/style.css?17880951444778 */