/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
}
button {
padding: 0;
border: none;
font: inherit;
color: inherit;
background-color: transparent;
/* отображаем курсор в виде руки при наведении; некоторые
считают, что необходимо оставлять стрелочный вид для кнопок */
cursor: pointer;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
a {
text-decoration: none;
color: inherit;
}
.fancybox-content{
padding: 0;
}
/* Variables */
:root {
--palette-dark-blue-500-mode-1: #000A1AFF;
--palette-white-alpha-100-mode-1: #FFFFFFFF;
--palette-dark-blue-400-mode-1: #021026FF;
--palette-white-alpha-12-mode-1: #FFFFFF1F;
--palette-blue-500-mode-1: #00327DFF;
--numbers-4-mode-1: 4px;
--numbers-8-mode-1: 8px;
--numbers-12-mode-1: 12px;
--numbers-16-mode-1: 16px;
--numbers-20-mode-1: 20px;
--numbers-24-mode-1: 24px;
--numbers-32-mode-1: 32px;
--numbers-40-mode-1: 40px;
--numbers-48-mode-1: 48px;
--numbers-64-mode-1: 64px;
--numbers-80-mode-1: 80px;
--numbers-96-mode-1: 96px;
--numbers-112-mode-1: 112px;
--numbers-128-mode-1: 128px;
--numbers-144-mode-1: 144px;
--numbers-9999-mode-1: 9999px;
--palette-red-600-mode-1: #D22E3CFF;
--palette-gold-600-mode-1: #E8C367FF;
--palette-gold-400-mode-1: #EDE080FF;
--palette-gold-900-mode-1: #2A2308FF;
--numbers-56-mode-1: 56px;
--palette-white-alpha-32-mode-1: #FFFFFF52;
--palette-white-alpha-24-mode-1: #FFFFFF3D;
--numbers-28-mode-1: 28px;
--numbers-52-mode-1: 52px;
--palette-red-500-mode-1: #E53242FF;
--palette-red-400-mode-1: #FF1E32FF;
--palette-gold-300-mode-1: #F8EEA0FF;
--palette-gold-500-mode-1: #F8DB90FF;
--numbers-72-mode-1: 72px;
--numbers-18-mode-1: 18px;
--numbers-36-mode-1: 36px;
--numbers-14-mode-1: 14px;
}
/* Aliases */
:root {
--spacing-component-medium-desktop: var(--numbers-32);
--spacing-component-medium-tablet: var(--numbers-28);
--spacing-component-medium-mobile: var(--numbers-20);
--radius-big-card-desktop: var(--numbers-40);
--radius-big-card-tablet: var(--numbers-32);
--radius-big-card-mobile: var(--numbers-24);
--radius-circle-button-desktop: var(--numbers-9999);
--radius-circle-button-tablet: var(--numbers-9999);
--radius-circle-button-mobile: var(--numbers-9999);
--radius-small-card-desktop: var(--numbers-32);
--radius-small-card-tablet: var(--numbers-16);
--radius-small-card-mobile: var(--numbers-16);
--radius-tag-desktop: var(--numbers-8);
--radius-tag-tablet: var(--numbers-8);
--radius-tag-mobile: var(--numbers-8);
--surface-primary-mode-1: var(--palette-dark-blue-500);
--text-primary-mode-1: var(--palette-white-alpha-100);
--icon-primary-mode-1: var(--palette-white-alpha-100);
--icon-brand-red-mode-1: var(--palette-red-400);
--button-primary-mode-1: var(--palette-white-alpha-12);
--button-accent-red-mode-1: var(--palette-red-600);
--padding-x-small-desktop: var(--numbers-4);
--padding-x-small-tablet: var(--numbers-4);
--padding-x-small-mobile: var(--numbers-4);
--padding-medium-desktop: var(--numbers-12);
--padding-medium-tablet: var(--numbers-12);
--padding-medium-mobile: var(--numbers-12);
--padding-x-large-desktop: var(--numbers-20);
--padding-x-large-tablet: var(--numbers-20);
--padding-x-large-mobile: var(--numbers-20);
--padding-small-desktop: var(--numbers-8);
--padding-small-tablet: var(--numbers-8);
--padding-small-mobile: var(--numbers-8);
--padding-large-desktop: var(--numbers-16);
--padding-large-tablet: var(--numbers-16);
--padding-large-mobile: var(--numbers-16);
--asl-wagon-button-line-height-desktop: var(--numbers-20);
--asl-wagon-button-line-height-tablet: var(--numbers-20);
--asl-wagon-button-line-height-mobile: var(--numbers-16);
--asl-wagon-button-font-size-desktop: var(--numbers-16);
--asl-wagon-button-font-size-tablet: var(--numbers-14);
--asl-wagon-button-font-size-mobile: var(--numbers-12);
--button-accent-gold-gradient-1-mode-1: var(--palette-gold-600);
--button-accent-gold-gradient-2-mode-1: var(--palette-gold-400);
--text-special-mode-1: var(--palette-gold-900);
--icon-special-mode-1: var(--palette-gold-900);
--spacing-between-buttons-desktop: var(--numbers-8);
--spacing-between-buttons-tablet: var(--numbers-8);
--spacing-between-buttons-mobile: var(--numbers-8);
--tag-primary-mode-1: var(--palette-white-alpha-12);
--spacing-breadcrumbs-side-desktop: var(--numbers-4);
--spacing-breadcrumbs-side-tablet: var(--numbers-4);
--spacing-breadcrumbs-side-mobile: var(--numbers-4);
--asl-gorizont-display-medium-font-size-desktop: var(--numbers-48);
--asl-gorizont-display-medium-font-size-tablet: var(--numbers-40);
--asl-gorizont-display-medium-font-size-mobile: var(--numbers-20);
--asl-gorizont-display-medium-line-height-desktop: var(--numbers-52);
--asl-gorizont-display-medium-line-height-tablet: var(--numbers-48);
--asl-gorizont-display-medium-line-height-mobile: var(--numbers-24);
--spacing-display-text-side-desktop: var(--numbers-12);
--spacing-display-text-side-tablet: var(--numbers-12);
--spacing-display-text-side-mobile: var(--numbers-12);
--spacing-components-small-desktop: var(--numbers-20);
--spacing-components-small-tablet: var(--numbers-16);
--spacing-components-small-mobile: var(--numbers-12);
--blur-button-mode-1: var(--numbers-128);
--card-primary-mode-1: var(--palette-dark-blue-400);
--spacing-between-cards-desktop: var(--numbers-20);
--spacing-between-cards-tablet: var(--numbers-12);
--spacing-between-cards-mobile: var(--numbers-12);
--asl-gorizont-display-large-font-size-desktop: var(--numbers-64);
--asl-gorizont-display-large-font-size-tablet: var(--numbers-48);
--asl-gorizont-display-large-font-size-mobile: var(--numbers-24);
--asl-gorizont-display-large-line-height-desktop: var(--numbers-64);
--asl-gorizont-display-large-line-height-tablet: var(--numbers-48);
--asl-gorizont-display-large-line-height-mobile: var(--numbers-28);
--asl-wagon-subtitle-font-size-desktop: var(--numbers-16);
--asl-wagon-subtitle-font-size-tablet: var(--numbers-14);
--asl-wagon-subtitle-font-size-mobile: var(--numbers-12);
--asl-wagon-subtitle-line-height-desktop: var(--numbers-20);
--asl-wagon-subtitle-line-height-tablet: var(--numbers-20);
--asl-wagon-subtitle-line-height-mobile: var(--numbers-16);
--spacing-component-large-desktop: var(--numbers-64);
--spacing-component-large-tablet: var(--numbers-48);
--spacing-component-large-mobile: var(--numbers-32);
--selector-primary-mode-1: var(--palette-white-alpha-12);
--selector-primary-pressed-mode-1: var(--palette-white-alpha-32);
--selector-primary-hover-mode-1: var(--palette-white-alpha-24);
--asl-gorizont-display-small-font-size-desktop: var(--numbers-28);
--asl-gorizont-display-small-font-size-tablet: var(--numbers-24);
--asl-gorizont-display-small-font-size-mobile: var(--numbers-18);
--asl-gorizont-display-small-line-height-desktop: var(--numbers-36);
--asl-gorizont-display-small-line-height-tablet: var(--numbers-28);
--asl-gorizont-display-small-line-height-mobile: var(--numbers-24);
--tag-primary-hover-mode-1: var(--palette-white-alpha-24);
--tag-primary-pressed-mode-1: var(--palette-white-alpha-32);
--asl-wagon-body-medium-font-size-desktop: var(--numbers-20);
--asl-wagon-body-medium-font-size-tablet: var(--numbers-18);
--asl-wagon-body-medium-font-size-mobile: var(--numbers-16);
--asl-wagon-body-medium-line-height-desktop: var(--numbers-28);
--asl-wagon-body-medium-line-height-tablet: var(--numbers-24);
--asl-wagon-body-medium-line-height-mobile: var(--numbers-20);
--spacing-subtitle-vertical-desktop: var(--numbers-12);
--spacing-subtitle-vertical-tablet: var(--numbers-12);
--spacing-subtitle-vertical-mobile: var(--numbers-12);
--text-secondary-mode-1: var(--palette-dark-blue-500);
--tag-primary-selected-mode-1: var(--palette-white-alpha-100);
--spacing-between-tags-desktop: var(--numbers-8);
--spacing-between-tags-tablet: var(--numbers-8);
--spacing-between-tags-mobile: var(--numbers-8);
--spacing-display-text-vertical-desktop: var(--numbers-12);
--spacing-display-text-vertical-tablet: var(--numbers-12);
--spacing-display-text-vertical-mobile: var(--numbers-12);
--spacing-image-bottom-desktop: var(--numbers-12);
--spacing-image-bottom-tablet: var(--numbers-12);
--spacing-image-bottom-mobile: var(--numbers-12);
--button-primary-hover-mode-1: var(--palette-white-alpha-24);
--button-primary-pressed-mode-1: var(--palette-white-alpha-32);
--button-accent-red-hover-mode-1: var(--palette-red-500);
--button-accent-gold-gradient-1-hover-mode-1: var(--palette-gold-500);
--button-accent-gold-gradient-2-hover-mode-1: var(--palette-gold-300);
--asl-wagon-body-small-font-size-desktop: var(--numbers-16);
--asl-wagon-body-small-font-size-tablet: var(--numbers-16);
--asl-wagon-body-small-font-size-mobile: var(--numbers-16);
--asl-wagon-body-small-line-height-desktop: var(--numbers-24);
--asl-wagon-body-small-line-height-tablet: var(--numbers-20);
--asl-wagon-body-small-line-height-mobile: var(--numbers-20);
--padding-2x-large-desktop: var(--numbers-32);
--padding-2x-large-tablet: var(--numbers-20);
--padding-2x-large-mobile: var(--numbers-16);
--icon-secondary-mode-1: var(--palette-dark-blue-500);
--asl-gorizont-display-extra-large-font-size-desktop: var(--numbers-72);
--asl-gorizont-display-extra-large-font-size-tablet: var(--numbers-52);
--asl-gorizont-display-extra-large-font-size-mobile: var(--numbers-28);
--asl-gorizont-display-extra-large-line-height-desktop: var(--numbers-72);
--asl-gorizont-display-extra-large-line-height-tablet: var(--numbers-52);
--asl-gorizont-display-extra-large-line-height-mobile: var(--numbers-32);
--line-primary-mode-1: var(--palette-white-alpha-100);
--line-secondary-mode-1: var(--palette-white-alpha-12);
--line-secondary-hover-mode-1: var(--palette-white-alpha-100);
--asl-wagon-body-medium-paragraph-font-size-desktop: var(--numbers-20);
--asl-wagon-body-medium-paragraph-font-size-tablet: var(--numbers-18);
--asl-wagon-body-medium-paragraph-font-size-mobile: var(--numbers-16);
--asl-wagon-body-medium-paragraph-line-height-desktop: var(--numbers-32);
--asl-wagon-body-medium-paragraph-line-height-tablet: var(--numbers-28);
--asl-wagon-body-medium-paragraph-line-height-mobile: var(--numbers-24);
--asl-gorizont-display-extra-small-font-size-desktop: var(--numbers-20);
--asl-gorizont-display-extra-small-font-size-tablet: var(--numbers-24);
--asl-gorizont-display-extra-small-font-size-mobile: var(--numbers-16);
--asl-gorizont-display-extra-small-line-height-desktop: var(--numbers-24);
--asl-gorizont-display-extra-small-line-height-tablet: var(--numbers-28);
--asl-gorizont-display-extra-small-line-height-mobile: var(--numbers-20);
--icon-vip-mode-1: var(--palette-gold-600);
}
/* Color Styles */
:root {
--header: linear-gradient(90deg, 0% rgba(0, 10, 26, 1), 50% rgba(0, 10, 26, 0.33), 100% rgba(0, 10, 26, 0));
--slider: linear-gradient(90deg, 0% rgba(0, 10, 26, 1), 100% rgba(0, 10, 26, 0));
--button-special: linear-gradient(90deg, 0% rgba(237, 224, 128, 1), 100% rgba(232, 195, 103, 1));
--button-special-hover: linear-gradient(90deg, 0% rgba(248, 238, 160, 1), 100% rgba(248, 219, 144, 1));
--button-special-pressed: linear-gradient(90deg, 0% rgba(255, 244, 158, 1), 100% rgba(255, 221, 138, 1));
--card-shadow-default: linear-gradient(90deg, 0% rgba(0, 10, 25, 0), 100% rgba(0, 10, 25, 1));
--card-shadow-hover: linear-gradient(90deg, 0% rgba(0, 10, 25, 0), 100% rgba(0, 10, 25, 1));
--card-stroke-default: linear-gradient(90deg, 0% rgba(255, 255, 255, 0), 33.33333432674408% rgba(255, 255, 255, 1), 66.66666865348816% rgba(255, 255, 255, 1), 100% rgba(255, 255, 255, 0));
--card-stroke-hover: linear-gradient(90deg, 0% rgba(255, 255, 255, 0), 33.33333432674408% rgba(255, 255, 255, 1), 66.66666865348816% rgba(255, 255, 255, 1), 100% rgba(255, 255, 255, 0));
--ui-color-primary: #6750A3FF;
}
/* Text Styles */
.button {
font-family: ALS Wagon;
font-size: 16px;
line-height: 20px;
letter-spacing: 12%;
font-weight: 400;
}
.display-extra-large {
font-family: ALS Gorizont 2.1;
font-size: 72px;
line-height: 72px;
letter-spacing: 0%;
font-weight: 400;
}
.display-large {
font-family: ALS Gorizont 2.1;
font-size: 64px;
line-height: 64px;
letter-spacing: 0%;
font-weight: 400;
}
.display-meduim {
font-family: ALS Gorizont 2.1;
font-size: 48px;
line-height: 52px;
letter-spacing: 0%;
font-weight: 400;
}
.display-medium-paragraph {
font-family: ALS Gorizont 2.1;
font-size: 48px;
line-height: 120%;
letter-spacing: 0%;
font-weight: 400;
}
.display-small {
font-family: ALS Gorizont 2.1;
font-size: 28px;
line-height: 36px;
letter-spacing: 0%;
font-weight: 400;
}
.display-extra-small {
font-family: ALS Gorizont 2.1;
font-size: 20px;
line-height: 24px;
letter-spacing: 0%;
font-weight: 400;
}
.title-subtitle {
font-family: ALS Wagon;
font-size: 16px;
line-height: 20px;
letter-spacing: 12%;
font-weight: 400;
}
.body-medium {
font-family: ALS Wagon;
font-size: 20px;
line-height: 28px;
letter-spacing: 0%;
font-weight: 400;
}
.body-medium-paragraph {
font-family: ALS Wagon;
font-size: 20px;
line-height: 32px;
letter-spacing: 0%;
font-weight: 400;
}
.body-small {
font-family: ALS Wagon;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
font-weight: 400;
}
html{
width: 100%;
height: 100%;
--myColor: green;
--myBlur: 0px;
font-size: 1vw;
}
@media(min-width: 1921px){
html {
font-size: 19.2px;
}
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
img{
vertical-align: top;
max-width: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.link-with-arrow.hovered-link {
display: flex;
align-items: center;
}
.link-with-arrow.hovered-link span.text, .hovered-link .link-with-arrow span.text {
display: flex;
align-items: center;
}
.btn span.text .hovered-link-container span {
display: flex;
align-items: center;
}
.hovered-link .hovered-link-container {
display: flex;
flex-direction: column;
pointer-events: none;
position: relative;
}
.hovered-link span.text{
overflow: hidden;
}
.hovered-link .hovered-link-container span.visible-link-name {
display: inline-block;
opacity: 1;
white-space: nowrap;
/*transition: transform .4s cubic-bezier(0.76, 0, 0.24, 1), opacity .8s ease;*/
transition: opacity 500ms ease-in, transform 250ms linear;
}
.hovered-link .hovered-link-container span.hidden-link-name {
content: attr(data-replace);
position: absolute;
width: 100%;
white-space: nowrap;
left: 0px;
height: 100%;
top: 110%;
opacity: 0;
transition: opacity 500ms ease-in, top 250ms linear;
}
.hovered-link .hovered-link-container.hovered-text span.hidden-link-name {
/* opacity: 1; */
/*transform: translate3d(0, -100%, 0);*/
}
.hovered-link:hover .hovered-link-container.hovered-text span.hidden-link-name {
opacity: 1;
top: 0;
}
.hovered-link:hover .hovered-link-container.hovered-text span.visible-link-name {
opacity: 0;
transform: translateY(-100%);
}
/* End of Eric Meyer's CSS Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
body {
font-family: 'ALS Wagon';
font-weight: 400;
color: #FFFFFF;
font-size: 0.9375rem;
line-height: 1.3125rem;
background: var(--Surface-Primary, #000A1A);
}
.xs-view,
.slick-slide img.xs-view{
display: none;
}
.xs-md-view,
.slick-slide img.xs-md-view{
display: none;
}
.md-view,
.slick-slide img.md-view{
display: none;
}
.lg-md-view,
.slick-slide img.lg-md-view{
display: none;
}
.lg-view,
.slick-slide img.lg-view{
display: inline-block;
}
.wrapper-inside{
max-width: 1840px;
width: 95.8333333333%;
margin: 0 auto;
}
.header{
padding: 1.1458333rem 0;
position: absolute;
z-index: 99999;
top: 0;
left: 0;
width: 100%;
background: linear-gradient(180deg, #000A1A 0%, rgba(0, 10, 26, 0.33) 50%, rgba(0, 10, 26, 0.00) 100%);
}
.header-container{
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.header-logo{
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.header-content-right{
position: relative;
z-index: 2;
}
.btn.bg-red{
background: var(--Button-Accent-Red, #D22E3C);
}
.header-content-left{
display: flex;
align-items: center;
gap: var(--Spacing-Component-medium, 1.66666666667rem);
}
.burger-icon {
border-radius: var(--Radius-Circle-Button, 9999px);
width: 44px;
height: 44px;
}
.header-nav a{
/*font-size: var(--ASL-Wagon-Button-Font-Size, 0.83333333333rem);*/
font-size: clamp(14px, 0.83333333333rem, 16px);
font-style: normal;
font-weight: 400;
/*line-height: var(--ASL-Wagon-Button-Line-height, 1.04166666667rem);*/
line-height: clamp(20px, 1.04166666667rem, 20px);
letter-spacing: clamp(1.68px, 0.1rem, 1.92px);
text-transform: uppercase;
}
/*.stars-hidden-container{*/
/* position: relative;*/
/* z-index: 3;*/
/* background: var(--Surface-Primary, #000A1A);*/
/*}*/
.header-nav ul{
display: flex;
gap: 1.61458333333rem;
}
.header-nav ul li{
display: flex;
flex-direction: column;
}
.bottom-line{
height: 1px;
width: 0%;
background-color: rgb(255, 252, 245);
align-self: flex-end;
-webkit-transition: .6s cubic-bezier(.645,.045,.355,1);
-o-transition: .6s cubic-bezier(.645,.045,.355,1);
transition: .6s cubic-bezier(.645,.045,.355,1);
}
.bottom-line.active{
width: 100%;
align-self: flex-start;
}
.btn{
padding: 0.625rem 0.8333333333333333rem;
display: flex;
min-width: 6.25rem;
border-radius: var(--Radius-Circle-Button, 9999px);
background: var(--Button-Primary, rgba(255, 255, 255, 0.12));
backdrop-filter: blur(calc(var(--Blur-Button, 128px) / 2));
padding: var(--Padding-Medium, 0.625rem) var(--Padding-Large, 6.0416666666666667rem);
justify-content: center;
align-items: center;
gap: var(--Padding-x-Small, 0.2083333333333333rem);
color: var(--Text-Primary, #FFF);
/*font-size: var(--ASL-Wagon-Button-Font-Size, 0.8333333333333333rem);*/
font-size: clamp(14px, 0.8333333333333333rem, 16px);
font-style: normal;
font-weight: 400;
line-height: clamp(20px, 1.0416666666666667rem, 20px); /* 125% */
line-height: clamp(20px, 1.0416666666666667rem, 20px);
letter-spacing: clamp(1.68px, 0.1rem, 1.92px);
text-transform: uppercase;
}
.section{
width: 100%;
position: relative;
overflow: hidden;
}
.visiable-about-content .img{
width: 100%;
position: relative;
height: 100%;
}
.visiable-about-content .img:before{
content: '';
position: absolute;
z-index: 111;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #000A1A 0%, rgba(0, 10, 26, 0.00) 33.33%, #000A1A 100%);
}
header-nav ul li.lg-view.lg-md-view.xs-md-view{
display: flex;
}
.visiable-about-content img{
height: 100%;
width: 100%;
object-fit: cover;
}
.visiable-about-content{
position: absolute;
z-index: -1;
height: 100%;
width: 100%;
}
.about-card-container{
/*min-height: 1078px;*/
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 4.0625rem;
}
.section-main-about-banner .wrapper-inside{
height: 100%;
}
.about-card-container.min-height{
min-height: 21.5rem;
}
.about-card-inside{
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.card-about-slide{
display: flex;
gap: 1.40625rem;
align-items: flex-end;
}
/*.about-card-left{*/
/* width: 49.4565217391%;*/
/*}*/
.main-card-img {
width: 11.3541666667rem;
height: 16.9270833333rem;
position: relative;
overflow: hidden;
}
.main-card-img .swiper{
height: 100%;
/*border: 1.6px solid #3D4551;*/
/*padding: 4px;*/
position: relative;
}
/*.main-card-img .swiper-wrapper{*/
/* border-radius: 36px;*/
/* overflow: hidden;*/
/*}*/
.animate-border {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0px;
width: 100%;
z-index: 5;
pointer-events: none;
touch-action: none;
}
.animate-border svg{
width: 100%;
height: 100%;
}
.main-card-img .swiper-slide{
overflow: hidden;
padding: 0.1041666666666667rem 0.2083333333333333rem;
/*border-radius: 2.0833333333333333rem;*/
}
@-webkit-keyframes animate-svg-stroke-1 {
0% {
stroke-dashoffset: 1029.1639404296875px;
stroke-dasharray: 1029.1639404296875px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 1029.1639404296875px;
}
}
@-webkit-keyframes animate-svg-stroke-1 {
0% {
stroke-dashoffset: 1029.1639404296875px;
stroke-dasharray: 1029.1639404296875px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 1029.1639404296875px;
}
}
@keyframes animate-svg-stroke-1 {
0% {
stroke-dashoffset: 1029.1639404296875px;
stroke-dasharray: 1029.1639404296875px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 1029.1639404296875px;
}
}
/*.svg-elem-1 {*/
/* -webkit-animation: animate-svg-stroke-1 5s linear 0s both;*/
/* animation: animate-svg-stroke-1 5s linear 0s both;*/
/*}*/
.swiper-slide .svg-elem-1 {
animation-duration: 5000ms;
}
.swiper-slide .animate-border{
opacity: 0;
}
.swiper-slide.swiper-slide-active .animate-border{
opacity: 1;
}
.swiper-slide.swiper-slide-active .svg-elem-1 {
stroke-linecap: round;
stroke-dasharray: 426.641px;
stroke-dashoffset: 426.641px;
-webkit-animation: animate-svg-stroke-1 5s linear 0s both;
animation: animate-svg-stroke-1 5s linear 0s both;
}
/*.swiper-slide.swiper-slide-active:first-child .svg-elem-1 {*/
/* animation: animate-svg-stroke-1 4.7s linear both;*/
/* animation-delay: 0s;*/
/*}*/
.main-card-img .img{
width: 100%;
height: 100%;
}
.main-card-content-container {
width: calc(100% - 212px - 1.6666666666666667rem);
}
.main-card-content-container .swiper-wrapper{
/*overflow: hidden;*/
}
.main-card-img .img img{
width: 100%;
object-fit: cover;
height: 100%;
}
.date-line{
display: flex;
align-items: center;
gap: var(--Spacing-Component-medium, 1.66666666667rem);
/*font-size: var(--ASL-Wagon-Button-Font-Size, 0.83333333333rem);*/
font-size: clamp(14px, 0.83333333333rem, 16px);
/*line-height: var(--ASL-Wagon-Button-Line-height, 1.04166666667rem); !* 125% *!*/
line-height: clamp(20px, 1.04166666667rem, 20px);
letter-spacing: clamp(1.68px, 0.1rem, 1.92px);
text-transform: uppercase;
font-weight: 400;
font-style: normal;
transition: all 300ms ease-out;
margin-bottom: 0.625rem;
}
.date-line .type-name{
display: flex;
padding: var(--Padding-Small, 0.4166666666666667rem) var(--Padding-Medium, 0.625rem);
justify-content: center;
align-items: center;
border-radius: var(--Radius-Tag, 0.4166666666666667rem);
background: var(--Tag-Primary, rgba(255, 255, 255, 0.12));
backdrop-filter: blur(calc(var(--Blur-Button, 128px) / 2));
}
.date-line .date{
display: flex;
align-items: center;
}
.date-line .date .separator{
width: 1.0416666666666667rem;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 0.4347826086956522rem;
}
.title-card{
font-family: 'ALSGorizont';
font-size: clamp(40px, 2.5rem, 48px);
font-weight: 600;
/*line-height: var(--ASL-Gorizont-Display-Medium-Line-height, 2.7083333333333333rem); !* 108.333% *!*/
line-height: clamp(42px, 2.7083333333333333rem, 52px);
position: relative;
display: inline;
}
.btn.golden{
border-radius: var(--Radius-Circle-Button, 9999px);
background: var(--Button-Special, linear-gradient(180deg, #EDE080 0%, #E8C367 100%));
backdrop-filter: blur(calc(var(--Blur-Button, 128px) / 2));
color: var(--Text-Special, #2A2308);
}
.buy-ticket-container{
display: flex;
/*margin-top: 32px;*/
padding-top: 1.455rem;
gap: 0.4166666666666667rem;
}
.card-slide{
height: 10.625rem;
position: relative;
cursor: pointer;
border-radius: var(--Radius-Small-Card, 1.6666666666666667rem);
background: var(--Card-Primary, #021026);
overflow: hidden;
}
.card-slide:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
opacity: 1;
background: linear-gradient(0deg, rgba(0, 10, 26, 0.50) 0%, rgba(0, 10, 26, 0.50) 100%);
-webkit-transition: .3s cubic-bezier(.645,.045,.355,1);
-o-transition: .3s cubic-bezier(.645,.045,.355,1);
transition: .3s cubic-bezier(.645,.045,.355,1);
}
.card-slide:hover:before{
opacity: 0;
}
.card-slide img{
width: 100%;
height: 100%;
object-fit: cover;
}
.about-card-right{
width: 33.6%;
overflow: hidden;
}
.about-card-right-inside{
margin-left: -22%;
}
.marking-service-text-content-container{
display: none;
}
.marking-service-text-content-container.active{
display: block;
}
.marking-service-text-content{
display: flex;
flex-direction: column;
align-items: center;
}
.marking-service-text-content p{
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
line-clamp: 5;
box-orient: vertical;
}
.main-card-content-container .swiper-slide.swiper-slide-active{
}
.animate-text .text{
color: var(--Text-Primary, #FFF);
font-family: 'ALSGorizont';
font-size: clamp(40px, 2.5rem, 48px);
font-style: normal;
font-weight: 600;
line-height: 120%;
padding-left: 1.71875rem;
opacity: 1;
color: rgba(255, 255, 255, 0.24);
}
.animate-text p {
color: var(--Text-Primary, #FFF);
font-family: 'ALSGorizont';
/*font-size: var(--ASL-Gorizont-Display-Medium-Font-Size, 2.5rem);*/
font-size: clamp(40px, 2.5rem, 48px);
font-style: normal;
font-weight: 600;
line-height: 120%;
}
.animate-text p:not(:last-child){
margin-bottom: 1.40625rem;
}
.animate-text span{
/*color: rgba(255, 255, 255, 0.24);*/
}
.burger-icon {
/*width: 2.2916666666666667rem;*/
/*height: 2.2916666666666667rem;*/
width: 44px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
border-radius: var(--Radius-Circle-Button, 9999px);
background: var(--Button-Primary, rgba(255, 255, 255, 0.12));
backdrop-filter: blur(calc(128px / 2));
}
.burger-icon {
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.burger-icon span {
width: 1.0416666666666667rem;
height: 2px;
position: relative;
background-color: #FFFFFF;
transition: all 0.3s ease;
}
.burger-icon.active span {
background-color: transparent;
}
.burger-icon.active span:before {
transform: translateY(-6px) rotate(135deg);
}
.burger-icon.active span:after {
transform: translateY(6px) rotate(-135deg);
}
.link-flex{
display: flex;
flex-direction: column;
}
.burger-icon span:before,
.burger-icon span:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: #FFFFFF;
-webkit-transition: .6s cubic-bezier(.645,.045,.355,1);
-o-transition: .6s cubic-bezier(.645,.045,.355,1);
transition: .6s cubic-bezier(.645,.045,.355,1);
}
.burger-icon span:before {
top: 6px; /* Расположение средней полоски */
}
.burger-icon span:after {
bottom: 6px; /* Расположение нижней полоски */
}
.animate-text .text-hidden{
color: var(--Text-Primary, #FFF);
font-family: 'ALSGorizont';
font-size: clamp(40px, 2.5rem, 48px);
font-style: normal;
font-weight: 600;
line-height: 120%;
position: absolute;
z-index: 2;
left: 0;
top: 0;
padding-left: 1.71875rem;
}
.animate-text .text-hidden span{
-webkit-transition: .3s cubic-bezier(.645,.045,.355,1);
-o-transition: .3s cubic-bezier(.645,.045,.355,1);
transition: .3s cubic-bezier(.645,.045,.355,1);
opacity: 0;
}
.animate-text .text-hidden span.active{
color: var(--Text-Primary, #FFF);
opacity: 1;
}
body.hidden{
overflow: hidden;
}
.burger-menu-container{
position: absolute;
z-index: 0;
width: 100%;
background: var(--Surface-Primary, #000A1A);
/*top: -1.1458333333333333rem;*/
top: 0;
left: 0;
padding-top: 5.5208333333333333rem;
/*transform: translateY(-100%);*/
-webkit-transition: .6s cubic-bezier(.645,.045,.355,1);
-o-transition: .6s cubic-bezier(.645,.045,.355,1);
transition: .6s cubic-bezier(.645,.045,.355,1);
border-bottom: 1px solid var(--Line-Secondary, rgba(255, 255, 255, 0.12));
}
.burger-menu-container:before{
content: '';
/*position: absolute;*/
/*width: 100%;*/
/*height: 100vh;*/
/*opacity: 0.5;*/
/*background: var(--Surface-Primary, #000A1A);*/
/*z-index: -1111;*/
}
.blue-text{
color: #2C6CCC;
}
.section-animate-text .stars-animation-container{
height: 100%;
background: var(--Surface-Primary, #000A1A);
}
.section-animate-text .wrapper-inside{
height: 100%;
}
.animate-text {
/*width: 58.044%;*/
width: 55.044%;
position: relative;
padding-left: 2.6041666666666667rem;
}
.animate-text-container{
/*display: flex;*/
/*justify-content: center;*/
/*padding: 354px 0;*/
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
/*.section-animate-text{*/
/* min-height: 300vh;*/
/*}*/
.map-points{
position: absolute;
width: 100%;
height: 100%;
}
.section-services{
/*padding-top: 16.9791666666666667rem;*/
}
.map-point{
position: absolute;
cursor: pointer;
}
.map-point svg{
-webkit-transition: .3s cubic-bezier(.645,.045,.355,1);
-o-transition: .3s cubic-bezier(.645,.045,.355,1);
transition: .3s cubic-bezier(.645,.045,.355,1);
}
/*
.map-point:hover svg{
transform: translateY(0.5208333333333333rem);
}
*/
.map-point.active{
z-index: 999;
}
.map-point.auto {
left: 12.2%;
top: 16.2%;
}
.map-point.entrance {
left: 14.7%;
top: 31.6%;
}
.map-point.invalid{
left: 15%;
top: 40%;
}
.map-point.invalid {
left: 27.2%;
top: 26.4%;
}
.map-point.cube{
left: 40%;
top: 40%;
}
.map-point.cube {
left: 32.2%;
top: 17.5%;
}
.map-point.wifi {
left: 39.3%;
top: 19.5%;
}
.map-point.footbal {
left: 56%;
top: 34.4%;
}
.map-point.park {
left: 34.6%;
top: 51%;
}
.map-point.basebal{
left: 60%;
top: 30%;
}
.map-point.basebal {
left: 68.9%;
top: 40.4%;
}
.map-with-point-container{
position: relative;
height: 100%;
}
.map-with-point-inside{
height: 100%;
/*width: max-content;*/
/*overflow-x: scroll;*/
}
.map-pic{
position: relative;
width: 100%;
height: 100%;
min-width: 1920px;
}
.map-pic img{
width: 100%;
height: 100%;
object-fit: cover;
}
.mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-bottom: 0 !important;
height: 100%;
/*width: max-content !important;*/
}
.map-pic-container{
height: 100%;
/*width: max-content;*/
}
.breadcrumbs-list .swiper-slide{
width: auto;
height: auto;
}
.breadcrumbs-list.swiper{
overflow: visible;
}
@media (max-width: 1199px) {
}
.pop-up-map-item .bg{
position: absolute;
right: 0;
pointer-events: none;
touch-action: none;
bottom: 0;
}
.pop-up-map-item .img-top{
position: relative;
}
.pop-up-map-item .img-top .arrow-item{
top: auto;
opacity: 1;
pointer-events: auto;
touch-action: auto;
bottom: 0px;
left: 0;
}
.pop-up-map-item .img-top .arrow-item.left{
left: 1.6666666666666667rem;
}
.pop-up-map-item .img-top .arrow-item.right{
left: 4.375rem;
}
.pop-up-map-item .bottom-content{
padding: 1.6666666666666667rem;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
overflow: hidden;
}
.pop-up-map-item .bottom-content p{
margin-top: 0.4166666666666667rem;
margin-bottom: 1.6666666666666667rem;
}
.main-card-content .main-link{
padding-right: clamp(40px, 2.29166666667rem, 44px);
}
h2{
font-family: 'ALSGorizont';
/*font-size: var(--ASL-Gorizont-Display-Large-Font-Size, 3.3333333333333333rem);*/
font-size: clamp(48px, 3.3333333333333333rem, 64px);
font-style: normal;
font-weight: 700;
/*width: max-content;*/
position: relative;
/*line-height: var(--ASL-Gorizont-Display-Large-Line-height, 3.4895833333333333rem); !* 100% *!*/
line-height: clamp(48px, 3.4895833333333333rem, 64px);
}
.main-link{
display: inline-block;
}
.main-link .icon{
position: relative;
right: 0;
bottom: -0.5729166666666667rem;
/*right: -56px;*/
/*bottom: 10px;*/
display: inline-block;
/*padding: 15px;*/
/*width: 2.2916666666666667rem;*/
/*height: 2.2916666666666667rem;*/
width: 44px;
height: 44px;
border-radius: var(--Radius-Circle-Button, 9999px);
background: var(--Button-Primary, rgba(255, 255, 255, 0.12));
-webkit-transition: .3s cubic-bezier(.645,.045,.355,1);
-o-transition: .3s cubic-bezier(.645,.045,.355,1);
transition: .3s cubic-bezier(.645,.045,.355,1);
backdrop-filter: blur(calc(var(--Blur-Button, 128px) / 2));
}
.main-link .icon svg{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.main-link:hover .icon{
background: var(--Button-Primary-Hover, rgba(255, 255, 255, 0.24));
transform: rotate(45deg);
}
.section-header{
display: flex;
justify-content: space-between;
width: 100%;
margin-bottom: 3.3333333333333333rem;
position: relative;
z-index: 2;
flex-wrap: wrap;
}
.calendar-container{
padding-top: 0.5208333333333333rem;
margin-left: 11%;
position: relative;
overflow: hidden;
z-index: -1;
}
.afisha-container .calendar-container.wrap{
width: 100%;
padding-left: 0;
padding-top: 3.3291666666666667rem;
margin: 0 -32px;
}
.afisha-container .calendar-container.wrap .swiper{
margin: 0;
}
.section-afisha.another-version .afisha-container{
margin: 0;
}
.section-afisha.another-version{
padding-top: 6.6166666666666667rem;
}
.shadow-container{
width: 100%;
position: relative;
}
/*.shadow-container:before{*/
/* content: '';*/
/* position: absolute;*/
/* pointer-events: none;*/
/* touch-action: none;*/
/* top: 0;*/
/* right: 0;*/
/* height: 100%;*/
/* width: 9.1145833333333333rem;*/
/* background: linear-gradient(270deg, #000A1A 0%, rgba(0, 10, 26, 0.00) 100%);*/
/* z-index: 2;*/
/*}*/
.partners-container .swiper-slide{
width: auto;
}
.wrapper-inside.full-width {
width: 100%;
}
.partners-container .swiper-slide p{
color: #FFF;
text-align: center;
font-size: clamp(18px, 1.0416666666666667rem, 20px);
font-style: normal;
font-weight: 400;
line-height: clamp(24px, 1.0416666666666667rem, 28px); /* 140% */
opacity: 0;
/*position: absolute;*/
/*bottom: 0px;*/
/*left: 0.625rem;*/
transform: translateY(30px);
-webkit-transition: .3s cubic-bezier(.645,.045,.355,1);
-o-transition: .3s cubic-bezier(.645,.045,.355,1);
transition: .3s cubic-bezier(.645,.045,.355,1);
}
.partners-container .swiper-slide:hover p{
opacity: 1;
/*bottom: 1.5625rem;*/
transform: translateY(-10px);
}
.calendar-items{
display: flex;
position: relative;
width: 100%;
padding-bottom: 5px;
}
.mach-hockey-swiper-container .swiper{
overflow: visible;
}
.table-calendar{
display: flex;
flex-direction: column;
}
.table-calendar .tr{
display: flex;
gap: 1.0416666666666667rem;
}
.table-calendar .tr:not(:first-child){
margin-top: 0.4166666666666667rem;
}
.table-calendar .tr .thead{
display: flex;
gap: 1.0416666666666667rem;
}
.table-calendar .tr .td{
font-size: clamp(14px, 0.8333333333333333rem, 16px);
letter-spacing: clamp(1.68px, 0.1rem, 1.92px);
line-height: clamp(20px, 1.0416666666666667rem, 20px);
font-style: normal;
font-weight: 400;
text-transform: uppercase;
width: 1.6666666666666667rem;
height: 1.6666666666666667rem;
display: flex;
justify-content: center;
align-items: center;
}
.table-calendar .tr .td a{
position: relative;
z-index: 1;
}
.table-calendar .tr .td a span{
position: relative;
display: inline-block;
}
.table-calendar .tr .td a span:before{
content: '';
position: absolute;
/*width: 1.6666666666666667rem;*/
/*height: 1.6666666666666667rem;*/
width: 32px;
height: 32px;
border-radius: 9999px;
background-color: #6C6E71;
top: 50%;
z-index: -1;
left: 50%;
opacity: 0;
transform: translate(-50%, -50%);
-webkit-transition: .3s cubic-bezier(.645,.045,.355,1);
-o-transition: .3s cubic-bezier(.645,.045,.355,1);
transition: .3s cubic-bezier(.645,.045,.355,1);
}
.table-calendar .tr .td a.active span:before{
opacity: 1;
background-color: #FFFFFF;
}
.table-calendar .tr .td a.active span{
color: var(--Text-Secondary, #000A1A) !important;
}
.table-calendar .tr .thead .td{
opacity: 0.5;
margin-top: 0;
}
.table-calendar .tr .td a:hover span{
color: var(--Text-Primary, #FFF);
}
.table-calendar .tr .td a:hover span:before{
opacity: 1;
}
.calendar-item .name-month{
font-size: clamp(14px, 0.8333333333333333rem, 16px);
font-style: normal;
font-weight: 400;
line-height: clamp(20px, 1.0416666666666667rem, 20px); /* 125% */
letter-spacing: clamp(1.68px, 0.1rem, 1.92px);
text-transform: uppercase;
margin-bottom: 1.40625rem;
}
.pd-top{
padding-top: 6.6666666666666667rem;
}
.pd-bottom{
padding-bottom: 4.1666666666666667rem;
}
.afisha-content-inside .swiper-slide{
border: 1px solid rgba(255, 255, 255, 0.00);
}
.swiper-slide-inside {
position: relative;
border-radius: var(--Radius-Big-Card, 2.0833333333333333rem);
overflow: hidden;
}
.afisha-content-inside .swiper-slide .afisha-item-img{
border-radius: 0;
}
.afisha-item-wrapper{
border-radius: 40px;
}
/*.afisha-item-wrapper:after, .afisha-item-wrapper:before {*/
/* content: "";*/
/* display: inline-block;*/
/* width: 100%;*/
/* height: 100%;*/
/* position: absolute;*/
/* left: 0px;*/
/* top: 0px;*/
/* z-index: 4;*/
/* box-sizing: border-box;*/
/* !*border-radius: 2.0833333333333333rem;*!*/
/* border-radius: 40px;*/
/* border: 0px;*/
/* background: linear-gradient(230deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) 100% 0%;*/
/* -webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);*/
/* -webkit-mask-composite: xor;*/
/* mask-composite: exclude;*/
/* padding: 1px;*/
/* pointer-events: none;*/
/*}*/
.mach-hockey-swiper-container .swiper-slide:before {
/*content: "";*/
/*display: inline-block;*/
/*width: 100%;*/
/*height: 100%;*/
/*position: absolute;*/
/*left: 0px;*/
/*top: 0px;*/
/*z-index: 4;*/
/*box-sizing: border-box;*/
/*border-radius: var(--Radius-Big-Card, 2.0833333333333333rem);*/
/*border: 0px;*/
/*background: linear-gradient(230deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) 100% 0%;*/
/*-webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);*/
/*-webkit-mask-composite: xor;*/
/*mask-composite: exclude;*/
/*padding: 1px;*/
/*pointer-events: none;*/
}
/*.swiper-slide-inside:before{*/
/* content: "";*/
/* display: inline-block;*/
/* width: 100%;*/
/* height: 100%;*/
/* position: absolute;*/
/* left: 0px;*/
/* top: 0px;*/
/* z-index: 10;*/
/* background: linear-gradient(180deg, rgba(0, 10, 26, 0.70) 0%, rgba(0, 10, 26, 0.00) 33%, rgba(0, 10, 26, 0.70) 100%);*/
/* box-sizing: border-box;*/
/* border-width: 1px;*/
/* border-style: solid;*/
/* opacity: 1;*/
/* border-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) 100% 0%;*/
/*}*/
/*.afisha-content-inside .swiper-slide:before{*/
/* content: '';*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/* width: 100%;*/
/* height: 100%;*/
/* opacity: 0.08;*/
/* background: radial-gradient(100% 100% at 50% 0%, #FFF 0%, rgba(255, 255, 255, 0.00) 90%);*/
/* pointer-events: none;*/
/* touch-action: none;*/
/* z-index: 3;*/
/*}*/
.afisha-content-inside .swiper-slide .afisha-item-img{
overflow: hidden;
position: relative;
}
.afisha-content-inside .swiper-slide .afisha-item-img:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
touch-action: none;
z-index: 5;
opacity: 0.08;
background: radial-gradient(100% 100% at 50% 0%, #FFF 0%, rgba(255, 255, 255, 0.00) 90%);
border-radius: 2.0833333333333333rem;
}
.afisha-content-inside .swiper-slide .afisha-item-img:after{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 10, 25, 0.00) 50%, rgba(0, 10, 25, 0.9) 100%);
pointer-events: none;
touch-action: none;
}
.afisha-content-inside .swiper-slide .buy-ticket-container{
position: absolute;
opacity: 0;
bottom: 2.0833333333333333rem;
transition: opacity 300ms 0ms ease-out;
}
.pd-big-bottom{
padding-bottom: 7.5rem;
}
.afisha-content-inside .swiper-slide .afisha-item-wrapper:hover .buy-ticket-container{
opacity: 1;
}
.buy-ticket-btns{
display: flex;
gap: 0.4166666666666667rem;
}
.afisha-item-wrapper{
width: 100%;
height: 100%;
position: relative;
}
.afisha-content-inside .swiper-slide .afisha-item-img img{
-webkit-transition: .3s cubic-bezier(.645,.045,.355,1);
-o-transition: .3s cubic-bezier(.645,.045,.355,1);
transition: .3s cubic-bezier(.645,.045,.355,1);
}
.afisha-content-inside .afisha-item-wrapper:hover .afisha-item-img img{
transform: scale(1.05);
}
.afisha-content-inside .swiper-slide.v-1{
width: 49.5%;
height: 31.6666666666666667rem;
}
.afisha-item-img{
height: 100%;
width: 100%;
}
.afisha-item-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.afisha-item{
display: inline-block;
width: 100%;
height: 100%;
}
.afisha-content-info{
position: absolute;
bottom: 0;
left: 0;
padding: 1.5625rem;
z-index: 11;
transition: all 400ms ease-out;
}
.afisha-content-info .date-line{
margin-bottom: 0;
margin-top: 1.0020833333333333rem;
transition: all 300ms ease-out;
}
.afisha-content-inside .swiper-slide.v-2{
width: 33.3333332%;
height: 23.4375rem;
}
.title-desc{
font-family: 'ALSGorizont';
font-size: clamp(24px, 1.4583333333333333rem, 28px);
line-height: clamp(28px ,1.875rem, 36px);
font-style: normal;
font-weight: 700;
}
.bg-dark-gray{
background: #1F2836;
}
.full-screen{
display: inline-block;
width: 100%;
height: 100%;
}
.center-text{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-family: "ALS Wagon";
font-size: clamp(14px, 0.8333333333333333rem, 16px);
font-style: normal;
/*Пометка*/
font-weight: 400;
line-height: clamp(20px, 1.0416666666666667rem, 20px); /* 125% */
letter-spacing: clamp(1.68px, 0.1rem, 1.92px);
text-transform: uppercase;
}
.calendar-container .swiper-slide{
width: auto;
}
.afisha-content-inside{
position: relative;
}
.shadow-slider{
position: absolute;
height: 100%;
pointer-events: none;
touch-action: none;
width: 9.1145833333333333rem;
background: linear-gradient(-90deg, #000A1A 0%, rgba(0, 10, 26, 0.97917) 4.7%, rgba(0, 10, 26, 0.95603) 8.9%, rgba(0, 10, 26, 0.9296) 12.8%, rgba(0, 10, 26, 0.898904) 16.56%, rgba(0, 10, 26, 0.862963) 20.37%, rgba(0, 10, 26, 0.8208) 24.4%, rgba(0, 10, 26, 0.771437) 28.83%, rgba(0, 10, 26, 0.713896) 33.84%, rgba(0, 10, 26, 0.6472) 39.6%, rgba(0, 10, 26, 0.57037) 46.3%, rgba(0, 10, 26, 0.48243) 54.1%, rgba(0, 10, 26, 0.3824) 63.2%, rgba(0, 10, 26, 0.269304) 73.76%, rgba(0, 10, 26, 0.142163) 85.97%, rgba(0, 10, 26, 0) 100%);
z-index: 2;
opacity: 1;
transition: opacity 300ms ease-in;
}
.shadow-slider.hidden{
opacity: 0;
}
.shadow-slider.right{
top: 0;
right: 0px;
}
.shadow-slider.left{
top: 0;
left: 0;
transform: rotate(180deg);
}
.match-hockey-container{
padding-top: 22.7604166666666667rem;
}
.mach-hockey-swiper-container .swiper-slide{
border-radius: var(--Radius-Big-Card, 2.0833333333333333rem);
border: 1px solid rgba(255, 255, 255, 0.00);
background: var(--Card-Primary, #021026);
position: relative;
overflow: hidden;
height: 23.6979166666666667rem;
}
.mach-hockey-swiper-container .swiper-slide .bg{
position: absolute;
top: 1.875rem;
right: 0;
z-index: 1;
pointer-events: none;
}
.mach-hockey-swiper-container .swiper-slide .bg svg{
width: 31.25rem;
height: 21.53rem;
}
.match-info{
width: calc(100% - 6.6666rem);
}
.mach-hockey-swiper-container .swiper-slide .match-item-inside{
display: inline-block;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 0.78125rem;
padding: var(--Padding-2x-Large, 1.6666666666666667rem);
}
.mach-hockey-swiper-container .swiper-slide .buy-ticket-container {
position: absolute;
opacity: 0;
/*padding: var(--Padding-2x-Large, 1.6666666666666667rem);*/
bottom: 1.6666666666666667rem;
transition: opacity 300ms 0ms ease-out;
}
.mach-hockey-swiper-container .swiper-slide:hover .buy-ticket-container{
opacity: 1;
}
.mach-hockey-swiper-container .date-line{
margin: 0;
}
.matches-items{
margin: -0.8333333333333333rem 0;
}
.mach-item{
display: flex;
align-items: center;
gap: 1.6666666666666667rem;
padding: 0.8333333333333333rem 0;
}
.mach-item .icon{
width: 5rem;
height: 5rem;
}
.mach-item .icon img{
width: 100%;
height: 100%;
object-fit: contain;
}
.mach-item .name{
font-family: 'ALSGorizont';
font-size: clamp(24px, 1.4583333333333333rem, 28px);
font-style: normal;
font-weight: 700;
line-height: clamp(28px ,1.875rem, 36px); /* 128.571% */
margin-bottom: 0.4166666666666667rem;
}
.mach-item .city{
font-size: clamp(14px, 0.8333333333333333rem, 16px);
font-style: normal;
line-height: clamp(20px, 1.0416666666666667rem, 20px); /* 125% */
letter-spacing: clamp(1.68px, 0.1rem, 1.92px);
text-transform: uppercase;
opacity: 0.5;
}
.mach-hockey-swiper-container{
position: relative;
}
.mach-hockey-swiper-container:hover .arrow-item{
opacity: 1;
pointer-events: visible;
touch-action: auto;
}
.mach-hockey-swiper-container:hover .arrow-item.swiper-button-disabled{
opacity: 0;
pointer-events: none;
touch-action: none;
}
.mach-hockey-swiper-container:before{
content: '';
position: absolute;
width: 100%;
height: 20.8333333333333333rem;
top: -11.2395833333333333rem;
left: 0;
/*background: linear-gradient(0deg, #000A19 0%, rgba(0, 10, 25, 0.00) 100%);*/
background: linear-gradient(-360deg, #000A1A 0%, rgba(0, 10, 26, 0.97917) 4.7%, rgba(0, 10, 26, 0.95603) 8.9%, rgba(0, 10, 26, 0.9296) 12.8%, rgba(0, 10, 26, 0.898904) 16.56%, rgba(0, 10, 26, 0.862963) 20.37%, rgba(0, 10, 26, 0.8208) 24.4%, rgba(0, 10, 26, 0.771437) 28.83%, rgba(0, 10, 26, 0.713896) 33.84%, rgba(0, 10, 26, 0.6472) 39.6%, rgba(0, 10, 26, 0.57037) 46.3%, rgba(0, 10, 26, 0.48243) 54.1%, rgba(0, 10, 26, 0.3824) 63.2%, rgba(0, 10, 26, 0.269304) 73.76%, rgba(0, 10, 26, 0.142163) 85.97%, rgba(0, 10, 26, 0) 100%);
}
.section.section-gallery-block.arena-mode{
z-index: 11;
}
.section-match-hockey:before{
content: '';
position: absolute;
pointer-events: none;
touch-action: none;
bottom: 0;
left: 0;
width: 100%;
height: 19rem;
background: var(--Surface-Primary, #000A1A);
}
.section-with-stars .stars-animation-container-load{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.mach-hockey-swiper-container .hockey-icon{
position: absolute;
right: 0;
z-index: -1;
bottom: 14.84375rem;
}
.mach-hockey-swiper-container .hockey-icon img{
width: 55.46875rem;
height: 35rem;
}
.address-header-block{
display: flex;
width: 49.5%;
justify-content: space-between;
padding-right: 8.5%;
}
.address-header-section{
width: 100%;
max-width: 15.1041666666666667rem;
}
.address-header-section .title{
font-size: clamp(14px, 0.8333333333333333rem, 16px);
font-style: normal;
line-height: clamp(20px, 1.0416666666666667rem, 20px); /* 125% */
letter-spacing: clamp(1.68px, 0.1rem, 1.92px);
text-transform: uppercase;
opacity: 0.5;
margin-bottom: 0.625rem;
}
.address-header-section .text{
font-size: clamp(18px, 1.0416666666666667rem, 20px);
line-height: clamp(24px, 1.0416666666666667rem, 28px);
font-style: normal;
font-weight: 400;
}
#map {
width: 100%;
height: 50rem;
margin-top: 4.1145833333333333rem;
}
.map-wrapper ul{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.map-wrapper ul li{
padding: 0.2083333333333333rem 0;
}
.map-wrapper ul li a{
font-style: normal;
font-weight: 400;
letter-spacing: clamp(1.68px, 0.1rem, 1.92px);
text-transform: uppercase;
padding: 0.4166666666666667rem 0.625rem;
border-radius: var(--Radius-Tag, 8px);
background: var(--Tag-Primary, rgba(255, 255, 255, 0.12));
backdrop-filter: blur(calc(var(--Blur-Button, 128px) / 2));
display: flex;
align-items: center;
gap: 0.2083333333333333rem;
font-size: clamp(14px, 0.8333333333333333rem, 16px);
line-height: clamp(20px, 1.0416666666666667rem, 20px);
}
.map-wrapper{
position: absolute;
top: 16.9270833333333333rem;
left: 2.1%;
z-index: 10;
}
.partners-container{
position: relative;
}
.partners-container:before{
content: '';
position: absolute;
right: -2.08333%;
top: 0;
height: 100%;
width: 9.1145833333333333rem;
background: var(--Slider, linear-gradient(270deg, #000A1A 0%, rgba(0, 10, 26, 0.00) 100%));
z-index: 2;
pointer-events: none;
touch-action: none;
}
.partners-container:hover .arrow-item{
opacity: 1;
pointer-events: visible;
touch-action: auto;
}
.footer.pd-top{
padding-top: 6.0416666666666667rem;
}
.partners-container .swiper-slide .partner-img g{
-webkit-transition: .6s cubic-bezier(.645,.045,.355,1);
-o-transition: .6s cubic-bezier(.645,.045,.355,1);
transition: .6s cubic-bezier(.645,.045,.355,1);
}
.partners-container .swiper-slide:hover g{
opacity: 1;
}
.partners-container:hover .arrow-item.swiper-button-disabled{
opacity: 0;
pointer-events: none;
touch-action: none;
}
.partners-container .swiper-slide .partner-img{
display: inline-block;
padding: 3.3854166666666667rem;
}
.partners-container .swiper-slide .partner-img img{
width: 8.3333333333rem;
height: 8.3333333333rem;
filter: invert(0.5);
-webkit-transition: .6s cubic-bezier(.645,.045,.355,1);
-o-transition: .6s cubic-bezier(.645,.045,.355,1);
transition: .6s cubic-bezier(.645,.045,.355,1);
}
.partners-container .swiper-slide:hover .partner-img img{
filter: invert(0);
}
.footer-content-top .left{
width: 25%;
}
.mailing-container{
width: 100%;
height: 100%;
position: relative;
border-radius: var(--Radius-Small-Card, 1.6666666666666667rem);
/*border: 1px solid #FFF;*/
background: linear-gradient(115deg, #021026 0%, rgba(2, 16, 38, 0.00) 100%);
overflow: hidden;
}
.mailing-container:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
touch-action: none;
border-width: 1px;
border-style: solid;
border-image: linear-gradient(90deg, #030F22 5%, rgba(30, 41, 60, 1) 11%, rgba(23, 34, 53, 1) 17%, transparent 27%) 50% 50%;
}
.mailing-container .bg{
position: absolute;
pointer-events: none;
touch-action: none;
}
.mailing-block{
width: 100%;
height: 100%;
position: relative;
padding: 1.6666666666666667rem;
}
.mailing-block:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
pointer-events: none;
touch-action: none;
background: var(--Surface-Primary, #000A1A);
}
.mailing-block form{
margin-top: 1.5666666666666667rem;
}
.mailing-block form input{
background: transparent;
border: none;
width: 100%;
padding-bottom: 0.625rem;
border-bottom: 1px solid var(--Line-Secondary, rgba(255, 255, 255, 0.12));
color: var(--Text-Primary, #FFF);
font-family: "ALS Wagon";
font-size: clamp(14px, 0.8333333333333333rem, 16px);
font-style: normal;
font-weight: 400;
opacity: 0.5;
line-height: clamp(20px, 1.0416666666666667rem, 20px); /* 125% */
letter-spacing: clamp(1.68px, 0.1rem, 1.92px);
text-transform: uppercase;
}
.input-mail{
position: relative;
}
.input-mail:before{
content: '';
position: absolute;
width: 0%;
height: 1px;
background-color: #FFFFFF;
bottom: 0;
left: 0;
transition: 1000ms ease-out;
}
.input-mail:hover:before{
width: 100%;
}
.input-mail.active:before{
width: 100%;
}
.mailing-block form input:focus{
outline: none;
}
.mailing-block form .mark-text{
margin-top: 0.4166666666666667rem;
margin-bottom: 1.6666666666666667rem;
font-size: clamp(18px, 1.0416666666666667rem, 20px);
font-style: normal;
font-weight: 400;
line-height: clamp(28px, 1.0416666666666667rem, 28px); /* 140% */
}
.button-form{
width: 100%;
display: inline-block;
text-align: center;
padding: 0.625rem;
color: var(--Text-Primary, #FFF);
font-family: "ALS Wagon";
font-size: clamp(14px, 0.8333333333333333rem, 16px);
font-style: normal;
font-weight: 400;
line-height: clamp(20px, 1.6416666666666667rem, 20px); /* 125% */
letter-spacing: clamp(1.68px, 0.1rem, 1.92px);
text-transform: uppercase;
opacity: 0.5;
border-radius: var(--Radius-Circle-Button, 9999px);
background: var(--Button-Primary, rgba(255, 255, 255, 0.12));
backdrop-filter: blur(calc(var(--Blur-Button, 128px) / 2));
cursor: pointer;
}
.services-slider-container {
position: relative;
height: 100%;
width: 100%;
z-index: 1;
overflow: hidden;
}
.section-services {
position: relative;
overflow: hidden;
}
.section-services .stars-animation-container {
width: 100%;
height: 100%;
}
.section-services .services-container{
width: 100%;
height: 100%;
}
/*.services-slider-container .swiper:before,.services-slider-container .swiper:after{*/
/* content: '';*/
/* position: absolute;*/
/* width: 200%;*/
/* height: 100%;*/
/* top: 50%;*/
/* pointer-events: none;*/
/* touch-action: none;*/
/* left: 50%;*/
/* filter: blur(35px);*/
/* background-size: 200% 100%;*/
/* opacity: 0.8;*/
/* transform: translate(-50%, -50%);*/
/* z-index: -1;*/
/*}*/
/*.section-services:before,*/
/*.section-services:after {*/
/* content: '';*/
/* position: absolute;*/
/* width: 200%;*/
/* height: 100%;*/
/* top: 50%;*/
/* pointer-events: none;*/
/* touch-action: none;*/
/* left: 50%;*/
/* filter: blur(35px);*/
/* background-size: 200% 100%;*/
/* opacity: 0.8;*/
/* transform: translate(-50%, -50%);*/
/* z-index: -1;*/
/*}*/
.services-block {
position: relative;
}
/*.services-block:before {*/
/* content: '';*/
/* position: absolute;*/
/* width: 100rem;*/
/* height: 100vh;*/
/* pointer-events: none;*/
/* touch-action: none;*/
/* z-index: 0;*/
/* background: linear-gradient(270deg, #00327D 0%, #FF1E32 100%);*/
/* animation: gradient-left 10s infinite linear;*/
/*}*/
/*.services-block:after {*/
/* content: '';*/
/* position: absolute;*/
/* width: 100rem;*/
/* pointer-events: none;*/
/* touch-action: none;*/
/* height: 100vh;*/
/* z-index: 0;*/
/* background: linear-gradient(270deg, #FF1E32 0%, #00327D 100%);*/
/* animation: gradient-right 10s infinite linear;*/
/*}*/
.services-block.gray-gradient:before{
background: linear-gradient(270deg, rgba(225, 221, 213, 0.50) 0%, #E1DDD5 100%);
}
.services-block.gray-gradient:after{
background: linear-gradient(270deg, #E1DDD5 0%, rgba(225, 221, 213, 0.50) 100%);
}
@keyframes gradient-left {
0% {
transform: translate(-50%, -50%) translateX(0);
}
50% {
transform: translate(-50%, -50%) translateX(-50%);
}
100% {
transform: translate(-50%, -50%) translateX(0);
}
}
@keyframes gradient-right {
0% {
transform: translate(-50%, -50%) translateX(0);
}
50% {
transform: translate(-50%, -50%) translateX(50%);
}
100% {
transform: translate(-50%, -50%) translateX(0);
}
}
.semicircle {
left: 50%;
position: absolute;
width: 312.5rem;
transform: translateX(-50%);
background: var(--Surface-Primary, #000A1A);
/*filter: blur(35px);*/
pointer-events: none;
touch-action: none;
z-index: 1;
aspect-ratio: 1 / 1;
border-radius: 50%;
transform: translate(-50%);
}
.semicircle.top{
bottom: calc(100% - 10.416666666666667rem);
}
.semicircle.bottom {
top: calc(100% - 6.614583333333333rem);
}
.section.min-full-height{
min-height: 100vh;
}
.section-services{
/*height: 100vh;*/
}
.service-container-inside{
width: 100%;
}
/*.services-slider-container:before {*/
/* content: '';*/
/* position: absolute;*/
/* width: 100rem;*/
/* height: 100%;*/
/* top: 50%;*/
/* left: 50%;*/
/* transform: translate(-50%, -50%);*/
/* !*background: linear-gradient(90deg, rgba(255, 30, 50, 1), rgba(0, 50, 125, 1));*!*/
/* background-size: 200% 100%;*/
/* background: linear-gradient(270deg, #FF1E32 0%, #00327D 100%), #D9D9D9;*/
/* filter: blur(35px);*/
/* animation: gradient 15s ease infinite;*/
/*}*/
/*.services-slider-container .swiper-slide.swiper-slide-fully-visible{*/
/* opacity: 0.04;*/
/*}*/
.mark-text a{
text-decoration: underline;
}
.footer-content-top .right {
width: 66.3%;
padding-top: 1.71875rem;
}
.footer-content-top .footer-nav-container{
display: flex;
gap: 1.0416666666666667rem;
justify-content: space-between;
}
.footer-nav-block .title-desc{
margin-bottom: 1.0416666666666667rem;
}
.footer-nav-block ul{
display: flex;
flex-direction: column;
align-items: flex-start;
margin: -0.3125rem 0;
}
.footer-nav-block{
width: 25%;
}
.footer-nav-block ul li{
padding: 0.3125rem 0;
font-family: "ALS Wagon";
font-size: clamp(14px, 0.8333333333333333rem, 16px);
font-style: normal;
font-weight: 400;
line-height: clamp(20px, 1.0416666666666667rem, 20px); /* 125% */
letter-spacing: clamp(1.68px, 0.1rem, 1.92px);
text-transform: uppercase;
display: flex;
flex-direction: column;
}
.footer-nav-block.disabled ul li{
/*opacity: 0.24;*/
}
.footer-nav-block.disabled ul li a{
opacity: 0.24;
}
.footer-nav-block.disabled .title-desc{
opacity: 0.24;
}
.footer-content-top{
display: flex;
justify-content: space-between;
}
.address-container{
width: 100%;
display: flex;
justify-content: center;
}
.address-block {
display: flex;
flex-direction: column;
gap: 1.0416666666666667rem;
color: var(--Text-Primary, #FFF);
text-align: center;
font-family: 'ALSGorizont';
font-size: clamp(24px, 1.4583333333333333rem, 28px);
font-style: normal;
font-weight: 700;
line-height: clamp(28px ,1.875rem, 36px); /* 128.571% */
}
.address-block .icon-container{
display: flex;
justify-content: center;
align-items: center;
gap: 1.3541666666666667rem;
}
.footer-content-middle {
padding: 2.4479166666666667rem 0;
width: 100%;
}
.footer-content-bottom{
display: flex;
justify-content: space-between;
color: var(--Text-Primary, #FFF);
font-style: normal;
font-weight: 400;
padding-top: 4.4791666666666667rem;
align-items: flex-end;
font-size: clamp(16px, 0.8333333333333333rem, 16px);
line-height: clamp(20px, 1.25rem, 24px);
}
/*.footer-content-bottom .right span{*/
/* text-decoration: underline;*/
/*}*/
.footer-content-bottom .right{
display: flex;
gap: 5px;
}
.footer-content-bottom .left{
width: 67.4%;
display: flex;
justify-content: space-between;
align-items: flex-end;
margin: 0 -0.5208333333333333rem;
}
.footer-links{
display: flex;
flex-wrap: wrap;
margin: 0 -0.5208333333333333rem;
}
.footer-links .link-flex{
padding: 0 0.5208333333333333rem;
}
.footer-links-container{
width: 50%;
padding: 0 0.5208333333333333rem;
}
.link-flex{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.copyright{
text-align: center;
width: 50%;
padding: 0 0.5208333333333333rem;
}
.footer-logo{
display: inline-block;
margin-bottom: 1.3020833333333333rem;
}
.footer{
padding-bottom: 2.9166666666666667rem;
/*padding-top: 122px;*/
padding-top: 2.745833rem;
position: relative;
overflow: hidden;
}
.bg-gradient {
position: absolute;
z-index: 1;
width: 100%;
bottom: -0.78125rem;
background: linear-gradient(270deg, #FF1E32 0%, #00327D 100%);
background-size: 200% 200%;
height: 100%;
pointer-events: none;
touch-action: none;
animation: gradientAnimation 6s linear infinite;
}
.bg-gradient:before {
content: '';
position: absolute;
width: 260rem;
height: auto;
aspect-ratio: 1 / 1;
background: var(--Surface-Primary, #000A1A);
border-radius: 50%;
bottom: 0;
left: 50%;
transform: translateX(-50%);
/*filter: blur(100px);*/
}
.footer-container{
position: relative;
z-index: 11;
}
.service-items{
display: flex;
flex-direction: column;
margin: -0.3125rem 0;
height: 12.9791666666666667rem;
/*padding-top: 6.25rem;*/
height: clamp(280px, 16.979167rem, 320px);
padding-top: clamp(130px, 6.25rem, 274px);
}
.service-items li{
padding: 0.3125rem 0;
transition: all 300ms linear;
}
.service-items li .title-desc{
color: var(--Text-Primary, #FFF);
font-family: 'ALSGorizont';
font-size: clamp(40px, 2.5rem, 48px);
font-style: normal;
font-weight: 700;
line-height: var(--ASL-Gorizont-Display-Medium-Line-height, 2.7083333333333333rem); /* 108.333% */
line-height: clamp(48px, 2.7083333333333333rem, 52px);
-webkit-transition: .3s cubic-bezier(.645,.045,.355,1);
-o-transition: .3s cubic-bezier(.645,.045,.355,1);
transition: .3s cubic-bezier(.645,.045,.355,1);
opacity: 0.04;
position: relative;
display: inline;
}
/*.section-services .wrapper-inside{*/
/* height: 100%;*/
/*}*/
.service-items li.prev .title-desc{
opacity: 0.12;
}
.service-items li.active .title-desc{
opacity: 1;
}
.service-items li.next .title-desc{
opacity: 0.12;
}
.service-items li .main-link .icon{
position: absolute;
right: clamp(-57px, -3.0208333333333333rem, -57px);
bottom: 0.2rem;
transform: scale(0);
}
.service-items li.active{
margin-left: -2.8645833333333333rem;
}
.service-items li.active .main-link .icon{
transform: scale(1);
}
.service-items li.active .main-link:hover .icon{
transform: scale(1) rotate(45deg);
}
/*.services-block ul{*/
/* margin: -6px 0;*/
/*}*/
/*.services-block ul li{*/
/* font-family: 'ALSGorizont';*/
/* opacity: 0.04;*/
/* font-size: var(--ASL-Gorizont-Display-Medium-Font-Size, 48px);*/
/* font-style: normal;*/
/* font-weight: 700;*/
/* line-height: var(--ASL-Gorizont-Display-Medium-Line-height, 52px); !* 108.333% *!*/
/* padding: 6px 0;*/
/*}*/
.services-block ul li span.text{
position: relative;
}
.services-block{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
/*max-width: 35.9375rem;*/
/*max-width: clamp(678px, 35.9375rem, 678px);*/
/*margin-top: 7.1354166666666667rem;*/
padding-bottom: 7.1354166666666667rem;
}
.services-block-inside{
/*position: relative;*/
width: 100%;
}
/*.section-services .wrapper-inside{*/
/* width: 100%;*/
/* height: 100%;*/
/*}*/
.services-container{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.main-card-content{
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-end;
}
.main-card-content-container .swiper{
height: 100%;
}
.main-card-content-container .swiper-slide{
height: auto;
}
.main-card-content-container .swiper-wrapper{
height: 100%;
}
/*.services-container:before {*/
/* content: '';*/
/* position: absolute;*/
/* width: 110rem;*/
/* height: 300px;*/
/* border-radius: 100px;*/
/* left: 50%;*/
/* top: 59%;*/
/* transform: translate(-50%, -50%);*/
/* background-color: transparent;*/
/* z-index: 1;*/
/* border-top-left-radius: 9999px;*/
/* border-top-right-radius: 9999px;*/
/* background: var(--Surface-Primary, #000A1A);*/
/*}*/
/*.services-container:after {*/
/* content: '';*/
/* position: absolute;*/
/* width: 110rem;*/
/* height: 300px;*/
/* border-radius: 100px;*/
/* left: 50%;*/
/* top: 10%;*/
/* transform: translate(-50%, -50%);*/
/* background-color: transparent;*/
/* z-index: 1;*/
/* border-bottom-left-radius: 9999px;*/
/* border-bottom-right-radius: 9999px;*/
/* background: var(--Surface-Primary, #000A1A);*/
/*}*/
.marking-service-text {
/*margin-top: 7.1354166666666667rem;*/
position: absolute;
/*bottom: 4.16666666667rem;*/
/*bottom: -6.85rem;*/
bottom: 4.16666666667rem;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 29.1666666666666667rem;
display: flex;
flex-direction: column;
align-items: center;
font-size: clamp(18px, 1.0416666666666667rem, 20px);
font-style: normal;
font-weight: 400;
line-height: clamp(24px, 1.0416666666666667rem, 28px); /* 140% */
z-index: 5;
}
.service-gradient{
position: absolute;
top: 3%;
}
.marking-service-text .btn{
margin-top: 1.6666666666666667rem;
}
.small-title{
font-size: clamp(14px, 0.8333333333333333rem, 16px);
font-style: normal;
font-weight: 400;
line-height: clamp(20px, 1.0416666666666667rem, 20px); /* 125% */
letter-spacing: clamp(1.68px, 0.1rem, 1.92px);
text-transform: uppercase;
margin-bottom: 3.3333333333333333rem;
opacity: 0.5;
position: relative;
z-index: 1;
}
.star {
position: absolute;
transform: scale(0);
z-index: 2;
fill: #000;
/*mix-blend-mode: color-dodge;*/
mix-blend-mode: lighten;
opacity: 0;
-webkit-transition: .6s cubic-bezier(.645,.045,.355,1);
-o-transition: .6s cubic-bezier(.645,.045,.355,1);
transition: .6s cubic-bezier(.645,.045,.355,1);
z-index: 11;
}
.star.active{
/*opacity: 0.3;*/
opacity: 0.8;
transform: scale(1);
}
.star.big-star {
transition: none;
opacity: 1;
}
.star.big-star.hidden{
opacity: 0;
}
.star.big-star svg {
animation: fadeInOut 3s infinite cubic-bezier(.645, .045, .355, 1);
}
@keyframes fadeInOut {
0% {
opacity: 0;
transform: scale(1);
}
25% {
opacity: 1;
transform: scale(1.1);
}
50% {
opacity: 1;
transform: scale(1);
}
75% {
opacity: 0;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(1);
}
}
@keyframes scale {
0% {
scale: 100%;
opacity: 0;
}
50% {
scale: 100%;
opacity: 1;
}
100% {
scale: 100%;
opacity: 0;
}
}
.section .star.big-star:nth-child(even) svg {
animation-delay: 0.5s;
}
.section .star.big-star:nth-child(odd) svg {
animation-delay: 1s;
}
.arrow-item{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;
width: 2.2916666666666667rem;
height: 2.2916666666666667rem;
pointer-events: none;
touch-action: none;
opacity: 0;
border-radius: 9999px;
border-radius: var(--Radius-Circle-Button, 9999px);
background: var(--Button-Primary, rgba(255, 255, 255, 0.12));
backdrop-filter: blur(calc(var(--Blur-Button, 128px) / 2));
-webkit-transition: .6s cubic-bezier(.645,.045,.355,1);
-o-transition: .6s cubic-bezier(.645,.045,.355,1);
transition: .6s cubic-bezier(.645,.045,.355,1);
cursor: pointer;
}
.afisha-content-inside:hover .arrow-item.swiper-button-disabled{
opacity: 0;
pointer-events: none;
touch-action: none;
}
.afisha-content-inside:hover .arrow-item{
opacity: 1;
pointer-events: visible;
touch-action: auto;
}
.arrow-item.right{
right: 2.0833333333333333rem;
}
.arrow-item.left{
left: 2.0833333333333333rem;
}
.calendar-items:hover .arrow-item{
opacity: 1;
pointer-events: visible;
touch-action: auto;
}
.calendar-items .arrow-item {
transform: translateY(0);
}
.calendar-items .arrow-item.right {
right: 0.797917rem;
top: 1.35rem;
}
.calendar-items .arrow-item.left {
top: 2.03125rem;
left: 0;
}
.calendar-items:hover .arrow-item.swiper-button-disabled{
opacity: 0;
pointer-events: none;
touch-action: none;
}
.icon-scroll-bottom{
position: absolute;
display: inline-block;
left: 50%;
z-index: 1;
bottom: 3.90625rem;
transform: translate(-50%, 0);
-webkit-transition: .6s cubic-bezier(.645,.045,.355,1);
-o-transition: .6s cubic-bezier(.645,.045,.355,1);
transition: .6s cubic-bezier(.645,.045,.355,1);
}
.tabs-items{
display: flex;
flex-wrap: wrap;
margin: -0.2083333333333333rem;
}
.tabs-items li{
padding: 0.2083333333333333rem;
}
.tabs-items a{
font-size: clamp(14px, 0.8333333333333333rem, 16px);
font-style: normal;
font-weight: 400;
line-height: clamp(20px, 1.0416666666666667rem, 20px); /* 125% */
letter-spacing: clamp(1.68px, 0.1rem, 1.92px);
text-transform: uppercase;
padding: 0.4166666666666667rem 0.625rem;
border-radius: var(--Radius-Tag, 0.4166666666666667rem);
background: var(--Tag-Primary, rgba(255, 255, 255, 0.12));
backdrop-filter: blur(calc(var(--Blur-Button, 128px) / 2));
}
.tabs-container{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 1.6883333333333333rem;
}
.tabs-container .right{
font-size: clamp(14px, 0.8333333333333333rem, 16px);
font-style: normal;
font-weight: 400;
line-height: clamp(20px, 1.0416666666666667rem, 20px); /* 125% */
letter-spacing: clamp(1.68px, 0.1rem, 1.92px);
text-transform: uppercase;
}
.section-afisha.another-version .section-header{
margin-bottom: 1.0979166666666667rem;
}
.afisha-content-items{
display: flex;
flex-wrap: wrap;
}
.flex-element-items{
width: calc(100% + 1.0416666666666667rem);
margin: 0 -0.5208333333333333rem;
display: flex;
flex-wrap: wrap;
}
.flex-element-item.big-item{
width: 50%;
height: 32.7604166666666667rem;
}
.flex-element-item{
padding: 0.5208333333333333rem;
width: 33.333%;
height: 24.5833333333333333rem;
}
.afisha-content-item{
position: relative;
height: 100%;
width: 100%;
border-radius: var(--Radius-Big-Card, 2.083333333333333rem);
border: 1px solid rgba(255, 255, 255, 0.00);
background: var(--Card-Primary, #021026);
overflow: hidden;
}
.afisha-content-item:hover .img img{
transform: scale(1.1);
}
.afisha-content-item .img svg{
transition: all 0.3s ease-out;
width: 100%;
height: 100%;
}
.afisha-content-item:hover .img svg{
transform: scale(1.1);
}
.afisha-content-item:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.08;
background: radial-gradient(100% 100% at 50% 0%, #FFF 0%, rgba(255, 255, 255, 0.00) 90%);
pointer-events: none;
touch-action: none;
z-index: 10;
}
.afisha-content-item:after{
content: '';
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
background: var(--Card-shadow-Default, linear-gradient(180deg, rgba(0, 10, 25, 0.00) 50%, rgba(0, 10, 25, 0.80) 100%));
pointer-events: none;
touch-action: none;
z-index: 10;
}
.afisha-content-item .img{
width: 100%;
height: 100%;
}
.afisha-content-item .matches-items.centered{
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
width: 100%;
padding: 0 1.71875rem;
}
.afisha-btn{
display: flex;
align-items: center;
justify-content: center;
margin-top: 2.8645833333333333rem;
}
.section-main-about-banner .bg-gradient{
bottom: auto;
top: 50%;
transform: translateY(-50%);
height: 100%;
}
.section-main-about-banner .bg-gradient:before {
bottom: auto;
top: 55%;
width: 411rem;
height: auto;
border-radius: 50%;
/*filter: blur(35px);*/
aspect-ratio: 1 / 1;
}
.section-main-about-banner .bg-gradient:after {
content: '';
position: absolute;
width: 411rem;
height: auto;
bottom: 55%;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
background: var(--Surface-Primary, #000A1A);
/*filter: blur(35px);*/
aspect-ratio: 1 / 1;
}
.matches-items.centered .mach-item{
flex-direction: column;
width: 50%;
}
.matches-items.centered .mach-item .match-info{
text-align: center;
}
.matches-items.centered .mach-item .icon{
width: 7.5rem;
height: 7.5rem;
}
.afisha-content-item .img img{
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease-out;
}
.afisha-content-item .buy-ticket-container{
position: absolute;
opacity: 0;
bottom: 2.0833333333333333rem;
transition: opacity 300ms ease-out;
}
.afisha-content-item:hover .buy-ticket-container{
opacity: 1;
}
.afisha-content-item a:hover .img{
transform: scale(1.1);
}
.afisha-content-item a .img{
transition: all 0.3s ease-out;
}
.afisha-content-item .matches-items{
position: absolute;
top: 1.6666666666666667rem;
left: 1.6666666666666667rem;
}
.about-card-inside{
margin: 0 -0.5208333333333333rem;
}
.about-card-container{
padding-bottom: 3.8766666666666667rem;
}
.main-card-img{
/*width: 11.0416666666666667rem;*/
/*height: 16.6666666666666667rem;*/
width: 212px;
height: 320px;
}
.about-card-left{
width: 50%;
box-sizing: border-box;
padding: 0 0.5208333333333333rem;
}
.about-card-right{
width: 33.33%;
box-sizing: border-box;
padding: 0 0.5208333333333333rem;
}
.about-card-right-inside {
margin-left: -26%;
}
.main-card-img .swiper-slide{
padding: 0px;
}
.card-about-slide{
gap: 1.6666666666666667rem;
}
.date-line{
margin-bottom: 0.78125rem;
}
.date-line .type-name{
padding: 8px 12px;
}
.buy-ticket-container a{
vertical-align: top;
}
.date-line .date{
margin-top: 0.2604166666666667rem;
}
.date-line .date .separator{
margin: -0.1041666666666667rem 0.2083333333333333rem 0 0.0520833333333333rem;
}
/*.section-services{*/
/* padding: 0 0 80px !important;*/
/*}*/
.section-services .wrapper-inside{
height: 100vh;
}
.main-link .icon{
right: 0.0520833333333333rem;
bottom: -0.46875rem;
}
.partners-container .swiper{
overflow: visible;
}
.main-card-img .img {
box-sizing: border-box;
/* padding-top: clamp(3px, 0.26041666666rem, 5px); */
/* padding-bottom: clamp(3px, 0.26041666666rem, 5px); */
/* padding-left: clamp(6px, 0.46875rem, 9px); */
/* padding-right: clamp(6px, 0.46875rem, 9px); */
/* border-radius: 1.875rem; */
/* border-radius: 3.075rem; */
/*border-radius: clamp(28px, 3rem, 70px);*/
display: block;
overflow: hidden;
padding: 5px;
border-radius: 34px;
width: 91%;
height: 97%;
padding: 0;
margin: 5px auto 0;
}
.hidden{
overflow: hidden;
}
.main-card-img .img img{
/*border-radius: 36px;*/
}
.afisha-content-item .img a{
display: inline-block;
width: 100%;
height: 100%;
}
.title-card{
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
displagity: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-clamp: 3;
box-orient: vertical;
}
.visiable-about-content video{
height: 100%;
width: 100%;
object-fit: cover;
}
.animate-gradient-container {
width: 200vw;
height: 100vh;
overflow: hidden;
}
.animate-gradient-container .animate-gradient-block {
width: 100vw;
height: 100vh;
position: absolute;
}
.animate-gradient-container .animate-gradient-block.blue {
background: linear-gradient(to right, #00327D 0%, #FF1E32 100%);
animation: gradient-lianer 25s linear infinite;
}
.animate-gradient-container .animate-gradient-block.red {
background: linear-gradient(to right, #FF1E32 0%, #00327D 100%);
animation: gradient-lianer 25s linear infinite reverse;
}
@keyframes gradient-lianer {
0% {
background-position: 0 0;
}
100% {
background-position: 200vw 0;
}
}
.Preloader {
position: fixed;
left: 0;
top: auto;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 9999999999999;
/*z-index: 11;*/
}
.Preloader .Preloader-bg{
position: absolute;
display: inline-block;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background: #000A1A;
}
.preloader-logo{
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.preloader-logo-container{
display: inline-block;
position: relative;
}
.preloader-logo-container svg{
vertical-align: top;
}
.preloader-logo-container .preloader-logo-static{
}
.preloader-logo-container .preloader-logo-dinamic{
position: absolute;
bottom: 0px;
left: 0px;
width: 0px;
overflow: hidden;
transition: 1.5s all cubic-bezier(0.23,1,0.32,1);
}
.preloader-logo-container .preloader-logo-dinamic svg{
transition: 1.5s transform cubic-bezier(0.23,1,0.32,1);
background: var(--Surface-Primary, #000A1A);
}
.preloader-logo-container .preloader-logo-dinamic.load svg{
transform: translateX(0%);
}
.Preloader-Body {
position: absolute;
left: 50%;
bottom: 70px;
color: white;
transform: translateX(-50%);
text-align: center;
font-family: "ALSGorizont";
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 36px;
}
html.hidden{
overflow-y: hidden;
scrollbar-gutter: stable;
}
.Preloader.active {
}
.Preloader + .main .section-main-about-banner .about-card-container{
transform: translateY(200px);
}
.Preloader + .main .section-main-about-banner .visiable-about-content{
transform: translateY(200px);
}
.Preloader.active .preloader-logo .preloader-logo-container{
animation: clippathmenupreloader_top 0.8s linear forwards;
}
.Preloader.active .Preloader-Body .numbers{
animation: clippathmenupreloader_bottom 0.8s linear forwards;
}
.Preloader.hide-bg .Preloader-bg{
animation: clippathmenupreloader_top_bg 0.8s linear forwards;
}
.Preloader.hide-bg + .main .section-main-about-banner .about-card-container{
animation: animate-opacity 1s linear forwards;
}
.Preloader.hide-bg + .main .section-main-about-banner .visiable-about-content{
animation: animate-background-about 0.8s linear forwards;
}
.numbers {
}
.numbers-inner {
}
@keyframes animate-opacity {
from{
opacity: 0;
transform: translateY(200px);
}
to{
opacity: 1;
transform: translateY(0);
}
}
@keyframes animate-background-about {
from{
transform: scale(1.5);
}
to{
transform: scale(1);
}
}
@keyframes clippathmenupreloader_top_main{
from {
transform: translateY(200px) scale(1.1);
}
to {
transform: translateY(0) scale(1);
}
}
@keyframes clippathmenupreloader_top_bg{
0% {
transform: translateY(0);
}
70% {
transform: translateY(-50%);
}
100% {
transform: translateY(-100%);
}
}
/*@keyframes clippathmenupreloader_top{*/
/* from {*/
/* top: 0;*/
/* transform: scale(1);*/
/* }*/
/* to {*/
/* top: -46.2vh;*/
/* transform: scale(0.45);*/
/* }*/
/*}*/
@keyframes clippathmenupreloader_bottom{
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(200px);
}
}
@keyframes gradientAnimation {
0% {
background-position: 0% 50%;
}
25% {
background-position: 50% 50%;
}
50% {
background-position: 100% 50%;
}
75% {
background-position: 50% 50%;
}
100% {
background-position: 0% 50%;
}
}
.bg-layers-gradient{
position: absolute;
z-index: -1;
width: 100vw;
height: 100vh;
/*background: linear-gradient(270deg, #FF1E32 0%, #00327D 100%);*/
background-size: 200% 200%;
pointer-events: none;
touch-action: none;
/*animation: gradientAnimation 6s linear infinite;*/
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
filter: blur(70px);
}
.service-form-container .bg-layers-inside:before{
top: calc(50% + 1.5rem);
}
.service-form-container .bg-layers-inside:after{
bottom: calc(50% + 1rem);
}
.bg-layers-inside{
width: 100%;
height: 100%;
position: relative;
}
/*.circle-gradient.top{*/
/* content: '';*/
/* position: absolute;*/
/* left: 50%;*/
/* top: calc(50% + 0.5rem);*/
/* width: 200vw;*/
/* !* filter: blur(60px); *!*/
/* height: auto;*/
/* border-radius: 50%;*/
/* z-index: 2;*/
/* aspect-ratio: 1 / 1;*/
/* background: var(--Surface-Primary, #000A1A);*/
/* transform: translateX(-50%);*/
/* z-index: 6;*/
/* !*filter: blur(70px);*!*/
/*}*/
/*.circle-gradient.bottom{*/
/* content: '';*/
/* position: absolute;*/
/* left: 50%;*/
/* bottom: calc(50% + 2rem);*/
/* width: 200vw;*/
/* !* filter: blur(60px); *!*/
/* height: auto;*/
/* border-radius: 50%;*/
/* aspect-ratio: 1 / 1;*/
/* background: var(--Surface-Primary, #000A1A);*/
/* transform: translateX(-50%);*/
/* z-index: 6;*/
/* !*filter: blur(70px);*!*/
/*}*/
.bg-layers-inside:before {
content: '';
position: absolute;
left: 50%;
top: calc(50% + 0.5rem);
width: 200vw;
/* filter: blur(60px); */
height: auto;
border-radius: 50%;
z-index: 2;
aspect-ratio: 1 / 1;
background: var(--Surface-Primary, #000A1A);
transform: translateX(-50%);
z-index: 6;
/*filter: blur(70px);*/
}
.bg-layers-inside:after {
content: '';
position: absolute;
left: 50%;
bottom: calc(50% + 2rem);
width: 200vw;
/* filter: blur(60px); */
height: auto;
border-radius: 50%;
z-index: 2;
aspect-ratio: 1 / 1;
background: var(--Surface-Primary, #000A1A);
transform: translateX(-50%);
z-index: 6;
/*filter: blur(70px);*/
}
.bg-layers-gradient .gradient-layer{
position: absolute;
/*background: linear-gradient(270deg, #FF1E32 0%, #00327D 100%);*/
width: 100%;
top: 50%;
left: 0;
/*filter: blur(35px);*/
transform: translateY(-50%);
}
.bg-layers-gradient .gradient-layer canvas{
width: 100%;
height: 100%;
}
.bg-layers-gradient.bg-gray .gradient-layer{
background: linear-gradient(270deg, rgba(225, 221, 213, 0.50) 0%, #E1DDD5 100%);
}
.bg-layers-gradient .gradient-layer.bold {
height: 4.5vw;
filter: blur(15px);
z-index: 5;
}
.bg-layers-gradient .gradient-layer.medium {
filter: blur(35px);
height: 10.813vw;
z-index: 4;
}
.bg-layers-gradient .gradient-layer.thin {
/* filter: blur(200px); */
height: calc(100vh - 20px);
z-index: 3;
}
.burger-menu-container{
overflow: hidden;
border-bottom: 0px;
background: none;
padding-top: 0px;
max-height: 0;
transition: unset;
top: 0px;
z-index: -1;
}
.burger-menu-container:before{
display: none;
}
.burger-menu-container-content{
overflow: hidden;
padding-top: 7.5rem;
background: #000A1A;
overflow: hidden;
transition: all 300ms linear;
}
.burger-menu-container-shadow {
position: absolute;
width: 100%;
height: 100vh;
top: 0;
pointer-events: none;
touch-action: none;
left: 0;
opacity: 0;
background: #000A1A;
z-index: -1;
}
.burger-menu-container.active .burger-menu-container-content{
padding-bottom: 15px;
}
.burger-menu-container.active .burger-menu-container-content{
transition: 1.5s transform cubic-bezier(0.23,1,0.32,1);
}
.burger-menu-container-shadow.active{
opacity: 0.5;
visibility: visible;
}
.burger-menu-container .footer-container{
transform: translateY(-100px);
}
.error-inside{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
}
.section-error .wrapper-inside{
height: 100%;
}
.section-error .error-container{
height: 100%;
}
.events-container p.text{
text-align: center;
font-size: clamp(18px, 1.0416666666666667rem, 20px);
font-style: normal;
font-weight: 400;
line-height: clamp(28px, 1.0416666666666667rem, 28px); /* 140% */
margin-bottom: 4.16666666667rem;
width: 100%;
}
.error-container .small-title{
margin-bottom: 1.7rem;
}
.section-error {
padding: 23.6rem 0 6.1rem;
overflow: visible;
}
.footer .bg-layers-gradient{
top: auto;
bottom: 0%;
transform: translateX(-50%);
}
.footer .bg-layers-inside:before {
display: none;
}
.error-inside .bg-layers-inside:before{
top: calc(50% + 3.5rem);
}
.error-inside .bg-layers-inside:after{
bottom: calc(50% + 1rem);
}
.error-inside .bg-layers-gradient .gradient-layer.bold{
top: calc(50% + 1.5rem);
}
.error-inside .bg-layers-gradient .gradient-layer.medium{
top: calc(50% + 0.5rem);
}
.services-block .bg-layers-gradient .gradient-layer.bold{
top: calc(50% - 1rem);
}
.services-block .bg-layers-gradient .gradient-layer.medium{
top: calc(50% - 1rem);
}
section.visible{
overflow: visible;
}
.footer .bg-layers-inside:after {
content: '';
position: absolute;
right: 0rem;
bottom: 0rem;
width: 138vw;
/* filter: blur(60px); */
height: 100%;
border-radius: 50%;
z-index: 2;
aspect-ratio: 1 / 1;
background: var(--Surface-Primary, #000A1A);
/* transform: translateX(50%); */
z-index: 6;
filter: blur(70px);
}
.footer .bg-layers-gradient .gradient-layer.thin{
height: 100%;
top: 100%;
}
#panel{
z-index: 1000000;
position: absolute;
width: 100%;
}
.address-block .icon-container a{
transition: all 0.3s ease-out;
}
.address-block .icon-container a:hover{
opacity: 0.75;
}
.main-card-content .main-link .icon {
position: absolute;
/*right: -3rem;*/
right: clamp(-52px, -3rem, -57px);
bottom: 0.35rem;
}
.detail-service-content-container.centered{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.content-price-list-container .swiper{
width: 100%;
}
.content-price-list-container .swiper-wrapper{
flex-wrap: wrap;
height: auto;
}
/*
.header-content-right-inside{
display: flex;
align-items: center;
gap: 8px;
}
*/
.header-content-right-inside{
display: flex;
align-items: center;
gap: 32px;
}
.header-search-and-btn{
display: flex;
gap: 8px;
}
.eye-and-lang{
display: flex;
gap: 20px;
}
.header-eye{
}
.header-eye a{
display: inline-block;
}
.header-eye a svg{
vertical-align: top;
}
.section-search{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--Surface-Primary, #000A1A);
z-index: 1;
transform: translateY(-100%);
transition: all 500ms linear;
}
.section-search.hide-bg {
transform: translateY(0);
}
.search-container{
width: 50%;
margin: 0 auto;
padding: 0 5px;
/*padding-top: 125px;*/
padding-top: 6.51041666667rem;
transform: translateY(100%);
opacity: 0;
transition: all 500ms linear;
}
.section-search.hide-bg .search-container{
transform: translateY(0);
opacity: 1;
}
.search-input-inside input{
background: none;
border: none;
width: 100%;
color: var(--Text-Primary, #FFF);
font-family: "ALSGorizont";
font-weight: 700;
font-size: clamp(40px, 2.5rem, 48px);
line-height: clamp(48px, 2.70833333333rem, 52px);
/*padding-right: 132px;*/
box-sizing: border-box;
position: relative;
}
.search-input-inside:before, .search-input-inside:after{
content: '';
position: absolute;
height: 100%;
width: clamp(45px, 2.70833333333rem, 52px);
top: 0;
transition: all 300ms ease;
opacity: 0;
z-index: 1;
pointer-events: none;
touch-action: none;
}
.search-input-inside:before{
left: 0;
background: var(--Slider, linear-gradient(-270deg, #000A1A 0%, rgba(0, 10, 26, 0.00) 100%));
}
.search-input-inside:after{
right: 0;
background: var(--Slider, linear-gradient(270deg, #000A1A 0%, rgba(0, 10, 26, 0.00) 100%));
}
.search-input-inside.overflow-left:before{
opacity: 1;
}
.search-input-inside.overflow-right:after{
opacity: 1;
}
.search-input-inside input::placeholder{
opacity: 0.32;
}
.search-input-inside input:focus{
outline: none;
}
.search-input-inside{
width: 83%;
position: relative;
}
.search-input-container{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgba(255, 255, 255, 0.50);
padding-bottom: 10px;
}
.btn-search-form{
color: var(--Text-Primary, #8F939A);
font-family: "ALS Wagon";
font-size: clamp(14px, 0.83333333333rem, 16px);
font-weight: 400;
line-height: var(--ASL-Wagon-Button-Line-height, 20px); /* 125% */
letter-spacing: 1.92px;
text-transform: uppercase;
padding: 12px 30px;
border-radius: var(--Radius-Circle-Button, 9999px);
background: var(--Button-Primary, rgba(255, 255, 255, 0.12));
backdrop-filter: blur(calc(var(--Blur-Button, 128px) / 2));
transition: .3s all ease-out;
outline: none;
border: none;
}
.btn-search-form.focus{
color: var(--Text-Primary, #FFF);
}
.search-result-container{
margin-top: 4.16666666667rem;
}
.search-result-item-inside .title-desc{
margin-bottom: 12px;
}
.search-result-item-inside p{
color: rgba(255, 255, 255, 0.24);
font-family: "ALS Wagon";
font-size: clamp(18px, 1.04166666667rem, 20px);
font-weight: 400;
line-height: var(--ASL-Wagon-Body-Medium-Line-height, 28px);
line-height: clamp(24px, 1.45833333333rem, 28px);
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
box-orient: vertical;
}
.search-result-item-inside span{
color: rgba(255, 255, 255, 0.50);
}
.search-result-items{
margin: -1.04166666667rem 0;
}
.search-result-item{
padding: 1.04166666667rem 0;
}
.search-result-items-container{
height: calc(100vh - 18.0207498rem);
width: calc(100% + 1.5625rem);
}
.mCSB_scrollTools .mCSB_draggerRail{
border-radius: 9999px;
opacity: 0.24;
width: 4px;
background: var(--Icon-Primary, #FFF);
}
.search-result-found-items{
position: relative;
}
.search-shadow{
position: absolute;
width: 100%;
height: clamp(85px, 5.20833333333rem, 100px);
left: 0;
z-index: 2;
pointer-events: none;
touch-action: none;
transition: all 300ms ease;
}
.search-shadow.hide{
opacity: 0;
}
.search-shadow.top{
top: -3px;
background: var(--Slider, linear-gradient(-180deg, #000A1A 0%, rgba(0, 10, 26, 0.00) 100%));
}
.search-shadow.bottom{
bottom: -3px;
background: var(--Slider, linear-gradient(0deg, #000A1A 0%, rgba(0, 10, 26, 0.00) 100%));
}
.btn-search span{
display: flex;
width: 100%;
height: 100%;
}
.btn-search {
position: relative;
width: 44px;
height: 44px;
background: var(--Button-Primary, rgba(255, 255, 255, 0.12));
backdrop-filter: blur(calc(128px / 2));
border-radius: 9999px;
transition: all 0.3s ease-out;
cursor: pointer;
}
.btn-search:hover {
background: rgba(255, 255, 255, 0.24);
}
.btn-search div{
width: 100%;
height: 100%;
}
.btn-search svg {
width: 20px;
height: 20px;
position: absolute;
top: calc(50% - 10px);
left: calc(50% - 10px);
transition: all 500ms ease;
transform-origin: center;
}
.btn-search .icon-1 {
opacity: 1;
transform: scale(1);
}
.btn-search .icon-2 {
opacity: 0;
transform: scale(0.5);
}
.btn-search.active .icon-1 {
opacity: 0;
transform: scale(0.5);
}
.btn-search.active .icon-2 {
opacity: 1;
transform: scale(1);
}
a.search-result-item-inside:hover .title-desc{
text-decoration: underline;
}
.section-video-block.full-height .wrapper-inside-textpage-container{
height: 100%;
}
.section-video-block.full-height .content-video-block{
height: 100%;
}
.section-video-block.full-height .content-video-block-container{
height: 100%;
}
.section-video-block.full-height .video-link-container{
height: 100%;
}
.mailing-stars{
position: absolute;
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
transition: all 300ms linear;
}
.mach-hockey-swiper-container .swiper-slide:hover .bg{
transform: scale(1.1);
}
.mach-hockey-swiper-container .swiper-slide .bg{
transition: all 300ms ease-out;
}