/*responsive*/
@media(max-width:1919.98px) {
.search-form-city__input {
font-size: 14px !important;
}
/* Новая шапка */
/* .header--type2--with-banner .header-inner {
margin-bottom: 0px;
} */
.header--type2 {
font-size: 14px;
}
.header--type2 .nav-list {
gap: 24px;
}
.header--type2 .header-nav-socials__socials svg {
width: 36px;
height: 36px;
}
.header--type2 .header-nav-socials {
gap: 26px;
}
.header--type2 .header-inner {
gap: 16px;
}
.header--type2 .header-nav-socials {
display: flex;
align-items: center;
gap: 30px;
}
.header--type2 .header__search {
padding-left: 0px;
}
.header--type2 .header__logo {
max-width: 161px;
}
.header--type2 .header__search .search-form-city {
margin-left: 10px;
}
.page-news-banner.news-banner .page-news-banner__inner:after {
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: unset;
width: 870px;
background-position: right bottom;
background-repeat: no-repeat;
}
}
@media (max-width:1399.98px) {
.container {
max-width: 1720px;
padding-left: 20px;
padding-right: 20px;
}
.section-main-banner__controls--desktop {
max-width: 100%;
}
.section-main-banner__controls--desktop .section-main-banner-slider__arrow.swiper-button-next {
transform: translateX(0);
}
.section-main-banner__controls--desktop .section-main-banner-slider__arrow.swiper-button-prev {
transform: translateX(0);
}
.page-news-banner.news-banner .page-news-banner__inner:after {
content: "";
background-image: url("../images/news/news-current-back.png");
position: absolute;
top: -267px;
right: -50px;
transform: rotate(6.5deg);
bottom: 0;
background-size: contain;
background-repeat: no-repeat;
width: 870px;
height: 870px;
}
}
@media (max-width:767.98px) {
html {
scroll-padding-top: 60px;
}
.header__logo {
width: 172px;
}
.afisha-content .afisha-content-months-slider-item>div:nth-child(3) {
line-height: 1.6;
}
.page-news-banner__title h1 {
margin-bottom: 14px;
}
.news-detail p {
line-height: 1.5;
}
.detail-article-readmore__row {
margin-bottom: 40px;
}
.detail-article-readmore .section-preview-news-item-item:first-child .section-preview-news-item-item__type {
padding: 8px 12px;
left: 0px;
bottom: 0px;
top: unset;
right: unset;
background-color: #ACB6C41C;
font-size: 10px;
backdrop-filter: unset;
color: #A5AFBB;
border-radius: 0px 46px 0px 16px;
left: -1px;
bottom: -1px;
display: block;
}
.detail-article-readmore .section-preview-news-item-item__image img {
border-radius: unset;
}
}
@media (max-width:991.98px) {
.wrapper:has(.section-main-banner) .header--type2--with-banner .header-inner {
margin-bottom: 0px;
}
.header__logo {
width: 172px;
flex-shrink: 0;
}
.section-main-banner-slider-item__title__type span {
font-size: 0.75rem;
}
.section-main-banner-slider-item__desc {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
padding-bottom: 37px;
padding-left: 35px;
padding-right: 35px;
}
}
@media (max-width:1180px) {
.header--type2 .header-nav-socials__nav .nav-list {
font-size: 13px;
}
}
@media (max-width:1140px) {
.header-dropdown_active {
display: block;
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: white;
z-index: 2000;
}
.nav-list {
display: none;
}
.header-mobile__burger {
display: inline-flex;
align-items: center;
justify-content: center;
}
.header-mobile__burger svg{
flex-shrink: 0;
}
.header-mobile__header {
padding-top: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.header-mobile__body .nav-list {
display: flex;
flex-direction: column;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.2;
gap: 37px;
}
.header-mobile__footer .header-nav-socials__socials {
display: flex;
justify-content: center;
padding-bottom: 45px;
}
.header-mobile__inner {
display: flex;
flex-direction: column;
height: 100vh;
}
.header-mobile__inner {
gap: 100px;
}
.header-mobile__header {
padding-top: 18px;
padding-left: 64px;
padding-right: 64px;
}
.header-mobile__body .nav-list {
font-size: 1.75rem;
gap: 55px;
}
}
@media (max-width:575.98px) {
.header-nav-socials__socials {
display: none;
}
.header__logo {
width: 135px;
}
.header-mobile__burger svg {
width: 22px;
height: 14px;
}
.header-mobile__header {
padding-top: 8px;
padding-left: 15px;
padding-right: 15px;
}
.header-mobile__inner {
padding-bottom: 45px;
}
.header-mobile__body .nav-list {
font-size: 1.25rem;
gap: 37px;
}
/*banner*/
.section-main-banner-slider-item__title__type span {
font-size: 0.625rem;
}
.section-main-banner-slider-item__title__type {
margin-bottom: 9px;
}
.gallery-running-line--partners img{
max-height: 38px;
}
}
/*mobile responsive */
@media (max-width:767.98px) {
.section-main-banner{
margin-top: -10px;
}
.section-preview-news-item-item__desc {
border-radius: unset;
}
.section-main-banner-slider-item__title {
font-size: 0.875rem;
}
.section-page-about-banner__image {
height: auto;
}
.section-main-banner-slider__arrow:hover {
background: #EAEFF5;
}
.section-main-banner-slider__arrow:hover svg path {
stroke: black;
}
body {
font-size: 0.875rem;
}
.container {
padding-left: 15px;
padding-right: 15px;
}
.header-inner {
padding-top:10px;
padding-bottom: 10px;
margin-bottom: 11px;
}
.section-main-banner-slider-item__desc {
padding-left: 22px;
padding-right: 22px;
padding-bottom: 22px;
}
.swiper-pagination.section-main-banner__pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.swiper-pagination.section-main-banner__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 15px;
height: 15px;
}
.section-main-banner-slider__arrow {
width: 35px;
height: 35px;
flex-shrink: 0;
}
.section-main-banner-slider__arrow svg {
width: 5px;
height: 9px;
}
.section-main-banner__controls {
margin-top: 6px;
justify-content: space-between;
align-items: center;
gap: 0px;
}
.section-main-banner {
padding-bottom: 28px;
}
.section-how-begin__inner {
text-align: center;
margin-bottom: 20px;
}
/*how begin */
/* .section-how-begin__inner {
display: none;
} */
.section-begin__title {
margin-bottom: 16px;
}
.section-how-begin-item {
position: relative;
gap: 6px;
width: 106px;
aspect-ratio: 106/143;
mask-size: contain;
-webkit-mask-size: contain;
padding: 16px 12px 38px;
background-size: contain;
background-position: center;
}
.section-how-begin__hearts>a:first-child .section-how-begin-item {
background-position: top -14px center;
background-size: cover;
}
.section-how-begin__hearts>a:nth-child(2) .section-how-begin-item {
background-position: top 2px center;
background-size: contain;
}
.section-how-begin__hearts>a:nth-child(3) .section-how-begin-item {
background-position: top -5px left -11px;
background-size: contain;
}
.section-how-begin-item__title {
font-size: 0.75rem;
}
.section-how-begin__hearts {
display: flex;
justify-content: space-between;
gap: 6px;
}
.section-how-begin__content {
grid-template-columns: 1fr;
gap: 0;
}
.section-how-begin-form {
padding: 25px 22px 33px;
background-image: url("../images/form-mask-sm.png");
background-size: contain;
background-position: left 0px bottom 0px;
}
.section-how-begin-item__arrow svg {
width: 33px;
height: 33px;
}
.section-how-begin-item__arrow {
position: absolute;
top: -33px;
left: 50%;
transform: translateX(-50%);
}
.section-how-begin-item__arrow_mobile {
display: flex;
justify-content: center;
}
#success-modal {
padding: 34px;
aspect-ratio: 330/286;
width: 330px;
background-size: contain;
background-image: url("../images/success-flower-sm.png");
background-color: #E7ECF2;
}
#success-modal .success__title {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
text-align: center;
}
.section-how-begin {
padding-bottom: 28px;
}
.wrapper h2 {
font-size: 1.875rem;
}
.section-poster__title {
margin-bottom: 16px;
}
.section-poster-row {
grid-template-columns: 1fr;
padding-bottom: 14px;
}
.section-poster-months__item {
flex-direction: column;
gap: 10px;
}
/* afisha main page */
.section-poster-row__col:first-child .section-poster-row__image {
aspect-ratio: 330/186;
border-bottom-left-radius: unset;
border-bottom-right-radius: unset;
}
.section-poster-months__group {
flex-direction: column;
align-items: start;
gap: 8px;
padding: 12px 54px 15px 22px;
min-height: 126px;
}
.section-poster-row__col:last-child {
padding: 22px;
border-top-left-radius: unset;
border-top-right-radius: unset;
}
.subtitle {
font-size: 1.25rem;
}
.section-poster-row__col:last-child {
margin-left: unset;
}
.section-poster__date {
display: none;
}
.section-poster__date_mobile {
display: inline-flex;
font-weight: 600;
font-size: 1.25rem;
padding: 2px 7px;
background-color: #FFFFFF;
border-radius: 10px;
line-height: 1.2;
margin-bottom: 12px;
}
.section-poster__desc .subtitle {
margin-bottom: 14px;
}
.section-poster-desc__text {
margin-bottom: 16px;
}
.section-poster-desc__destination span svg {
margin-right: 4px;
}
.section-poster-desc__destination span:first-child svg {
width: 12px;
height: 15px;
}
.section-poster-desc__destination span:nth-child(2) svg {
width: 15px;
height: 15px;
}
.section-poster-desc__destination {
font-size: 0.75rem;
gap: 16px;
}
.section-poster-months__month {
width: auto;
font-size: 1.125rem;
}
.section-poster-months-dest__image {
display: none;
}
.section-poster-months__current {
display: grid;
grid-template-columns: 1fr;
gap: 0px;
}
.section-poster-months__date>div {
width: auto;
padding: 4px 10px;
font-size: 0.875rem;
border-radius: 10px;
aspect-ratio: unset;
overflow: hidden;
}
.section-poster-months-dest {
padding-top: 0px;
padding-bottom: 0px;
gap: 8px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.section-poster-months-dest__title {
font-size: 0.875rem;
}
.section-poster-months-dest__place svg {
width: 12px;
height: 15px;
margin-right: 4px;
}
.section-poster-months-dest__time svg {
width: 15px;
height: 15px;
margin-right: 4px;
}
.section-poster-months-dest__place,
.section-poster-months-dest__time {
font-size: 0.75rem;
}
.view-all {
padding: 14px 34px;
font-size: 1rem;
justify-content: center;
text-align: center;
}
.section-poster-months {
gap: 14px;
margin-bottom: 28px;
}
/*news main page */
.section-preview-news-banner {
padding: 34px 22px 27px;
/* aspect-ratio: 330/397; */
min-height: 397px;
background-size: contain;
background-position: right bottom;
background-image: url("../images/preview-news-back-sm.png");
/* max-height: 300px; */
}
.wrapper h3 {
font-size: 1.875rem;
}
.section-preview-news-banner__title {
margin-bottom: 234px;
}
.section-preview-news__nav ul {
font-size: 0.875rem;
gap: 4px;
}
.section-preview-news__nav ul li {
padding: 6px 16px;
}
.section-preview-news-items {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
margin-bottom: 28px;
}
.section-preview-news-item-item.section-preview-news-item__item_illust {
display: none !important;
}
.section-preview-news-item-item {
padding: 8px 22px 14px 8px;
gap: 13px;
box-shadow: 0px 4px 12.2px 0px #0000000F;
border-radius: 16px;
min-height: 123px;
position: relative;
flex-direction: row;
}
.section-preview-news-item-item__image {
flex-shrink: 0;
width: 86px;
aspect-ratio: 86/48;
border-radius: 8px;
max-height: 48px;
}
.section-preview-news-item-item__desc {
position: static;
margin-top: 0px;
padding: 0px;
box-shadow: unset;
z-index: 1;
}
.section-preview-news-item-item__name {
font-size: 0.875rem;
}
.section-preview-news-item-item__date {
font-size: 0.75rem;
margin-bottom: 4px;
font-weight: 500;
}
.section-preview-news-item-item__image img {
border-radius: 16px;
}
.section-preview-news-item-item__type {
padding: 8px 12px;
left: 0px;
bottom: 0px;
top: unset;
right: unset;
background-color: #ACB6C41C;
font-size: 10px;
backdrop-filter: unset;
color: #A5AFBB;
border-radius: 0px 46px 0px 16px;
left: -1px;
bottom: -1px;
}
.section-preview-news-item-item:first-child .section-preview-news-item-item__type {
background-color: #f6f7f8;
}
.section-preview-news {
padding-bottom: 28px;
}
.section-preview-news-item-item__type_mobile {
display: inline;
}
.section-begin {
padding-bottom: 160px;
margin-bottom: 78px;
}
.section-begin__desc {
margin-bottom: 28px;
}
.more-btn {
padding: 14px 34px;
font-size: 1rem;
}
.section-begin::before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: -59px;
width: 100%;
aspect-ratio: 330 / 186;
max-width: 1124px;
margin: auto;
background-image: url(../images/begin-back.png);
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
background-position: center;
max-height: 201px;
max-width: 90%;
}
/*main-page projects */
.section-project-item__desc {
padding-left: 0px;
}
.section-project-item {
display: flex;
flex-direction: column;
height: calc(100% - 30px);
}
.section-project-item__title {
padding-right: 0px;
font-size: 1.25rem;
margin-bottom: 8px;
}
.section-project-item__image {
aspect-ratio: 266/149;
width: 100%;
margin-bottom: 26px;
}
.section-project-item__text {
margin-bottom: 16px;
}
.section-project-item__btn .more-btn {
font-size: 0.875rem;
padding: 8px 15px;
}
.section-project-item::before {
position: absolute;
left: 14px;
top: -21px;
width: 129px;
height: 22px;
content: "";
background-image: url("../images/project-square-sm.png");
background-size: contain;
background-repeat: no-repeat;
}
.section-project__title {
margin-bottom: 24px;
}
.project-slider .swiper-slide {
height: auto;
}
.section-project {
padding-bottom: 38px;
}
/*main page about */
.section-about-banner__row {
display: grid;
grid-template-columns: 1fr;
gap: 42px;
position: relative;
padding-bottom: 0px;
margin-bottom: 28px;
}
.section-about-banner__desc {
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-bottom: 20px;
}
.section-about-banner__title {
display: flex;
justify-content: center;
margin-bottom: 16px;
}
.section-about-banner__title h2 {
display: inline-block;
position: relative;
}
.section-about-banner__title h2::before {
z-index: -1;
position: absolute;
background-size: contain;
top: -12px;
left: -22px;
content: "";
width: 58px;
aspect-ratio: 1/1;
background-image: url('data:image/svg+xml,');
}
.section-about-banner__title h2 {
text-align: center;
}
.section-about-banner__row::before {
content: '';
display: none;
}
.section-about-banner__subtitle {
font-size: 1rem;
margin-bottom: 28px;
;
text-align: center;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.section-about-banner__btn {
display: flex;
justify-content: center;
}
.section-about-banner__col:nth-child(2)>div {
aspect-ratio: 310/310;
width: 100%;
background-image: url("../images/girl-xl.png");
max-height: 310px;
background-position: center;
}
/*partner slider main page */
.parners-slider__wrap {
width: max-content;
height: 50px;
}
.parners-slider__wrap img {
width: 100%;
height: 50px;
object-fit: contain;
}
.section-parners {
padding-bottom: 56px;
}
.section-parners .container {
padding: 0px;
}
.section-parners__title {
margin-bottom: 22px;
padding-left: 15px;
}
/*footer*/
.footer-row {
padding-top: 22px;
padding-bottom: 22px;
flex-direction: column;
font-size: 0.625rem;
}
.footer__images {
display: flex;
justify-content: space-between;
gap: 10px;
align-items: center;
padding-top: 0px;
padding-bottom: 19px;
max-width: 320px;
}
.footer__logo {
aspect-ratio: 146/39;
width: 146px;
}
.footer__support-image {
aspect-ratio: 146/39;
width: 146px;
}
.footer .header-nav-socials__socials {
display: flex;
margin-bottom: 21px;
}
.footer-row__col:nth-child(2) {
justify-content: start;
}
.footer-row__col:nth-child(2)>div:first-child {
margin-bottom: 14px;
}
.footer__inner br {
display: none;
}
.footer-row__col:nth-child(2) {
padding-bottom: 0px;
}
/*PAGE NEWS */
.page-news-banner__inner {
padding-top: 34px;
padding-bottom: 200px;
margin-bottom: 24px;
min-height: 397px;
max-height: 397px;
}
.page-news-banner__title h1 {
font-size: 1.5rem;
}
.page-news-banner__desc {
padding-left: 22px;
padding-right: 22px;
justify-content: start;
max-width: 330px;
}
.page-news-banner__inner:after {
content: "";
background-image: url("../images/news/news-back-sm.png");
position: absolute;
top: unset;
right: 0;
bottom: 0;
width: 392px;
aspect-ratio: 1/1;
background-position: right bottom;
background-repeat: no-repeat;
}
.page-news-content-ui {
flex-wrap: wrap;
}
.page-news-content-filter {
width: 100%;
}
.page-news-content-search {
flex-grow: 1;
order: -1;
}
.page-news-content-search__inner-wrap {
max-width: 100%;
}
.page-news-content__search-input::-webkit-input-placeholder {
font-size: 0.875rem;
}
.page-news__dropdown-mobile {
display: flex;
padding: 9px 12px;
color: white;
background-color: #F43E21;
font-weight: 500;
font-size: 0.875rem;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.page-news-content-filter__input-wrap {
flex-direction: column;
gap: 0px;
overflow: hidden;
}
.page-news-content-filter__input-wrap input~label {
width: 100%;
border-radius: unset;
font-size: 0.875rem;
font-weight: 500;
padding: 9px 12px;
border: unset;
}
.page-news-content-filter__radio-wrap:not(:last-child) input~label {
border-bottom: 1px solid #F43E21;
}
.page-news-dropdown-wrap {
border: 1px solid #F43E21;
border-radius: 16px;
overflow: hidden;
}
.page-news-content-filter__input-wrap {
display: none;
}
.page-news-content-filter__input-wrap_active {
display: flex;
}
.page-news__dropdown-mobile_active {
background-color: white;
color: #F43E21;
border-bottom: 1px solid #F43E21;
}
.page-news-content__items {
grid-template-columns: 1fr;
gap: 14px;
margin-bottom: 28px;
}
.page-news-content__items .section-preview-news-item-item:first-child {
padding: 0px;
flex-direction: column;
grid-column: unset;
gap: 0px;
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__image {
aspect-ratio: 330/186;
width: 100%;
max-height: unset;
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__desc {
padding: 14px 22px 15px;
margin-top: -20px;
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__name {
font-size: 0.875rem;
}
.page-news-content-ui {
margin-bottom: 24px;
}
.page-news-content__navigation-wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: 28px;
}
.page-news-content {
padding-bottom: 58px;
}
.load-more-news__btn a {
font-size: 1rem;
}
.load-more-news__btn {
order: -1;
}
.section-preview-news-item-item__date_mobile {
display: inline;
}
.section-preview-news-item-item__date {
display: flex;
gap: 11px;
}
.load-more-ajax a,
.load-more-ajax span {
font-size: 0.875rem;
}
/*detail news */
.section-detail-news .breadcrumb {
display: none;
}
.news-detail__notice {
margin-top: 31px;
gap: 10px;
}
.news-detail__notice h1 {
font-size: 1.5rem;
margin-bottom: 24px;
}
.news-detail__image-first {
aspect-ratio: 330/185;
}
.news-detail {
font-size: 1rem;
}
.news-detail-quote-item__inner {
flex-direction: column;
align-items: flex-start;
}
.news-detail-quote__desc {
padding: 27px 22px 27px 40px;
font-size: 0.875rem;
}
.news-detail-quote__image {
aspect-ratio: 39/32;
width: 39px;
flex-shrink: 0;
}
.detail-news-slider__prev>div,
.detail-news-slider__next>div {
width: 35px;
height: 35px;
}
.detail-news-slider__arrow {
width: 35px;
height: 35px;
}
.detail-news-images-row {
display: grid;
grid-template-columns: repeat(auto-fit, calc(50% - 10px));
gap: 14px;
margin-bottom: 30px;
}
.detail-news-images-row-item__image {
aspect-ratio: 162/91;
}
.detail-news-images-row-item_more .detail-news-images-row-item__image {
font-size: 1rem;
}
.detail-news-images-row-item>div:nth-child(2) {
font-size: 0.75rem;
}
.detail-news-images-row__photo {
aspect-ratio: 330/185;
}
.detail-news-images-row__photos {
display: grid;
grid-template-columns: 1fr;
gap: 6px;
}
.detail-news-images-row__photos>div:first-child {
aspect-ratio: 330/186;
}
.detail-news-images-row__photos>div:nth-child(2) {
flex-direction: row;
}
.detail-news-images-row__photos>div:nth-child(2)>div {
aspect-ratio: 162/91;
width: 100%;
border-radius: 16px;
overflow: hidden;
gap: 6px;
}
.detail-news-table-wrap {
min-width: 320px;
max-width: 100%;
overflow-x: scroll;
}
.detail-news-table tr:first-child th {
padding-right: 20px;
}
.news-detail {
padding-bottom: 24px;
}
.news-detail-share>div {
display: flex;
flex-direction: column;
padding: 19px;
}
.news-detail-share {
margin-bottom: 48px;
}
.detail-article-readmore__title {
font-size: 1.5rem;
margin-bottom: 24px;
}
.detail-article-readmore__row {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
margin-bottom: 28px;
}
.news-detail__back a {
text-align: center;
font-size: 1rem;
padding: 14px 34px;
max-width: 245px;
}
/* .news-detail>div:nth-last-of-type(1) {
margin-bottom: 0px;
} */
/* PAGE AFISHA */
.section-afisha-banner .page-news-banner__text {
font-size: 1rem;
}
.section-afisha-banner .page-news-banner__title h1 {
margin-bottom: 14px;
}
.afisha-search .page-news-content-search__input-wrap input::-webkit-input-placeholder {
font-size: 0.875rem;
}
.afisha-search {
margin-bottom: 24px;
}
.afisha-slider-item__date {
font-size: 0.75rem;
font-weight: 500;
}
.afisha-slider {
margin-bottom: 24px;
}
.afisha-content .afisha-filter__list li a {
padding: 6px 16px;
font-weight: 500;
}
.afisha-content .afisha-filter__list {
gap: 4px;
margin-bottom: 16px;
}
.afisha-content .afisha-content-months__row {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.afisha-content .afisha-content-months-slider-item>div:first-child {
grid-column: 1/span 2;
}
.afisha-content .afisha-content-months-slider-item>div:nth-child(2) {
grid-column: 1/span 2;
}
.afisha-content .afisha-content-months-slider-item>div:nth-child(3) {
grid-column: 1/span 2;
}
.afisha-content .afisha-content-months-slider-item {
display: grid;
box-shadow: 0px 4px 12.2px 0px #0000000F;
padding: 8px 22px 14px 8px;
border-radius: 16px;
gap: 10px;
}
.afisha-content .afisha-content-months-slider-item__image {
aspect-ratio: 86 / 48;
margin-bottom: 0px;
}
.afisha-content .afisha-content-months-slider-item__name {
font-size: 0.875rem;
margin-bottom: 0px;
}
.afisha-slider-item__name {
font-size: 1rem;
}
.afisha-content .afisha-content-months-slider-item__date {
font-size: 0.75rem;
}
.afisha-content-months {
margin-bottom: 28px;
}
.afisha-content {
padding-bottom: 28px;
}
.afisha-content-months-slider__arrows>div {
display: none;
}
.afisha-content-arch {
padding-bottom: 56px;
}
/*DETAIL AFISHA */
.afisha-breadcrumb-wrapper {
display: none;
}
.detail-metting-row {
display: grid;
grid-template-columns: 1fr;
margin-bottom: 34px;
}
.detail-metting__date {
display: none;
}
.detail-metting__image {
aspect-ratio: 330/186;
border-bottom-left-radius: unset;
border-bottom-right-radius: unset;
}
.detail-meting-wrap-buttons {
flex-wrap: wrap;
gap: 16px;
margin-bottom: 56px;
margin-top: 40px;
}
.detail-meting-wrap-buttons>div {
width: 100%;
}
.detail-metting__desc {
border-top-left-radius: unset;
border-top-right-radius: unset;
margin-left: 0px;
padding: 22px;
border-bottom-left-radius: 16px;
}
.detail-metting__desc h1 {
font-size: 20px;
margin-bottom: 14px;
}
.detail-metting__desc_mobile {
display: inline-flex;
}
.detail-metting__desc_mobile span {
font-weight: 600;
font-size: 1.25rem;
margin-bottom: 14px;
background-color: #FFFFFF;
border-radius: 10px;
padding-left: 7px;
padding-right: 7px;
}
.detail-metting__text {
margin-bottom: 16px;
}
.detail-metting__location {
font-size: 0.75rem;
}
.detail-metting__location>span:first-child svg {
width: 12px;
height: 15px;
}
.detail-metting__location>span:nth-child(2) svg {
width: 15px;
height: 15px;
}
.detail-metting .detail-metting-programm__title {
margin-bottom: 20px;
}
ul.detail-metting-programm__list-time {
line-height: 1.2;
}
.detail-metting {
padding-bottom: 0px;
}
.detail-meting-wrap-buttons .detail__goto {
max-width: 218px;
}
.detail-meting-wrap-buttons .detail__goto .view-all {
padding: 14px 34px;
line-height: 1.2;
}
.copy-btn {
font-size: 16px;
width: 100%;
max-width: 462px;
}
.copy-btn:hover {
opacity: unset;
}
.copy-btn:active {
opacity: 0.6;
}
.copy-btn-wrapper__alert {
bottom: -15px;
}
.detail-meting-wrap-buttons .news-detail-share>div {
text-align: center;
align-items: center;
padding: 19px 42px 15px;
}
.detail-metting>div:nth-last-of-type(1) {
margin-bottom: 0px;
}
/*PAGE PROJECT */
.section-projects-banner .page-news-banner__inner {
background-position: right bottom;
background-image: url("../images/projects/project-back-sm.png");
background-size: 314px auto;
}
.section-projects-banner {
margin-bottom: 40px;
}
.section-projects-banner .page-news-banner__title h1 {
margin-bottom: 14px;
}
.page-projects-items {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
padding-bottom: 56px;
}
.page-projects-items-item {
padding: 22px 22px 40px;
}
.page-projects-items-item__image {
aspect-ratio: 286/161;
margin-bottom: 26px;
}
.wrapper h4 {
font-size: 1.25rem;
}
.page-projects-items-item__text {
margin-bottom: 0px;
}
.page-projects-items-item__btn a {
font-size: 0.875rem;
padding: 8px 15px;
}
.page-projects-items-item::before {
position: absolute;
top: -20px;
left: 10px;
content: url("../images/project-square-sm.png");
background-repeat: no-repeat;
background-size: contain;
width: 129px;
height: 22px;
}
/*about page */
.section-page-about-banner__desc {
padding: 28px 22px 5px;
}
.section-page-about-banner__title {
font-size: 1.875rem;
margin-bottom: 14px;
}
.section-page-about-banner__text {
font-size: 1rem;
}
.section-page-about-banner__row {
grid-template-columns: 1fr;
gap: 0px;
}
.section-page-about-banner__image {
aspect-ratio: 255/189;
}
.section-page-about-banner__image img {
object-fit: contain;
}
.section-page-about-banner__image img {
object-position: center;
}
.section-page-about-banner__inner {
padding-bottom: 28px;
}
.section-faith__title {
margin-bottom: 14px;
}
.section-faith__text {
max-width: 270px;
margin-bottom: 21px;
}
.section-support-mos__inner-left>div:first-child {
text-align: center;
margin-bottom: 0px;
}
.section-support-mos__title {
margin-bottom: 14px;
}
.section-support-mos__subtitle {
font-size: 1.125rem;
}
.section-support-mos__row {
margin-top: 0px;
grid-template-columns: 1fr;
gap: 33px;
}
.section-reliazation-row {
grid-template-columns: 1fr;
gap: 0px;
padding-top: 28px;
}
.section-reliazation-row__col:first-child {
order: -1;
padding-top: 0px;
}
.section-reliazation-row__inner-left {
text-align: center;
margin-bottom: 36px;
}
.section-reliazation-row-inner-right__image {
aspect-ratio: 330/178;
margin-bottom: 28px;
}
.about-banner-socials__inner {
padding: 34px 22px 160px;
}
h3.about-banner-socials__title {
font-size: 1.5rem;
margin-bottom: 14px;
}
.about-banner-socials__inner::before {
position: absolute;
right: 0;
bottom: 0;
content: "";
aspect-ratio: 386/167;
width: 386px;
background-image: url("../images/about/two-girl-sm.png");
background-repeat: no-repeat;
background-position: right 0px bottom 0px;
background-size: contain;
}
.about-banner-socials__icons a svg {
width: 41px;
height: 41px;
}
/*cookie*/
.warning-cookie__body {
display: flex;
gap: 20px;
background-color: #222222;
padding: 20px;
border-radius: 16px;
z-index: 100;
max-width: 878px;
width: 100%;
flex-direction: column;
}
.warning-cookie__btn button {
font-weight: 700;
font-size: 0.75rem;
background-color: #FFFFFF;
padding: 14px;
border-radius: 64px;
color: #F43E21;
}
.warning-cookie {
position: fixed;
left: 10px;
right: 10px;
bottom: 10px;
color: white;
z-index: 1000;
}
.section-preview-news-item-item:hover:not(:first-child) .section-preview-news-item-item__type {
background-color: #ACB6C41C;
}
.page-news-banner__inner_white.page-news-banner__inner:before {
content: "";
position: absolute;
background-image: url(../images/poster/back-afisha-sm.png);
background-repeat: no-repeat;
right: 0;
top: 0;
bottom: 0;
background-position: bottom 0px right 0px;
max-height: 238px;
margin-top: auto;
}
.section-faith {
margin-bottom: 21px;
}
.section-faith__image {
aspect-ratio: 320/224;
}
.section-support-mos__subtitle {
margin-bottom: 14px;
}
.about-banner-socials__title br {
display: unset;
}
.section-page-about-banner__col:nth-child(2) {
padding-right: 0px;
}
.about-banner-socials__text {
margin-bottom: 16px;
}
.section-reliazation-row__inner-left h2 {
margin-bottom: 16px;
max-width: 343px;
margin-left: auto;
margin-right: auto;
}
.page-news-banner__text p {
margin-bottom: 1rem;
}
/*hover unset all */
.section-preview-news-item-item:hover .section-preview-news-item-item__name {
color: rgb(0, 0, 0);
}
.section-preview-news-item-item:hover .section-preview-news-item-item__image img {
transform: scale(1);
}
/*
.section-poster-months__current:active .section-poster-months__group {
background-color: #F43E21;
}
.section-poster-months__current:active .section-poster-months-dest__title {
color: white;
}
.section-poster-months__current:active .section-poster-months-dest__place {
color: white;
}
.section-poster-months__current:active .section-poster-months-dest__place svg path {
fill: white;
}
.section-poster-months__current:active .section-poster-months-dest__time {
color: white;
}
.section-poster-months__current:active .section-poster-months-dest__time svg path {
fill: white;
} */
.str_move {
display: flex;
gap: 30px;
}
.parners-slider-row .parners-slider__wrap:nth-child(1) {
margin-left: 30px;
}
.parners-slider-row>div img {
/* height: 50px;
width: auto; */
width: 100%;
height: 100%;
object-fit: contain;
}
.section-poster-months-dest__group {
gap: 16px;
}
.section-preview-news-banner {
margin-bottom: 16px;
}
}
@media (min-width:576px) and (max-width:767.98px) {
.section-how-begin-item {
width: 190px;
padding: 37px 14px 51px;
mask-size: contain;
-webkit-mask-size: contain;
}
.footer-row {
flex-direction: row;
gap: 30px;
}
}
@media (min-width:992px) and (max-width:1199.98px) {
.nav-list {
gap: 20px;
}
}
/*laptop responsive */
@media (min-width:768px) and (max-width:991.98px) {
/*main banner*/
.container {
padding: 0px;
max-width: 640px;
}
.header-inner {
margin-bottom: 20px;
}
.section-main-banner-slider-item__title__type {
margin-bottom: 12px;
}
.section-main-banner-slider__arrow {
width: 39px;
height: 39px;
}
.section-main-banner-slider__arrow svg {
width: 7px;
height: 11px;
}
.section-main-banner-slider-item__desc {
padding-bottom: 37px;
}
.section-main-banner-slider-item__title {
margin-bottom: 0px;
}
.section-main-banner__controls {
margin-top: 19px;
gap: 60px;
}
}
@media (min-width:768px) and (max-width:1399.98px) {
.section-main-banner-slider-item__title {
font-size: 1.25rem;
}
.news-detail-quote__desc {
font-size: 16px;
}
.detail-metting__text {
margin-bottom: 30px;
}
.page-projects-items-item__desc {
padding-inline: 0px;
}
.afisha-slider {
margin-bottom: 28px;
}
ul.afisha-filter__list {
font-size: 14px;
}
.afisha-search {
margin-bottom: 28px;
}
.section-begin__desc {
margin-bottom: 28px;
}
.section-how-begin {
padding-bottom: 64px;
}
.wrapper h2 {
font-size: 2.5rem;
}
.container {
/* max-width: 640px; */
padding-left: 64px;
padding-right: 64px;
max-width: 100%;
}
.section-how-begin__content {
display: grid;
grid-template-columns: 1fr;
gap: 38px;
}
.section-how-begin__hearts {
display: flex;
gap: 20px;
justify-content: space-between;
}
.section-how-begin-item {
width: 200px;
padding: 37px 14px 51px;
mask-size: 200px 200px;
-webkit-mask-size: 200px 200px;
}
.section-main-banner {
padding-bottom: 45px;
}
.section-how-begin-item__arrow svg {
width: 49px;
height: 49px;
}
.section-how-begin-item__title {
font-size: 1rem;
}
.section-how-begin__inner {
text-align: center;
margin-bottom: 38px;
}
#success-modal {
padding: 131px 236px;
background-color: #E7ECF2;
background-image: url("../images/success-flower.png");
background-repeat: no-repeat;
border-radius: 16px;
aspect-ratio: 640/286;
background-position: bottom left;
}
/*main page afisha */
.section-preview-news-banner {
background-image: url("../images/preview-news-back-lg.png");
}
.section-poster-row {
display: grid;
grid-template-columns: 1fr;
padding-bottom: 21px;
}
.section-poster-row__col:last-child {
margin-left: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
padding: 18px 30px 27px 38px;
}
.section-poster-row__col:first-child .section-poster-row__image {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.section-poster__date {
right: -16px;
}
.subtitle {
font-size: 1.75rem;
}
.section-poster-desc__text {
margin-bottom: 29px;
}
.section-poster-months__item {
display: flex;
flex-direction: column;
gap: 13px;
}
.section-poster-months__current {
display: grid;
grid-template-columns: 1fr 241px;
gap: 7px;
}
.section-poster-months__date>div {
width: 108px;
}
.section-poster-months-dest__title {
font-size: 0.875rem;
}
.section-poster-months__group {
gap: 18px;
}
.section-poster-months-dest {
padding-top: 0px;
padding-bottom: 0px;
gap: 11px;
}
.section-poster-months-dest__place,
.section-poster-months-dest__time {
font-size: 0.875rem;
}
.section-poster-months-dest__group {
gap: 15px;
}
.section-poster-months {
display: flex;
flex-direction: column;
gap: 14px;
margin-bottom: 28px;
}
/*main page news */
.wrapper h3 {
font-size: 2.5rem;
}
.section-preview-news-banner {
background-size: contain;
padding: 30px 31px;
background-position: top right -60px;
}
.section-preview-news-banner__title {
margin-bottom: 165px;
}
.section-preview-news__nav ul {
gap: 4px;
font-size: 0.875rem;
}
.section-preview-news-items {
display: grid;
grid-template-columns: 1fr;
gap: 13px;
margin-bottom: 28px;
}
.section-preview-news-item-item.section-preview-news-item__item_illust {
display: none !important;
}
.section-preview-news-item-item {
flex-direction: row;
position: relative;
}
.section-preview-news-item-item__image {
width: 224px;
flex-shrink: 0;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 22px;
overflow: hidden;
aspect-ratio: unset;
}
.section-preview-news-item-item__image img {
border-top-right-radius: 0px;
}
/* .section-preview-news-item-item__image img {
border-radius: unset;
} */
.section-preview-news-item-item__desc {
padding: 19px 22px 19px 22px;
flex-grow: 1;
margin-top: 0px;
}
.section-preview-news-item-item__desc {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
position: static;
min-height: 125px;
}
.section-preview-news-item-item__type {
bottom: 0px;
left: 0px;
right: unset;
top: unset;
border-radius: 0px 46px 46px 58px;
padding: 8px 12px;
font-size: 0.875rem;
}
.section-begin {
padding-bottom: 326px;
}
.section-begin::before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: -59px;
width: 100%;
aspect-ratio: 655 / 368;
max-width: 1124px;
margin: auto;
background-image: url(../images/begin-back.png);
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
background-position: center;
max-height: 431px;
max-width: 90%;
}
.section-begin {
margin-bottom: 98px;
}
/*main-page projects */
.section-project-item {
display: flex;
flex-direction: column;
height: calc(100% - 30px);
}
.section-project-item__image {
aspect-ratio: 266/149;
margin-bottom: 26px;
}
.section-project-item__desc {
padding-left: 0px;
}
.section-project-item__title {
padding-right: 0px;
margin-bottom: 8px;
font-size: 1.25rem;
}
.section-project-item::before {
position: absolute;
left: 15px;
top: -22px;
width: 139px;
height: 23px;
content: "";
background-image: url("../images/project-square-lg.png");
background-size: contain;
background-repeat: no-repeat;
}
.section-project-item__text {
font-size: 0.875rem;
margin-bottom: 16px;
}
.section-project-item__btn .more-btn {
font-size: 0.875rem;
padding: 8px 15px;
}
.section-project__title {
margin-bottom: 28px;
}
.project-slider .swiper-slide {
height: auto;
}
.section-project {
padding-bottom: 64px;
}
/*about main page */
.section-about-banner__desc {
padding-top: 0px;
padding-left: 35px;
padding-bottom: 0px;
}
.section-about-banner__title {
margin-bottom: 24px;
}
.section-about-banner__row::before {
left: -6px;
top: -37px;
z-index: -1;
position: absolute;
background-size: contain;
content: "";
width: 111px;
aspect-ratio: 1/1;
background-image: url('data:image/svg+xml,');
}
.section-about-banner__subtitle {
font-size: 1.125rem;
margin-bottom: 28px;
}
/*partners slider */
.section-parners__title {
margin-bottom: 42px;
}
.section-parners {
padding-bottom: 77px;
}
/*footer */
.footer__images {
padding-top: 29px;
padding-bottom: 0px;
margin-bottom: 21px;
flex-direction: column;
gap: 15px;
}
.footer__logo {
order: 0;
aspect-ratio: 146/39;
width: 146px;
}
.footer__support-image {
aspect-ratio: 146/39;
width: 146px;
order: -1;
}
.footer-row {
padding-top: 0px;
display: flex;
justify-content: space-between;
gap: 107px;
padding-bottom: 19px;
font-weight: 500;
font-size: 0.75rem;
}
.footer-row__col:nth-child(2)>div:first-child {
padding-top: 22px;
padding-bottom: 14px;
}
.footer-row__col:nth-child(2) br {
display: none;
}
.footer-row__col:nth-child(2) {
justify-content: start;
}
/*PAGE NEWS */
.page-news-banner__inner {
padding-top: 91px;
padding-bottom: 91px;
margin-bottom: 28px;
}
.page-news-banner__desc {
padding-left: 45px;
padding-right: 45px;
}
.page-news-banner__title h1 {
font-size: 1.75rem;
margin-bottom: 18px;
}
.page-news-banner__title {
max-width: 365px;
}
.page-news-banner__inner:after {
content: "";
background-image: url("../images/news/news-back-lg.png");
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 428px;
background-position: right top;
background-repeat: no-repeat;
background-size: contain;
}
.page-news-content-filter {
width: 100%;
}
.page-news-content-ui {
flex-wrap: wrap;
gap: 9px;
margin-bottom: 28px;
}
.page-news-content-search__inner-wrap {
max-width: 100%;
}
.page-news-content-search {
flex-grow: 1;
order: -1;
}
.page-news-content__items .section-preview-news-item-item:first-child {
flex-direction: column;
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__image {
aspect-ratio: 640 / 298;
width: 100%;
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__name {
font-size: 1rem;
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__desc {
margin-top: -20px;
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__image {
border-radius: 16px;
overflow: hidden;
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__desc {
border-radius: 16px;
min-height: 103px;
padding-left: 46px;
padding-right: 46px;
}
.page-news-content__items {
grid-template-columns: 1fr;
gap: 13px;
}
.page-news-content__items .section-preview-news-item-item:first-child {
grid-column: unset;
margin-bottom: 15px;
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__type {
right: unset;
left: 0px;
bottom: 0px;
background-color: #00000021;
border-radius: 46px;
padding: 8px 20px;
font-size: 0.875rem;
}
.page-news-content__navigation-wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: 28px;
}
.page-news-content {
padding-bottom: 64px;
}
.page-news-content__navigation-wrap .load-more-news__btn {
order: -1;
}
/*DETAIL NEWS */
.news-detail__image-first {
aspect-ratio: 640/360;
}
.news-detail-quote__desc {
padding: 27px 40px;
background-color: #F5F7FB;
border-radius: 16px;
}
.detail-news-images-row-item__image {
aspect-ratio: 200/113;
}
.news-detail {
padding-bottom: 0px;
}
.detail-news-images-row__photos>div:first-child {
aspect-ratio: 420/236;
}
.detail-news-images-row__photos>div:nth-child(2)>div {
aspect-ratio: 200/108;
}
.detail-news-images-row__photos>div:nth-child(2) {
gap: 12px;
}
.detail-article-readmore__row {
grid-template-columns: 1fr;
}
.detail-news-slider__prev>div,
.detail-news-slider__next>div {
width: 45px;
height: 45px;
}
.detail-news-slider__arrow {
width: 45px;
height: 45px;
}
/*PAGE AFISHA */
.page-news-banner__inner_white.page-news-banner__inner:before {
content: "";
background-size: contain;
background-image: url("../images/poster/back-afisha-lg.png");
background-position: top 0px right 0px;
}
.afisha-content-months__row {
display: grid;
grid-template-columns: repeat(auto-fit, calc(50% - 20px));
gap: 20px;
}
.afisha-content-months-slider-item__name {
font-size: 1rem;
}
.afisha-content-months {
margin-bottom: 28px;
}
.afisha-content {
padding-bottom: 40px;
}
/*DETAIL METTING */
.detail-metting-row {
display: grid;
grid-template-columns: 1fr;
margin-bottom: 34px;
}
.detail-metting__desc {
margin-left: 0px;
padding: 16px 30px 27px;
border-top-left-radius: unset;
border-top-right-radius: unset;
border-bottom-left-radius: 16px;
}
.detail-metting__image {
aspect-ratio: 640/360;
border-bottom-left-radius: unset;
border-bottom-right-radius: unset;
}
.detail-metting__date {
right: 14px;
top: -35px;
}
.detail-metting__desc h1 {
font-size: 1.75rem;
margin-bottom: 16px;
}
.detail-metting__text {
margin-bottom: 29px;
}
.detail-meting-wrap-buttons {
flex-wrap: wrap;
gap: 10px;
margin-bottom: 28px;
}
.detail-meting-wrap-buttons>div {
width: 100%;
}
.detail-meting-wrap-buttons .news-detail-share {
max-width: 390px;
}
.detail-meting-wrap-buttons .news-detail-share>div {
padding: 8px 19px;
}
/*PAGE PROJECT */
.section-projects-banner .page-news-banner__text {
max-width: 341px;
}
.section-projects-banner {
margin-bottom: 40px;
}
.section-projects-banner .page-news-banner__inner {
background-size: contain;
background-image: url("../images/projects/project-back-xl.png");
background-position: right -70px bottom 0px;
padding-top: 80px;
padding-bottom: 80px;
}
.page-projects-items {
display: grid;
grid-template-columns: repeat(auto-fit, calc(50% - 20px));
column-gap: 20px;
row-gap: 40px;
padding-bottom: 77px;
}
.page-projects-items-item {
padding: 20px 20px 48px;
}
.page-projects-items-item__image {
aspect-ratio: 266/149;
margin-bottom: 26px;
}
.wrapper h4 {
font-size: 1.25rem;
}
.page-projects-items-item__title {
margin-bottom: 8px;
}
.page-projects-items-item::before {
content: "";
position: absolute;
top: -23px;
left: 10px;
background-image: url("../images/project-square-lg.png");
width: 139px;
height: 23px;
background-size: contain;
background-repeat: no-repeat;
}
.page-projects-items-item__text {
margin-bottom: 0px;
}
.page-projects-items-item__btn .more-btn {
font-size: 0.875rem;
padding: 8px 15px;
}
/*ABOUT PAGE */
.section-page-about-banner__inner {
padding-bottom: 65px;
}
.section-page-about-banner__image {
aspect-ratio: 323/372;
}
.section-page-about-banner__image img {}
.section-page-about-banner__text {
font-size: 1.375rem;
line-height: 1.4;
}
.section-page-about-banner__image img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: bottom 0px right 0px;
}
.section-page-about-banner__title {
font-size: 2.5rem;
margin-bottom: 16px;
}
.section-page-about-banner__row {
grid-template-columns: 1.5fr 1fr;
gap: 5px;
}
.section-page-about-banner__desc {
padding: 30px 0px 30px 45px;
}
.section-page-about-banner__col:nth-child(2) {
display: flex;
align-items: flex-end;
padding-right: 0px;
justify-content: flex-end;
}
.section-support-mos__row {
position: relative;
grid-template-columns: 1fr;
gap: 0px;
margin-top: 0px;
}
.section-support-mos__subtitle {
font-size: 1.375rem;
max-width: 350px;
margin-bottom: 16px;
}
.section-support-mos__subtitle~p {
max-width: 562px;
}
.section-support-mos__inner-left>div:first-child {
margin-bottom: 0px;
}
.section-reliazation-row-inner-right__btn .more-btn {
text-align: center;
}
.section-support-mos__col:first-child::before {
content: "";
position: absolute;
right: -40px;
top: -40px;
background: url("/local/templates/city/assets/images/about/notebook.png");
width: 344px;
background-size: contain;
aspect-ratio: 344/244;
}
.section-support-mos__col:nth-child(2) {
display: none;
}
.section-reliazation-row {
grid-template-columns: 1fr;
gap: 43px;
}
.section-reliazation-row__col:first-child {
order: -1;
}
.section-reliazation-row__inner-left {
max-width: 70%;
}
.section-reliazation-row__col:first-child::before {
width: 123px;
height: 112px;
content: "";
position: absolute;
top: -20px;
right: 0;
background-image: url("../images/about/stars.png");
object-fit: contain;
background-repeat: no-repeat;
}
.section-reliazation-row__col:first-child::after {
width: 146px;
height: 302px;
content: "";
position: absolute;
bottom: 0;
right: 0;
background-image: url("../images/about/line-revert.png");
background-size: contain;
background-repeat: no-repeat;
}
.section-reliazation-row__inner-left>div:first-child {
max-width: 355px;
}
.about-banner-socials__inner::before {
position: absolute;
right: 0;
bottom: 0;
content: "";
aspect-ratio: 592/257;
width: 592px;
background-size: contain;
background-image: url("../images/about/two-girl.png");
background-repeat: no-repeat;
background-position: right 0px bottom 0px;
}
.about-banner-socials__inner {
padding: 50px 45px 180px;
}
.about-banner-socials {
margin-bottom: 64px;
}
.section-about-banner__col:nth-child(2)>div {
background-image: url("../images/girl-xl.png");
aspect-ratio: 290/291;
width: 290px;
margin-left: auto;
}
.section-reliazation-row__inner-left h2 {
margin-bottom: 16px;
}
.section-support-mos__title {
margin-bottom: 16px;
}
.section-support-mos__title h2 {
margin-bottom: 0px;
}
.section-support-mos__inner-right {
margin-top: -40px;
}
.section-page-about-banner__text br {
display: none;
}
.section-page-about-banner__image {
height: auto;
aspect-ratio: unset;
}
.section-page-about-banner__row {
grid-template-columns: 1fr 323px;
gap: 5px;
}
}
@media (min-width:1400px) and (max-width:1919.98px) {
.about-banner-socials__inner {
padding-left: 59px;
}
.section-page-about-banner__desc {
padding: 82px 10px 68px 59px;
}
.page-projects-items-item {
padding: 20px 22px 50px;
}
.page-projects-items-item__title {
margin-bottom: 16px;
}
.section-parners {
padding-bottom: 100px;
}
.section-preview-news-item-item__type {
top: 27px;
}
.section-how-begin__content {
grid-template-columns: 1fr 285px;
}
.container {
max-width: 1200px;
padding-left: 0px;
padding-right: 0px;
}
.section-how-begin__hearts {
gap: 19px;
}
.section-how-begin__content {
gap: 19px;
}
.section-how-begin-form {
padding: 25px 16px 33px;
}
/*success modal */
#success-modal {
padding: 131px 236px;
background-color: #E7ECF2;
background-image: url("../images/success-flower.png");
background-repeat: no-repeat;
border-radius: 16px;
aspect-ratio: 640/286;
background-position: bottom left;
}
/*afisha main page */
.section-preview-news-banner {
background-image: url("../images/preview-news-back-xl.png");
}
.section-poster-row__col:first-child .section-poster-row__image {
aspect-ratio: 590/332;
max-width: 590px;
}
.section-poster-row {
grid-template-columns: 1fr 1fr;
padding-bottom: 33px;
}
.section-poster-row__col:last-child {
padding: 32px 54px;
margin-left: -20px;
}
.section-poster__desc .subtitle {
line-height: 1.1;
}
.section-poster-desc__text {
margin-bottom: 61px;
}
.section-poster-months__date>div {
width: 108px;
}
.section-poster-months__current {
grid-template-columns: 1fr 226px;
}
.section-poster-months {
margin-bottom: 28px;
}
/*about mainpage*/
.section-about-banner__desc {
padding-top: 60px;
}
.section-about-banner__row::before {
z-index: -1;
position: absolute;
background-size: contain;
left: 5px;
top: -6px;
content: "";
width: 216px;
aspect-ratio: 1/1;
background-image: url('data:image/svg+xml,');
}
.section-about-banner__row {
grid-template-columns: 1.5fr 1fr;
}
.section-about-banner__col:nth-child(2)>div {
aspect-ratio: 1/1;
width: 100%;
background-image: url("../images/girl-xl.png");
}
/*PAGE NEWS */
.page-news-banner__inner {
padding-top: 130px;
padding-bottom: 130px;
}
.page-news-banner__inner:after {
background-image: url("../images/news/news_back_xl.png");
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: unset;
width: 870px;
/* aspect-ratio: 870/870; */
background-position: right bottom;
background-repeat: no-repeat;
}
/*DETAIL NEWS */
.detail-news-images-row__photos>div:first-child {
aspect-ratio: 614/345;
}
.detail-news-images-row__photos>div:nth-child(2)>div {
aspect-ratio: 294/155;
}
.news-detail>div {
margin-bottom: 30px;
}
.news-detail {
padding-bottom: 15px;
}
/*PAGE AFISHA */
.page-news-banner__inner_white.page-news-banner__inner:before {
content: "";
position: absolute;
background-image: url('../images/poster/back-afisha-xl.png');
background-repeat: no-repeat;
right: -50px;
top: 0;
bottom: 0;
}
.page-news-banner__inner_white {
background-position: top 0px right -212px;
}
.afisha-content-months__row {
grid-template-columns: repeat(auto-fit, calc(33% - 20px));
}
/*DETAIL METTING */
/* .detail-metting__image {
aspect-ratio: 590/335;
} */
.detail-metting-row {
grid-template-columns: 1fr 1fr;
}
.detail-metting__desc {
display: flex;
flex-direction: column;
justify-content: center;
padding: 34px 54px 32px 54px;
background-color: #EAEFF5;
border-radius: 16px;
overflow: hidden;
font-family: "Montserrat";
height: 100%;
margin-left: -15px;
border-bottom-left-radius: unset;
}
/*PAGE PROJECT */
.page-projects-items {
display: grid;
grid-template-columns: repeat(auto-fit, calc(50% - 30px));
column-gap: 30px;
row-gap: 56px;
padding-bottom: 77px;
}
.section-projects-banner .page-news-banner__inner {
background-position: bottom 0px right;
background-image: url("../images/projects/project-back-xl.png");
background-size: contain;
}
/*ABOUT PAGE */
.section-page-about-banner__image {
aspect-ratio: 469 / 433;
overflow: hidden;
width: 479px;
}
.section-page-about-banner__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: right 20px bottom 0px;
}
.section-page-about-banner__col:nth-child(2) {
padding-right: 0px;
margin-top: auto;
}
.section-page-about-banner__row {
gap: 10px;
grid-template-columns: 2fr 1fr;
}
.section-page-about-banner__inner {
padding-bottom: 64px;
}
.section-support-mos__row {
gap: 58px;
margin-top: 0px;
grid-template-columns: 1fr 1fr;
}
/* .section-support-mos__inner-right {
aspect-ratio: 612/434;
} */
.section-reliazation-row {
grid-template-columns: 2fr 1fr;
gap: 0px;
}
.section-reliazation__adaptive-title {
display: flex;
}
.section-reliazation-row-inner-right__image {
aspect-ratio: 769/455;
}
.section-reliazation-row__inner-left>div:first-child {
display: none;
}
.section-reliazation-row__col:first-child::before {
content: "";
display: block;
margin-bottom: 65px;
background-image: url("../images/about/line.png");
background-repeat: no-repeat;
background-size: contain;
width: 266px;
aspect-ratio: 266/165;
}
.section-reliazation-row__col:first-child::after {
content: "";
position: absolute;
display: block;
width: 106px;
background-image: url("../images/about/stars.png");
background-repeat: no-repeat;
background-size: contain;
aspect-ratio: 106/91;
top: 0;
right: 0;
}
.about-banner-socials__inner::before {
position: absolute;
right: 0;
bottom: 0;
content: "";
aspect-ratio: 771/335;
width: 771px;
background-size: contain;
}
.footer__images {
padding-top: 0px;
}
.section-how-begin-form {
background-image: url("../images/form-mask-xl.png");
background-position: bottom right;
background-size: cover;
}
.detail-news-slider__img-wrap {
aspect-ratio: 640/360px;
}
.section-main-banner__controls-inner {
max-width: 1400px;
}
.page-news-banner.news-banner .page-news-banner__inner:after {
background-image: url("../images/news/news-current-back.png");
background-repeat: no-repeat;
position: absolute;
top: -234px;
right: -216px;
bottom: 0;
width: unset;
width: 870px;
height: 870px;
background-position: right bottom;
background-repeat: no-repeat;
transform: rotate(6.5deg);
}
}
@media (max-width:359.98px) {
.section-how-begin__hearts {
flex-wrap: wrap;
justify-content: center;
padding-bottom: 20px;
}
.section-how-begin-item {
position: relative;
gap: 6px;
width: 106px;
aspect-ratio: 1/1;
}
.view-all {
padding: 14px 14px;
font-size: 1rem;
width: 100%;
}
.section-how-begin__hearts>a:first-child .section-how-begin-item {
background-position: center;
background-size: contain;
}
}
@media (max-width:1365.98px) {
.section-preview-news-item-item--smurf {
display: none;
}
}
@media (max-width:1719.98px) {
.upper-btn {
position: fixed;
bottom: 10px;
right: 20px;
}
}
@media (min-width:1919.98px) {
.section-preview-news-items {
display: grid;
grid-template-columns: repeat(auto-fit, calc(33% - 11px));
gap: 25px;
margin-bottom: 40px;
}
.section-preview-news-item-item__image {
aspect-ratio: 590/300;
width: 100%;
overflow: hidden;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.section-projects-banner .page-news-banner__inner {
padding-top: 120px;
padding-bottom: 120px;
}
.page-projects-items-item {
padding: 29px 22px 37px;
}
.section-main-banner-slider-item {
/* aspect-ratio: 1720 / 825; */
/* aspect-ratio: 1720/967; */
}
.page-news-content__items .section-preview-news-item-item__image {
display: flex;
flex-direction: row;
}
.page-news-content__items .section-preview-news-item-item:not(:first-child) .section-preview-news-item-item__image>div:first-child {
flex-grow: 1;
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__image>div:nth-child(2) img {
object-fit: contain;
}
.page-news-content__items .section-preview-news-item-item:first-child:hover .section-preview-news-item-item__image>div:nth-child(2) img {
transform: none
}
}
@media (min-width:1366px) and (max-width:1399.98px) {
.section-poster-row {
display: grid;
grid-template-columns: 1fr 1fr;
}
.section-poster__date {
right: -15px;
}
.section-poster-row__col:first-child .section-poster-row__image {
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
.section-poster-row__col:last-child {
margin-left: 0px;
border-top-right-radius: 16px;
border-bottom-left-radius: unset;
margin-left: -10px;
}
.section-main-banner-slider-item {
aspect-ratio: 1200/500;
}
/* .page-news-content__items {
display: grid;
grid-template-columns: 1fr 0.5fr;
column-gap: 16px;
row-gap: 28px;
margin-bottom: 40px;
} */
.page-news-content__items>.section-preview-news-item-item:not(:first-child):not(.section-preview-news-item-item--smurf) {
grid-column: 1/span 2;
}
.page-news-content__items>.section-preview-news-item-item--smurf .section-preview-news-item-item__image {
aspect-ratio: 640 / 298;
flex-grow: 1;
}
}
@media (min-width:992px) and (max-width:1400px) {
/* .container {
max-width: 1100px;
} */
.section-poster-row {
display: grid;
grid-template-columns: 1fr 1fr;
border-radius: 16px;
}
.section-poster-row__col:last-child {
border-top-left-radius: unset;
border-top-right-radius: 16px;
margin-left: -20px;
}
.page-news-content__items .section-preview-news-item-item:first-child {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 200px;
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__image {
aspect-ratio: unset;
width: auto;
border-top-right-radius: unset;
border-bottom-right-radius: unset;
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__desc {
margin-top: unset;
border-bottom-left-radius: 0px;
}
}
@media (min-width:768px) and (max-width:991.98px) {
.container {
max-width: 640px;
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width:768px) and (max-width:991.98px) {
.section-poster-row {
display: grid;
grid-template-columns: 1.5fr 2fr;
border-radius: 16px;
}
.section-poster-row__col:last-child {
border-top-left-radius: unset;
border-top-right-radius: 16px;
margin-left: -20px;
overflow: hidden;
}
.section-poster-row__col:first-child .section-poster-row__image {
display: block;
aspect-ratio: unset;
width: 100%;
width: 100%;
border-radius: 16px;
overflow: hidden;
z-index: 100;
position: relative;
height: 100%;
}
.section-poster__date {
right: -20px;
}
.page-news-content__items .section-preview-news-item-item:first-child {
display: grid;
grid-template-columns: 224px 2fr;
/* min-height: 200px; */
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__image {
aspect-ratio: unset;
width: auto;
border-top-right-radius: unset;
border-bottom-right-radius: unset;
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__desc {
margin-top: unset;
border-bottom-left-radius: 0px;
}
}
@media (min-width:576px) and (max-width:767.98px) {
.section-poster-row {
grid-template-columns: 1fr 1fr;
padding-bottom: 14px;
}
.section-poster-row__col:first-child .section-poster-row__image {
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
aspect-ratio: unset;
}
.section-poster-row__col:last-child {
padding: 22px;
border-top-right-radius: 16px;
border-bottom-left-radius: 0px;
margin-left: -10px;
}
.page-news-content__items .section-preview-news-item-item:first-child {
display: grid;
grid-template-columns: 1fr 1fr;
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__image {
aspect-ratio: unset;
width: auto;
border-bottom-left-radius: 21px;
}
.page-news-content__items .section-preview-news-item-item:first-child .section-preview-news-item-item__desc {
margin-top: unset;
}
}
@media (max-width:576px) {
.section-preview-news-item-item:first-child .section-preview-news-item-item__type {
display: none;
}
.section-poster-row__col:last-child {
border-bottom-left-radius: 16px;
}
.header--type2 .header-inner {
gap: 13px;
}
}
@media (min-width:768px) {
.section-poster-months__current:hover .section-poster-months__group {
background-color: #F43E21;
}
.section-poster-months__current:hover .section-poster-months-dest__title {
color: white;
}
.section-poster-months__current:hover .section-poster-months-dest__place {
color: white;
}
.section-poster-months__current:hover .section-poster-months-dest__time {
color: white;
}
.section-poster-months__current:hover .section-poster-months-dest__place svg path {
fill: white;
}
.section-poster-months__current:hover .section-poster-months-dest__time svg path {
fill: white;
}
.section-poster-months__current:hover .section-poster-months-dest__image img {
transform: scale(1.1);
}
.section-poster-row:hover .section-poster-row__image img {
transform: scale(1.1);
}
.section-poster-row:hover .section-poster-row__col:nth-child(2) {
background-color: #F43E21;
}
.section-poster-row:hover .subtitle {
color: white;
}
.section-poster-row:hover .section-poster-desc__text {
color: white;
}
.section-poster-row:hover .section-poster-desc__destination {
color: white;
}
.section-poster-row:hover .section-poster-desc__destination svg path {
fill: white;
}
.news-detail a:hover {
color: #c92b12;
;
}
.afisha-content-months-slider-item:hover .afisha-content-months-slider-item__image img {
transform: scale(1.1);
}
/* active */
/* .section-preview-news-item-item:active .section-preview-news-item-item__image img {
transform: scale(1.1);
}
.section-preview-news-item-item:active .section-preview-news-item-item__name {
color: #F43E21;
}
.section-preview-news-item-item:active .section-preview-news-item-item__type {
background-color: #F43E21;
}
.afisha-content-months-slider-item:active .afisha-content-months-slider-item__image img {
transform: scale(1.1);
} */
}
@media (min-width:1200px) and (max-width:1399.98px) {
.section-support-mos__row {
grid-template-columns: 1fr 500px;
}
}
@media (min-width:992px) and (max-width:1399.98px) {
.section-main-banner-slider__item {
aspect-ratio: 640/360;
max-height: 787px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.wrapper input,
.wrapper select,
.wrapper textarea {
font-size: 16px;
/* Обещание Safari: без масштабирования! */
}
}
@media (min-width:991px) and (max-width:1399.98px) {
.page-news-banner__inner:after {
background-size: contain;
width: 70%;
margin-left: auto;
background-image: url("../images/news/news-back.png");
background-position: right bottom;
}
.page-news-banner__inner_white.page-news-banner__inner:before {
background-image: url('../images/poster/afisha-current.png');
margin-left: auto;
background-position: right 0px top;
object-fit: cover;
width: 150%;
height: 150%;
right: 80px;
top: -30px;
}
}
@media (min-width:991px) and (max-width:1199.98px) {
.page-news-banner__inner_white.page-news-banner__inner:before {
right: -80px;
}
}
/* @media (min-width:1200px){
.section-main-banner {
position: relative;
}
.section-main-banner__controls--desktop{
display: flex;
justify-content: center;
width: 100%;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(calc(-50% - 50px ));
}
.section-main-banner__controls-inner{
display: flex;
justify-content: space-between;
width: 100%;
margin-inline: 3px;
}
.section-main-banner__slider .section-main-banner-slider__arrow.swiper-button-prev{
display: none;
}
.section-main-banner__slider .section-main-banner-slider__arrow.swiper-button-next{
display: none;
}
} */
@media (min-width:1800px) {
.section-main-banner-slider-item {
aspect-ratio: 1720/967;
}
}
/* @media (min-width:1400px){
.section-main-banner__controls-inner{
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1720px;
}
} */
@media (max-width:1199.98px) {
.page-news-banner.news-banner .page-news-banner__inner:after {
width: 80%;
right: -80px;
}
.section-main-banner__controls--desktop {
display: none;
}
.section-main-banner__slider .section-main-banner-slider__arrow.swiper-button-prev {
display: flex;
}
.section-main-banner__slider .section-main-banner-slider__arrow.swiper-button-next {
display: flex;
}
}
/*Поиск в шапке */
@media (min-width:1140px) and (max-width:1919.98px) {
/* .header__search input {
max-width: 100%;
}
.header__search form{
flex-grow: 1;
}
.header__search{
padding-left: 0px;
justify-content: center;
}
.header--type2 .search-form-city{
position: absolute;
transform: translateY(-100px);
opacity: 0;
}
.header__search-icon{
display: flex;
}
.header--type2 .header-inner{
gap: 10px;
} */
}
@media (max-width:991.98px) {
.header--type2 .header-inner {
gap: 10px;
}
.header--type2 .header-nav-socials__nav {
display: none;
}
.header__search .search-form-city {
flex-grow: 1;
flex-shrink: 1;
}
.page-news-banner.news-banner {
height: auto;
}
.page-news-banner.news-banner .page-news-banner__inner {
height: 306px;
min-height: 306px;
}
.afisha-banner .page-news-banner__inner {
height: 306px;
min-height: 306px;
}
.project-banner .page-news-banner__inner {
height: 306px;
min-height: 306px;
}
.page-news-banner.news-banner .page-news-banner__inner::after {
height: 428px;
width: 428px;
top: -76px;
right: -151px;
}
}
@media (max-width:767.98px) {
.page-news-banner__inner {
padding-block: 34px;
}
.page-news-banner__inner .page-news-banner__desc {
justify-content: center;
}
.page-news-banner.news-banner .page-news-banner__inner {
min-height: 306px;
}
.page-news-banner.news-banner .page-news-banner__inner::after {
height: 408px;
width: 408px;
top: 0;
right: 0px;
}
.page-news-banner.news-banner .page-news-banner__inner::before {
content: "";
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 100;
background: linear-gradient(rgba(244, 62, 33, 0) 27.11%, rgba(244, 62, 33, 0.5) 63%, rgb(244, 62, 33) 100%);
}
.search-form-city form {
display: flex;
gap: 5px;
}
}
@media (max-width:650px) {
.page-news-banner.news-banner .page-news-banner__inner::after {
height: 358px;
width: 358px;
top: 0;
right: -40px;
}
}
@media (max-width:575.98px) {
.page-news-banner.news-banner .page-news-banner__inner {
height: 397px;
min-height: 397px;
}
.afisha-banner .page-news-banner__inner {
height: 397px;
min-height: 397px;
}
.project-banner .page-news-banner__inner {
height: 397px;
min-height: 397px;
}
.page-news-banner__inner .page-news-banner__desc {
justify-content: start;
}
.page-news-banner.news-banner .page-news-banner__inner::after {
width: 120%;
height: 120%;
bottom: -40px;
right: -48px;
top: 140px;
max-height: 392px;
max-width: 392px;
}
.detail-news-table tbody{
display: grid;
}
.detail-news-table tbody {
grid-template-columns: 1fr;
gap: 16px;
}
}
@media (max-width:630px) {
.header__search input {
max-width: 100%;
}
.header__search form {
flex-grow: 1;
}
.header__search {
padding-left: 0px;
}
/* .header--type2 .search-form-city{
position: absolute;
transform: translateY(-100px);
opacity: 0;
} */
.header--type2 .header-inner {
gap: 10px;
}
.header__search {
justify-content: center;
}
}
@media (max-width:1320px) {
.header--type2 .nav-list {
gap: 15px;
}
.header--type2 .header-nav-socials {
display: flex;
align-items: center;
gap: 15px;
}
.header--type2 .header-inner {
gap: 15px;
}
}
@media (max-width:1240px) {
.header--type2 .nav-list {
gap: 10px;
}
.header--type2 .header-nav-socials {
display: flex;
align-items: center;
gap: 10px;
}
.header--type2 .header-inner {
gap: 15px;
}
.header--type2 .header__search {
min-width: auto;
}
}
@media (max-width:1140px) {
.header__search .search-form-city {
max-width: 100%;
}
}
/*tablet */
@media (max-width:1024px) {
.news-detail .news-detail__first:has(.new-detail_preview) img {
aspect-ratio: 604/350;
}
.header--type2 .header__logo {
max-width: 148px;
}
.header--type2 .header-inner {
gap: 22px;
}
.search-form-city__input {
font-size: 14px !important;
}
.header--type2 .header__search .search-form-city {
margin-left: 0;
}
.header--type2 .header-nav-socials__socials svg {
width: 41px;
height: 41px;
}
.header--type2 .header-mobile__burger svg {
width: 40px;
height: 26px;
}
.header--type2 .header-nav-socials__nav {
display: none;
}
.news-detail .news-detail__first:has(.new-detail_preview) {
display: grid;
grid-template-columns:1fr;
gap: 33px;
}
/* .header--type2 .header-nav-socials__socials{
order: 3;
} */
}
/*mobile */
@media (max-width:576px) {
.news-detail .news-detail__first:has(.new-detail_preview) img {
aspect-ratio: 330/218;
}
.detail-news-table td{
padding-bottom: 0px;
}
}
@media (max-width:640px) {
.header--type2 .header-inner {
gap: 6px;
}
}
@media (max-width:420px) {
.header--type2 .search-form-city__input {
min-width: 100px;
width: 100%;
height: 36px;
}
.header--type2 .header__search {
min-width: 100px;
min-height: 36px;
}
}
@media (max-width:460px) {
/* .header__search .search-form-city {
position: absolute;
transform: translateY(-200%);
} */
/* .header__search-icon {
display: flex;
} */
.search-form-city--active .search-form-city__input {
max-width: 100%;
border-radius: 46px;
}
.search-form-city--active button svg {
width: 16px;
height: 16px;
}
/* .header--type2 .header__search {
order: 3;
} */
.header--type2 .header__search {
flex-grow: 1;
justify-content: flex-end;
min-width: unset;
}
.header--type2 .header-nav-socials {
flex-grow: 0;
justify-content: flex-end;
}
.header--type2 .header-inner {
gap: 6px;
}
.header--type2:has(.search-form-city--active) {
margin-bottom: 35px;
}
.header--type2:has(.search-form-city--active) .header-inner {
margin-bottom: 22px;
}
.search-form-city--active input[type='text'] {
font-size: 16px !important;
height: 42px;
padding-right: 40px;
padding-left: 20px;
}
.search-form-city--active button[type='submit'] {
color: white;
font-size: 16px;
right: 10px;
background-color: #F43E21;
border-radius: 46px;
padding: 3px 10px;
transition: background-color 0.4s ease;
}
.search-form-city--active button[type='submit']::before {
content: "Найти";
font-size: 16px;
}
.search-form-city--active button[type='submit'] svg {
display: none;
}
.search-form-city--active button[type='submit']:active {
background-color: #c92b12;
}
.header__search-icon {
height: 30px !important;
border-color: black;
}
.header__search-icon svg path {
stroke: black;
}
.header__search {
align-items: center;
}
.header--type2 .header__logo {
max-width: 100px;
width: 100%;
}
.header--type2 .header__search input {
height: 35px;
font-size: 16px !important;
padding-left: 14px;
padding-right: 22px;
font-size: 12px;
}
.header--type2 .header__search input::-webkit-input-placeholder {
font-size: 12px;
}
.header--type2 .search-form-city button[type='submit'] {
width: 34px;
height: 34px;
flex-shrink: 0;
}
.header--type2 .header-mobile__burger svg {
width: 20px;
height: 18px;
}
}