/* Start:/bitrix/templates/pirate/components/bitrix/breadcrumb/pirate/style.css?17865600661032*/ .bx-breadcrumb { position: relative; margin-bottom: 48px; display: flex; flex-wrap: nowrap; overflow-x: auto; } .bx-breadcrumb.no-scrollbar{scrollbar-width: none;} .bx-breadcrumb i { display: inline-block; width: 1em; height: 2em; vertical-align: top; margin-right: 5px; background: url(/bitrix/templates/pirate/components/bitrix/breadcrumb/pirate/arrow.svg) center center / contain no-repeat; } .bx-breadcrumb .bx-breadcrumb-item { display: inline-block; white-space: nowrap; line-height: 2em; vertical-align: middle; margin-right: 10px; } .bx-breadcrumb .bx-breadcrumb-item span { line-height: 2em; display: inline-block; font-size: var(--text-tiny); white-space: nowrap; color: #C6C6C6; } .bx-breadcrumb .bx-breadcrumb-item a span {border-bottom: none; color: #000; line-height: 2em;} .bx-breadcrumb .bx-breadcrumb-item a:hover span {text-decoration: underline;} @media(max-width: 575.99px){ .bx-breadcrumb{margin-left: -12px; margin-right: -12px; padding-right: 12px; padding-left: 12px;} } @media (max-width: 991.99px){ .bx-breadcrumb{margin-bottom: 32px;} } /* End */ /* Start:/bitrix/templates/pirate/components/bitrix/news.list/s_menu_art/style.css?1753392695150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/bitrix/templates/pirate/styles.css?179432612894898*/ /*MAIN*/ :root{ --z-dropdown: 1000; --z-sticky: 1020; --z-fixed: 1030; --z-modal: 1055; --z-popover: 1070; --z-panel: 1095; --font-primary: 'Geologica', sans-serif; --font-secondary: 'Oswald', sans-serif; --fs-l: 24px; --fs-m: 18px; --fs-s: 14px; --fs-xs: 12px; --fw-m: 500; --font-l: 24px; --font-m: 18px; --font-s: 14px; --font-xs: 12px; --primary: #000; --blue: #376CB6; --black-light: #535454; --background: #f8f8f8; --white-primary: #fff; --grey-primary: #C6C6C6; --gray-secondary: #f2f2f2; --grey-secondary: #f2f2f2; --grey-tertiary: #E0E0E0; --grey-dark: #737373; --promuzey: #F4ECFF; --orange-primary: #F07B34; --orange-lighter: #FFBB90; --orange-dali: #ff5400; --orange-base: #ff5400; --orange-dark: #ed4f00; --red: #cc1511; --margin-xs: 10px; --margin-s: 20px; --margin-m: 40px; --margin-l: 80px; --margin-xl: 120px; --transition: 200ms; --scroll-top: 100px; --scrollbar-width: calc(100vw - 100%); } @media (max-width: 991px){ :root{ --font-m: 16px; --margin-xs: 8px; --margin-m: 30px; --margin-l: 60px; --margin-xl: 100px; } } body{min-height: 100vh; display: flex; flex-direction: column; font-family: var(--font-primary); font-size: var(--font-m); font-style: normal; font-weight: 350; line-height: normal; color: var(--primary); background: var(--background);} :target{scroll-margin-top: var(--scroll-top);} a{color: var(--primary); text-decoration: none; -webkit-tap-highlight-color: transparent;} a:hover{text-decoration: underline;} a.dashed-link{color: var(--primary); text-decoration: none;} a.dashed-link:hover{color: var(--primary); text-decoration: underline dashed 1px;} a.dashed-link.text-blue:hover{text-decoration: underline dashed 1px;} a.no-decoration-link{text-decoration: none; color: var(--primary);} button{-webkit-tap-highlight-color: transparent;} p, h1, h2, ol, ul{margin-bottom: var(--margin-s);} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4{text-wrap: balance;} h1, .h1{font-size: 48px; margin-bottom: 24px;} h2, .h2{font-size: 36px; margin-bottom: 24px;} h3, .h3{font-size: 24px; margin-bottom: 0; font-weight: 350;} h4, .h4{font-size: 22px; margin-bottom: 0; font-weight: 350;} p{text-wrap: pretty;} main{padding: 32px 0 var(--margin-xl); background: var(--background);} ol{list-style-type: decimal;} ul{list-style: none;} ol, ul, li{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} table {border-collapse: collapse; border-spacing: 0; font-size: inherit; font-style: inherit;} th{font-weight: inherit;} .form-check-input:focus{border-color: var(--primary); box-shadow: none;} @media(pointer: coarse){ .hide-scrollbar, .no-scrollbar{scrollbar-width: none;} .hide-scrollbar::-webkit-scrollbar, .no-scrollbar::-webkit-scrollbar{width: 0px; height: 0px;} } .ol-single-digit{padding-left: 1.1em;} .ol-double-digit{padding-left: 1.7em;} .ul-bullet{list-style-type: "◦"; padding-left: .4em;} .ul-bullet--black{list-style-type: "•";} .ul-bullet--dash{list-style-type: "-";} .ul-bullet li{padding-left: .4em;} .text-big, .font-l{font-size: var(--font-l); margin-bottom: 24px;} .font-m{font-size: var(--font-m);} .fw-m{font-weight: var(--fw-m);} .font-secondary{font-family: var(--font-secondary);} .text-small, .font-s{font-size: var(--font-s);} .text-tiny, .font-xs{font-size: var(--font-xs);} .text-blue, a.text-blue, a.text-blue:hover{color: var(--blue);} .text-grey{color: var(--grey-primary);} .text-grey-dark{color: var(--grey-dark);} .text-black-light{color: var(--black-light);} .text-orange{color: var(--orange-base);} .text-red {color: var(--red);} .text-balance{text-wrap: balance !important;} .text-pretty{text-wrap: pretty !important;} .text-small p, .text-small li, .text-tiny p, .text-tiny li, .font-s p, .font-s li, .font-xs p, .font-xs li{margin-bottom: 8px;} .no-transition{-webkit-transition: height 0.01s; -moz-transition: height 0.01s; -ms-transition: height 0.01s; -o-transition: height 0.01s; transition: height 0.01s;} .sticky-header-adopted{top: 98px;} video::-webkit-media-controls { display: none !important; } @media (max-width: 991px){ html{scroll-padding-top: 98px;} h1, .h1{font-size: 40px; margin-bottom: 20px;} h2, .h2{font-size: 30px; margin-bottom: 20px;} h4, .h4{font-size: 18px;} .font-l{margin-bottom: 20px;} .w-md-100{width: 100%;} .sticky-header-adopted{top: 87px;} } /*GRIDS*/ .responsive-grid{display: grid;} .two-card-grid, .three-card-grid, .four-card-grid, .grid, .grid-2, .grid-3, .grid-4{display: grid; gap: 24px;} .two-card-grid, .grid-2{grid-template-columns: repeat(2, 1fr);} .three-card-grid, .grid-3{grid-template-columns: repeat(3, 1fr);} .four-card-grid, .grid-4{grid-template-columns: repeat(4, 1fr);} .grid > *, .grid-2 > *, .grid-3 > *, .grid-4 > *{min-width: 0; overflow-wrap: break-word;} @media (max-width: 991.99px){ .responsive-grid, .two-card-grid, .three-card-grid, .four-card-grid, .grid-2, .grid-3, .grid-4{grid-template-columns: 1fr; row-gap: var(--margin-m);} } @media(min-width: 992px){ .grid{grid-template-columns: repeat(10, minmax(0, 1fr));} .g-col-lg-10{grid-column-end: span 10;} .g-col-lg-9{grid-column-end: span 9;} .g-col-lg-8{grid-column-end: span 8;} .g-col-lg-7{grid-column-end: span 7;} .g-col-lg-6{grid-column-end: span 6;} .g-col-lg-5{grid-column-end: span 5;} .g-col-lg-4{grid-column-end: span 4;} .g-col-lg-3{grid-column-end: span 3;} .g-col-lg-2{grid-column-end: span 2;} .g-col-lg-1{grid-column-end: span 1;} .g-start-lg-2{grid-column-start: 2;} .g-start-lg-3{grid-column-start: 3;} .g-start-lg-4{grid-column-start: 4;} .g-start-lg-5{grid-column-start: 5;} .g-start-lg-6{grid-column-start: 6;} .g-start-lg-7{grid-column-start: 7;} .g-start-lg-8{grid-column-start: 8;} .g-start-lg-9{grid-column-start: 9;} .g-start-lg-10{grid-column-start: 10;} } /*BUTTONS*/ .btn{padding: 8px 12px; border-radius: 4px; font-size: inherit; line-height: 20px; transition: all 200ms;} .btn.btn-primary{background-color: inherit; color: inherit; border: 2px solid;} .btn.btn-secondary{border: 2px solid var(--primary); background-color: var(--primary); color: var(--white-primary);} .btn.btn-tertiary{background-color: var(--white-primary); color: var(--primary); border: 2px solid var(--white-primary);} .btn:hover{border: 2px solid var(--grey-secondary); background-color: var(--grey-secondary); color: var(--primary); text-decoration: none;} .btn:focus{box-shadow: none;} .btn.btn-primary:active, .btn.btn-secondary:active, .btn.btn-tertiary:active{background-color: var(--primary); border: 2px solid var(--primary); color: var(--white-primary);} .btn.btn-primary svg{fill: var(--primary);} .btn.btn-primary:active svg, .btn.btn-secondary svg{fill: var(--white-primary);} .btn.btn-secondary:hover svg{fill: var(--primary);} .btn.btn-secondary:active svg{fill: var(--white-primary);} .btn.btn-link{padding: 10px 0; text-decoration: none; color: inherit; border: none;} .btn.btn-link:hover, .btn.btn-link:active{text-decoration: underline; background-color: inherit; color: inherit;} .btn-social > div{display: flex; gap: 1ch; align-items: center; justify-content: center;} .btn-social svg{width: 1em; transition: all 200ms;} .btn.btn-secondary.btn-unavailable{opacity: 0.2;} .btn.btn-promuzey-purple-large{border-radius: 24px; background: #8e67c3; color: var(--white-primary); border: 2px solid #8e67c3; padding: 16px 26px; line-height: initial;} @media(max-width: 991px){ .btn.btn-promuzey-purple-large{border-radius: 12px; padding: 12px 14px; line-height: 20px;} } .btn.btn-promuzey-white-large{border-radius: 24px; background: var(--white-primary); color: #a67ddc; border: 2px solid #fff; padding: 20px 26px; font-size: var(--font-l); line-height: initial;} @media(max-width: 991px){ .btn.btn-promuzey-white-large{font-size: 18px;} } .btn.btn-primary.btn-promuzey, .btn.btn-secondary.btn-promuzey{border-radius: 12px;} .btn.btn-promuzey-orange{background: var(--orange-primary); border: 2px solid #F07B34; border-radius: 12px; color: var(--white-primary);} .btn.btn-promuzey-purple{background: #8e67c3; border: 2px solid #8e67c3; border-radius: 12px; color: var(--white-primary);} .lecture-selector .btn.btn-promuzey-purple{border-radius: 4px;} .btn.btn-primary.btn-whatsapp{position: relative; padding-left: 43px;} .btn.btn-primary.btn-whatsapp:after{position: absolute; left: 12px; top: 6px; content: ""; width: 24px; height: 25px; background-image: url(/upload/i/icon_whatsapp.svg); transition: all 200ms;} .btn.btn-primary.btn-whatsapp:active:after{filter: invert(100%); -webkit-filter: invert(100%);} .btn.btn-unavailable{opacity: 0.2;} .btn.btn-nav{padding: 8px; background-color: inherit; color: var(--primary); border: 2px solid var(--primary);} .btn.btn-nav:hover, .btn.btn-nav:active, .btn.btn-nav.active{border: 2px solid var(--primary); background-color: var(--primary); color: var(--white-primary);} .btn-close-modal{content: ''; width: 88px; height: 56px; border: none; border-radius: 16px; padding: 12px; background-color: var(--grey-secondary); background-image: url(/upload/i/icon_close.svg); background-repeat: no-repeat; background-position: center; background-size: 24px 24px; transition: all var(--transition);} .btn.btn-menu-primary{border: none; border-radius: 16px; padding: 22px 12px; background-color: var(--grey-secondary);} .btn.btn-menu-primary:active{background-color: var(--grey-tertiary);} .btn.btn-menu-secondary{display: flex; justify-content: center; align-items: center; gap: 8px; border: none; border-radius: 8px; padding: 16px; background-color: white; font-size: 14px;} .btn.btn-menu-secondary:active{background-color: white;} .btn.btn-menu-secondary img, .btn.btn-menu-secondary svg{width: 24px; height: auto;} .btn.btn-secondary-2025{display: flex; justify-content: center; align-items: center; gap: 8px; border: none; border-radius: 16px; padding: 16px; background-color: white; font-size: 14px;} .btn.btn-secondary-2025:active{background-color: white;} .btn.btn-secondary-2025 img, .btn.btn-secondary-2025 svg{width: 24px; height: auto;} .btn.btn-secondary-2025-l{display: flex; justify-content: center; align-items: center; gap: 8px; border: none; border-radius: 16px; padding: 20px 32px; background-color: white; font-size: 18px; line-height: 22px; color: var(--blue);} .btn.btn-secondary-2025-l:active{background-color: white; color: var(--blue);} .btn.btn-secondary-2025-l img, .btn.btn-secondary-2025-l svg{width: 24px; height: auto;} .btn-hint{margin-top: var(--margin-xs); font-size: 10px; color: var(--grey-dark); text-align: center;} @media(hover: hover){ .btn-close-modal:hover{background-color: var(--grey-tertiary);} .btn.btn-menu-primary:hover{background-color: var(--grey-tertiary);} .btn.btn-menu-secondary:hover, .btn.btn-secondary-2025:hover, .btn.btn-secondary-2025-l:hover{transform: translateY(-8px);} } .btn.btn-menu{position: relative; border-radius: 8px; border: none; padding: 16px 56px; display: flex; justify-content: center; align-items: center; gap: 8px; color: var(--white-primary); background-color: var(--primary); font-size: 14px; line-height: 18px;} .btn.btn-menu:hover, .btn.btn-menu:active{color: var(--white-primary); background-color: var(--primary);} .btn-menu__diodes{width: 14px; height: 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 2px;} .btn-menu__diodes > span{width: 6px; height: 6px; border-radius: 2px; color: #d9d9d9; background-color: currentColor; transition: all var(--transition);} .btn-menu__diodes > span:nth-child(1){color: #F07B34;} .btn-menu__diodes > span:nth-child(2){color: #946FC6;} .btn-menu__diodes:last-child{position: absolute; top: 0; left: 0;} .btn.btn-menu:hover .btn-menu__diodes:first-child > span{filter: drop-shadow(0 0 5px currentColor) drop-shadow(0 0 5px currentColor);} .copy-overlay{position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: flex; align-items: center; gap: 6px; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; color: inherit; font-weight: inherit; font-size: inherit; user-select: none; white-space: nowrap; z-index: 10;} .copy-overlay.center{left: 50%; transform: translate(-50%, -50%);} .copy-overlay.visible{opacity: 1; } .copy-original-hidden{opacity: 0 !important; transition: opacity 0.3s ease;} .btn.btn-menu-primary.phone-toggle{border-radius: 8px; padding: 13px;} @media(max-width: 991px){ .btn.btn-menu{padding: 15px 24px;} .btn.btn-secondary-2025-l{font-size: 16px; line-height: 19px; padding: 20px;} } .btn__inside{display: flex; min-width: max-content; align-items: center; justify-content: center; gap: 8px; transition: transform var(--transition) ease;} @media(hover: hover){ .btn:hover .btn__inside{transform: scale(0.95);} } .btn.btn--orange{border: none; border-radius: 12px; padding: 16px 32px; background: var(--orange-base); font-weight: 500; font-size: 18px; line-height: 28px; color: var(--white-primary); transition: all var(--transition) ease;} .btn.btn--orange:active{background: var(--orange-base); color: var(--white-primary);} .btn--orange .btn__inside{display: flex; min-width: max-content; align-items: center; justify-content: center; gap: 8px; transition: transform var(--transition) ease;} @media(max-width: 991.99px){ .btn.btn--orange{padding: 16px;} } @media(hover: hover){ .btn.btn--orange:hover, .btn.btn--orange:active{background: var(--orange-dark);} .btn.btn--orange:hover .btn__inside{transform: scale(0.95);} } .btn.btn--black{border: none; border-radius: 12px; padding: 16px 32px; background: var(--primary); font-weight: 500; font-size: 18px; line-height: 28px; color: var(--white-primary); transition: all var(--transition) ease;} .btn.btn--black:active{background: var(--primary); color: var(--white-primary);} @media(max-width: 991.99px){ .btn.btn--black{padding: 16px;} } @media(hover: hover){ .btn.btn--black:hover, .btn.btn--black:active{background: var(--primary);} } .btn.btn--exhibition {border: none; border-radius: 8px; padding: 8px 0; background: rgba(255, 255, 255, 0.24); font-weight: 350; font-size: 12px; letter-spacing: -0.02em; color: var(--white-primary); transition: all var(--transition) ease;} .btn.btn--exhibition:active {background: rgba(255, 255, 255, 0.24); color: var(--white-primary);} .btn--exhibition .btn__inside{display: flex; min-width: max-content; align-items: center; justify-content: center; gap: 8px; transition: transform var(--transition) ease;} @media(hover: hover){ .btn.btn--exhibition:hover .btn__inside{transform: scale(0.95);} } @media(max-width: 360px){ .btn-menu-diodes-wrapper{display: none;} } .btn-afisha {position: fixed; bottom: 8px; right: 8px; width: 155px; height: 44px; z-index: var(--z-fixed);} .btn-afisha img {width: 155px; height: 44px;} .btn-afisha-modal {all: unset; cursor: pointer; display: inline-block; border-radius: 100px; height: 44px; overflow: hidden;} .btn-afisha-modal img {width: 100%; height: 100%; object-fit: cover;} .invert-icon {transition: filter var(--transition) ease;} @media(hover: hover){ .btn:hover .invert-icon{filter: invert(1);} } .logo-yandex-yellow, .logo-yandex-afisha {height: 24px; width: auto;} button.exhibition-ticket {all: unset; cursor: pointer; display: block;} /*FORM*/ .form-required-text{display: inline-block; padding: 4px 8px; line-height: 18px; font-size: 14px; border-radius: 4px; border: 0; background: #F8F8F8; color: #000;} .form-check {display: block; min-height: 20px; padding-left: 30px; margin-bottom: 20px; font-size: 14px; color: #000;} .form-check-input {width: 20px; height: 20px; margin-top: 0;} .form-check .form-check-input { float: left; margin-left: -30px;} .form-check-input:checked { background-color: #fff; border-color: #000;} .form-check-input:checked[type=checkbox] {--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")} .form-check label{padding-top: 3px;} .form-control::placeholder{color: #C6C6C6;} .form-label{font-size: 10px; color: #000;} .form-control{padding: 20px 20px; line-height: 20px; font-size: 18px; border-radius: 4px; border: 0; background: #F8F8F8; color: #000; box-shadow: none;} .form-control:focus{background-color: #F8F8F8; color: #000; box-shadow: none;} .form-check__privacy{display: flex; gap: 12px; align-items: center;} .form-check__privacy .form-check-input{flex-shrink: 0;} .form-check__privacy .form-check-label{padding: 0;} @media(max-width: 991.99px){ .form-check__privacy{align-items: flex-start;} } .form-check-input__large{border: 2px solid var(--primary); border-radius: 4px; width: 28px; height: 28px;} /*MODAL*/ .exhibition-alert{position: fixed; width: 600px; bottom: 60px; left: 50%; transform: translateX(-50%); display: none; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px; padding: 20px 20px 30px 20px; border-radius: 36px; background: white; box-shadow: 0px 8px 36px 0px rgba(0, 0, 0, 0.24); z-index: 99; opacity: 0;} .exhibition-alert img{border-radius: 24px; width: 100%;} .exhibition-alert__text{font-size: 24px; text-align: center;} .exhibition-alert.show{display: flex; animation: fadeInAlert 0.5s forwards;} .exhibition-alert.hide{animation: fadeOutAlert 0.5s forwards;} .exhibition-alert.hidden{display: none;} @keyframes fadeInAlert { from {opacity: 0;} to {opacity: 1;} } @keyframes fadeOutAlert { from {opacity: 1;} to {opacity: 0;} } @media(max-width: 567px){ .exhibition-alert{width: calc(100% - 24px); gap: 30px; bottom: 30px; /*bottom: 50%; transform: translate(-50%, 50%);*/} .exhibition-alert__text{font-size: 18px;} } .modal-backdrop.show {opacity: 0.8;} .modal-content{/* color: #212529;*/ background-color: #fff; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: 36px;} .modal-header{padding: 40px 40px 8px; border: none;} .modal-title{font-size: 30px;} .modal-body{padding: 0px 40px 60px 40px;} .btn-close {--bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");} .modal-body.blog-article + .modal-footer{border-top: none;} @media(min-width: 991px){ .modal-footer{padding: 30px 45px;} .modal-body.blog-article + .modal-footer{padding: 0px 40px 40px;} } @media(max-width: 991px){ .modal-content{border-radius: 20px;} .modal-header{padding: 20px 20px 8px;} .modal-body{padding: 0px 20px 30px 20px;} } /*MENU_WINDOW*/ .fs-menu__body{padding: 32px 0;} .fs-menu .grid-2{gap: 40px;} .fs-menu .grid-4{gap: 20px;} .fs-menu nav a{position: relative; display: block; border-radius: 8px; padding: 16px; color: #376CB6; transition: all var(--transition);} .fs-menu nav a::after{position: absolute; display: block; width: 24px; height: 24px; top: 16px; right: 16px; content: ''; background-image: url(/upload/i/icon_arrow_right_blue.svg); background-repeat: no-repeat; background-position: center; background-size: 24px 24px; transition: opacity var(--transition); opacity: 0;} .fs-menu nav a:hover, .fs-menu nav a:active{text-decoration: none; background-color: var(--grey-secondary);} .fs-menu nav a:hover::after, .fs-menu nav a:active::after{opacity: 1;} .fs-menu .nav__new{border-radius: 20px; padding: 7px 10px; font-size: 10px; line-height: 10px; font-weight: 500; color: white; background: #F44336; margin-left: 10px; vertical-align: 2px;} .menu-shop{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;} .menu-shop-item{position: relative; border-radius: 8px; padding: 16px; background-color: white; transition: all var(--transition);} .menu-shop-item a:hover{text-decoration: none;} .menu-shop-item__souvenirs{width: 48px; height: auto;} .menu-shop-item__art{position: relative; display: flex; align-items: center;} .menu-shop-item__art div{position: relative; box-shadow: 0 0 0 2px white; border-radius: 8px; width: 48px; height: 48px; overflow: hidden;} .menu-shop-item__art div:not(:first-child){margin-left: -20px;} .menu-shop-item__art div:last-child::before{inset: 0; content: ''; position: absolute; backdrop-filter: blur(2px); background: rgba(0, 0, 0, .6); border-radius: 8px;} .menu-shop-item__art img{width: 100%; height: auto; object-fit: cover;} .menu-shop-item span{top: 50%; left: 50%; color: white; position: absolute; transform: translate(-50%, -50%); font-size: 14px;} .menu-tile{position: relative; border-radius: 16px; padding: 16px; background-color: var(--grey-secondary);} .menu-tile--promuzey{background-color: #F4ECFF;} .menu-tile__title{display: flex; align-items: center; gap: 8px; margin-bottom: var(--margin-m);} .menu-tile__title img{height: 24px; width: auto;} .menu-tile__nav{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} .menu-tile__nav a.btn.btn-menu-secondary{width: 100%;} .menu-tile__flex-icon{display: flex; flex-direction: column; gap: 8px; align-items: center;} .menu-tile__add{border-radius: 8px; padding: 12px; background: rgba(255, 255, 255, 0.48);} .menu-tile__num{position: absolute; display: flex; align-items: center; justify-content: center; top: -8px; right: -8px; width: fit-content; min-width: 24px; height: 24px; border-radius: 20px; box-shadow: 0px 2px 4px 0px rgba(198, 40, 40, 0.32); font-size: 14px; line-height: 18px; color: var(--white-primary); background: #F44336;} .menu-tile .ticker-wrap {width: calc(100% + 32px); margin: 0 -16px; overflow: hidden; white-space: nowrap;} .menu-tile .ticker{display: flex;} .menu-tile .ticker__items{display: inline-block; gap: 12px; animation: marquee 30s linear infinite;} .menu-tile .ticker__item{display: inline-block; margin-right: 12px; width: 48px; height: 48px; border-radius: 8px;} .menu-main-sections .menu-tile{height: 140px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--margin-xs); transition: all var(--transition);} .menu-main-sections .menu-tile a:hover{text-decoration: none;} .menu-tile--dali{background-color: #3D2B1F;} .menu-tile--dali a{display: flex; justify-content: center; width: 100%; height: 100%;} .menu-tile--dali img{max-width: 100%; max-height: 100%; object-fit: contain;} .menu-tile--sur {position: relative; background-color: #BC0303; color: var(--white-primary);} .menu-tile--sur img {width: auto; height: 32px;} .menu-tile--sur img:not(.menu-tile__left, .menu-tile__right) {z-index: 1;} .menu-tile--sur .menu-tile__left {position: absolute; left: 0; top: 0; height: 100%;} .menu-tile--sur .menu-tile__right {position: absolute; right: 0; top: 0; height: 100%;} .menu-tile--sur a {color: var(--white-primary);} .menu-tile--promuzey-main{background-color: #946FC6; color: var(--white-primary);} .menu-tile--promuzey-main img{width: 162px; height: auto;} .menu-tile--promuzey-main a{color: var(--white-primary);} .menu-main-sections .menu-tile--lecture{gap: var(--margin-s); background: radial-gradient(50.00% 50.00% at 50% 50%,rgb(242, 242, 242),rgb(200, 200, 200) 100%);} .menu-tile--order{color: #664A16; background: no-repeat center/cover url(/upload/fs-menu/menu_order_events_bg.png);} .menu-tile--order a{color: #664A16;} @media(hover: hover){ .menu-shop-item:hover, .menu-main-sections .menu-tile.menu-tile:hover{transform: translateY(-8px);} } @media(max-width: 1199px){ .fs-menu .grid-2, .fs-menu .grid-4{gap: 16px;} .menu-tile__nav, .menu-shop{gap: 8px;} .menu-tile__flex-icon span{font-size: 14px;} } @media(max-width: 991px){ .fs-menu .grid-2{grid-template-columns: 1fr; gap: 60px;} .menu-tile__nav{grid-template-columns: 1fr; gap: 10px;} .menu-shop{grid-template-columns: 1fr 1fr; gap: 10px;} .fs-menu .grid-4{grid-template-columns: 1fr 1fr; gap: 20px;} .menu-tile__flex-icon span{font-size: 18px;} .menu-main-sections .menu-tile{height: 160px;} .menu-tile .ticker__items{animation: marquee 25s linear infinite;} } @media(max-width: 575px){ .fs-menu .grid-4{grid-template-columns: 1fr;} } /*MARGIN-PADDING*/ .gap-8{gap: 8px !important;} .gap-16{gap: 16px !important;} .gap-24{gap: 24px !important;} .gap-32{gap: 32px !important;} .gap-48{gap: 48px !important;} .row-gap-8{row-gap: 8px !important;} .row-gap-16{row-gap: 16px !important;} .row-gap-24{row-gap: 24px !important;} .row-gap-32{row-gap: 32px !important;} .row-gap-48{row-gap: 48px !important;} .mt-8{margin-top: 8px !important;} .mt-16{margin-top: 16px !important;} .mt-24{margin-top: 24px !important;} .mt-32{margin-top: 32px !important;} .mt-48{margin-top: 48px !important;} .mt-64{margin-top: 64px !important;} .mt-80{margin-top: 80px !important;} .mt-120{margin-top: 120px !important;} .mb-8{margin-bottom: 8px !important;} .mb-16{margin-bottom: 16px !important;} .mb-24{margin-bottom: 24px !important;} .mb-32{margin-bottom: 32px !important;} .mb-48{margin-bottom: 48px !important;} .mb-64{margin-bottom: 64px !important;} .mb-80{margin-bottom: 80px !important;} .mb-120{margin-bottom: 120px !important;} .pt-8{padding-top: 8px !important;} .pt-16{padding-top: 16px !important;} .pt-24{padding-top: 24px !important;} .pt-32{padding-top: 32px !important;} .pt-48{padding-top: 48px !important;} .pt-64{padding-top: 64px !important;} .pt-80{padding-top: 80px !important;} .pt-120{padding-top: 120px !important;} .pb-8{padding-bottom: 8px !important;} .pb-16{padding-bottom: 16px !important;} .pb-24{padding-bottom: 24px !important;} .pb-32{padding-bottom: 32px !important;} .pb-48{padding-bottom: 48px !important;} .pb-64{padding-bottom: 64px !important;} .pb-80{padding-bottom: 80px !important;} .pb-120{padding-bottom: 120px !important;} @media(min-width: 992px){ .mt-lg-8{margin-top: 8px !important;} .mt-lg-16{margin-top: 16px !important;} .mt-lg-24{margin-top: 24px !important;} .mt-lg-32{margin-top: 32px !important;} .mt-lg-48{margin-top: 48px !important;} .mt-lg-64{margin-top: 64px !important;} .mt-lg-80{margin-top: 80px !important;} .mt-lg-120{margin-top: 120px !important;} .mb-lg-8{margin-bottom: 8px !important;} .mb-lg-16{margin-bottom: 16px !important;} .mb-lg-24{margin-bottom: 24px !important;} .mb-lg-32{margin-bottom: 32px !important;} .mb-lg-48{margin-bottom: 48px !important;} .mb-lg-64{margin-bottom: 64px !important;} .mb-lg-80{margin-bottom: 80px !important;} .mb-lg-120{margin-bottom: 120px !important;} .pt-lg-8{padding-top: 8px !important;} .pt-lg-16{padding-top: 16px !important;} .pt-lg-24{padding-top: 24px !important;} .pt-lg-32{padding-top: 32px !important;} .pt-lg-48{padding-top: 48px !important;} .pt-lg-64{padding-top: 64px !important;} .pt-lg-80{padding-top: 80px !important;} .pt-lg-120{padding-top: 120px !important;} .pb-lg-8{padding-bottom: 8px !important;} .pb-lg-16{padding-bottom: 16px !important;} .pb-lg-24{padding-bottom: 24px !important;} .pb-lg-32{padding-bottom: 32px !important;} .pb-lg-48{padding-bottom: 48px !important;} .pb-lg-64{padding-bottom: 64px !important;} .pb-lg-80{padding-bottom: 80px !important;} .pb-lg-120{padding-bottom: 120px !important;} } /*deprecated styles*/ .gap-xs{gap: var(--margin-xs) !important;} .gap-s{gap: var(--margin-s) !important;} .gap-m{gap: var(--margin-m) !important;} .gap-l{gap: var(--margin-l) !important;} .gap-xl{gap: var(--margin-xl) !important;} .lvl-mt-1, .mt-xs{margin-top: var(--margin-xs) !important;} .lvl-mt-2, .mt-s{margin-top: var(--margin-s) !important;} .lvl-mt-3, .mt-m{margin-top: var(--margin-m) !important;} .lvl-mt-4, .mt-l{margin-top: var(--margin-l) !important;} .lvl-mt-5, .mt-xl{margin-top: var(--margin-xl) !important;} .lvl-mb-1, .mb-xs{margin-bottom: var(--margin-xs) !important;} .lvl-mb-2, .mb-s{margin-bottom: var(--margin-s) !important;} .lvl-mb-3, .mb-m{margin-bottom: var(--margin-m) !important;} .lvl-mb-4, .mb-l{margin-bottom: var(--margin-l) !important;} .lvl-mb-5, .mb-xl{margin-bottom: var(--margin-xl) !important;} .lvl-pt-1, .pt-xs{padding-top: var(--margin-xs) !important;} .lvl-pt-2, .pt-s{padding-top: var(--margin-s) !important;} .lvl-pt-3, .pt-m{padding-top: var(--margin-m) !important;} .lvl-pt-4, .pt-l{padding-top: var(--margin-l) !important;} .lvl-pt-5, .pt-xl{padding-top: var(--margin-xl) !important;} .lvl-pb-1, .pb-xs{padding-bottom: var(--margin-xs) !important;} .lvl-pb-2, .pb-s{padding-bottom: var(--margin-s) !important;} .lvl-pb-3, .pb-m{padding-bottom: var(--margin-m) !important;} .lvl-pb-4, .pb-l{padding-bottom: var(--margin-l) !important;} .lvl-pb-5, .pb-xl{padding-bottom: var(--margin-xl) !important;} @media(min-width: 992px){ .mt-lg-xs{margin-top: var(--margin-xs) !important;} .mt-lg-s{margin-top: var(--margin-s) !important;} .mt-lg-m{margin-top: var(--margin-m) !important;} .mt-lg-l{margin-top: var(--margin-l) !important;} .mt-lg-xl{margin-top: var(--margin-xl) !important;} .mt-lg-0{margin-top: 0 !important;} .mb-lg-xs{margin-bottom: var(--margin-xs) !important;} .mb-lg-s{margin-bottom: var(--margin-s) !important;} .mb-lg-m{margin-bottom: var(--margin-m) !important;} .mb-lg-l{margin-bottom: var(--margin-l) !important;} .mb-lg-xl{margin-bottom: var(--margin-xl) !important;} .mb-lg-0{margin-bottom: 0 !important;} .pt-lg-xs{padding-top: var(--margin-xs) !important;} .pt-lg-s{padding-top: var(--margin-s) !important;} .pt-lg-m{padding-top: var(--margin-m) !important;} .pt-lg-l{padding-top: var(--margin-l) !important;} .pt-lg-xl{padding-top: var(--margin-xl) !important;} .pt-lg-0{padding-top: 0 !important;} .pb-lg-xs{padding-bottom: var(--margin-xs) !important;} .pb-lg-s{padding-bottom: var(--margin-s) !important;} .pb-lg-m{padding-bottom: var(--margin-m) !important;} .pb-lg-l{padding-bottom: var(--margin-l) !important;} .pb-lg-xl{padding-bottom: var(--margin-xl) !important;} .pb-lg-0{padding-bottom: 0 !important;} } .lvl-mt-16{margin-top: 16px;} .lvl-mb-24{margin-bottom: 24px;} .lvl-mb-30{margin-bottom: 30px;} .lvl-mb-xs{margin-bottom: var(--margin-xs);} .lvl-margin-small, .lvl-mb-s{margin-bottom: var(--margin-s);} .lvl-margin, .lvl-mb-m{margin-bottom: var(--margin-m);} .lvl-margin-big, .lvl-mb-l{margin-bottom: var(--margin-l);} .lvl-margin-large, .lvl-mb-xl{margin-bottom: var(--margin-xl);} .lvl-mt-xs{margin-top: var(--margin-xs);} .lvl-mt-s{margin-top: var(--margin-s);} .lvl-mt-m{margin-top: var(--margin-m);} .lvl-mt-l{margin-top: var(--margin-l);} .lvl-mt-xl{margin-top: var(--margin-xl);} .lvl-ml-s{margin-left: var(--margin-s);} .lvl-pt-m{padding-top: var(--margin-m);} .lvl-pb-m{padding-bottom: var(--margin-m);} /*HEADER*/ header{height: 82px;} .header{position: relative; z-index: 1; pointer-events: none;} .header-fixed{position: fixed; left:0; top: 0; right: 0; z-index: 1030;} .header-hidden{transform: translateY(-100%); /*opacity: 0;*/} .header-smooth{transition: transform 300ms/*, opacity 300ms*/;} .header-bar{border-radius: 24px; margin-top: 16px; padding: 8px; display: flex; gap: 8px; align-items: center; width: 100%; pointer-events: all; backdrop-filter: blur(24px); background: rgba(238, 238, 238, 0.64);} .header-bar__logo{display: block; margin-right: auto; height: 50px; border-radius: 16px; padding: 12px; text-decoration: none; transition: all var(--transition);} .header-bar__logo img{height: 100%;} .header-bar__contacts{flex-shrink: 0; border-radius: 16px; width: 60px; height: 50px; display: flex; align-items: center; justify-content: center; color: var(--primary); background: rgba(255, 255, 255, 0.32); transition: all var(--transition);} .header-bar__contacts svg path{vector-effect: non-scaling-stroke;} .header-bar .btn.btn-menu{border-radius: 16px; padding: 16px 24px;} @media(hover: hover){ .header-bar__logo:hover{background: rgba(255, 255, 255, 0.32);} .header-bar__contacts{width: 50px;} .header-bar__contacts:hover{background: rgba(255, 255, 255, 0.64);} } /*FOOTER*/ footer{padding-top: var(--margin-m); padding-bottom: var(--margin-m); border-top: 1px solid var(--grey-secondary); background: var(--white-primary);} footer hr{border: 2px solid var(--grey-secondary); margin-top: var(--margin-m); margin-bottom: var(--margin-m);} footer ul{margin-bottom: 0;} .info-card{font-size: var(--font-xs);} .info-card p{margin-bottom: 22px;} .info-card li{margin-bottom: 12px;} .footer-card{font-size: var(--font-s);} .footer-card p, .footer-card>svg{margin-bottom: 20px;} .footer-card svg{fill: var(--grey-primary);} @media (max-width: 991px){ .info-card{margin-bottom: 40px;} .info-card p{margin-bottom: 12px;} .footer-card{margin-bottom: 40px;} } #cookies-pad{margin-top: auto; background: var(--white-primary); padding: 20px 0; display: none;} /*DESIGN_ELEMENTS*/ .tile-s, .tile-m, .tile-l{--tile-radius: 32px; --tile-bg: var(--grey-secondary); border-radius: var(--tile-radius); padding: var(--tile-padding); background: var(--tile-bg);} .tile-l{--tile-padding: 32px;} .tile-m{--tile-padding: 24px;} .tile-s{--tile-padding: 16px;} .tile-radius-m {--tile-radius: 24px;} .tile-radius-s {--tile-radius: 16px;} @media(max-width: 991.99px){ .tile-s, .tile-m, .tile-l{--tile-radius: 24px; --tile-padding: 16px;} .tile-radius-s {--tile-radius: 16px;} } .tile--blur{backdrop-filter: blur(48px); background: rgba(238, 238, 238, 0.64);} .tile__img{border-radius: 16px; width: 100%; height: auto;} .tile{--tile-radius: 36px; --tile-padding: 40px; --tile-bg: white; border-radius: var(--tile-radius); padding: var(--tile-padding); background: var(--tile-bg);} .tile--grey{--tile-bg: var(--grey-secondary);} .tile--promuzey{--tile-bg: var(--promuzey);} .tile--ticket {--tile-radius: 24px;} .tile--white{--tile-bg: white;} .tile--inside{--tile-radius: 16px; --tile-padding: 20px;} .tile__title{display: flex; gap: 20px; flex-wrap: nowrap; font-size: 36px;} .tile__title img{height: 40px; width: auto;} .tile-card{--tile-card-radius: 36px; --tile-card-padding: 32px; --tile-card-bg: white; border-radius: var(--tile-card-radius); padding: var(--tile-card-padding); background: var(--tile-card-bg);} @media(max-width: 991px){ .tile{--tile-radius: 24px; --tile-padding: 20px;} .tile__title{gap: 16px; font-size: 24px;} .tile__title img{height: 32px;} .tile--link{--tile-radius: 36px; --tile-padding: 30px;} } .icon-link{position: relative; display: inline-block; padding: 0 0 0 1.3em; text-decoration: none;} .icon-link--right{padding: 0 1.5em 0 0;} .icon-link--none{padding: 0;} .icon-link::before{content: ''; display: block; position: absolute; top: .15em; left: 0; width: 100%; height: 1em;} .icon-link--right::before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .icon-link.address{padding: 0 0 0 26px;} .icon-link.address::before{top: -2px; width: 16px; height: 20px; background: url(/upload/pages/geo-icon.png) left center / contain no-repeat;} .icon-link.address--black::before{top: -2px; width: 16px; height: 20px; background: url(/bitrix/templates/pirate/i/geo-icon-black.svg) left center / contain no-repeat;} .icon-link.cart::before{background: url(/bitrix/templates/pirate/i/cart.svg) left center / contain no-repeat;} .icon-link.call::before{background: url(/bitrix/templates/pirate/i/phone.svg) left center / contain no-repeat;} .icon-link.media::before{background: url(/bitrix/templates/pirate/i/media.svg) left center / contain no-repeat;} .icon-link.media-white::before{background: url(/bitrix/templates/pirate/i/media-white.svg) left center / contain no-repeat;} .icon-link.about::before{background: url(/bitrix/templates/pirate/i/about.svg) left center / contain no-repeat;} .icon-link.about-white::before{background: url(/bitrix/templates/pirate/i/about-white.svg) left center / contain no-repeat;} .icon-link.calendar::before{background: url(/bitrix/templates/pirate/i/calendar.svg) left center / contain no-repeat;} .icon-link.watch::before{background: url(/bitrix/templates/pirate/i/watch.svg) left center / contain no-repeat;} .icon-link--right.arrow-long-right::before{background: url(/bitrix/templates/pirate/i/arrow-long-right.svg) right center / contain no-repeat;} .top-icon{position: relative; display: inline-block; padding: 56px 0 0 0; text-decoration: none;} .top-icon::before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 36px;} .top-icon--header{padding-top: 44px;} .top-icon--header::before{height: 24px;} .top-icon.organization::before{background: url(/bitrix/templates/pirate/i/organization.svg) left center / contain no-repeat;} .top-icon.address::before{background: url(/bitrix/templates/pirate/i/address.svg) left center / contain no-repeat;} .top-icon.phone::before{background: url(/bitrix/templates/pirate/i/phone.svg) left center / contain no-repeat;} .top-icon.mail::before{background: url(/bitrix/templates/pirate/i/mail.svg) left center / contain no-repeat;} .top-icon.shop::before{background: url(/bitrix/templates/pirate/i/shop.svg) left center / contain no-repeat;} .top-icon.reviews::before{background: url(/bitrix/templates/pirate/i/reviews.svg) left center / contain no-repeat;} .top-icon.about::before{background: url(/bitrix/templates/pirate/i/about.svg) left center / contain no-repeat;} .top-icon.buyers::before{background: url(/bitrix/templates/pirate/i/buyers.svg) left center / contain no-repeat;} .top-icon.digits1::before{background: url(/bitrix/templates/pirate/i/digits1.svg) left center / contain no-repeat;} .top-icon.digits2::before{background: url(/bitrix/templates/pirate/i/digits2.svg) left center / contain no-repeat;} .top-icon.digits3::before{background: url(/bitrix/templates/pirate/i/digits3.svg) left center / contain no-repeat;} .top-icon.digits4::before{background: url(/bitrix/templates/pirate/i/digits4.svg) left center / contain no-repeat;} .top-icon.digits5::before{background: url(/bitrix/templates/pirate/i/digits5.svg) left center / contain no-repeat;} .top-icon.digits6::before{background: url(/bitrix/templates/pirate/i/digits6.svg) left center / contain no-repeat;} .top-icon.digits7::before{background: url(/bitrix/templates/pirate/i/digits7.svg) left center / contain no-repeat;} .top-icon.digits8::before{background: url(/bitrix/templates/pirate/i/digits8.svg) left center / contain no-repeat;} .top-icon.digits9::before{background: url(/bitrix/templates/pirate/i/digits6.svg) right center / contain no-repeat; transform: rotate(180deg);} .top-icon.digits10::before{background: url(/bitrix/templates/pirate/i/digits10.svg) left center / contain no-repeat;} .top-icon.old::before{background: url(/bitrix/templates/pirate/i/old.svg) left center / contain no-repeat;} .top-icon.stud::before{background: url(/bitrix/templates/pirate/i/stud.svg) left center / contain no-repeat;} .top-icon.dom::before{background: url(/bitrix/templates/pirate/i/dom.svg) left center / contain no-repeat;} .top-icon.inv2::before{background: url(/bitrix/templates/pirate/i/inv2.svg) left center / contain no-repeat;} .top-icon.sup::before{background: url(/bitrix/templates/pirate/i/sup.svg) left center / contain no-repeat;} .top-icon.inv::before{background: url(/bitrix/templates/pirate/i/inv.svg) left center / contain no-repeat;} .top-icon.army::before{background: url(/bitrix/templates/pirate/i/army.svg) left center / contain no-repeat;} .top-icon.tasting::before{background: url(/bitrix/templates/pirate/i/tasting.svg) left center / contain no-repeat;} .top-icon.children::before{background: url(/bitrix/templates/pirate/i/children.svg) left center / contain no-repeat;} .top-icon.author::before{background: url(/bitrix/templates/pirate/i/author.svg) left center / contain no-repeat;} .top-icon.museum::before{background: url(/bitrix/templates/pirate/i/museum.svg) left center / contain no-repeat;} .top-icon.exhibition::before{background: url(/bitrix/templates/pirate/i/exhibition.svg) left center / contain no-repeat;} .top-icon.column::before{background: url(/bitrix/templates/pirate/i/column.svg) left center / contain no-repeat;} .top-icon.podhod::before{background: url(/bitrix/templates/pirate/i/podhod.svg) left center / contain no-repeat;} .top-icon.ploshad::before{background: url(/bitrix/templates/pirate/i/ploshad.svg) left center / contain no-repeat;} .top-icon.ticket-1::before{background: url(/bitrix/templates/pirate/i/ticket-1.svg) left center / contain no-repeat;} .top-icon.ticket-2::before{background: url(/bitrix/templates/pirate/i/ticket-2.svg) left center / contain no-repeat;} .top-icon.ticket-3::before{background: url(/bitrix/templates/pirate/i/ticket-3.svg) left center / contain no-repeat;} .top-icon.cloud::before{background: url(/bitrix/templates/pirate/i/cloud.svg) left center / contain no-repeat; width: 36px;} .top-icon.arc::before{background: url(/bitrix/templates/pirate/i/arc.svg) left center / contain no-repeat; width: 36px;} .top-icon.diamond::before{background: url(/bitrix/templates/pirate/i/diamond.svg) left center / contain no-repeat; width: 36px;} .top-icon.flower::before{background: url(/bitrix/templates/pirate/i/flower.svg) left center / contain no-repeat; width: 36px;} .top-icon.flowerfat::before{background: url(/bitrix/templates/pirate/i/flowerfat.svg) left center / contain no-repeat; width: 36px;} .top-icon.leave::before{background: url(/bitrix/templates/pirate/i/leave.svg) left center / contain no-repeat; width: 36px;} @media (max-width: 991px){ .icon-link--lg-left{padding: 50px 0 0 0;} .icon-link--lg-left:before{top: 0; left: 0; width: 100%; height: 36px;} } /*WINDOWS*/ /*EFFECTS*/ .ticker-wrap {width: 100%; margin: 0 auto; overflow: hidden; white-space: nowrap;} .ticker{display: flex;} .ticker__items{animation: marquee 15s linear infinite; flex-shrink: 0; will-change: transform;} .ticker__item{display: inline-block;} @keyframes marquee { 0% {transform: translateX(0)} 100% {transform: translateX(-100%)} } /*COMPONENTS*/ .img-square {aspect-ratio: 1 / 1; object-fit: cover;} .img-rnd{border-radius: 36px; width: 100%;} @media(max-width: 991.99px){ .img-rnd{border-radius: 24px;} } .tag-flex{display: flex; align-items: flex-start; align-content: flex-start; gap: 6px; flex-wrap: wrap; font-size: var(--font-xs);} .tag-flex li{border-radius: 13px; background: rgba(255,255,255, 0.5); padding: 4px 10px;} .tag-flex li p{margin-bottom: 0;} .tag-flex.tag-flex--big{font-size: var(--font-s);} .tag-flex.tag-flex--big li{border-radius: 18px; background: var(--grey-primary);} .tag-flex.tag-flex--date li{background: #FF8940;} .button-flex{display: flex; align-items: center; gap: 14px; align-self: stretch; flex-wrap: wrap;} .button-grid{display: grid; gap: 14px; grid-template-columns: 1fr 1fr;} .image-holder{border-radius: 24px; aspect-ratio: 1 / 1; position: relative; overflow: hidden;} .image-holder img{width: 100%; object-fit: cover; aspect-ratio: 1 / 1; position: absolute;} .banner{border-radius: 36px; border: none; background: var(--white-primary); align-items: center; display: grid;} .banner img{border-radius: 24px;} .banner--primary img, .banner--secondary img{aspect-ratio: 1 / 1; object-fit: cover;} .banner--primary .tag-flex{margin-bottom: 30px;} .banner--primary .button-flex{margin-top: 58px;} .banner--primary__title{font-size: 48px; margin-bottom: 24px;} .banner--secondary{height: 100%; align-items: center; color: var(--white-primary); font-size: var(--font-s);} .banner--secondary .tag-flex{color: var(--primary); margin-bottom: 14px;} .banner--secondary .button-flex{margin-top: 14px;} .banner--secondary__title{font-size: 24px; margin-bottom: 14px;} .banner__overlay{background: linear-gradient(270deg, rgba(0, 0, 0, 0.30) 23.28%, rgba(0, 0, 0, 0.00) 72.89%); padding: 20px 20px 20px 40px; border-radius: 36px; height: 100%; display: grid; align-items: center;} .banner--social{display: grid; grid-template-columns: 1fr repeat(3, auto); column-gap: 10px; align-items: center; padding: var(--margin-m);} .banner--orange{background: #FFBB90;} .banner--final{padding: 20px 20px 40px 20px;} .banner--final__wrapper{padding: 30px 20px 0;} .banner--final__title{font-size: 48px;} .banner--text{padding: 40px;} .banner--text.grey{background: var(--grey-secondary);} .banner--text.font-xs{padding: 10px; border-radius: 12px;} .card{padding: 20px 20px 40px 20px; height: 100%; border-radius: 36px; border: none; background: var(--white-primary); font-size: 14px;} .card img{margin-bottom: 20px; border-radius: 24px; aspect-ratio: 4 / 3; object-fit: cover;} .card .tag-flex{margin-bottom: 10px;} .card .tag-flex li{color: var(--grey-dark); background: var(--grey-secondary);} .card__title{font-size: 24px; margin-bottom: 10px;} .card__info{margin-bottom: 10px; color: var(--grey-dark);} .lecture-card{container-type: inline-size; padding-bottom: 20px;} .lecture-card--unavailable{opacity: 0.35;} .lecture-card .card__info{margin-bottom: 30px;} .card__dates{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: auto;} @container(width < 376px){ .card__dates{grid-template-columns: repeat(2, 1fr);} } .card__dates > div{position: relative; padding: 5px 10px 5px 21px; border-radius: 10px; background: var(--background);} .card__dates > div:after{position: absolute; top: 11px; left: 10px; border-radius: 50%; width: 6px; height: 6px; content: ''; background: #FBDF00;} .card.project-counter:hover .btn{border: 2px solid var(--grey-secondary); background-color: var(--grey-secondary); color: var(--primary); text-decoration: none;} .card--review{padding: 20px;} .card--review__author{display: flex; gap: 20px; margin-top: auto;} .card--review__author img, .owl-carousel .owl-item .card--review__author img{width: 100px; aspect-ratio: 1 / 1; object-fit: cover; margin-bottom: 0;} .img-banner{border-radius: 36px;} .img-banner.four-three{aspect-ratio: 4 / 3; object-fit: cover;} .img-banner.golden-ratio{width: 100%; aspect-ratio: 16 / 10; object-fit: cover;} .faq .h2{margin-bottom: 30px;} .faq__items-wrapper{border-bottom: 2px solid var(--primary); transition: all 200ms;} .faq__item{border-top: 2px solid var(--primary); padding: var(--margin-m) 0;} .faq__question{font-size: 24px; display: flex; align-self: stretch; align-items: center; position: relative;} .faq__question a{text-decoration: none; flex: 1 0 0;} a[aria-expanded=true]~svg{transform: rotate(180deg);} .faq__answer{padding-top: 30px;} .collections-menu img{border-radius: 24px; aspect-ratio: 4 / 3; object-fit: cover;} a.nav-link, a.nav-link:visited, a.nav-link:hover, a.nav-link:focus, a.nav-link:active{text-decoration: none; color: var(--primary);} a.nav-link.active{font-weight: 350; color: var(--primary);} .nav-underline{row-gap: 0;} .kinescope-wrapper{position: relative; width: 100%; padding-top: 56.25%; overflow: hidden;} .kinescope-wrapper{border-radius: 32px;} @media (max-width: 991.99px){ .kinescope-wrapper{border-radius: 24px;} .button-grid{grid-template-columns: 1fr;} .image-holder{width: 100%; margin-bottom: 20px;} .image-holder img{width: 100%;} .banner--final, .banner--social, .banner__overlay{padding: 20px 20px 30px;} .banner--text{padding: 30px 20px;} .banner--primary img, .banner--secondary img{margin-bottom: 20px;} .banner--primary .button-flex{margin-top: 38px;} .banner--primary__title{font-size: 24px; margin-bottom: 14px;} .banner__overlay{background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 21.23%, rgba(0, 0, 0, 0.00) 68%);} .banner--secondary .button-flex{margin-top: 28px;} .banner--social{grid-template-columns: 1fr;} .banner--social .btn{margin-bottom: 10px;} .banner--final__wrapper{padding: 20px 0 0;} .banner--final__title{font-size: 30px;} .faq__answer{padding-top: 20px;} .owl-theme{grid-template-columns: 1fr; grid-template-areas: "owl-stage-outer" "owl-dots";} .owl-theme .owl-dots{justify-content: center;} } /*SWIPER*/ .slider__controls{display: flex; width: 100%; max-width: 100%; padding-top: var(--margin-s); justify-content: space-between;} .slider__nav > div{position: unset; width: 46px; height: 46px; margin: 0; border-radius: 10px;} .slider__pag{position: relative; width: 110px; height: 14px;} .swiper-button-prev, .swiper-button-next{transition: all var(--transition);} .swiper-button-prev:after, .swiper-button-next:after{content: ''; width: 10px; height: 16px; background-position: center;} .swiper-button-prev:after{background-image: url(/upload/i/icon-arrow-left.svg);} .swiper-button-next:after{background-image: url(/upload/i/icon-arrow-right.svg);} .swiper-button-prev:hover, .swiper-button-next:hover{background-color: white;} .swiper{ --swiper-pagination-bullet-size: 14px; --swiper-pagination-top: 16px; --swiper-pagination-bottom: auto; --swiper-pagination-color: var(--primary); --swiper-pagination-bullet-inactive-color: var(--grey-primary); --swiper-pagination-bullet-inactive-opacity: 1; } .slider__controls:has(.swiper-button-lock), .slider__controls:has(.swiper-pagination-lock) {display: none !important;} .swiper-slide.card{height: auto; display: flex;} @media(max-width: 991px){ .slider__controls{justify-content: center;} .swiper{ --swiper-pagination-top: 0; } } .slider-edge-nav{ --swiper-pagination-bullet-size: 14px; --swiper-pagination-top: 16px; --swiper-pagination-bottom: auto; --swiper-pagination-color: var(--primary); --swiper-pagination-bullet-inactive-color: var(--grey-primary); --swiper-pagination-bullet-inactive-opacity: 1; } .slider-edge-nav img{border-radius: 36px; aspect-ratio: 8 / 5; object-fit: cover;} .slider-edge-nav__pag-wrapper{margin-top: var(--margin-s); width: 100%; position: relative; height: 14px;} .slider-edge-nav__btn{width: 46px; height: 46px; border-radius: 10px; background-color: white;} @media(min-width: 992px){ .slider-edge-nav__pag-wrapper{height: 30px;} .slider-edge-nav .swiper{border-radius: 36px;} .slider-edge-nav img{border-radius: 0;} .slider-edge-nav img:first-child{border-radius: 36px 0 0 36px;} .slider-edge-nav img:last-child{border-radius: 0 36px 36px 0;} } @media(max-width: 575px){ .slider-edge-nav{margin-left: -12px; margin-right: -12px;} .slider-edge-nav .swiper{padding-left: 12px; padding-right: 12px;} } @media(max-width: 991px){ .slider-edge-nav{--swiper-pagination-top: 0;} .slider-edge-nav__btn{display: none;} } .slider__btn{border: none; border-radius: 16px; padding: 12px 24px; color: var(--primary); backdrop-filter: blur(32px); background: var(--grey-secondary); transition: all var(--transition);} .slider__btn:active{background:var(--grey-secondary);} .slider__btn.swiper-button-disabled{opacity: 0.35;} @media(hover: hover){ .slider__btn:hover:not(.swiper-button-disabled), .slider__btn:active:not(.swiper-button-disabled){background: #e4e4e4;} } /*INDEX*/ .exhibition-sur-block {padding-left: 40px; padding-right: 40px;} .exhibition-sur-block__link {display: block; border-radius: 36px;} .exhibition-sur-block__link:focus-visible {outline: none;} @media(max-width: 991px){ .exhibition-sur-block {padding-left: 12px; padding-right: 12px;} .exhibition-sur-block__link {border-radius: 24px;} } .dali-mp-banner{border-radius: 36px; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--margin-m); align-items: center; overflow: hidden; background: #fff; box-shadow: 0px 4px 16px 0px rgba(16, 16, 16, 0.04),0px 2px 2px 0px rgba(16, 16, 16, 0.08);} .dali-mp-banner img{width: 100%;} .dali-mp-banner__info{text-align: center;} .dali-mp-banner__info .tag-flex{margin-bottom: 30px; justify-content: center;} .dali-mp-banner__info .tag-flex li{background: #FFBB91;} .dali-mp-banner__btn-grid{margin-top: 60px; margin-bottom: 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px;} .dali-mp-banner__btn-grid .btn{width: 100%;} @media(max-width: 1199px){ .dali-mp-banner{grid-template-columns: 1fr 345px 1fr;} } @media(max-width: 991px){ .dali-mp-banner{padding: 0 20px; grid-template-columns: 1fr;} .dali-mp-banner__btn-grid{margin-top: 40px; grid-template-columns: 1fr;} } .mp-tile-dali{--tile-radius: 36px; --tile-padding: 32px; --tile-bg: var(--white-primary); border-radius: var(--tile-radius); padding: var(--tile-padding); box-shadow: 0 4px 16px 0 rgba(16, 16, 16, 0.04), 0 2px 2px 0 rgba(16, 16, 16, 0.08); background: var(--tile-bg);} .mp-head-small{width: 32px;} @media(max-width: 991.99px){ .mp-tile-dali{--tile-radius: 24px; --tile-padding: 16px;} .mp-tile-dali h2.h1{font-size: 30px;} .mp-head-small{height: 33px; width: auto;} } /*CONTACTS*/ .contacts-form{background: var(--white-primary); border-radius: 36px; border: none; /*padding: 60px 40px; max-width: 600px; margin: auto;*/} .contacts-form--contacts-page{padding: 40px;} .contacts-form--contacts-page .form-check-label{text-align: start;} .contacts-form--contacts-page .form-control{font-size: 14px;} .contacts-form--contacts-page #form-consultation-contacts-btn{width: 100%;} .contacts-btn-grid{display: grid; gap: 20px;} .contacts-btn-grid .btn{width: 100%;} .contacts-director{display: flex; flex-wrap: nowrap; gap: 30px; align-items: center;} .contacts-director img{border-radius: 8px; width: 100px; height: 100px; object-fit: cover;} .contacts-social{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} .contacts-social .btn{width: 100%;} .contacts-departments{display: grid; gap: var(--margin-s);} .contacts-departments .btn{width: 100%;} .contacts-map iframe{border-radius: 36px;} .contacts-building-img{width: 100%; height: auto; border-radius: 36px; object-fit: cover;} @media(max-width: 991px){ .contacts-form--contacts-page{border-radius: 24px; padding: 20px;} .contacts-director{gap: 20px;} .contacts-director img{width: 68px; height: 68px;} .contacts-social{grid-template-columns: 1fr;} .contacts-map iframe{border-radius: 24px; height: 320px;} .contacts-building-img{border-radius: 24px; aspect-ratio: 1 / 1;} .contacts-departments div:nth-child(odd):not(:first-child){margin-top: 40px;} } @media(min-width: 992px){ .contacts-btn-grid, .contacts-departments{grid-template-columns: 1fr 1fr;} .contacts-departments{gap: var(--margin-m);} } /*TICKETS*/ .ticket{padding: 20px 20px 20px 40px; background: var(--orange-primary); border-radius: 36px; border: none; align-items: center; display: grid; height: 100%; grid-template-columns: 6fr minmax(150px, 4fr);} .ticket img{border-radius: 24px; width: 100%; aspect-ratio: 1 / 1; object-fit: cover;} .ticket p{margin-bottom: var(--margin-s);} @media (max-width: 991px){ .ticket{padding: 30px 20px 20px; grid-template-columns: 1fr;} } /*PAGE 404*/ .page-404{margin: 15vh auto 10vh; text-align: center; max-width: 500px;} /*LECTIONS*/ .lections .tag-flex{font-size: var(--font-s);} .lections .tag-flex li{border-radius: 18px;} .lections .tag-flex li{background: var(--grey-primary);} .lections .tag-flex--date li{background: #FF8940;} .lections .lector{display: grid; row-gap: 24px; column-gap: 20px; grid-template-columns: 200px auto;} .lections .lector img{border-radius: 24px; max-width: 200px;} .event-ticket-wrapper{display: flex; flex-wrap: wrap; gap: var(--margin-s); align-items: center; text-align: center;} @media (max-width: 991px){ .event-ticket-wrapper{justify-content: center;} .lections .lector{grid-template-columns: 1fr;} } .lecture-gallery a:focus-visible{border: none; outline: none;} .lecture-gallery img{border-radius: 36px; width: 100%; aspect-ratio: 4 / 3; object-fit: cover;} @media(max-width: 575px){ .lecture-gallery{padding-left: 12px; padding-right: 12px; margin-left: -12px; margin-right: -12px;} } /*CONTACTS BLOCK*/ .contacts-ymap iframe{border-radius: 16px; filter: grayscale(100%);} @media (max-width: 991.99px){ .contacts-ymap iframe{height: 300px; pointer-events: none;} } .contacts-block .two-card-grid{row-gap: var(--margin-m);} .contacts-block .map{filter: grayscale(100%);} .contacts-block .map iframe{border-radius: 24px;} .contacts-block .tag-flex{margin-bottom: 12px; font-size: var(--font-s);} .contacts-block .tag-flex li.metro-line{border-radius: 50%; width: 25px; height: 25px; color: var(--white-primary); display: flex; align-items: center; justify-content: center;} .contacts-block .tag-flex li.metro-line--red{background: #D62E20;} .contacts-block .tag-flex li.metro-line--blue{background: #2962AA;} .contacts-block .tag-flex li.metro-line--brown{background: #863113;} .contacts-block .tag-flex li.metro-line--orange{background: #e1590d;} .contacts-block .tag-flex li.metro-line--green{background: #48b85e;} .contacts-block .tag-flex li.metro-line--light-blue{background: #00c1f3;} .contacts-block .tag-flex li.metro-line--grey{background: #adabac;} .contacts-block .tag-flex li.metro-line--purple{background: #8e479b;} @media (max-width: 991px){ .contacts-block .map iframe{pointer-events: none;} } /*VISITORS*/ .visitors .three-card-grid{row-gap: var(--margin-m);} /*DALI&PICASSO*/ .dali-video{border-radius: 24px; width: 100%; overflow: hidden; aspect-ratio: 16 / 9; } .banner--perfume{padding: 40px 40px 40px 0; background: linear-gradient(135.00deg, rgb(246, 236, 236) -0.001%,rgb(231, 240, 243) 99.999%);} .banner--perfume img{width: min(100%, 250px); margin-top: -110px;} .banner--perfume .btn.btn-secondary{min-width: min(100%, 160px);} @media(max-width: 991px){ .banner--perfume{padding: 30px;} .banner--perfume img{width: 90%; margin-top: -90px; margin-bottom: var(--margin-s);} } .dali-women-partners{margin-top: 60px; text-align: center;} .dali-women-partners img{max-width: min(100%, 300px);} @media(max-width: 991px){ .dali-women-partners{margin-top: 50px;} .dali-women-partners img{max-width: min(100%, 240px);} } .dali-intro-banner{border-radius: 36px; padding: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; background: #fff; box-shadow: 0px 4px 16px 0px rgba(16, 16, 16, 0.04),0px 2px 2px 0px rgba(16, 16, 16, 0.08);} .dali-intro-banner__video{border-radius: 24px; width: 100%; overflow: hidden; aspect-ratio: 1 / 1; /*background: url(/upload/pages/dali-picasso/cover_video.jpg) no-repeat center center / cover;*/} .dali-intro-banner__video video{width: 100%; border-radius: 0.01px; clip-path: fill-box;} .dali-intro-banner__info{display: flex; flex-direction: column; gap: var(--margin-m);} .dali-intro-banner__address{display: flex; gap: 10px;} .dali-intro-banner__women{border-radius: 24px; padding: 20px; background: #f2f2f2; display: grid; grid-template-columns: 4fr 2fr;} .dali-intro-banner__women .tag{display: inline-block; border-radius: 18px; padding: 4px 12px; background: #caee04; font-size: 10px;} .dali-intro-banner__women img{width: 65%; margin-top: -30%; margin-bottom: -20px;} .dali-intro-banner__btn-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--margin-xs);} .dali-intro-banner__btn-grid .btn-wrapper{position: relative;} .dali-intro-banner__btn-grid .btn-wrapper::after{position: absolute; left: 100%; top: -74px; content: ''; display: block; width: 54px; height: 64px; background: url(/upload/pages/dali-picasso/strelka-spiral.png) left center / contain no-repeat;} @media(max-width: 1399px){ .dali-intro-banner__info br{display: none;} .dali-intro-banner__women{grid-template-columns: 1fr;} .dali-intro-banner__img-wrapper{display: none;} } @media(max-width: 991px){ .dali-intro-banner{grid-template-columns: 1fr;} .dali-intro-banner__address a.dashed-link:hover{text-decoration: underline dotted; border-bottom: none;} .dali-intro-banner__btn-grid{grid-template-columns: 1fr;} .dali-intro-banner__btn-grid .btn-wrapper::after{display: none;} } .dali-info-reviews{display: grid; grid-template-columns: 2fr 1fr; gap: 24px;} @media(max-width: 991px){ .dali-info-reviews{grid-template-columns: 1fr; gap: var(--margin-m);} } #mp-tickets-modal .btn-grid, #dali-tickets-modal .btn-grid{display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; row-gap: 10px;} #mp-tickets-modal .modal-footer, #dali-tickets-modal .modal-footer{border-top: none; display: none;} @media(max-width: 991px){ #mp-tickets-modal .modal-footer, #dali-tickets-modal .modal-footer{display: flex;} #mp-tickets-modal .btn-grid, #dali-tickets-modal .btn-grid{grid-template-columns: 1fr;} } .banner--dali{background: #674A54; color: var(--white-primary)} .banner--dali img{border-radius: 0;} .banner--dali .btn-link{color: #FFBB90;} .banner--dali > .banner--overlay{padding: 80px 100px;background: linear-gradient(270deg, rgba(0, 0, 0, 0.30) 23.28%, rgba(0, 0, 0, 0.00) 72.89%); border-radius: 36px; height: 100%; display: grid; align-items: center; gap: 40px; grid-template-columns: 1fr 2fr;} .banner--dali a.dashed-link{color: var(--white-primary);} .banner--dali a.dashed-link:hover{color: var(--white-primary); border-bottom: 1px dashed var(--white-primary);} .dali-features .card{border-radius: 24px; background: #F8F8F8; padding: 20px;} .dali-tours--grid, .dali-tickets--grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;} .dali-orange-card{background: #F07B34;} .dali-orange-card ul{margin-bottom: 30px;} .dali-orange-card p{margin-bottom: 8px;} .dali-orange-card p.font-l{margin-bottom: var(--margin-s);} .dali-orange-card .card__emphasized{display: flex; gap: 12px; border-radius: 12px; padding: 12px; background: #FFBB90; margin-bottom: 30px; text-align: center; justify-content: space-evenly;} .dali-orange-card .card__emphasized .vr{border: 2px solid #F07B34; opacity: 1;} .dali-gallery a:focus-visible, .dali-children a:focus-visible{border: none; outline: none;} .dali-gallery img, .dali-children img{border-radius: 36px; width: 100%; aspect-ratio: 4 / 3; object-fit: cover;} .fond-team img{border-radius: 24px; } @media(max-width: 575px){ .dali-gallery, .dali-children, .fond-team, .dali-tours--grid, .dali-tickets--grid{padding-left: 12px; padding-right: 12px; margin-left: -12px; margin-right: -12px;} .dali-tours, .dali-tickets, .lecture-gallery, .fond-history, .partners, .project-history-moments, .events-gallery{margin-left: -12px; margin-right: -12px; width: auto;} } @media (max-width: 991px){ .dali-tours--grid, .dali-tickets--grid{grid-auto-flow: column; overflow-x: auto; grid-template-columns: repeat(auto-fill, 300px); grid-auto-columns: 300px;} .banner--dali__address{justify-content: center;} .dali-features{padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px;} .banner--dali h1{font-size: 30px;} .banner--dali > .banner--overlay{padding: 40px 30px; grid-template-columns: 1fr; background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 21.23%, rgba(0, 0, 0, 0.00) 68%); text-align: center;} } .fond-team--video__img-wrapper{position: relative; width: 100%; margin-bottom: 20px;} .fond-team--video__preview{width: 100%;} .fond-team--video__play-icon{position: absolute; top: 50%; left: 50%; width: 60px !important; height: 60px; transition: all 200ms; transform: translate(-50%, -50%); opacity: 0;} .fond-team--video .card:hover .fond-team--video__play-icon{opacity: 1;} .fond-team--video a.btn.btn-primary{display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 20px;} .fond-team--video a.btn.btn-primary svg{fill: none;} /*PROJECTS*/ .project-history__gallery a:focus-visible{border: none; outline: none;} .project-history__gallery img{border-radius: 36px; width: 100%; aspect-ratio: 4 / 3; object-fit: cover;} @media(max-width: 575px){ .project-history-moments, .project-history__gallery{padding-left: 12px; padding-right: 12px; margin-left: -12px; margin-right: -12px;} } /*EVENTS*/ .events-gallery a:focus-visible{border: none; outline: none;} .events-gallery img{border-radius: 36px; width: 100%; aspect-ratio: 4 / 3; object-fit: cover;} @media(max-width: 575px){ .events-gallery{padding-left: 12px; padding-right: 12px; margin-left: -12px; margin-right: -12px;} } /*FOND*/ .fond-nav{display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 8px;} .fond-nav > .btn-nav{flex-shrink: 0;} .partners img, .partners-fond img{margin-bottom: var(--margin-s); border-radius: 24px;} @media(max-width: 575px){ .fond-nav{margin-left: -12px; margin-right: -12px; padding-right: 12px; padding-left: 12px;} .partners-fond, .fond-history{padding-left: 12px; padding-right: 12px; margin-left: -12px; margin-right: -12px;} } /*BLOG*/ .blog-article img{width: 100%;} .blog-img-small{margin-top: var(--margin-m); margin-bottom: var(--margin-m); border-radius: 36px; max-width: 100%;} /*.blog-article .h3{margin-top: var(--margin-m);}*/ /*COLLECTION*/ .collection-card-buttons{margin-top: auto;} .collections-menu{display: grid; grid-template-columns: repeat(6, 1fr); gap: 24px;} .collections-menu .item{position: relative;} @media(max-width: 991px){ .collections-menu{grid-auto-flow: column; overflow-x: auto; grid-template-columns: repeat(auto-fill, 140px); grid-auto-columns: 140px;} } @media(max-width: 575px){ .collections-menu{padding-left: 12px; padding-right: 12px; margin-left: -12px; margin-right: -12px;} } /*SOBRANIE 2025*/ .collection-item{position: relative; text-align: center;} .collection-item img{width: 100%; max-height: 240px; aspect-ratio: 5 / 4; object-fit: contain; margin-bottom: 24px;} .collection-item__author{color: var(--grey-dark); font-size: 14px; margin-top: 16px;} .collection-detail-img{position: relative; display: block;} .collection-detail-img__caption{position: absolute; right: 16px; bottom: 16px; display: flex; flex-wrap: nowrap; gap: 8px; align-items: center; border-radius: 10px; padding: 4px 8px 4px 4px; font-size: 14px; color: white; background: #000000a3; backdrop-filter: blur(8px); transition: all var(--transition);} .description-container{position: relative; overflow: hidden; margin-bottom: calc(-1 * var(--spacer-xs)); } .description-gradient{content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 100px;background: linear-gradient(to bottom, transparent, var(--background)); pointer-events: none; transition: opacity 0.3s;} @media(hover: hover){ .collection-detail-img:hover .collection-detail-img__caption{background: black;} } @media(max-width: 991px){ .collection-item img{max-height: 200px;} } /*PROMUZEY MAIN*/ body.page-promuzey, body.page-promuzey main{background-color: #F4ECFF;} @media(max-width: 567px){ .partners.swiper{margin-left: -12px; margin-right: -12px; padding-left: 12px; padding-right: 150px;} .partners.swiper .slider__pag{transform: translateX(69px);} .promuzey-team.swiper, .promuzey-reviews.swiper{margin-left: -12px; margin-right: -12px; padding-left: 12px; padding-right: 12px;} } .promuzey-banner-small{border-radius: 24px; position: static; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 12px 20px 12px 20px;} .promuzey-banner-small.purple{background: #a67ddc; color: #fff;} .promuzey-banner-small.purple > img{margin-left: auto;} .banner--promuzey{color: var(--white-primary); background: linear-gradient(90deg, #a67ddc 50%, #bd95f4 75%, #a67ddc 100%); padding: var(--margin-m);} .banner--promuzey ul.tag-flex{margin-bottom: 30px;} .banner--promuzey ul.tag-flex li{background: #8E67C3;} .banner--promuzey .btn.btn-tertiary{color: #a67ddc;} @media(max-width: 991px){ .banner--promuzey{background: linear-gradient(180deg, #a67ddc 0%, rgba(189,149,244,1) 25%, #a67ddc 50%);} .banner--promuzey h1, .banner--promuzey .h1{font-size: 30px;} .banner--promuzey > .row > .col-lg-5 > img{margin-bottom: 30px;} } .banner--promuzey__menu{display: grid; grid-template-columns: auto auto; align-items: center; justify-content: space-between; gap: 20px;} .banner--promuzey__menu > .banner-icon{border-radius: 0;} .banner--promuzey__menu > .buttons-block{display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 10px;} @media(max-width: 1199px){ .banner--promuzey__menu{grid-template-columns: 1fr;} .banner--promuzey__menu > .buttons-block{margin-left: -40px; margin-right: -40px;} .banner--promuzey__menu > .buttons-block{padding-left: 40px; padding-right: 40px;} } @media(max-width: 991px){ .banner--promuzey__menu > .buttons-block{margin-left: -30px; margin-right: -30px;} .banner--promuzey__menu > .buttons-block{padding-left: 30px; padding-right: 30px;} } .banner--promuzey__content{display: grid; grid-template-columns: 1fr 1fr; align-items: center; grid-template-areas: "text img";} .banner--promuzey__text{grid-area: text;} .banner--promuzey__img-wrapper{padding: 40px 80px; grid-area: img;} .banner--promuzey__img-wrapper-sm{padding: 0px 80px;} @media(max-width: 991px){ .banner--promuzey__img-wrapper{padding: 30px 0px;} } @media(max-width: 991px){ .banner--promuzey__content{grid-template-areas: "img" "text"; grid-template-columns: 1fr;} } .promuzey-features{display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 24px; row-gap: 40px;} @media(max-width: 575px){ .promuzey-features{grid-auto-flow: column; overflow-x: auto; grid-template-columns: repeat(auto-fill, 275px);grid-auto-columns: 275px; margin-right: -20px; margin-left: -20px; padding-left: 20px; padding-right: 20px;} } .card__buttons{gap: 24px;} .promuzey-order{padding: 30px; border-radius: 36px; background: var(--white-primary); display: grid; column-gap: 24px; row-gap: 20px; grid-template-columns: 1fr 1fr; grid-template-areas: "text img";} .promuzey-order > div{grid-area: text; position: relative;} .promuzey-order > img{grid-area: img; border-radius: 24px; aspect-ratio: 4 / 3; object-fit: cover;} .promuzey-order .btn{bottom: 0; position: absolute;} @media(max-width: 991px){ .promuzey-order{grid-template-columns: 1fr; grid-template-areas: "img" "text"; padding: 20px;} .promuzey-order .btn{position: relative; display: block;} } .promuzey-video-modal-link{position: relative; display: block; border-radius: 24px; overflow: hidden; aspect-ratio: 16 / 9;} .promuzey-video-modal-link img{width: 100%; aspect-ratio: 16 / 9; object-fit: cover;} .promuzey-video-modal-link::before {content: ""; display: block; background: rgba(0, 0, 0, 0.60); position: absolute; top: 0;bottom: 0;left: 0;right: 0;} .promuzey-video-modal-link > .play-holder{display: block; position: absolute; top: calc(50% - 20px); left: 0; right: 0; height: 40px; text-align: center;} .promuzey-video-modal .btn{position: relative;} .promuzey-video-modal-link:hover .btn{border: 2px solid var(--grey-secondary); background-color: var(--grey-secondary); color: var(--primary); text-decoration: none;} @media(max-width: 991px){ .promuzey-team{margin-left: -12px; margin-right: -12px; width: auto;} .promuzey-team .owl-stage{padding-left: 12px !important; padding-right: 12px !important;} } .banner-promuzey-blog{background: #FF8940; color: var(--white-primary);} .banner--social-promuzey{background: #FF8940; color: var(--white-primary);} /*PROMUZEY PROJECT PAGE*/ @media(max-width: 567px){ .promuzey-project-about.swiper{margin-left: -12px; margin-right: -12px; padding-left: 12px; padding-right: 12px;} } .promuzey-project-gallery.owl-theme img.item{aspect-ratio: 8 / 5;} @media(max-width: 991px){ .promuzey-project-gallery{margin-left: -12px; margin-right: -12px; width: auto;} .promuzey-project-gallery .owl-stage{padding-left:12px !important; padding-right: 12px !important;} } .owl-theme--promuzey-nav-inside{display: block !important; position: relative;} .owl-theme--promuzey-nav-inside .owl-nav{position: absolute; top: 0%; width: 100%; height: calc(100% - 60px); display: flex;} .owl-theme--promuzey-nav-inside .owl-prev, .owl-theme--promuzey-nav-inside .owl-next{position: relative; width: 50%; height: 100%; margin: 0px !important;} .owl-theme--promuzey-nav-inside .owl-prev{left: 0;} .owl-theme--promuzey-nav-inside .owl-next{right: 0; display: flex !important; justify-content: end; align-items: center;} .owl-theme--promuzey-nav-inside .owl-next > div, .owl-theme--promuzey-nav-inside .owl-prev > div{width: 40px; height: 40px; border-radius: 50%; color: var(--white-primary); background: var(--orange-primary); position: relative;} .owl-theme--promuzey-nav-inside .owl-next > div{margin-right: 20px;} .owl-theme--promuzey-nav-inside .owl-prev > div{margin-left: 20px;} .owl-theme--promuzey-nav-inside .owl-prev span, .owl-theme--promuzey-nav-inside .owl-next span{position: absolute; top: -2px; left: 14.5px;} .owl-theme--promuzey-nav-inside .owl-dots{margin-top: var(--margin-m); justify-content: center;} .owl-theme--promuzey-nav-inside .owl-nav.disabled + .owl-dots{margin-top: var(--margin-s);} .owl-theme--promuzey-nav-inside .owl-nav [class*='owl-']:hover {background: none; color: inherit;} .tag-flex--promuzey-project li{background: var(--white-primary); margin-bottom: 0; font-size: var(--font-s);} .tag-flex--promuzey-project-date li{background: #8e67c3; margin-bottom: 0; font-size: var(--font-s); color: var(--white-primary);} .buy-buttons{display: flex; align-items: flex-start; align-content: flex-start; gap: 20px; flex-wrap: wrap; align-items: center;} @media(max-width: 991px){ .buy-buttons{display: grid; text-align: center;} } .lector--promuzey{display: grid; row-gap: 24px; column-gap: 20px; grid-template-columns: 200px auto;} .lector--promuzey:last-child{margin-bottom: 0;} .lector--promuzey img{border-radius: 24px; max-width: 200px;} @media (max-width: 991px){ .lector--promuzey{grid-template-columns: 1fr;} } /*LECTURE HALL*/ #lecture-filter-menu{padding-top: 20px;} @media (max-width: 991px){ #lecture-filter-menu{padding-top: 0px;} } .lecture-smart-filter{border: 2px solid var(--primary); border-radius: 36px; background-color: var(--white-primary); padding:40px; font-family: var(--font-primary); font-weight: 350;} .lecture-smart-filter__mobile-close{margin-bottom: 30px; display: flex;} .lecture-smart-filter__mobile-close > a{margin-left: auto;} .lecture-smart-filter .smart-filter-title{position: relative; display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; margin-bottom: 0;} #lecture-smart-filter__content{padding-top: 15px;} .lecture-smart-filter .smart-filter-parameters-box-title{padding-bottom: var(--margin-s);} .lecture-smart-filter .smart-filter-parameters-box-title-text{font-size: var(--font-xs);} .lecture-smart-filter .smart-filter-input-group-checkbox-list input{display: none;} .lecture-smart-filter .smart-filter-input-group-checkbox-list .form-check{padding-left: 0; margin-bottom: 0;} .lecture-smart-filter .smart-filter-input-group-checkbox-list label{padding: 8px 12px; border-radius: 4px; font-size: inherit; line-height: 20px; background-color: inherit; color: inherit; border: 2px solid; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;} .lecture-smart-filter .smart-filter-input-group-checkbox-list label:hover{cursor: pointer; border: 2px solid var(--grey-secondary); background-color: var(--grey-secondary); color: var(--primary); text-decoration: none;} .lecture-smart-filter .smart-filter-input-group-checkbox-list input:checked + label{background-color: var(--primary); border: 2px solid var(--primary); color: var(--white-primary);} .lecture-smart-filter .smart-filter-input-group-checkbox-list label.disabled:hover, .lecture-smart-filter .form-check-input:disabled~.form-check-label:hover, .lecture-smart-filter .form-check-input[disabled]~.form-check-label:hover{cursor: default; border: 2px solid var(--primary); background-color: inherit;} .lecture-smart-filter .smart-filter-input-group-checkbox-list input:checked + label.disabled:hover{background-color: var(--primary); color: var(--white-primary);} .lecture-smart-filter .calendar-grid{display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center;} @media (max-width: 991px){ .lecture-smart-filter{left: 0; right: 0; top: 0; bottom: 0; padding: 78px 20px 20px 20px; top: 0; width: 100vw; height: 100vh; position: fixed; overflow-y: scroll; overflow-x: hidden; border: none; border-radius: 0; z-index: 3; transform: translateY(-100%); transition: all 200ms; visibility: hidden;} .filter-menu-on .lecture-smart-filter{transform: translateY(0);visibility: visible;} body.filter-menu-on{overflow: hidden;} .lecture-smart-filter .calendar-grid{grid-template-columns: 1fr; grid-template-areas: "start-text" "start-date" "end-text" "end-date";} .lecture-smart-filter .calendar-grid__start-text{grid-area: start-text;} .lecture-smart-filter .calendar-grid__end-text{grid-area: end-text;} .lecture-smart-filter .calendar-grid__start-date{grid-area: start-date;} .lecture-smart-filter .calendar-grid__end-date{grid-area: end-date;} #lecture-smart-filter__content{padding-top: 5px;} } @media (min-width: 992px){ .lecture-smart-filter{box-shadow: 0 8px 50px 0 rgba(0,0,0,0.15);} } .lecture-smart-filter .calendar-input{padding: 20px; line-height: 20px; font-size: 30px; border-radius: 4px; border: 0; color: #000; box-shadow: none; width: 100%; background: #F8F8F8;} .lecture-smart-filter .calendar-input:focus{color: #000; box-shadow: none;} .lecture-smart-filter input.btn.btn-link{padding-right: 20px; background: url(/bitrix/templates/pirate/i/close.svg) right center / 12px no-repeat;} .lecture-selected-items{top: 154px; border-radius: 36px; background-color: var(--white-primary); padding:30px; font-family: var(--font-primary); font-weight: 350; display: grid; grid-template-columns: 1fr auto; align-content: center; align-items: end; column-gap: 20px; box-shadow: 0 8px 50px 0 rgba(0,0,0,0.15); z-index: 4;} .lecture-selected-items__flex{gap: 1ch; flex-wrap: wrap;} .lecture-selected-items button{padding: 8px 31px 8px 12px; border-radius: 4px; line-height: 20px; background: url(/bitrix/templates/pirate/i/close.svg) right 12px center / 12px no-repeat; color: inherit; border: 2px solid; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;} .lecture-selected-items button:hover{cursor: pointer; border: 2px solid var(--grey-secondary); background-color: var(--grey-secondary); color: var(--primary); text-decoration: none;} @media (max-width: 991px){ .lecture-selected-items{display: none; top: 98px; grid-template-columns: 1fr; gap: var(--margin-m);} .lecture-selected-items > div:last-child > button{width: 100%;} } .lecture-filter-mobile-start{position: relative; border: 2px solid var(--primary); border-radius: 18px; background-color: var(--white-primary); padding: var(--margin-s); display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; box-shadow: 0 8px 50px 0 rgba(0,0,0,0.15);} .lecture-filter-mobile-start__title{position: static; display: flex; gap: 2px; align-items: center;} .lecture-filter-mobile-start__title > span{background: var(--primary); color: var(--white-primary); padding: 0.05em 0.3em; border-radius: 20%;} .events-grid .card{position: relative;} .lecture-filter-banner{display: block; padding: 20px 30px;} .lecture-selected-items__date{display: flex; align-items: center; gap: 14px; margin: 10px 0px;} .lecture-selected-items__date a.btn{margin-left: auto;} .lecture-filter-banner .lecture-selected-items__flex{row-gap: 0; column-gap: 10px;} .lecture-selected-items__flex > button{margin-bottom: 10px;} .modal .lecture-smart-filter{border: none; border-radius: 0; background-color: inherit; padding: 0; box-shadow: none;} @media (max-width: 991px){ .lecture-filter-banner{display: none;} .modal .lecture-smart-filter{left: initial; right: initial; top: initial; bottom: initial; padding: initial; width: initial; height: initial; position: initial; overflow-y: initial; overflow-x: initial; border: initial; border-radius: initial; z-index: initial; transform: initial; transition: initial; visibility: initial;} } /*CATALOG INDEX*/ .catalog-grid{display: grid; grid-template-columns: 1fr 3fr; gap: 40px;} @media(max-width: 991px){ .catalog-grid{grid-template-columns: 1fr;} } .catalog-nav__list a{color: var(--primary);} .catalog-nav__list > div{border-bottom: 1px solid var(--grey-primary); padding-top: 16px;} .catalog-nav__list > div:first-child{border: 0; padding-top: 0;} .catalog-nav__list > div:nth-child(2){border-top: 1px solid var(--grey-primary); padding-top: 20px; padding-bottom: 20px;} .catalog-nav__list > div li{margin-top: 16px; margin-bottom: 16px;} .catalog-nav__list .load-more{display: block; margin-top: 20px; margin-bottom: 16px;} .catalog-nav__list .top-10::after{background: #FFBB91; padding: 4px; margin-left: 8px; border-radius: 4px; color: var(--white-primary); font-size: 8px; text-transform: uppercase; content: 'топ-10'; vertical-align: middle;} .catalog-content__sort-btn-block{font-size: 16px;} .catalog-content__sort-btn-block > a{text-decoration: none; border-radius: 18px; border: 0; padding: 4px 12px; color: var(--grey-dark); background: var(--grey-secondary); transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;} .catalog-content__sort-btn-block > a:hover, .catalog-content__sort-btn-block > a.active{color: var(--white-primary); background: var(--primary);} /*.catalog-content > .grid-3{gap: 40px;}*/ .catalog-card img{aspect-ratio: 1 / 1; width: 100%;} .catalog-card > p{margin-bottom: 10px;} .catalog-card .card__title{font-size: 18px;} .catalog-card .card__author{font-size: 10px;} .catalog-card .card__more{font-size: 14px; color: var(--grey-dark);} .catalog-card p.card__price{font-size: 14px; margin-bottom: 20px;} .catalog-card > .button-grid{grid-template-columns: repeat(auto-fit, minmax(105px, 1fr)); margin-top: auto;} @media(max-width: 991px){ .catalog-card > .button-grid{grid-template-columns: 1fr;} } .catalog-nav-mobile-start{display: flex; justify-content: space-between; align-items: center; position: relative;} @media (max-width: 991px){ .catalog-nav{left: 0; right: 0; top: 0; bottom: 0; padding: 78px 20px 20px 20px; top: 0; width: 100vw; height: 100vh; position: fixed; overflow-y: scroll; overflow-x: hidden; border: none; border-radius: 0; z-index: 3; background: var(--white-primary); transform: translateY(-100%); transition: all 200ms; visibility: hidden;} .catalog-nav-on .catalog-nav{transform: translateY(0); visibility: visible; z-index: 3;} body.catalog-nav-on{overflow: hidden;} .mobile-close{margin-bottom: 30px; display: flex;} .mobile-close > a{margin-left: auto;} } /*CATALOG DETAIL PAGE*/ .img-catalog{width: 100%; max-width: 100%; aspect-ratio: 1 / 1; object-fit: cover;} .catalog-specs{width: 100%;} .catalog-specs tr{border-top: 1px solid var(--grey-primary); border-bottom: 1px solid var(--grey-primary); border-collapse: collapse;} .catalog-specs td{width: 50%; padding: 20px 0px;} .catalog-specs tr > td:first-child{font-size: var(--font-s); color: var(--grey-dark);} .catalog-specs tr > td:last-child{padding-left: 24px;} @media(max-width: 991px){ .catalog-specs tr{display: flex; flex-wrap: wrap;} .catalog-specs tr > td:last-child{padding-left: 0px; padding-top: 0;} .catalog-specs tr > td{width: 100%;} .catalog-specs tr:not(:last-child){border-bottom: 0;} } @media(max-width: 575px){ .catalog-detail-slider{margin-left: -12px; margin-right: -12px; padding-left: 12px; padding-right: 12px;} } /*INTERVIEW*/ .msg{display: flex; gap: 24px; margin-bottom: var(--margin-l);} .msg > div{width: calc(100% - 94px);} .msg > div.msg__ava-wrapper{width: 70px;} .msg__ava-wrapper img{width: 100%; border-radius: 50%; z-index: 9;} .msg > div > div{padding: 25px; border-radius: 36px; display: inline-block;} .msg-l{align-self: start; margin-right: 20%;} .msg-l > div > div{color: var(--white-primary); background: #7a7e85;} .msg-r{flex-direction: row-reverse; margin-left: 20%;} .msg-r > div > div{background: var(--white-primary); margin-bottom: 16px;} .msg__img{width: 100%; border-radius: 36px; margin-bottom: 16px;} @media (max-width: 991px){ .msg{gap: 12px;} .msg > div{width: calc(100% - 52px);} .msg > div.msg__ava-wrapper{width: 40px;} .msg-l{margin-right: 0%;} .msg-r{margin-left: 0%;} } /*DOCUMENTS*/ .doc-holder{border-radius: 20px; min-height: 66px; padding: 21px 18px 18px 64px; position: relative; background: var(--white-primary) 18px 18px / 22px no-repeat url(/upload/i/icon-png-black.png);} .doc-holder--black{background: var(--primary) 18px 18px / 22px no-repeat url(/upload/i/icon-png-white.png); color: var(--white-primary);} .doc-holder--black a{color: var(--white-primary);} /*PROMUZEY EVENTS*/ .banner--promuzey-adult{display: flex; column-gap: 40px; row-gap: 30px; padding: var(--margin-m);} .banner--promuzey-adult > div{flex: 1;} .banner--promuzey-adult img{width: 100%; height: auto;} @media(max-width: 991px){ .banner--promuzey-adult{flex-direction: column;} .banner--promuzey-adult > div:first-child{order: 1;} } .promuzey-nav .pagination-pirate li a {background: var(--white-primary);} .promuzey-nav .pagination-pirate li a:hover, .promuzey-nav .pagination-pirate li a:active, .promuzey-nav .pagination-pirate li a.pagination-pirate__active{background: black;} /*RENT SPACE*/ .rent-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 30px;} .rent-grid__item{border-radius: 24px; padding: 16px; background: white;} @media(max-width: 991px){ .rent-grid{grid-template-columns: 1fr;} } /*DALI & PICASSO 2026*/ body.page-dali, body.page-dali main{background-color: white;} body.page-dali h1{font-weight: 500; font-size: 64px; line-height: 113%} .dali-intro {position: relative; z-index: 1;} .dali-intro__head{width: 96px; height: auto;} .dali-intro__logo{width: 153px; height: auto;} .dali-intro__ya{width: 61px; height: auto;} .dali-intro__afisha-text{width: 66px; height: auto;} .tag-flex.tag-flex--dali li{border-radius: 16px; padding: 4px 12px; font-size: var(--fs-s); background: #e4e4e4;} .dali-intro__text-preview-block{border-radius: 12px; height: fit-content; background: var(--white-primary);} .dali-intro__text-preview{padding: 16px; font-size: var(--font-xs);} .dali-intro .kinescope-wrapper{border-radius: 16px;} @media (max-width: 991.99px){ .dali-intro .kinescope-wrapper{border-radius: 8px;} } .tile-women{border-radius: 32px; padding: 24px; color: var(--white-primary); background: #4b5d4b;} .dali-intro .tile-women{position: relative; border-radius: 24px; padding: 24px; transition: all var(--transition) ease;} .tile-women__tag{position: absolute; left: 24px; top: -14px; border-radius: 16px; padding: 4px 12px; font-size: var(--fs-s); line-height: 20px; background: black;} .tile-women__intro-img{width: 208px;} .tile-women a, .tile-women a:hover{color: var(--white-primary);} .tag-flex.tag-flex--women li{border-radius: 16px; padding: 4px 12px; font-size: var(--fs-s); background: #7fa883;} .tile-ya{position: relative; border-radius: 16px; width: fit-content; padding: 8px 16px; background: var(--white-primary); display: flex; gap: 8px; align-items: center; justify-content: center;} .tile-ya__text{flex-shrink: 0; border-right: 1px solid var(--grey-primary); padding-right: 8px; font-size: var(--fs-s); line-height: 24px;} .tile-ya__logo{flex-shrink: 0; width: 145px; height: auto;} .dali-quote{display: grid; grid-template-columns: 152px 1fr; column-gap: 40px; row-gap: 16px;} .dali-quote__ava{width: 152px; height: auto;} .dali-quote__bubble{border-radius: 8px 32px 32px 32px; padding: 32px; background: var(--grey-secondary);} .dali-quote--women .dali-quote__bubble{background: #e8eee8;} .dali-quote--women .dali-quote__bubble .text-grey-dark{color: #627662;} .tile-dali-events{--tile-bg: var(--orange-base); position: relative; border-radius: 24px; padding: 16px; color: var(--white-primary); backdrop-filter: blur(32px); background: var(--tile-bg); transition: all var(--transition) ease;} .tile-dali-events a.no-decoration-link, .tile-dali-events a.no-decoration-link:hover, .tile-dali-events a.no-decoration-link:active{color: var(--white-primary);} .dali-events-thumb{--thumb-offset: 56px; width: 128px; flex-shrink: 0; display: flex; align-items: center;} .dali-events-thumb__item{background: var(--primary); box-shadow: 0 0 0 4px var(--tile-bg); position: relative; aspect-ratio: 1 / 1; border-radius: 16px; width: calc((100% + 2 * var(--thumb-offset)) / 3); transition: all var(--transition) ease; overflow: hidden;} .dali-events-thumb__item:not(:first-child){margin-left: calc(-1 * var(--thumb-offset));} .dali-events-thumb__item img{display: block; width: 100%; height: auto; object-fit: cover; aspect-ratio: 1 / 1; border-radius: 16px;} .dali-events-thumb__item:last-child img{filter: blur(6px); opacity: 0.52; transform: scale(1.2);} /*.dali-events-thumb__item:last-child::before{inset: 0; content: ''; position: absolute; backdrop-filter: blur(16px); background: rgba(255, 255, 255, 0.48); clip-path: inset(0 round 16px);}*/ .dali-events-thumb__num{top: 50%; left: 50%; font-size: var(--fs-l); color: var(--white-primary); position: absolute; transform: translate(-50%, -50%);} .fond-team .fond-team__img{border-radius: 16px; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover;} .bg-slides{position: absolute; top: 0; right: 0; width: 50vw; height: auto; aspect-ratio: 1 / 1; pointer-events: none; overflow: hidden;} .bg-slides__inner{position: relative; width: 100%; height: 100%;} .bg-slides__img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; animation: slideFadeRight 64s linear infinite;} .bg-slides__img:nth-child(1){ animation-delay: 0s; } .bg-slides__img:nth-child(2){ animation-delay: 16s; } .bg-slides__img:nth-child(3){ animation-delay: 32s; } .bg-slides__img:nth-child(4){ animation-delay: 48s; } @keyframes slideFadeRight { 0% { opacity: 0; transform: translateX(-15%); /* Ease-Out (cubic-bezier(0, 0, 0.2, 1)): мягкий въезд с плавным торможением */ animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 6.25% { opacity: 1; transform: translateX(0); /* Фиксация в центре */ animation-timing-function: step-end; } 14% { opacity: 1; transform: translateX(0); /* Ease-In (cubic-bezier(0.4, 0, 1, 1)): постепенный разгон и ускорение ухода */ animation-timing-function: cubic-bezier(0.4, 0, 1, 1); } 20.25% { opacity: 0; transform: translateX(15%); } 100% { opacity: 0; transform: translateX(15%); } } @media(hover: hover){ .dali-intro .tile-women:hover{background: #3f503f;} .tile-dali-events:hover{--tile-bg: var(--orange-dark);} /*.tile-dali-events:hover .dali-events-thumb__item{--tile-bg: var(--orange-dark);}*/ } @media(max-width: 991.99px){ .bg-slides{display: none;} body.page-dali h1{font-size: 36px; line-height: 122%;} .page-dali .slider{padding-left: 12px; padding-right: 12px; margin-left: -12px; margin-right: -12px;} .tile-women{border-radius: 24px; padding: 16px;} .dali-intro .tile-women{border-radius: 16px; padding: 24px 16px 16px;} .tile-women__tag{top: -12px; left: 16px; font-size: var(--fs-xs); line-height: 16px;} .tile-women__intro-img{width: 100%;} .tile-ya{width: 100%;} .dali-quote{grid-template-columns: 1fr;} .dali-quote__bubble{border-radius: 8px 24px 24px 24px; padding: 16px;} } .tile-reviews{--tile-bg: var(--grey-secondary); position: relative; border-radius: 32px; padding: 16px 16px 16px 32px; backdrop-filter: blur(32px); background: var(--tile-bg); transition: all var(--transition) ease;} .tile-reviews a:focus-visible{outline: none;} .dali-reviews-thumb{--thumb-offset: 48px; width: 240px; flex-shrink: 0; display: flex; align-items: center;} .dali-reviews-thumb__item{background: var(--primary); box-shadow: 0 0 0 4px var(--tile-bg); position: relative; aspect-ratio: 1 / 1; border-radius: 16px; width: calc((100% + 3 * var(--thumb-offset)) / 4); transition: all var(--transition) ease; overflow: hidden;} .dali-reviews-thumb__item:not(:first-child){margin-left: calc(-1 * var(--thumb-offset));} .dali-reviews-thumb__item img{display: block; width: 100%; height: auto; object-fit: cover; aspect-ratio: 1 / 1; border-radius: 16px;} .dali-reviews-last{filter: blur(6px); opacity: 0.52; transform: scale(1.2);} .dali-reviews-thumb__num{top: 50%; left: 50%; font-size: var(--fs-l); color: var(--white-primary); position: absolute; transform: translate(-50%, -50%);} @media(max-width: 991.99px){ .tile-reviews{border-radius: 24px; padding: 16px;} .dali-reviews-thumb{width: 144px;} } @media(hover: hover){ .tile-reviews:hover{background: #e4e4e4;} .tile-reviews:hover .dali-reviews-thumb__item{box-shadow: 0 0 0 4px #e4e4e4;} } .slider-dali__link:focus-visible{outline: none;} .slider-dali__img{border-radius: 32px; width: 100%; aspect-ratio: 3 / 2; object-fit: cover;} @media(max-width: 991.99px){ .slider-dali__img{border-radius: 24px;} .page-dali .slider-dali{padding-left: 12px; padding-right: 12px; margin-left: -12px; margin-right: -12px;} } .slider-women__link:focus-visible{outline: none;} .slider-women__img{border-radius: 32px; width: 100%; aspect-ratio: 3 / 2; object-fit: cover;} @media(max-width: 991.99px){ .slider-women__img{border-radius: 24px;} } .ticket-link:focus-visible{outline: none;} .page-dali .buy-ticket{all: unset; cursor: pointer; display: block;} .dali-logo{width: 163px; height: auto;} @media(max-width: 991.99px){ .dali-logo{display: none;} } .fond-team--video__img-wrapper{position: relative; width: 100%; margin-bottom: 20px;} .fond-team--video__preview{width: 100%;} .page-dali .fond-team--video__play-icon{border-radius: 50%; backdrop-filter: blur(8px); position: absolute; /*top: 50%; left: 50%;*/ width: 60px !important; height: 60px; transition: backdrop-filter var(--transition) ease; /*transform: translate(-50%, -50%);*/ opacity: 1; top: unset; bottom: 10px; left: 10px; transform: none;} .fond-team--video .tile-s:hover .fond-team--video__play-icon{opacity: 1; /*backdrop-filter: none;*/} @media(max-width: 991.99px){ .page-dali .fond-team{padding-left: 12px; padding-right: 12px; margin-left: -12px; margin-right: -12px;} } /* SURREALISM PAGE */ .surreal-intro-label {position: absolute; top: -45px; right: -40px; width: 180px; height: auto;} @media(max-width: 991.99px){ .surreal-intro-label {top: -40px; right: -10px; width: 90px;} } .exhibition-notify {display: none; position: fixed; bottom: 8px; left: 8px; width: 144px; border-radius: 16px; padding: 12px; color: white; background: #bc0303; z-index: var(--z-fixed);} .exhibition-notify__close {all: unset; cursor: pointer; position: absolute; top: -4px; right: -4px; width: 24px; height: 24px; border-radius: 50%; overflow: hidden;} /* STORIES */ .story-block {display: flex; gap: 24px;} .story-block__ava-wrapper {width: 72px; flex-shrink: 0;} .story-block__ava {border-radius: 50%; width: 100%; display: block;} .story-block__text .tile-m:not(:last-child) {margin-bottom: 16px;} .story-block__text .tile-m > p:last-child {margin-bottom: 0;} @media (max-width: 991.98px) { .story-block {flex-direction: column; gap: 16px;} .story-block__ava-wrapper {width: 64px;} } /* TRIUMPH PAGE */ .triumph-intro-banner {position: relative; border-radius: 32px; overflow: hidden; z-index: 1;} .triumph-rating {position: absolute; left: 32px; bottom: 32px; display: flex; gap: 24px;} .triumph-rating__item {border-radius: 32px; padding: 4px 8px; background: var(--gray-secondary); display: flex; align-items: center; gap: 8px;} .triumph-rating__ya {width: 61px; height: auto;} .triumph-rating__afisha {width: 66px; height: auto;} @media (max-width: 991.98px){ .triumph-intro-banner {border-radius: 24px;} .triumph-rating {left: 8px; bottom: 8px; gap: 16px;} } .triumph-intro {position: relative; z-index: 1;} .triumph-intro__head {width: 54px; height: auto;} .tag-flex.tag-flex--triumph li {border-radius: 16px; padding: 4px 12px; font-size: var(--fs-s); color: white; background: #cc1511;} .triumph-intro .kinescope-wrapper {border-radius: 16px;} .triumph-intro .ticker-wrap {margin: 0 calc(-1 * var(--tile-padding)); width: calc(100% + 2 * var(--tile-padding));} .triumph-intro .ticker__item {width: 120px; height: 48px; object-fit: cover; margin-right: 32px;} .tile-game {border-radius: 16px; padding: 24px; color: var(--white-primary); background: #a97a5b; transition: all var(--transition) ease;} .tile-game__img{width: 218px;} .tile-game a, .tile-game a:hover{color: var(--white-primary);} @media (max-width: 991.98px){ .tile-game__img{width: 100%;} .triumph-intro .kinescope-wrapper{border-radius: 8px;} } @media (hover: hover) { .tile-game:hover {background: #9E7153;} } .triumph-logo-sm{width: auto; height: 48px;} @media(max-width: 991.98px){ .dali-logo{display: none;} } /* End */ /* /bitrix/templates/pirate/components/bitrix/breadcrumb/pirate/style.css?17865600661032 */ /* /bitrix/templates/pirate/components/bitrix/news.list/s_menu_art/style.css?1753392695150 */ /* /bitrix/templates/pirate/styles.css?179432612894898 */