@font-face {
font-family: 'VentiCf';
src: url(https://events.irsdev.ru/wp-content/themes/lab/assets/fonts/VentiCF-Medium.woff2) format('woff2'),
url(https://events.irsdev.ru/wp-content/themes/lab/assets/fonts/VentiCF-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'VentiCf';
src: url(https://events.irsdev.ru/wp-content/themes/lab/assets/fonts/VentiCF-DemiBold.woff2) format('woff2'),
url(https://events.irsdev.ru/wp-content/themes/lab/assets/fonts/VentiCF-DemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'VentiCf';
src: url(https://events.irsdev.ru/wp-content/themes/lab/assets/fonts/VentiCF-Bold.woff2) format('woff2'),
url(https://events.irsdev.ru/wp-content/themes/lab/assets/fonts/VentiCF-Bold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'VentiCf';
src: url(https://events.irsdev.ru/wp-content/themes/lab/assets/fonts/VentiCF-ExtraBold.woff2) format('woff2'),
url(https://events.irsdev.ru/wp-content/themes/lab/assets/fonts/VentiCF-ExtraBold.woff) format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Moniqa';
src: url(https://events.irsdev.ru/wp-content/themes/lab/assets/fonts/Moniqa-BoldNarrowParagraph.woff2) format('woff2'),
url(https://events.irsdev.ru/wp-content/themes/lab/assets/fonts/Moniqa-BoldNarrowParagraph.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
} html{
font-family: 'VentiCf', sans-serif;
font-weight: 500; font-size: 4.444vw;
line-height: 1.5;
color: #262626;
scroll-behavior: smooth;
}
button{
text-transform: lowercase;
}
.main{
font-size: 4.444vw;
margin-top: 70px;
}
.container {
width: 100%;
padding-left: 1em;
padding-right: 1em;
}
body.lock{
height: 100vh;
overflow: hidden;
}
a {
text-decoration: none;
text-underline-position: under;
transition: .3s;
}
button{
padding: 0;
}
body{
min-height: 100vh;
}
@media (min-width: 1000px) {
.container {
width: 113.75em;
margin-left: auto;
margin-right: auto;
padding: 0;
}
html{
font-size: 0.833vw;
}
.main{
font-size: 0.833vw;
margin-top: 6.25em;
}
} .header{
font-size: 16px;
position: fixed;
top: 0;
right: 0;
left: 0;
background: #fff;
z-index: 10;
transition: .3s;
}
.header.hidden {
transform: translateY(-100%);
}
.header__wrap{
padding: .9375em 1em;
display: flex;
align-items: center;
justify-content: space-between;
}
.header__logo{
width: 9.25em;
height: 2.1875em;
display: block;
}
.header__logo img{
max-width: 100%;
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
.header__btns{
display: flex;
align-items: center;
column-gap: 1.25em;
}
.header__phoneIcon{
width: 2.5em;
height: 2.5em;
border: 1px solid #F3F3F3;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.menu__icon{
width: 1.5em;
height: 1.0625em;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
}
.menu__icon span{
height: 2.25px;
background: #0C1212;
transition: .3s;
}
.menu__icon span:nth-child(1){
width: 100%;
transform-origin: left;
}
.menu__icon span:nth-child(2){
width: 1em;
}
.menu__icon span:nth-child(3){
width: 100%;
transform-origin: left;
}
.menu__icon.active span:nth-child(1){
width: 100%;
transform: rotate(45deg);
}
.menu__icon.active span:nth-child(2){
opacity: 0;
visibility: hidden; 
}
.menu__icon.active span:nth-child(3){
width: 100%;
transform: rotate(-45deg) translateY(.1em) translateX(-.1em);
}
.menu__body{
position: fixed;
top: 4.375em;
left: -100%;
width: 100%;
background: #fff;
height: calc(100% - 4.375em);
padding: 0;
transition: .2s;
z-index: 3;
display: flex;
flex-direction: column;
overflow: hidden;
box-sizing: border-box; 
}
.menu__nav{
position: relative;
width: 100%;
}
.menu__nav > ul{
display: flex;
flex-direction: column;
row-gap: .3125em;
position: relative;
transition: transform 0.35s ease;
list-style: none;
margin: 0;
padding: 1.25em 1em 0 1em; 
width: 100%;
}
.menu__nav.is-submenu-open > ul {
transform: translateX(-100%);
}
.menu__nav .sub-menu {
position: absolute;
top: 0;
left: 0;
width: 100%;
list-style: none;
margin: 0;
padding: 1.25em 1em 0 1em;
visibility: hidden;
background: #fff;
transform: translateX(100%);
height: 100vh;
}
.menu__nav .sub-menu.is-active {
visibility: visible;
}
.menu-back{
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #1A1C1F;
display: flex;
align-items: center;
column-gap: .222em;
margin-bottom: .944em;
}
.menu-back::before{
content: '';
display: block;
width: .722em;
height: .722em;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.66602 10.832L4.33268 6.4987L8.66602 2.16537' stroke='%231A1C1F' stroke-width='1.625'/%3E%3C/svg%3E%0A");
}
.menu__nav .sub-menu{
display: flex;
flex-direction: column;
row-gap: .3125em;
}
.menu__nav .sub-menu a{
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
background: #F3F3F3;
border-radius: .444em;
width: 100%;
display: block;
padding: .444em .888em;
}
.menu__nav > ul >  li > a{
border: 1px solid #F3F3F3;
width: 100%;
display: block;
padding: .363em .636em .363em .81em;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 1.181;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
border-radius: .363em;
}
.menu__nav > ul >  li.menu-item-has-children a{
display: flex;
justify-content: space-between;
align-items: center;
}
.menu__nav > ul >  li.menu-item-has-children > a::after{
content: '';
width: .636em;
height: .636em;
display: block;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66699 11.666L9.33366 6.99935L4.66699 2.33268' stroke='%23555555' stroke-width='1.75'/%3E%3C/svg%3E%0A");
background-position: center;
background-size: contain;
}
.menu__body.active{
left: 0;
}
.menu__bottom{
margin-top: auto;
padding: 0 1em 1.5625em 1em;
}
.menu__socs{
display: flex;
align-items: center;
column-gap: .5em;
margin-bottom: 1.5625em;
}
.menu__socs a{
width: 2.8125em;
height: 2.8125em;
display: flex;
align-items: center;
justify-content: center;
background: #F3F3F3;
border-radius: .5em;
}
.menu__socs a svg{
width: 1.25em;
height: auto;
object-fit: contain;
object-position: center;
}
.menu__btn{
display: flex;
align-items: center;
padding: .555em 1.111em .555em .555em;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 1;
letter-spacing: -0.01em;
color: #FFFFFF;
background: #E6342B;
border-radius: 5.555em;
width: 18.222em;
height: 3.055em;
}
.menu__btn::after{
content: '';
width: .722em;
height: .722em;
display: block;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.8 1.30078L6.89 2.21078L10.53 5.85078H0V7.15078H10.53L6.89 10.7908L7.8 11.7008L13 6.50078L7.8 1.30078Z' fill='white'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-left: .666em;
}
.menu__btn svg{
width: 1.888em;
height: 1.888em;
object-fit: contain;
object-position: center;
margin-right: auto;
transform-origin: center;
animation: spin 10s linear infinite;
}
.header__nav{
display: none;
}
.header__pcInfo{
display: none;
}
@media(min-width: 1000px){
.header{
font-size: 0.833vw;
}
.header__wrap{
padding: 1.25em 0;
display: flex;
align-items: center;
justify-content:  flex-start
}
.header__logo{
width: 12.8125em;
height: 3em;
}
.header__btns{
display: none;
}
.header__nav{
display: block;
margin-left: 7.5em;
position: relative;
}
.header__nav > ul{
display: flex;
align-items: center;
column-gap: 2em;
}
.header__nav >  ul > li > a{
font-style: normal;
font-weight: 500;
font-size: 1.4375em;
line-height: 1.217;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
text-decoration-line: underline;
text-decoration-color: transparent;
position: relative;
z-index: 2;
}
.header__nav  >  ul > li > a:hover{
color: #E6342B;
text-decoration-color: #E6342B;
}
.header__nav  ul.sub-menu{
display: flex;
flex-direction: column;
row-gap: .75em;
width: calc(100% + 5em);
background-color: #F3F3F3;
position: absolute;
left: -2.5em;
right: 0;
top: -1.3125em;
padding: 4.75em 2.5em 1.875em 2.5em;
border-radius: 1.5em;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.header__nav  ul.sub-menu a{
font-style: normal;
font-weight: 500;
font-size: 1.5625em;
line-height: 1.2;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #919394;
display: flex;
align-items: center;
}
.header__nav  ul.sub-menu a::before{
content: '';
width: .64em;
height: .64em;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_400_227)'%3E%3Cpath d='M9.6 1.59961L8.48 2.71961L12.96 7.19961H0V8.79961H12.96L8.48 13.2796L9.6 14.3996L16 7.99961L9.6 1.59961Z' fill='%23E6342B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_400_227'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-position: center;
background-size: contain;
display: block;
margin-top: -.05em;
opacity: 0;
visibility: hidden;
max-width: 0;
transition: .3s;
}
.header__nav > ul > li.menu-item-has-children:hover > .sub-menu{
opacity: 1;
visibility: visible;
}
.header__nav ul.sub-menu::before {
content: '';
position: absolute;
top: 3em;
left: 0;
width: 100%;
height: 2.5em;
background: transparent;
opacity: .1;
display: block;
z-index: 1;
}
.header__nav  ul.sub-menu a:hover{
color: #E6342B;
}
.header__nav  ul.sub-menu a:hover::before{
opacity: 1;
visibility: visible;
max-width: .64em;
margin-right: .4em;
}
.header__pcInfo{
display: flex;
align-items: center;
column-gap: 2em;
margin-left: auto;
}
.header__pcInfo a{
font-style: normal;
font-weight: 600;
font-size: 1.375em;
line-height: 1;
letter-spacing: -0.01em;
color: #0C1212;
}
.header__pcInfo a:hover{
color: #E6342B;
}
.header__pcInfo button{
font-style: normal;
font-weight: 600;
font-size: 1.375em;
line-height: 1;
letter-spacing: -0.01em;
color: #0C1212;
background: #F3F3F3;
display: flex;
align-items: center;
width: 11.363em;
height: 2.727em;
border-radius: 4.545em;
padding-right: 1.09em;
padding-left: 0.909em;
transition: .3s;
}
.header__pcInfo button::after{
content: '';
width: .727em;
height: .727em;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.6 1.59961L8.48 2.71961L12.96 7.19961H0V8.79961H12.96L8.48 13.2796L9.6 14.3996L16 7.99961L9.6 1.59961Z' fill='white'/%3E%3C/svg%3E%0A");
background-position: center;
background-size: contain;
display: block;
opacity: 0;
visibility: hidden; 
max-width: 0;
transition: .3s;
pointer-events: none;
}
.header__pcInfo button svg{
width: .909em;
height: .909em;
object-fit: contain;
object-position: center;
margin-right: auto;
transition: .3s;
}
.header__pcInfo button:hover{
background: #E6342B;
color: #fff;
padding-left: .5em;
}
.header__pcInfo button:hover svg{
color: #fff;
width: 1.727em;
height: 1.727em;
pointer-events: none;
animation: spin 10s linear infinite;
}
.header__pcInfo button:hover::after{
max-width: .727em;
opacity: 1;
visibility: visible;
margin-left: .545em;
}
} .star-red{
color: #E6342B;
}
.star-wh{
color: #ffffff;
} .banner{
margin-bottom: 6.625em;
position: relative;
}
.banner__wrapper{
padding: 1em 1em 0 1em;
}
.banner__title{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 4.5em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: 0.263em;
}
.banner__title span{
color: #E6342B;
}
.banner__videoBlock{
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 2em;
}
.banner__videoBlock svg{
width: 14.6875em;
height: 14.6875em;
object-fit: contain;
object-position: center;
position: relative;
z-index: 9;
cursor: pointer;
}
.banner__videoBlock svg #starPathBanner {
animation: spinWithImage 20s linear infinite;
transform-origin: center;
}
.banner__videoBlock svg #starShapeBanner path {
animation: spin 20s linear infinite;
transform-origin: center;
}
#bannerVideo{
display: none;
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100vh;
object-fit: cover;
object-position: center;
}
#bannerVideo.is-active {
display: block !important;
position: fixed;
inset: 0;
width: 100%;
height: 100vh;
object-fit: cover;
z-index: 11;
opacity: 0;
transition: opacity 0.5s ease;
}
#bannerVideo.is-visible {
opacity: 1;
}
.banner__videoBlock svg > image{
width: 9px;
height: 9px;
object-fit: contain;
object-position: center;
}
.bannerSvgForPlay{
position: relative;
}
.iconPlay{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
width: 3.75em;
height: 3.75em;
object-fit: contain;
object-position: center;
pointer-events: none;
}
#starGroup {
transform-origin: center;
animation: spin 10s linear infinite;
}
.banner__text{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 120%;
text-align: center;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
opacity: 0.75;
margin-bottom: .75em;
}
.banner__btn{
font-style: normal;
font-weight: 600;
font-size: 1.0625em;
line-height: 1;
letter-spacing: -0.01em;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
column-gap: .705em;
width: 10.294em;
height: 2.941em;
border-radius: 5.882em;
background: #E6342B;
padding: 0.1em 0 0 0;
}
.banner__btn::after{
content: '';
width: .764em;
height: .764em;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_482_2097)'%3E%3Cpath d='M7.8 1.30078L6.89 2.21078L10.53 5.85078H0V7.15078H10.53L6.89 10.7908L7.8 11.7008L13 6.50078L7.8 1.30078Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_482_2097'%3E%3Crect width='13' height='13' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
display: block;
margin-bottom: 0.2em;
}
.banner__tags{
margin-bottom: 1.5em;
}
.banner__tags ul{
display: flex;
flex-wrap: wrap;
gap: .75em;
}
.banner__tags ul li{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 1;
letter-spacing: -0.01em;
color: #0C1212;
padding-bottom: .05em;
border-bottom: 2px dotted #0C1212;
}
.banner__slider{
}
.banner__slide{
padding: 1em;
background: #F9F9F9;
border-radius: .625em;
}
.banner-slide__top{
display: flex;
align-items: center;
column-gap: 1em;
margin-bottom: 1.25em;
}
.banner-slide__top img{
width: 4.0625em;
height: 4.0625em;
object-fit: cover;
object-position: center;
border-radius: .5em;
}
.banner-slide__top > div{
}
.banner-slide__top > div span{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
opacity: 0.35;
}
.banner-slide__top > div p{
font-style: normal;
font-weight: 500;
font-size: 1.125em;
line-height: 1.222;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
}
.banner-slide__bottom{
display: flex;
align-items: center;
column-gap: 1.25em;
}
.banner__nav{
display: flex;
align-items: center;
column-gap: .9375em;
}
.banner__nav > div{
border-radius: 100%;
background: #DCDCDC;
display: flex;
align-items: center;
justify-content: center;
width: 2.5em;
height: 2.5em;
position: relative;
}
.banner--nav__next svg{
transition: .2s;
}
.banner--nav__next svg:first-child {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(-90deg);
width: 3.2em;
height: 3.2em;
pointer-events: none;
}
.banner--nav__next svg circle{
transition: .2s;
}
.banner-progress__track {
fill: none;
stroke: #DCDCDC;
stroke-width: 2px;
}
.banner-slide__bottom > a{
font-style: normal;
font-weight: 500;
font-size: 1.0625em;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
opacity: 0.6;
} .section__title{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.625em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
}
.section__title span{
color: #E6342B;
}
.banner--tags__img{
display: none;
}
@media(min-width: 1000px){
.banner{
margin-bottom: 10.9375em;
}
.banner__wrapper{
padding: 3.125em 0 0 0;
width: 113.75em;
margin: 0 auto;
display: flex;
position: relative;
min-height: 50em;
}
.banner__title{
font-size: 12.1875em;
line-height: .85;
width: max-content;
}
.banner__videoBlock{
margin-bottom: 0;
margin-top: auto;
}
.banner__videoBlock svg{
width: 18.75em;
height: 18.75em;
}
.banner__videoBlock svg > image {
width: 9.4px;
height: 9.4px;
transform: translate(-0.5px, -0.5px);
}
.banner__text{
margin-top: 4.181em;
font-size: 1.375em;
margin-bottom: .727em;
}
.iconPlay{
width: 5em;
height: 5em;
transition: .3s;
}
.bannerSvgForPlay:hover .iconPlay{
width: 5.625em;
height: 5.625em;
}
.banner__btn{
font-size: 1.5em;
column-gap: .5em;
justify-content: space-between;
width: 12.833em;
height: 2.916em;
border-radius: 4.166em;
padding: .1em 1.125em 0 1.291em;
transition: .3s;
}
.banner__btn::after{
content: '';
width: .666em;
height: .666em;
margin-bottom: 0.2em;
}
.banner__btn:hover{
padding: .1em 2.6em 0 2.6em;
}
.banner--tags__img{
width: 15em;
height: 15em;
opacity: 0;
visibility: hidden;
display: block;
transition: .3s;
margin-bottom: 2.25em;
margin-left: auto;
}
.banner--tags__img img{
object-fit: contain;
object-position: center;
transition: .3s;
}
.banner__tags{
max-width: 16.5em;
margin-bottom: 0;
margin-left: auto;
}
.banner__tags ul{
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
column-gap: .9375em;
row-gap: .75em;
}
.banner__tags ul li{
font-size: 1.6875em;
cursor: pointer;
transition: .3s;
}
.banner__tags ul li:hover{
border-bottom: 2px solid #0C1212;
}
.banner__tags:has(li:hover) .banner--tags__img{
opacity: 1;
visibility: visible;
}
.banner__slider{
max-width: 25em;
position: absolute;
bottom: 0;
left: 0;
}
.banner__slide{
padding: 1.25em;
min-width: 25em;
}
.banner-slide__top{
margin-bottom: 1.5em;
}
.banner-slide__top img{
width: 5.625em;
height: 5.625em;
border-radius: .625em;
}
.banner-slide__top > div{
}
.banner-slide__top > div span{
font-size: 1.4375em;
}
.banner-slide__top > div p{
font-size: 1.5625em;
line-height: 1.2;
}
.banner-slide__bottom{
column-gap: 1.5em;
}
.banner__nav{
column-gap: .9375em;
}
.banner__nav > div{
width: 3.125em;
height: 3.125em;
cursor: pointer;
transition: .3s;
}
.banner__nav > div:hover{
background: #E6342B;
}
.banner__nav > div .banner__svgArrow path{
transition: .3s;
}
.banner__nav > div:hover .banner__svgArrow path{
fill: #fff;
}
.banner--nav__next svg:first-child {
width: 4em;
height: 4em;
}
.banner-progress__track {
stroke-width: 1px;
}
.banner-slide__bottom > a{
font-size: 1.4375em;
}
.banner-slide__bottom > a:hover{
color: #E6342B;
opacity: 1;
} .section__title{
font-size: 7.5em;
}
} .cycle{
margin-bottom: 7.1875em;
}
.cycle__wrap{
padding: 0 1em;
}
.cycle__list {
position: relative;
}
.cycle__item {
border-radius: .75em;
overflow: hidden;
margin-bottom: 0.7em;
position: relative;
height: 21.25em;
}
.cycle__item > a{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
z-index: 1;
}
@media (max-width: 799.99px) {
.cycle__item {
position: sticky;
position: -webkit-sticky;
top: 2em;
transform-origin: center 0;
transition: 0.3s;
}
}
.cycle__item:last-child {
margin-bottom: 0;
}
.cycle--item__img{
max-width: 100%;
width: 100%;
height: 100%;
overflow: hidden;
}
.cycle--item__img img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.cycle--item__content{
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(180deg, rgba(12, 18, 18, 0) 0%, #0C1212 100%);
display: flex;
justify-content: space-between;
padding: 1.25em;
align-items: flex-end;
}
.cycle--item__content h3{
font-style: normal;
font-weight: 600;
font-size: 1.133em;
line-height: 1.176;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #FFFFFF;
}
.cycle--item__content svg{
width: 2.8125em;
height: 2.8125em;
object-fit: contain;
object-position: center;
}
.cycle__head{
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 1.5625em;
padding: 0;
}
.cycle--slider__nav{
display: none;
}
@media(max-width: 1000px){
.cycle__list.swiper{
margin: 0;
overflow: visible;
}
.cycle__list .swiper-wrapper{
display: block;
}
}
@media(min-width: 1000px){
.cycle{
margin-bottom: 14.0625em; }
.cycle__wrap{
padding: 0;
position: sticky;
top: 2em;
}
.cycle__title{
margin-bottom: 0;
margin-left: 0;
}
.cycle__head{
margin-bottom: 3.4375em;
}
.cycle--slider__nav{
display: flex;
align-items: center;
column-gap: .75em;
}
.cycle--slider-nav__btn{
width: 3.75em;
height: 3.75em;
border-radius: 100%;
background: #F3F3F3;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .3s;
}
.cycle--slider-nav__btn svg {
width: 1.125em;
height: 1.125em;
object-fit: contain;
object-position: center;
transition: .3s;
}
.cycle--slider-nav__btn.swiper-button-disabled{
opacity: .5;
}
.cycle--slider-nav__btn:not(.swiper-button-disabled):hover{
background: #E6342B;
}
.cycle--slider-nav__btn:not(.swiper-button-disabled):hover svg path {
fill: #fff;
}
.cycle__list {
position: relative;
display: flex;
align-items: center;
column-gap: .75em;
overflow: hidden; padding-left: 3em;
padding-right: 3em; } .cycle__item {
border-radius: 1.56em;
margin-bottom: 0;
flex: 0 0 auto;
width: 26.25em;
height: 27.1875em;
}
.cycle__spacer {
flex-shrink: 0;
width: 3em;
height: 1px;
}
.cycle--item__img img{
transition: .3s;
}
.cycle__item:hover .cycle--item__img img{
transform: scale(1.05);
}
.cycle--item__content{
padding: 2em;
}
.cycle--item__content h3{
font-size: 1.6875em;
line-height: 1.185;
}
.cycle--item__content svg{
width: 3.4375em;
height: 3.4375em;
object-fit: contain;
object-position: center;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.cycle__item:hover .cycle--item__content svg{
opacity: 1;
visibility: visible;
}
}  .events{
margin-bottom: 6.25em;
margin-top: 7.1875em;
}
.events__wrap{
padding: 0 1em;
}
.events__title{
margin-bottom: 0.595em;
}
.events_text{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 120%;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
opacity: .65;
margin-bottom: 1.875em;
}
.events__list{
display: flex;
flex-direction: column;
row-gap: .8125em;
}
.events__item{
border-radius: 1em;
overflow: hidden;
background-color: #F9F9F9;
padding: 1.25em;
}
.events__img{
width: 7.5em;
height: 7.5em;
display: flex;
align-items: center;
justify-content: center;
}
.events__img svg{
transition: .3s;
}
.events__img svg g{
opacity: 0;
transition: opacity 0.5s ease;
}
@media(max-width: 1000px){
.events__item.scrolled .events__img svg {
width: 7.5em;
height: 7.5em;
}
.events__item.scrolled .events__img svg g{
opacity: 1;
}
}
.events--item__text{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 120%;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
margin-top: 1.5em;
}
.events--item__text span{
color: #E6342B;
}
@media(min-width: 1000px){
.events{
margin-bottom: 13.75em;
margin-top: 14.0625em;
}
.events__wrap{
padding: 0;
width: 113.75em;
margin: 0 auto;
}
.events__title{
margin-bottom: 0.2em;
text-align: center;
}
.events_text{
font-size: 1.4375em;
text-align: center;
max-width: 40em;
margin: 0 auto 2.608em auto;
}
.events__list{
flex-direction: row;
gap: .8125em;
}
.events__item{
border-radius: 2em;
padding: 2.5em 3.125em;
cursor: pointer;
min-height: 28.125em;
display: flex;
flex-direction: column;
transition: .3s;
}
.events__img{
width: 13.125em;
height: 13.125em;
margin: 0 auto;
transition: .3s;
}
.events__img svg{
transition: .3s;
width: 3.3125em;
height: 3.3125em;
}
.events__img svg g{
opacity: 0;
transition: opacity 0.5s ease;
}
.events--item__text{
font-size: 1.5625em;
margin-top: 0;
text-align: center;
margin-top: auto;
}
.events__item:hover{
transform: translateY(-1em);
}
.events__item:hover .events__img svg {
width: 13.125em;
height: 13.125em;
}
.events__item:hover .events__img svg g{
opacity: 1;
}
.events__item:hover .starPathEvents {
animation: spinWithImage 10s linear infinite;
transform-origin: center;
}
.events__item:hover .starShapeEvents path {
animation: spin 10s linear infinite;
transform-origin: center;
}
}  .info__wrapper{
}
.info__slider{
}
.info--slider__slide{
min-height: 13.75em;
border-top: 1px solid #0C1212;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.info--slider__slide span{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.75em;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: #0C1212;
display: block;
margin-top: 1.363em;
}
.info--slider__slide p br{display: none;}
.info--slider__slide p{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 120%;
text-align: center;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
opacity: 0.65;
}
.info-slider__link{
position: absolute;
bottom: 1.333em;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
column-gap: .533em;
font-style: normal;
font-weight: 600;
font-size: .9375em;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #E6342B;
opacity: 0.75;
}
.info-slider__link svg{
width: .866em;
height: .866em;
object-fit: contain;
object-position: center;
margin-top: -.2em;
}
.info-slider__link svg path{
fill: #E6342B;
}
.info-slider__linkPage{
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
display: block;
z-index: 2;
}
@media(min-width: 1000px){
.info__wrapper{
display: flex;
}
.info__slider{
width: 50%;
}
.info__left{
border-right: 1px solid #0C1212;
}
.info--slider__slide{
min-height: 34.375em;
border-top: 1px solid #0C1212;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
cursor: pointer;
}
.info--slider__slide span{
font-size: 6.25em;
margin-top: 1.78em;
color: #0C1212;
transition: .3s;
}
.info--slider__slide p{
font-size: 1.4375em;
color: #0C1212;
transition: .3s;
}
.info-slider__link{
bottom: 1.4em;
column-gap: .48em;
font-size: 1.5625em;
color: #DCDCDC;
}
.info-slider__link svg{
width: .64em;
height: .64em;
margin-top: -.1em;
}
.info-slider__link svg path{
fill: #DCDCDC;
transition: .3s;
}
.info__slider:hover .info--slider__slide span{
color: #0C1212;
}
.info__slider:hover .info--slider__slide p{
color: #0C1212;
opacity: 0.65;
}
.info__slider:hover .info-slider__link{
color: #E6342B;
}
.info__slider:hover .info-slider__link svg path{
fill: #E6342B;
}
.info__wrapper:has(.info__left:hover) .info__right .info--slider__slide span{
color: #DCDCDC;
}
.info__wrapper:has(.info__left:hover) .info__right .info--slider__slide p{
color: #DCDCDC;
}
.info__wrapper:has(.info__right:hover) .info__left .info--slider__slide span{
color: #DCDCDC;
}
.info__wrapper:has(.info__right:hover) .info__left .info--slider__slide p{
color: #DCDCDC;
}
}  .partners{
background: #0C1212;
padding: 5.625em 0;
margin-bottom: 5.625em;
}
.partners__title{
color: #545557;
margin-bottom: 0.595em;
padding: 0 .381em;
}
.partners__title span{
color: #fff;
}
.partners__slider{
margin-bottom: .75em;
}
.partners__slider .swiper-wrapper {
transition-duration: 0ms !important;
}
.partners__slide{
min-height: 10em;
background: #1A1C1F;
padding: 1.125em;
border-radius: 1em;
display: flex;
flex-direction: column;
}
.partners__slide > img{
max-width: 6em;
height: auto;
object-fit: contain;
object-position: center;
}
.partners__slide > h3{
font-style: normal;
font-weight: 600;
font-size: .9375em;
line-height: 1.2;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #FFFFFF;
margin-top: auto;
}
@media(min-width: 1000px){
.partners{
padding: 10.9375em 0;
margin-bottom: 19.0625em;
}
.partners__title{
margin-bottom: 0.458em;
padding: 0;
margin-left: .35em;
max-width: 9em;
}
.partners__slider{
margin-bottom: 1em;
}
.partners__slide{
min-height: 17.5em;
padding: 2em;
border-radius: 2em;
}
.partners__slide > img{
max-width: 10em;
}
.partners__slide > h3{
font-size: 1.4375em;
}
.partners__slide > h3 br{
display: none;
}
}  .projects{
margin-bottom: 5.625em;
}
.projects__wrap{
padding: 0 1em;
position: relative;
}
.projects__header{
display: flex;
column-gap: .3125em;
justify-content: center;
margin-bottom: 2.1875em;
will-change: transform;
}
.projects__header .projects__title{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 5em;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: #0C1212;
position: relative;
transition: .3s;
}
.projects__header span{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 1.0625em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
transition: .3s;
}
.projects__header.is-parallax .projects__title{
color: #DCDCDC;
}
.projects__header.is-parallax span{
color: #DCDCDC;
}
.projects__list{
display: flex;
flex-direction: column;
row-gap: 2.1875em;
position: relative;
z-index: 2;
}
.projects__item{
display: flex;
flex-direction: column;
}
.projects--item__img{
max-width: 100%;
width: 100%;
height: 15.625em;
border-radius: .75em;
overflow: hidden;
margin-bottom: 1em;
position: relative;
}
.projects--item__img img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.projects__tags{
position: absolute;
top: .75em;
left: .75em;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .3125em;
}
.projects__tags span{
font-style: normal;
font-weight: 500;
font-size: .8125em;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
padding: .1em .923em 0 .923em;
border-radius: 7.692em;
white-space: pre;
height: 2em;
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.25);
background: rgba(0, 0, 0, 0.15);
backdrop-filter: blur(25px);
}
.projects--item__title{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 1.5625em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: .2em;
}
.projects--item__text{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 1.1875;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
}
.allProjects{
padding: 1.375em;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .75em;
min-height: 15.625em;
display: flex;
flex-direction: column;
background: #fff;
backdrop-filter: blur(15px);
}
.allProjects h3{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.625em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
}
.allProjects svg{
margin-top: auto;
margin-left: auto;
width: 3.4375em;
height: auto;
object-fit: contain;
object-position: center;
}
.allProjects svg > path{
transform-origin: center;
}
.allProjects svg > path{
animation: spin 10s linear infinite;
}
@media(min-width: 1000px){
.projects{
margin-bottom: 12.5em;
}
.projects__wrap{
padding: 0;
width: 113.75em;
margin: 0 auto;
}
.projects__header{
display: flex;
column-gap: 0;
justify-content: center;
margin-bottom: 24.0625em;
position: sticky;
top: 23em;
z-index: 1;
}
.projects__header .projects__title{
font-size: 18.75em;
}
.projects__header span{
font-size: 3.75em;
margin-top: -.5em;
}
.projects__list{
row-gap: 0;
}
.projects__item{
display: flex;
flex-direction: column;
max-width: 55em;
}
.projects__item:nth-child(even) {
margin-left: auto;
margin-top: -6.1em;
}
.projects--item__img{
height: 35.9375em;
border-radius: 2em;
margin-bottom: 1em;
overflow: hidden;
}
.projects__item .projects--item__img img{
transition: .3s;
}
.projects__tags{
top: 2em;
left: 2em;
gap: .5em;
}
.projects__tags span{
font-size: 1.4375em;
height: 1.913em;
padding: .15em .695em 0 .695em;
border-radius: 4.347em;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.projects--item__content{
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
padding: 0 1.5em;
}
.projects--item__title{
font-size: 2.3125em;
margin-bottom: 0;
}
.projects--item__text{
font-size: 1.6875em;
line-height: 1.185;
max-width: 22.222em;
}
.allProjects{
padding: 4em;
border-radius: 2em;
min-height: 35.9375em;
max-width: 55em;
width: 100%;
background: rgba(255, 255, 255, 0.35);
}
.allProjects h3{
font-size: 5em;
}
.allProjects svg{
width: 4em;
}
.allProjects svg > path{
transform-origin: center;
}
.allProjects svg > path {
animation: unset;
}
.allProjects:hover svg > path{
animation: spin 10s linear infinite;
}
.projects__item:hover .projects__tags span{
opacity: 1;
visibility: visible;
}
.projects__item:hover .projects--item__img img{
transform: scale(1.05);
}
} .together{
}
.together__left{
height: 21.625em;
}
.together__left img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.together__form{
padding: 3.125em 1em;
background: #F3F3F3;
}
.together__title{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.625em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: 0.119em;
}
.together__title span{
color: #E6342B;
}
.together__text{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 1.1875;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
margin-bottom: 1.375em;
}
.together__form form{
display: flex;
flex-direction: column;
}
.together__form form input:not([type="submit"]):not([type="checkbox"]){
font-family: 'VentiCF';
font-style: normal;
font-weight: 500;
font-size: 1.0625em;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
padding: .764em 1.058em;
border: 1px solid rgba(220, 220, 220, .5);
border-radius: 0.294em;
margin-bottom: 0.294em;
background: #fff;
width: 100%;
}
.together__form form textarea{
font-family: 'VentiCF';
font-style: normal;
font-weight: 500;
font-size: 1.0625em;
line-height: 1.176;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
padding: .764em 1.058em;
border: 1px solid rgba(220, 220, 220, .5);
border-radius: 0.294em;
height: 6.764em;
margin-bottom: 0.941em;
background: #fff;
width: 100%;
}
.together--form__btn{
display: flex;
align-items: center;
justify-content: center;
column-gap: .705em;
width: 8.353em;
height: 2.941em;
background: #E6342B;
border-radius: 5.882em;
font-family: 'VentiCF';
font-style: normal;
font-weight: 600;
font-size: 1.0625em;
line-height: 1;
letter-spacing: -0.01em;
color: #FFFFFF;
border: none;
padding: 0;
padding-top: .1em;
}
.together--form__btn svg{
width: .764em;
height: auto;
object-fit: contain;
object-position: center;
margin-bottom: .1em;
flex-shrink: 0;
}
.chbs{
margin-bottom: 1em;
display: flex;
flex-direction: column;
row-gap: .5em;
}
.chbs > div{
display: flex;
column-gap: .5625em;
}
.chbs .wpcf7-list-item{
margin: 0;
}
.chbs input[type="checkbox"] {
appearance: none;
width: 1.0625em;
height: 1.0625em;
border: 1px solid rgba(220, 220, 220, .5);
border-radius: 0.125em;
background-color: #fff;
cursor: pointer;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
margin: 0;
flex-shrink: 0;
}
.chbs input[type="checkbox"]:checked{
background-color: #E6342B;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.chbs label{
font-style: normal;
font-weight: 500;
font-size: .875em;
line-height: 1.214;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
display: flex;
align-items: flex-start;
column-gap: .642em;
}
.chbs label .wpcf7-list-item-label a{
color: #E6342B;
text-decoration-line: underline;
text-decoration-color: transparent;
cursor: pointer;
}
.chbs label .wpcf7-list-item-label a:hover{
text-decoration-color: #E6342B;
}
.together__form form input::-webkit-input-placeholder, .together__form form textarea::-webkit-input-placeholder { color: rgba(12, 18, 18, .5) }
.together__form form input::-moz-placeholder, .together__form form textarea::-moz-placeholder          { color: rgba(12, 18, 18, .5)  }
.together__form form input:-moz-placeholder, .together__form form textarea:-moz-placeholder           { color: rgba(12, 18, 18, .5)  }
.together__form form input:-ms-input-placeholder, .together__form form textarea:-ms-input-placeholder      { color: rgba(12, 18, 18, .5)  }
@media(min-width: 1000px){
.together{
}
.together__wrap{
display: flex;
}
.together__left{
height: unset;
max-width: 60em;
width: 100%;
}
.together__form{
padding: 5.8em 11.25em;
flex-grow: 1;
}
.together__title{
font-size: 6.25em;
margin-bottom: 0.08em;
}
.together__text{
font-size: 1.4375em;
line-height: 1.217;
margin-bottom: 1.826em;
max-width: 18em;
}
.together__form form{
display: flex;
flex-direction: column;
}
.together__form form input:not([type="submit"]):not([type="checkbox"]){
font-size: 1.4375em;
padding: .652em 1.043em;
border-radius: 0.217em;
margin-bottom: 0.434em;
}
.together__form form textarea{
font-size: 1.4375em;
line-height: 1.217;
padding: .652em 1.043em;
border-radius: 0.217em;
height: 5.869em;
margin-bottom: 0.695em;
}
.together--form__btn{
justify-content: space-between;
column-gap: .5em;
width: 10.958em;
height: 2.916em;
border-radius: 4.166em;
padding: 0 1.333em;
transition: .3s;
font-size: 1.5em;
}
.together--form__btn svg{
width: .666em;
margin-top: -.1em;
pointer-events: none;
}
.together--form__btn:hover{
padding: 0 2.7em;
}
.chbs input[type="checkbox"] {
margin-top: .2em;
}
.chbs label{
font-size: 1.1875em;
line-height: 1.21;
column-gap: .473em;
}
} .footer{
background: #0C1212;
}
.footer__top{
padding: 3.125em 0;
margin-right: 1em;
margin-left: 1em;
margin-bottom: 3.125em;
border-bottom: 1px solid #3B3B3B;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.footer--top__left{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 3em;
line-height: 100%;
text-transform: uppercase;
color: #FFFFFF;
position: relative;
background: transparent;
padding: 0;
text-align: left;
}
.footer--top__left svg{
width: .833em;
height: .833em;
object-fit: contain;
object-position: center;
position: absolute;
bottom: .2em;
right: 0;
}
.footer--top__left svg > path{
transform-origin: center;
}
@media(max-width: 1000px){
.footer--top__left svg > path{
animation: spin 10s linear infinite;
}
}
.toTop{
display: flex;
align-items: center;
column-gap: .375em;
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #919394;
}
.toTop svg{
width: .8125em;
height: .8125em;
object-fit: contain;
object-position: center;
}
.footer__mid{
margin: 0 1em 4.6875em 1em;
}
.footer__navs{
display: grid;
grid-template-columns: 1fr 6.25em;
column-gap: 2em;
margin-bottom: 3.125em;
}
.footer__nav > span{
font-style: normal;
font-weight: 500;
font-size: 1.0625em;
line-height: 1.176;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #FFFFFF;
margin-bottom: 1.176em;
display: block;
}
.footer__nav ul{
display: flex;
flex-direction: column;
row-gap: .6875em;
}
.footer__nav ul .sub-menu{
display: none;
}
.footer__nav ul a{
font-style: normal;
font-weight: 500;
font-size: 1.0625em;
line-height: 1.176;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #919394;
}
.footer__socs{
display: flex;
align-items: center;
column-gap: .5em;
margin-bottom: 2.1875em;
}
.footer__socs a{
border-radius: .5em;
background: #1A1C1F;
display: flex;
align-items: center;
justify-content: center;
width: 2.8125em;
height: 2.8125em;
}
.footer__socs a svg{
width: 1.25em;
height: auto;
object-fit: contain;
object-position: center;
}
.footer__contacts{
display: flex;
flex-direction: column;
row-gap: 1.2em;
}
.footer__contacts a{
font-style: normal;
font-weight: 500;
font-size: 1.3125em;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #919394;
}
.footer__logo{
margin: 0 1em;
display: block;
}
.footer__logo img{
max-width: 15.9375em;
width: 100%;
height: 3.75em;
object-fit: contain;
object-position: center;
}
.footer__bottom{
margin: 0 1em;
padding: 2.5em 0;
}
.footer__links{
display: flex;
flex-direction: column;
row-gap: .6875em;
}
.footer__links a{
font-style: normal;
font-weight: 500;
font-size: 1.0625em;
line-height: 120%;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #919394;
}
.footer_dev{
display: flex;
align-items: center;
column-gap: .882em;
margin-top: .6875em;
font-style: normal;
font-weight: 500;
font-size: 1.0625em;
line-height: 120%;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #919394;
}
.footer_dev img{
width: 5.823em;
height: 1.411em;
object-fit: contain;
object-position: center;
}
@media(min-width: 1000px){
.footer{
background: #0C1212;
}
.footer__top{
padding: 6.25em 0 3.125em 0;
margin-bottom: 3.125em;
width: 113.75em;
margin: 0 auto 4em auto;
align-items: flex-end;
}
.footer--top__left{
font-size: 5em;
display: flex;
column-gap: .25em;
}
.footer--top__left br{
display: none;
}
.footer--top__left svg{
width: .8em;
height: .8em;
position: relative;
bottom: unset;
right: unset;
}
.footer--top__left:hover svg > path{
animation: spin 10s linear infinite;
}
.toTop{
column-gap: .521em;
font-size: 1.4375em;
}
.toTop:hover{
color: #fff;
}
.toTop svg{
width: .695em;
height: .695em;
margin-bottom: 0.2em;
}
.toTop svg path{
transition: .3s;
}
.toTop:hover svg path{
fill: #fff;
}
.footer__mid{
width: 113.75em;
margin: 0 auto 7em auto;
display: flex;
justify-content: space-between;
}
.footer__navs{
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
column-gap: 7.5em;
margin-bottom: 0;
}
.footer__nav > span{
font-size: 1.4375em;
line-height: 1.217;
margin-bottom: 1.043em;
}
.footer__nav ul{
row-gap: .75em;
}
.footer__nav ul a{
font-size: 1.4375em;
line-height: 1.217;
}
.footer__nav ul a:hover{
color: #fff;
}
.servicesNav ul{
flex-direction: column;
flex-wrap: wrap;
height: 12.375em;
column-gap: 3.5em;
}
.servicesNav ul li{
max-width: 12em;
}
.footer__socs{
column-gap: .625em;
margin-bottom: 3.125em;
justify-content: flex-end;
}
.footer__socs a{
border-radius: .625em;
width: 4em;
height: 4em;
}
.footer__socs a:hover{
border-radius: 100%;
}
.footer__socs a svg{
width: 1.625em;
}
.footer__contacts{
row-gap: .75em;
}
.footer__contacts a{
font-size: 2.0625em;
text-align: right;
}
.footer__contacts a:hover{
color: #fff;
}
.footer__logo{
width: 113.75em;
margin: 0 auto;
}
.footer__logo img{
max-width: 47.8125em;
height: 11.25em;
}
.footer__bottom{
width: 113.75em;
margin: 0 auto;
padding: 3.1875em 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer__links{
display: flex;
flex-direction: row;
column-gap: 2em;
}
.footer__links a{
font-size: 1.4375em;
}
.footer__links a:hover{
color: #fff;
}
.footer_dev{
column-gap: .652em;
margin-top: 0;
font-size: 1.4375em;
}
.footer_dev:hover{
color: #fff;
}
.footer_dev br{
display: none;
}
.footer_dev img{
width: 5.391em;
height: 1.304em;
}
}  .modal[aria-hidden='true'] {
display: none;
}  
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.7);
display: flex;
justify-content: center;
align-items: center;
z-index: 12;
backdrop-filter: blur(10px);
}
.modal__container {
background-color: #fff;
max-width: 100%;
max-height: 100vh;
height: 100%;
overflow-y: auto;
box-sizing: border-box;
position: relative;
}
.modal__header{
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.0625em 1em;
}
.modal__header img{
width: 9.25em;
height: auto;
object-fit: contain;
object-position: center;
}
.modal__header button{
width: 1em;
height: 1em;
display: block;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='14.1426' width='20' height='2.25' transform='rotate(-45 0 14.1426)' fill='%230C1212'/%3E%3Crect width='20' height='2.25' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 15.7334 14.1426)' fill='%230C1212'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-color: transparent;
padding: 0;
margin: 0;
outline: none;
border: none;
}
.modal__form{
padding: 1.25em 1em 1.5625em 1em;
display: flex;
flex-direction: column;
height: 100%;
background: #F3F3F3;
}
.modal__title{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 3em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: 0.104em;
}
.modal__title br{
display: none;
}
.modal__title span{
color: #E6342B;
}
.modal__text{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 1.1875;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
}
.modal__form form{
display: flex;
flex-direction: column;
margin-top: 2em;
}
.modal__form form input:not([type="submit"]):not([type="checkbox"]){
font-family: 'VentiCF';
font-style: normal;
font-weight: 500;
font-size: 1.0625em;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
padding: .764em 1.058em;
border: 1px solid rgba(220, 220, 220, .5);
border-radius: 0.294em;
margin-bottom: 0.294em;
background: #fff;
width: 100%;
}
.modal__form form textarea{
font-family: 'VentiCF';
font-style: normal;
font-weight: 500;
font-size: 1.0625em;
line-height: 1.176;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
padding: .764em 1.058em;
border: 1px solid rgba(220, 220, 220, .5);
border-radius: 0.294em;
height: 6.764em;
margin-bottom: 0.941em;
background: #fff;
width: 100%;
}
.modal--form__btn{
display: flex;
align-items: center;
justify-content: center;
column-gap: .705em;
width: 8.353em;
height: 2.941em;
background: #E6342B;
border-radius: 5.882em;
font-family: 'VentiCF';
font-style: normal;
font-weight: 600;
font-size: 1.0625em;
line-height: 1;
letter-spacing: -0.01em;
color: #FFFFFF;
border: none;
padding: 0;
padding-top: .2em;
}
.modal--form__btn svg{
width: .764em;
height: auto;
object-fit: contain;
object-position: center;
margin-bottom: .2em;
flex-shrink: 0;
}
.modal__form form input::-webkit-input-placeholder, .modal__form form textarea::-webkit-input-placeholder { color: rgba(12, 18, 18, .5) }
.modal__form form input::-moz-placeholder, .modal__form form textarea::-moz-placeholder          { color: rgba(12, 18, 18, .5)  }
.modal__form form input:-moz-placeholder, .modal__form form textarea:-moz-placeholder           { color: rgba(12, 18, 18, .5)  }
.modal__form form input:-ms-input-placeholder, .modal__form form textarea:-ms-input-placeholder      { color: rgba(12, 18, 18, .5)  }
.micromodal-slide {
display: none;
}
.micromodal-slide.is-open {
display: block;
}
.modal__close{
display: none;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
animation: fadeIn 300ms ease forwards;
}
.micromodal-slide[aria-hidden="false"] .modal__container {
animation: slideUp 300ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
@keyframes fadeIn {
from { opacity: 0; }
to   { opacity: 1; }
}
@keyframes slideUp {
from { opacity: 0; transform: translateY(16px) scale(0.97); }
to   { opacity: 1; transform: translateY(0) scale(1); }
}
@media(min-width: 1000px){
.modal__close{
display: block;
position: absolute;
top: 3.125em;
right: 5em;
width: 4.375em;
height: 4.375em;
background-color: #0C1212;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.modal__close svg{
width: 1.25em;
height: auto;
object-fit: contain;
object-position: center;
transition: .3s;
pointer-events: none;
}
.modal__close:hover svg{
width: .9375em;
transform: rotate(90deg);
}
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
display: flex;
justify-content: flex-end;
align-items: center;
z-index: 12;
}
.modal__container {
background-color: #fff;
max-width: 47.5em;
width: 100%;
max-height: 100vh;
height: 100vh;
overflow-y: auto;
box-sizing: border-box;
}
.modal__header{
display: none;
}
.modal__form{
padding: 7.375em 5em;
}
.modal__title{
font-size: 6.25em;
margin-bottom: 0.08em;
}
.modal__title br{
display: block;
}
.modal__text{
font-size: 1.4375em;
line-height: 1.217;
}
.modal__form form{
margin-top: 2.5em;
}
.modal__form form input:not([type="submit"]):not([type="checkbox"]){
font-size: 1.4375em;
padding: .652em 1.043em;
border-radius: 0.217em;
margin-bottom: 0.434em;
}
.modal__form form textarea{
font-size: 1.4375em;
line-height: 1.2;
padding: .652em 1.043em;
border-radius: 0.217em;
margin-bottom: 0.695em;
height: 5.869em;
}
.modal--form__btn{
justify-content: space-between;
column-gap: .5625em;
width: 10.958em;
height: 2.916em;
border-radius: 4.166em;
padding: 0 1.333em;
transition: .3s;
font-size: 1.5em;
}
.modal--form__btn svg{
width: .666em;
margin-top: .1em;
pointer-events: none;
}
.modal--form__btn:hover{
padding: 0 2.8em;
}
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes spinWithImage {
0% { transform: rotate(0deg) scale(.98); }
100% { transform: rotate(360deg); }
} #loader-overlay {
position: fixed;
inset: 0;
z-index: 999999;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
background: #fff;
opacity: 1;
visibility: visible;
transition: opacity 0.6s ease, visibility 0.6s ease;
}
.logoLoader{
width: 8.5em;
height: 2em;
object-fit: contain;
object-position: center;
margin-bottom: 1.5625em;
}
#loader-overlay.hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
#starSvg {
animation: spinScale 2s ease-in-out infinite;
overflow: visible;
width: 7.5em;
height: 7.5em;
object-fit: contain;
object-position: center;
position: absolute;
top: 45%;
}
#starSvg.loaded {
animation: dropDown 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
#photoGroup {
opacity: 0;
transition: opacity 0.5s ease;
}
#photoGroup.show { opacity: 1; }
@keyframes spinScale {
0%   { transform: scale(0.7) rotate(0deg); }
50%  { transform: scale(1.15) rotate(180deg); }
100% { transform: scale(0.7) rotate(360deg); }
}
@keyframes dropDown {
0%   { transform: translateY(0) scale(1) rotate(0deg); }
40%  { transform: translateY(30px) scale(0.9) rotate(15deg); }
100% { transform: translateY(0) scale(1) rotate(0deg); }
}
@media(min-width: 1000px){
.logoLoader{
width: 12.8125em;
height: 3em;
margin-bottom: 3.125em;
}
#starSvg {
width: 9.375em;
height: 9.375em;
top: 40%;
}
}
.marquee {
width: 100%;
overflow: hidden;
background: #E6342B;
color: rgba(85, 85, 85, 0.5);
padding: 1.4375em 0;
position: relative;
}
.marquee__track {
display: flex;
width: max-content;
will-change: transform;
animation: marquee-scroll linear infinite;
}
.marquee__group {
display: flex;
flex-shrink: 0;
align-items: center;
}
.marquee__item {
flex-shrink: 0;
padding: 0;
white-space: nowrap;
font-style: normal;
font-weight: 400;
font-size: 1.3125em;
font-family: 'Moniqa';
color: #fff;
line-height: 1;
text-transform: uppercase;
leading-trim: both;
text-edge: cap;
text-align: center;
text-transform: uppercase;
}
.marquee__item:not(.marquee__item--icon){
margin-top: .1em;
}
.marquee__item--icon {
display: flex;
align-items: center;
margin: 0 1.19em;
width: 1.142em;
height: 1.142em;
}
.marquee__item--icon svg{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
@media(min-width: 1000px){
.marquee {
padding: 1.65em 0;
}
.marquee__item {
font-size: 2.6875em;
}
.marquee__item:not(.marquee__item--icon){
margin-top: .1em;
}
.marquee__item--icon {
display: flex;
align-items: center;
margin: 0 .976em;
width: .883em;
height: .883em;
}
}
@keyframes marquee-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(calc(-1 * var(--group-width)));
}
} .page_head{
display: flex;
flex-direction: column-reverse;
row-gap: .9375em;
margin-bottom: 1.875em;
margin-top: 1.5625em;
}
.page_head > a{
font-style: normal;
font-weight: 500;
font-size: 1.0625em;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #1A1C1F;
display: flex;
align-items: center;
column-gap: .235em;
}
.page_head > a::before{
content: '';
width: .764em;
height: .764em;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.66602 10.832L4.33268 6.4987L8.66602 2.16537' stroke='%231A1C1F' stroke-width='1.625'/%3E%3C/svg%3E%0A");
background-position: center;
background-size: contain;
display: block;
margin-bottom: .1em;
}
.breadcrumbs{
}
.breadcrumbs > span{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 1.1875;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
}
.breadcrumbs .current-item{
color: #919394;
}
.page__title{
margin-bottom: 1.5625em;
}
.page__title h1{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.625em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
}
.page__title h1 span{
color: #E6342B;
}
.contacts{
margin-bottom: 5.625em;
}
.contacts__wrapper{
display: flex;
flex-direction: column-reverse;
row-gap: .625em;
}
.contacts__left{
padding: 1.5625em 1em;
background: #F9F9F9;
border-radius: .75em;
}
.contacts__subtitle{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.25em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: .694em;
}
.contacts--block__text{
display: flex;
flex-direction: column;
row-gap: .4375em;
}
.adres{
margin-bottom: 1.5625em;
}
.jobTime{
margin-bottom: 1.5625em;
}
.contacts__block > span{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 1.1875;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #919394;
display: block;
margin-bottom: .75em;
}
.contacts__block p, .contacts__block a{
font-style: normal;
font-weight: 500;
font-size: 1.0625em;
line-height: 1.176;
letter-spacing: -0.01em;
color: #0C1212;
}
.contacts__socs{
display: flex;
align-items: center;
column-gap: .5em;
margin-top: 1.5625em;
padding-top: 1.875em;
border-top: 1px solid #DCDCDC;
}
.contacts__socs a{
width: 2.625em;
height: 2.625em;
border-radius: .5em;
background: #1A1C1F;
display: flex;
align-items: center;
justify-content: center;
}
.contacts__socs a svg{
width: 1.125em;
height: auto;
object-fit: contain;
object-position: center;
}
.contacts__right{
overflow: hidden;
height: 25em;
}
.contacts__right iframe{
width: 100%;
height: 100%;
border-radius: .75em;
}
@media(min-width: 1000px){
.page_head{
align-items: center;
justify-content: space-between;
flex-direction: row;
column-gap: 1em;
margin-bottom: 2.8125em;
margin-top: 3.4375em;
}
.page_head > a{
font-size: 1.375em;
column-gap: .227em;
}
.page_head > a:hover{
color: #E6342B;
}
.page_head > a::before{
width: .636em;
height: .636em;
margin-bottom: 0;
transition: .3s;
}
.page_head > a:hover::before{
background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.66602 10.832L4.33268 6.4987L8.66602 2.16537' stroke='%23E6342B' stroke-width='1.625'/%3E%3C/svg%3E%0A");
}
.breadcrumbs > span{
font-size: 1.375em;
line-height: 1.181;
}
.breadcrumbs a:hover{
color: #E6342B;
}
.page__title{
margin-bottom: 3.4375em;
}
.page__title h1{
font-size: 7.5em;
}
.contacts{
margin-bottom: 12.5em;
}
.contacts__wrapper{
flex-direction: row;
column-gap: .9375em;
}
.contacts__left{
padding: 3.125em;
border-radius: 2em;
max-width: 42.5em;
width: 100%;
min-height: 45em;
height: 100%;
}
.contacts__subtitle{
font-size: 3.75em;
margin-bottom: .583em;
}
.contacts--block__text{
row-gap: .3125em;
}
.adres{
margin-bottom: 2.1875em;
}
.jobTime{
margin-bottom: 3.1875em;
}
.contacts__block > span{
font-size: 1.4375em;
line-height: 1.217;
margin-bottom: .652em;
}
.contacts__block p, .contacts__block a{
font-size: 1.5625em;
line-height: 1.176;
}
.contacts__block a:hover{
color: #E6342B;
}
.contacts__socs{
column-gap: .625em;
margin-top: 2.8125em;
padding-top: 3.125em;
}
.contacts__socs a{
width: 3.4375em;
height: 3.4375em;
border-radius: .625em;
transition: .3s;
}
.contacts__socs a svg{
width: 1.5625em;
}
.contacts__socs a:hover{
border-radius: 6.25em;
background: #E6342B;
}
.contacts__right{
overflow: hidden;
flex-grow: 1;
height: 45em;
}
.contacts__right iframe{
border-radius: 2em;
}
} .services__head{
display: flex;
flex-direction: column;
row-gap: 1.5625em;
}
.link__dwnld{
font-style: normal;
font-weight: 600;
font-size: 1.0625em;
line-height: 1;
letter-spacing: -0.01em;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5.882em;
background-color: #545557;
width: 11.529em;
height: 2.941em;
padding-top: .2em;
}
.services{
margin-bottom: 5.625em;
}
.services__list{
display: flex;
flex-direction: column;
row-gap: .5em;
margin-bottom: 7.1875em;
}
.services__item{
position: relative;
border-radius: .75em;
overflow: hidden;
height: 21.25em;
}
.services__item > a{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
z-index: 1;
}
.services--item__img{
max-width: 100%;
width: 100%;
height: 100%;
overflow: hidden;
}
.services--item__img img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.services--item__content{
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(180deg, rgba(12, 18, 18, 0) 0%, #0C1212 100%);
display: flex;
justify-content: space-between;
padding: 1.25em;
align-items: flex-end;
}
.services--item__content > h3{
font-style: normal;
font-weight: 600;
font-size: 1.133em;
line-height: 1.176;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #FFFFFF;
}
.services--item__content > svg{
width: 2.8125em;
height: 2.8125em;
object-fit: contain;
object-position: center;
}
.seo__text{
margin-top: 7.1875em;
}
.seo__text > h2{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.5em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: .625em;
}
.seo__text > div{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 120%;
letter-spacing: -0.01em;
color: #0C1212;
}
.seo_service{
margin-bottom: 5.625em;
}
@media(min-width: 1000px){
.services{
margin-bottom: 10.9375em;
}
.seo_service{
margin-bottom: 14.0625em;
}
.services__list{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: .75em;
margin-bottom: 14.0625em;
}
.services__item{
border-radius: 1.56em;
height: 27.1875em;
}
.services--item__img img{
transition: .3s;
}
.services__item:hover .services--item__img img{
transform: scale(1.05);
}
.services--item__content{
padding: 2em;
}
.services--item__content > h3{
font-size: 1.6875em;
line-height: 1.185;
}
.services--item__content > svg{
width: 3.4375em;
height: 3.4375em;
object-fit: contain;
object-position: center;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.services__item:hover .services--item__content svg{
opacity: 1;
visibility: visible;
}
.seo__text{
margin-top: 14.0625em;
display: flex;
column-gap: 1em;
}
.seo__text > h2{
font-size: 6.25em;
margin-bottom: 0;
width: 56.5em;
flex-grow: 1;
}
.seo__text > div{
font-size: 1.4375em;
width: 37.13em;
flex-shrink: 0;
}
.services__head{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
column-gap: 1em;
}
.link__dwnld{
font-size: 1.5em;
border-radius: 4.166em;
width: 11.625em;
height: 2.916em;
padding-top: .2em;
margin-bottom: .5em;
}
.link__dwnld:hover{
background-color: #919394;
}
} .projectsPage{
margin-bottom: 5.625em;
}
.projectsPage__list{
display: flex;
flex-direction: column;
row-gap: 2.1875em;
margin-bottom: 7.1875em;
}
.projectsPage__item{
display: flex;
flex-direction: column;
}
.projectsPage--item__img{
max-width: 100%;
width: 100%;
height: 15.625em;
border-radius: .75em;
overflow: hidden;
margin-bottom: 1em;
position: relative;
}
.projectsPage--item__img img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.projectsPage__tags{
position: absolute;
top: .75em;
left: .75em;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .3125em;
}
.projectsPage__tags span{
font-style: normal;
font-weight: 500;
font-size: .8125em;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
padding: .1em .923em 0 .923em;
border-radius: 7.692em;
white-space: pre;
height: 2em;
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.25);
background: rgba(0, 0, 0, 0.15);
backdrop-filter: blur(25px);
}
.projectsPage--item__content{
}
.projectsPage--item__title{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 1.5625em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: .2em;
}
.projectsPage--item__text{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 1.1875;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
}
.projectsPage__tabs{
display: flex;
align-items: center;
column-gap: .3125em;
overflow: auto;
margin-left: 1em;
margin-bottom: 1.5625em;
white-space: nowrap;
}
.projectsPage__tabs {
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.projectsPage__tabs::-webkit-scrollbar {
display: none; 
}
.projectsPage__tab{
font-style: normal;
font-weight: 500;
font-size: .9375em;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
min-height: 2.666em;
border: 1px solid #DCDCDC;
border-radius: 6.666em;
display: flex;
align-items: center;
column-gap: .333em;
padding: 0 .8em;
width: max-content;
padding-top: .1em;
transition: .3s;
}
.projectsPage__tab span{
align-self: flex-start;
margin-top: .9em;
font-size: .7em;
}
.projectsPage__tab.active{
background: #0C1212;
border-radius: .5em;
color: #fff;
}
@media(min-width: 1000px){
.projectsPage{
margin-bottom: 5.625em;
}
.projectsPage__list{
display: grid;
grid-template-columns: repeat(6, 1fr);
column-gap: 1.5em;
row-gap: 3.4375em;
margin-bottom: 14.0625em;
}
.projectsPage__item:nth-child(5n+1),
.projectsPage__item:nth-child(5n+2) {
grid-column: span 3;
}
.projectsPage__item:nth-child(5n+3),
.projectsPage__item:nth-child(5n+4),
.projectsPage__item:nth-child(5n+5) {
grid-column: span 2;
}
.projectsPage--item__img{
height: 35.9375em;
border-radius: 2em;
}
.projectsPage__item .projectsPage--item__img img{
transition: .3s;
}
.projectsPage__tags{
top: 2em;
left: 2em;
gap: .5em;
}
.projectsPage__tags span{
font-size: 1.4375em;
height: 1.913em;
padding: .15em .695em 0 .695em;
border-radius: 4.347em;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.projectsPage--item__content{
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
column-gap: 5em;
padding: 0 1.5em;
}
.projectsPage--item__title{
font-size: 2.3125em;
margin-bottom: 0;
}
.projectsPage--item__text{
font-size: 1.6875em;
line-height: 1.185;
max-width: 22.222em;
}
.projectsPage__item:hover .projectsPage__tags span{
opacity: 1;
visibility: visible;
}
.projectsPage__item:hover .projectsPage--item__img img{
transform: scale(1.05);
}
.projectsPage__tabs{
width: 113.75em;
margin-right: auto;
gap: .75em;
overflow: unset;
margin-left: auto;
margin-bottom: 3.4375em;
white-space: unset;
}
.projectsPage__tab{
font-size: 1.4375em;
min-height: 2.174em;
border-radius: 4.347em;
column-gap: .217em;
padding: 0 .869em;
padding-top: .2em;
cursor: pointer;
transition: .3s;
}
.projectsPage__tab span{
align-self: flex-start;
margin-top: .6em;
font-size: .6em;
}
.projectsPage__tab.active{
border-radius: .521em;
}
.projectsPage__tab:hover{
background: #0C1212;
color: #fff;
}
} .about{
}
.about__wrapper{
}
.about__img{
max-width: 100%;
width: 100%;
height: 18.75em;
}
.about__img img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.about__persons{
margin-top: 7.1875em;
margin-bottom: 7.5em;
}
.about--persons__head{
}
.about--persons__head h2{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.5em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: .75em;
}
.about--persons__nav{
display: none;
}
.about--persons__nav > div{
}
.about--persons__nav > div svg{
}
.about--persons__slider{
padding: 0 1em;
}
.about--person__slide{
min-height: 27.5em;
position: relative;
border-radius: .75em;
overflow: hidden;
}
.about--person-slide__img{
max-width: 100%;
width: 100%;
height: 100%;
}
.about--person-slide__img img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.about--person-slide__content{
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
padding: 1.375em;
border-radius: 1em;
background: #0C1212;
min-height: 7.375em;
}
.about--person-slide__text{
position: absolute;
left: .615em;
right: .615em;
top: -.461em;
transform: translateY(-100%);
padding: .846em .923em;
background: #F3F3F3;
border-radius: .846em;
font-style: normal;
font-weight: 600;
font-size: .8125em;
line-height: 1.23;
letter-spacing: -0.01em;
color: #919394;
opacity: 0;
visibility: hidden;
transition: .3s ease;
}
@media(max-width: 1000px){
.about--person__slide.swiper-slide-active .about--person-slide__text{
opacity: 1;
visibility: visible;
}
}
.about--person-slide__name{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2em;
line-height: 100%;
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: .125em;
}
.about--person-slide__job{
font-style: normal;
font-weight: 600;
font-size: 1em;
line-height: 1.1875em;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #919394;
}
.about__content{
margin-bottom: 7.1875em;
}
.about--content__left{
}
.about--content__left > h2{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.5em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: .75em;
}
.about--content__right{
}
.about--content__text{
font-style: normal;
font-weight: 500;
font-size: 1.0625em;
line-height: 120%;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
margin-bottom: 2.5em;
}
.about__digits{
display: flex;
flex-direction: column;
row-gap: 1.25em;
}
.about__digit{
display: flex;
column-gap: .625em;
}
.about__digit span{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 3.125em;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: #0C1212;
}
.about__digit p{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 120%;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
opacity: 0.65;
}
.about__projects{
margin-bottom: 5.625em;
}
.about--projects__head h2{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.5em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: .75em;
}
.about--projects__head h2 span{
color: #E6342B;
}
.about--projects__nav{
display: none;
}
.about--projects__slider{
padding: 0 1em;
}
.about--projects__slide{
}
.about--projects--slide__img{
max-width: 100%;
width: 100%;
height: 15.625em;
margin-bottom: 1em;
position: relative;
border-radius: .75em;
overflow: hidden;
}
.about--projects--slide__img img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.about--projects--slide__tags{
position: absolute;
top: .75em;
left: .75em;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .3125em;
}
.about--projects--slide__tags span{
font-style: normal;
font-weight: 500;
font-size: .8125em;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
padding: .1em .923em 0 .923em;
border-radius: 7.692em;
white-space: pre;
height: 2em;
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.25);
background: rgba(0, 0, 0, 0.15);
backdrop-filter: blur(25px);
}
.about--projects--slide__content{
display: flex;
flex-direction: column-reverse;
row-gap: .3125em;
}
.about--projects--slide__content p{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 1.1875em;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
}
.about--projects--slide__content span{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 1.5625em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: .2em;
display: block;
}
@media(min-width: 1000px){
.about{
}
.about__wrapper{
}
.about__img{
height: 46.875em;
}
.about__marquee{
display: none;
}
.about__persons{
width: 113.75em;
margin: 10.9375em auto 15.625em auto;
}
.about--persons__head{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 3.4375em;
}
.about--persons__head h2{
font-size: 6.25em;
margin-bottom: 0;
}
.about--persons__nav{
display: flex;
column-gap: .75em;
align-items: center;
}
.about--persons__nav > div{
width: 3.75em;
height: 3.75em;
border-radius: 100%;
background: #F3F3F3;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .3s;
}
.about--persons__nav > div svg{
width: 1.125em;
height: .875em;
object-fit: contain;
object-position: center;
}
.about--persons__nav > div:not(.swiper-button-disabled):hover{
background: #E6342B;
}
.about--persons__nav > div.swiper-button-disabled{
opacity: .5;
}
.about--persons__nav > div:not(.swiper-button-disabled) svg path{
transition: .3s;
}
.about--persons__nav > div:not(.swiper-button-disabled):hover svg path{
fill: #fff;
}
.about--persons__slider{
padding: 0;
}
.about--person__slide{
min-height: 39.6875em;
border-radius: 1.5em;
cursor: pointer;
}
.about--person-slide__img img{
transition: .3s;
}
.about--person-slide__content{
padding: 2em;
border-radius: 1.5em;
min-height: 11em;
}
.about--person-slide__text{
left: .631em;
right: .631em;
top: -.526em;
padding: .842em .947em;
border-radius: .842em;
font-size: 1.1875em;
line-height: 1.21;
opacity: 0;
visibility: hidden;
}
.about--person__slide:hover .about--person-slide__text{
opacity: 1;
visibility: visible;
}
.about--person-slide__name{
font-size: 3.125em;
margin-bottom: .12em;
}
.about--person-slide__job{
font-size: 1.4375em;
line-height: 1.217em;
}
.about--person__slide:hover .about--person-slide__img img{
transform: scale(1.05);
}
.about__content{
margin-bottom: 14.0625em;
display: flex;
column-gap: 1em;
}
.about--content__left{
width: 57.25em;
flex-shrink: 0;
}
.about--content__left > h2{
font-size: 6.25em;
margin-bottom: 0;
}
.about--content__right{
flex-grow: 1;
}
.about--content__text{
font-size: 1.5625em;
margin-bottom: 4em;
}
.about__digits{
display: grid;
grid-template-columns: 24.0625em 1fr;
justify-content: space-between;
row-gap: 4.6875em;
column-gap: 10.125em;
}
.about__digit{
column-gap: 1.5625em;
cursor: pointer;
}
.about__digit span{
font-size: 6.25em;
line-height: 100%;
transition: .3s;
}
.about__digit:hover span{
color: #E6342B;
}
.about__digit p{
font-size: 1.4375em;
}
.about__projects{
width: 113.75em;
margin: -6.25em auto 13.75em auto;
}
.about--projects__head{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 3.4375em;
}
.about--projects__head h2{
font-size: 6.25em;
margin-bottom: 0;
}
.about--projects__nav{
display: flex;
column-gap: .75em;
align-items: center;
}
.about--projects__nav > div{
width: 3.75em;
height: 3.75em;
border-radius: 100%;
background: #F3F3F3;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .3s;
}
.about--projects__nav > div svg{
width: 1.125em;
height: .875em;
object-fit: contain;
object-position: center;
transition: .3s;
}
.about--projects__nav > div:not(.swiper-button-disabled):hover{
background: #E6342B;
}
.about--projects__nav > div.swiper-button-disabled{
opacity: .5;
}
.about--projects__nav > div:not(.swiper-button-disabled):hover svg path{
fill: #fff;
}
.about--projects__slider{
padding: 0;
}
.about--projects--slide__img{
height: 35.9375em;
margin-bottom: 1.25em;
border-radius: 2em;
}
.about--projects--slide__tags{
top: 2em;
left: 2em;
gap: .5em;
}
.about--projects--slide__tags span{
font-size: 1.4375em;
height: 1.913em;
padding: .15em .695em 0 .695em;
border-radius: 4.347em;
opacity: 0;
visibility: hidden;
transition: .3s;
z-index: 1;
}
.about--projects--slide__content{
flex-direction: row;
column-gap: 5em;
padding: 0 1.5em;
justify-content: space-between;
}
.about--projects--slide__content p{
font-size: 1.5625em;
line-height: 1.2em;
}
.about--projects--slide__content span{
font-size: 2.1875em;
margin-bottom: 0;
text-align: right;
}
.about--projects--slide__img img{
transition: .3s;
}
.about--projects__slide:hover .about--projects--slide__tags span{
opacity: 1;
visibility: visible;
}
.about--projects__slide:hover .about--projects--slide__img img{
transform: scale(1.05);
}
} .singleProject{
}
.singleProject__wrapper{
}
.singleProject__head{
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 1em;
margin-bottom: 2.1875em;
}
.singleProject__tags{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .3125em;
}
.singleProject__tags span{
font-style: normal;
font-weight: 500;
font-size: .9375em;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
border: 1px solid #DCDCDC;
border-radius: 6.666em;
min-height: 2.666em;
padding: .1em .8em 0 .8em;
display: flex;
align-items: center;
justify-content: center;
}
.singleProject__company{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 1.5em;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: #E6342B;
}
.singleProject__img{
max-width: 100%;
width: 100%;
height: 18.75em;
}
.singleProject__img img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.singleProject__info{
display: flex;
flex-direction: column;
}
.singleProject--info__block{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 9.375em;
border-bottom: 1px solid #0C1212;
padding: 0 .2em;
}
.singleProject--info__block span{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.5em;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: #0C1212;
}
.singleProject--info__block p{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 120%;
text-align: center;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
opacity: 0.65;
}
.singleProject__tasksBlock{
margin-top: 6.25em;
}
.singleProject__tasksBlock > h2{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.5em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: .75em;
}
.singleProject__tasks{
display: flex;
flex-direction: column;
row-gap: .5em;
}
.singleProject__task{
background: #F9F9F9;
padding: 1em;
border-radius: .75em;
display: flex;
column-gap: 1.25em;
align-items: center;
}
.singleProject__task span{
display: block;
flex-shrink: 0;
}
.singleProject__task span svg{
width: 2.5em;
height: 2.5em;
object-fit: contain;
object-position: center;
}
.singleProject__task span svg text{
font-style: normal;
font-weight: 600;
font-size: .9375em;
line-height: 120%;
text-align: center;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #FFFFFF
}
.singleProject__task p{
font-style: normal;
font-weight: 500;
font-size: 1.0625em;
line-height: 120%;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
}
.singleProject__sliderBlock{
margin-bottom: 5.625em;
}
.singleProject__slider{
margin-top: 7.1875em;
}
.singleProject--slider__slide{
max-width: 100%;
width: 100%;
height: 12.375em;
border-radius: .75em;
overflow: hidden;
cursor: pointer;
}
.singleProject--slider__slide img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.singleProject--slider__nav{
margin: 1.5em auto 0 auto;
display: flex;
align-items: center;
column-gap: 1em;
width: max-content;
}
.singleProject--slider__nav .singleProject--slider-nav__btn{
width: 2.8125em;
height: 2.8125em;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background: #F3F3F3;
flex-shrink: 0;
}
.singleProject--slider__nav .singleProject--slider-nav__btn svg{
width: .8125em;
height: .625em;
object-fit: contain;
object-position: center;
}
.singleProject--slider__pag{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 120%;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #1A1C1F;
width: max-content;
}
.singleProject__result{
margin-top: 7.1875em;
}
.singleProject__result h2{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.5em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: .625em;
}
.singleProject--result__text{
font-style: normal;
font-weight: 500;
font-size: 1.0625em;
line-height: 120%;
letter-spacing: -0.01em;
color: #0C1212;
}
.singleProject--result__text ul{
padding-left: 1em;
padding-top: .5em;
padding-bottom: .5em;
}
.singleProject--result__text ul li{
display: flex;
align-items: flex-start;
column-gap: .3em;
}
.singleProject--result__text ul li::before{
content: '';
width: .3em;
height: .3em;
border-radius: 100%;
background: #0C1212;
flex-shrink: 0;
margin-top: .4em;
}
.singleProject__other{
margin-top: 7.1875em;
}
@media(min-width: 1000px){
.singleProject{
}
.singleProject__wrapper{
}
.singleProject__head{
margin-bottom: 4.6875em;
}
.singleProject__tags{
gap: .75em;
}
.singleProject__tags span{
font-size: 1.4375em;
border-radius: 4.347em;
min-height: 2.174em;
padding: .1em .869em 0 .869em;
}
.singleProject__company{
font-size: 2.3125em;
}
.singleProject__img{
height: 46.875em;
}
.singleProject__info{
display: grid;
grid-template-columns: repeat(3, 1fr);
width: 100%;
}
.singleProject--info__block{
min-height: 18.75em;
border-bottom: 1px solid #0C1212;
cursor: pointer;
}
.singleProject__info .singleProject--info__block:not(:last-child){
border-right: 1px solid #0C1212;
}
.singleProject--info__block span{
font-size: 5em;
margin-bottom: .0625em;
transition: .3s;
}
.singleProject--info__block:hover span{
color: #E6342B;
}
.singleProject--info__block p{
font-size: 1.4375em;
}
.singleProject__tasksBlock{
display: flex;
column-gap: 1em;
margin-top: 12.5em;
}
.singleProject__tasksBlock > h2{
font-size: 6.25em;
margin-bottom: 0;
flex-shrink: 0;
width: 9.04em;
}
.singleProject__tasks{
row-gap: .75em;
flex-grow: 1;
}
.singleProject__task{
padding: 2.1875em;
border-radius: 1em;
column-gap: 2.1875em;
cursor: pointer;
}
.singleProject__task span{
display: block;
flex-shrink: 0;
width: 3.75em;
height: 3.75em;
display: flex;
align-items: center;
justify-content: center;
}
.singleProject__task span svg{
width: 1.875em;
height: 1.875em;
object-fit: contain;
object-position: center;
transform-origin: center;
transition: .3s;
}
.singleProject__task span svg text{
font-style: normal;
font-weight: 600;
font-size: .9375em;
line-height: 120%;
text-align: center;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #FFFFFF;
opacity: 0;
transition: .3s;
}
.singleProject__task span svg path{
transition: .3s;
fill: #545557;
}
.singleProject__task p{
font-size: 1.5625em;
}
.singleProject__task:hover span svg{
width: 3.75em;
height: 3.75em;
}
.singleProject__task:hover span svg path{
fill: #E6342B;
}
.singleProject__task:hover span svg text{
opacity: 1;
}
.singleProject__sliderBlock{
margin-bottom: 14.0625em;
margin-top: 18.75em
}
.singleProject__slider{
}
.singleProject--slider__slide{
height: 35.9375em;
border-radius: 2em;
}
.singleProject--slider__nav{
column-gap: 2em;
}
.singleProject--slider__nav .singleProject--slider-nav__btn{
width: 3.75em;
height: 3.75em;
transition: .3s;
cursor: pointer;
}
.singleProject--slider__nav .singleProject--slider-nav__btn:hover{
background: #E6342B;
}
.singleProject--slider__nav .singleProject--slider-nav__btn svg path{
transition: .3s;
}
.singleProject--slider__nav .singleProject--slider-nav__btn:hover svg path{
fill: #fff;
}
.singleProject--slider__nav .singleProject--slider-nav__btn svg{
width: 1.125em;
height: .875em;
}
.singleProject--slider__pag{
font-size: 1.375em;
margin-top: .3em;
}
.singleProject__result{
margin: 15.625em 0 0 0;
padding: 0 3.125em 0 3.125em;
display: flex;
column-gap: 1em;
width: 100%;
}
.singleProject__result h2{
font-size: 6.25em;
margin-bottom: 0;
width: 9.04em;
flex-shrink: 0;
}
.singleProject--result__text{
font-size: 1.5625em;
flex-grow: 1;
}
.singleProject--result__text ul{
padding-left: .4em;
}
.singleProject--result__text ul li::before{
width: .2em;
height: .2em;
margin-top: .4em;
}
.singleProject__other{
margin-top: 14.0625em;
}
.singleProject__other .about__projects{
margin-top: 0;
}
} .clients__wrapper{
padding-bottom: 5.625em;
}
.clients__bg{
background: #0C1212;
padding: 5.625em 0;
}
.clients__list{
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: .75em;
row-gap: .75em;
}
.clients__item{
background: #1A1C1F;
border-radius: 1em;
position: relative;
padding: 1.125em;
display: flex;
flex-direction: column;
justify-content: space-between;
row-gap: 1em;
min-height: 10em;
}
.clients__item img{
max-width: 6em;
height: auto;
object-fit: contain;
object-position: center;
}
.clients__item h3{
font-style: normal;
font-weight: 600;
font-size: .9375em;
line-height: 1.2;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #FFFFFF;
}
.clients__projects{
margin-top: 7.1875em;
}
@media(min-width: 1000px){
.clients__wrapper{
padding-bottom: 13.75em;
}
.clients__bg{
padding: 10.9375em 0;
}
.clients__list{
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 1em;
row-gap: 1em;
}
.clients__item{
border-radius: 2em;
padding: 2em;
min-height: 17.5em;
}
.clients__item img{
max-width: 10em;
}
.clients__item h3{
font-size: 1.4375em;
line-height: 1.217;
}
.clients__projects{
margin-top: 14.0625em;
}
.clients__projects .about__projects{
margin-top: 0;
}
} .singleService{
margin-bottom: 5.625em;
}
.singleService__head{
display: flex;
flex-direction: column-reverse;
row-gap: 1.25em;
margin-bottom: 2.1875em;
}
.singleService__head > div{
display: flex;
flex-direction: column;
row-gap: .5em;
}
.singleService__head button{
font-style: normal;
font-weight: 600;
font-size: 1.0625em;
line-height: 1;
letter-spacing: -0.01em;
color: #FFFFFF;
background: #E6342B;
display: flex;
align-items: center;
justify-content: center;
column-gap: .705em;
border-radius: 5.882em;
width: 10.294em;
height: 2.941em;
}
.singleService__head button::after{
content: '';
width: .764em;
height: .764em;
display: block;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1214_4866)'%3E%3Cpath d='M7.8 1.30078L6.89 2.21078L10.53 5.85078H0V7.15078H10.53L6.89 10.7908L7.8 11.7008L13 6.50078L7.8 1.30078Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1214_4866'%3E%3Crect width='13' height='13' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
margin-bottom: .2em;
}
.singleService__head p{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 120%;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
}
.singleService{
}
.singleServices__img{
max-width: 100%;
width: 100%;
height: 18.75em;
margin-bottom: 5.625em;
}
.singleServices__img img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.singleServices__progs{
margin-bottom: 7.1875em;
}
.singleServices__progs > h2{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.5em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: .75em;
}
.singleServices__progs > h2 span{
color: #E6342B;
}
.singleServices--progs__list{
display: flex;
flex-direction: column;
row-gap: 2.1875em;
}
.singleServices--progs__item{
display: flex;
flex-direction: row;
column-gap: 1.25em;
align-items: flex-start;
}
.singleServices--progs-item__content{
display: flex;
flex-direction: column;
}
.singleServices--progs-item__img{
width: 8em;
height: 8em;
flex-shrink: 0;
}
.singleServices--progs__item svg{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.singleServices--progs-item__content h3{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 1.75em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: .285em;
}
.singleServices--progs-item__content p{
font-style: normal;
font-weight: 500;
font-size: .875em;
line-height: 1.214;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
opacity: 0.65;
margin-bottom: .857em;
}
.singleServices--progs-item__content span{
font-style: normal;
font-weight: 600;
font-size: 1.0625em;
line-height: 1;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #E6342B;
margin-bottom: .588em;
display: block;
}
.singleServices--progs-item__content button{
font-style: normal;
font-weight: 600;
font-size: 1.0625em;
line-height: 1;
letter-spacing: -0.01em;
color: #FFFFFF;
background: #E6342B;
display: flex;
align-items: center;
justify-content: center;
column-gap: .705em;
border-radius: 5.882em;
width: 8.647em;
height: 2.647em;
padding-top: .1em;
}
.singleServices--progs-item__content button::after{
content: '';
width: .764em;
height: .764em;
display: block;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1214_4866)'%3E%3Cpath d='M7.8 1.30078L6.89 2.21078L10.53 5.85078H0V7.15078H10.53L6.89 10.7908L7.8 11.7008L13 6.50078L7.8 1.30078Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1214_4866'%3E%3Crect width='13' height='13' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
margin-bottom: .2em;
}
.singleService__formats{
margin-bottom: 7.1875em;
}
.singleService__formats > h2{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.5em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: .75em;
}
.singleService__formats > h2 span{
color: #E6342B;
}
.singleService--formats__list{
display: flex;
flex-direction: column;
row-gap: 1.5em;
}
.singleService--formats__item{
}
.singleService--formats-item__img{
max-width: 100%;
width: 100%;
height: 16.0625em;
border-radius: .75em;
overflow: hidden;
margin-bottom: .75em;
}
.singleService--formats-item__img img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.singleService--formats-item__content{
display: flex;
justify-content: space-between;
align-items: center;
column: 1em;
}
.singleService--formats-item__content h3{
font-style: normal;
font-weight: 500;
font-size: 1.0625em;
line-height: 1.176;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
margin-bottom: .235em;
}
.singleService--formats-item__content span{
font-style: normal;
font-weight: 600;
font-size: 1.0625em;
line-height: 1.176;
text-align: center;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #E6342B;
display: block;
text-align: left;
}
.singleService--formats-item__content svg{
width: 2.8125em;
height: 2.8125em;
object-fit: contain;
object-position: center;
}
@media(min-width: 1000px){
.singleService{
margin-bottom: 13.75em;
}
.singleService__head{
flex-direction: row;
justify-content: space-between;
align-items: center;
column-gap: 1em;
margin-bottom: 4.6875em;
}
.singleService__head > div{
flex-direction: row;
align-items: center;
column-gap: .9375em;
}
.singleService__head > div a{
margin: 0;
}
.singleService__head button{
font-size: 1.5em;
column-gap: .5em;
justify-content: space-between;
width: 12.833em;
height: 2.916em;
border-radius: 4.166em;
padding: .1em 1.125em 0 1.291em;
transition: .3s;
}
.singleService__head button::after{
width: .666em;
height: .666em;
}
.singleService__head button:hover {
padding: .1em 2.6em 0 2.6em;
}
.singleService__head p{
font-size: 1.375em;
text-align: right;
}
.singleService{
}
.singleServices__img{
height: 46.875em;
margin-bottom: 10.9375em;
}
.singleServices__progs{
margin-bottom: 18.875em;
}
.singleServices__progs > h2{
font-size: 6.25em;
margin-bottom: .55em;
text-align: center;
}
.singleServices__progs > h2 br{
display: none;
}
.singleServices--progs__list{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
row-gap: 2em;
column-gap: .75em;
}
.singleServices--progs__item{
flex-direction: column;
row-gap: 1.5em;
align-items: center;
max-width: 27.875em;
cursor: pointer;
}
.singleServices--progs-item__content{
display: flex;
flex-direction: column;
}
.singleServices--progs-item__img{
width: 21.875em;
height: 21.875em;
display: flex;
align-items: center;
justify-content: center;
}
.singleServices--progs__item svg{
max-width: 18.75em;
height: auto;
transform-origin: center;
filter: grayscale(1);
transition: .3s;
}
.singleServices--progs-item__content h3{
font-size: 3.125em;
margin-bottom: .24em;
text-align: center;
}
.singleServices--progs-item__content p{
font-size: 1.4375em;
line-height: 1.217;
margin-bottom: .869em;
text-align: center;
max-width: 15.913em;
}
.singleServices--progs-item__content span{
font-size: 1.6875em;
margin-bottom: .555em;
text-align: center;
color: #545557;
transition: .3s;
}
.singleServices--progs-item__content button{
font-size: 1.5em;
column-gap: .5em;
justify-content: space-between;
width: 11.208em;
height: 2.708em;
border-radius: 4.166em;
padding: .1em 1.125em 0 1.291em;
transition: .3s;
margin: 0 auto;
opacity: 0;
visibility: hidden;
}
.singleServices--progs-item__content button::after{
width: .666em;
height: .666em;
}
.singleServices--progs-item__content button:hover {
padding: .1em 2.6em 0 2.6em;
}
.singleServices--progs__item:hover svg{
filter: grayscale(0);
width: 21.875em;
height: 21.875em;
}
.singleServices--progs__item .starPathProg, .singleServices--progs__item .starShapeProg{
transition: 1s;
transform-origin: center;
}
.singleServices--progs__item:hover .starPathProg{
transform: rotate(90deg) scale(.9);
}
.singleServices--progs__item:hover .starShapeProg{
transform: rotate(90deg);
}
.singleServices--progs__item:hover .singleServices--progs-item__content span{
color: #E6342B;
}
.singleServices--progs__item:hover .singleServices--progs-item__content button{
opacity: 1;
visibility: visible;
}
.singleService__formats{
margin-bottom: 7.1875em;
}
.singleService__formats > h2{
font-size: 6.25em;
margin-bottom: .55em;
}
.singleService__formats > h2 br{
display: none;
}
.singleService--formats__list{
display: grid;
grid-template-columns: repeat(4, 1fr);
row-gap: 2.5em;
column-gap: .75em;
}
.singleService--formats__item{
cursor: pointer;
}
.singleService--formats-item__img{
height: 21.875em;
border-radius: 1.5em;
margin-bottom: 1em;
}
.singleService--formats-item__content{
padding: 0 1.25em;
align-items: flex-start;
}
.singleService--formats-item__content h3{
font-size: 1.6875em;
line-height: 1.185;
margin-bottom: .185em;
}
.singleService--formats-item__content span{
font-size: 1.5625em;
line-height: 1.176;
text-align: left;
color: #545557;
transition: .3s;
}
.singleService--formats-item__content svg{
width: 3.125em;
height: 3.125em;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.singleService--formats__item:hover .singleService--formats-item__content svg{
opacity: 1;
visibility: visible;
}
.singleService--formats__item:hover .singleService--formats-item__content span{
color: #E6342B;
}
} .programmModal .modal__container{
width: 100%;
}
.programmModal__wrap{
display: flex;
flex-direction: column;
height: calc(100vh - 4.375em);
overflow-y: auto;
}
.programmModal__slider{
flex-shrink: 0;
margin: 0;
}
.programmModal--slider__slide{
max-width: 100%;
width: 100%;
height: 10.625em;
}
.programmModal--slider__slide img{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.programmModal__content{
flex: 1;
display: flex;
flex-direction: column;
padding: 1.25em 1em 0 1.25em;
background: #F3F3F3;
}
.programmModal__content > h2{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.625em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: .285em;
flex-shrink: 0; 
}
.programmModal__content .programmModal__text{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 1.1875em;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
opacity: 0.9;
flex: 1;
padding-bottom: 5.3125em;
padding-right: 1.5625em;
}
.programmModal__content .programmModal__text h3{
opacity: 1;
font-weight: 600;
margin-bottom: .5em;
}
.programmModal__content .programmModal__text ul{
padding-left: .6em;
margin-bottom: .5em;
}
.programmModal__content .programmModal__text ul li{
display: flex;
align-items: baseline;
column-gap: .6em;
}
.programmModal__content .programmModal__text ul li::before{
content: '';
width: .2em;
height: .2em;
background: #0C1212;
border-radius: 100%;
display: block;
flex-shrink: 0;
}
.programmModal__content .programmModal__text p{
margin-bottom: .7em;
}
.programmModal__order{
padding: .625em 1em 1.5625em 1em;
background: #F3F3F3;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.programmModal__btn{
font-style: normal;
font-weight: 600;
font-size: 1.0625em;
line-height: 1;
letter-spacing: -0.01em;
color: #FFFFFF;
background: #E6342B;
display: flex;
align-items: center;
justify-content: center;
column-gap: .705em;
border-radius: 5.882em;
width: 100%;
height: 2.941em;
padding-top: .1em;
}
.programmModal__btn::after {
content: '';
width: .764em;
height: .764em;
display: block;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1214_4866)'%3E%3Cpath d='M7.8 1.30078L6.89 2.21078L10.53 5.85078H0V7.15078H10.53L6.89 10.7908L7.8 11.7008L13 6.50078L7.8 1.30078Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1214_4866'%3E%3Crect width='13' height='13' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
margin-bottom: .2em;
flex-shrink: 0;
}
.programmModal--slider__nav{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
z-index: 1;
max-width: 20.5em;
width: 100%;
}
.programmModal--slider__nav div{
width: 2.8125em;
height: 2.8125em;
background: #fff;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.programmModal--slider__nav div svg{
width: .8125em;
height: .8125em;
object-fit: contain;
object-position: center;
}
@media(min-width: 1000px){
.programmModal .modal__container{
max-width: 100%;
width: 100%;
overflow: hidden;
}
.programmModal__wrap{
flex-direction: row;
height: 100vh;
overflow: visible;
}
.programmModal__slider{
max-width: 60em;
}
.programmModal--slider__slide{
height: 100%;
}
.programmModal__content{
padding: 6.5625em 5em 6.5625em 5em;
position: relative;
overflow: hidden;
}
.programmModal__content > h2{
font-size: 6.25em;
margin-bottom: .2em;
}
.programmModal__content .programmModal__text{
font-size: 1.4375em;
line-height: 1.217em;
padding-right: 3.125em;
overflow-y: auto;
padding-bottom: 5.217em;
flex: 1;
}
.programmModal__content .programmModal__text h3{
margin-bottom: .6em;
}
.programmModal__content .programmModal__text ul{
padding-left: .7em;
margin-bottom: .6em;
}
.programmModal__content .programmModal__text ul li{
column-gap: .7em;
}
.programmModal__content .programmModal__text ul li::before{
width: .2em;
height: .2em;
}
.programmModal__content .programmModal__text p{
margin-bottom: .6em;
}
.programmModal__order{
position: absolute;
padding: 2.174em 0 6.5625em 0;
left: 5em;
}
.programmModal__btn{
font-size: 1.5em;
column-gap: .5em;
justify-content: space-between;
width: 12.833em;
height: 2.916em;
border-radius: 4.166em;
padding: .1em 1.125em 0 1.291em;
transition: .3s;
}
.programmModal__btn::after {
width: .666em;
height: .666em;
}
.programmModal__btn:hover{
padding: .1em 2.6em 0 2.6em;
}
.programmModal--slider__nav{
max-width: 53.75em;
}
.programmModal--slider__nav div{
width: 3.75em;
height: 3.75em;
cursor: pointer;
transition: .3s;
}
.programmModal--slider__nav div svg{
width: 1.125em;
height: 1.125em;
}
.programmModal--slider__nav div:not(.swiper-button-disabled):hover{
background: #E6342B;
}
.programmModal--slider__nav div.swiper-button-disabled{
opacity: .5;
}
.programmModal--slider__nav div:not(.swiper-button-disabled) svg path{
transition: .3s;
}
.programmModal--slider__nav div:not(.swiper-button-disabled):hover svg path{
fill: #fff;
}
} .formatModal .modal__container{
width: 100%;
overflow: hidden;
}
.formatModal__wrap{
display: flex;
flex-direction: column;
height: calc(100vh - 4.375em);
}
.formatModal__content{
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 1.25em 1em 0 1.25em;
background: #F3F3F3;
}
.formatModal__content > h2{
font-family: 'Moniqa';
font-style: normal;
font-weight: 700;
font-size: 2.625em;
line-height: 100%;
text-transform: uppercase;
color: #0C1212;
margin-bottom: .285em;
flex-shrink: 0; 
}
.formatModal__content .formatModal__text{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 1.1875em;
letter-spacing: -0.01em;
text-transform: lowercase;
color: #0C1212;
opacity: 0.9;
flex: 1;
overflow-y: auto;
padding-bottom: 5.3125em;
}
.formatModal__content .formatModal__text h3{
opacity: 1;
font-weight: 600;
margin-bottom: .5em;
}
.formatModal__content .formatModal__text ul{
padding-left: .6em;
margin-bottom: .5em;
}
.formatModal__content .formatModal__text ul li{
display: flex;
align-items: baseline;
column-gap: .6em;
}
.formatModal__content .formatModal__text ul li::before{
content: '';
width: .2em;
height: .2em;
background: #0C1212;
border-radius: 100%;
display: block;
flex-shrink: 0;
}
.formatModal__content .formatModal__text p{
margin-bottom: .7em;
}
.formatModal__order{
padding: .625em 1em 1.5625em 1em;
background: #F3F3F3;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.formatModal__btn{
font-style: normal;
font-weight: 600;
font-size: 1.0625em;
line-height: 1;
letter-spacing: -0.01em;
color: #FFFFFF;
background: #E6342B;
display: flex;
align-items: center;
justify-content: center;
column-gap: .705em;
border-radius: 5.882em;
width: 100%;
height: 2.941em;
padding-top: .1em;
}
.formatModal__btn::after {
content: '';
width: .764em;
height: .764em;
display: block;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1214_4866)'%3E%3Cpath d='M7.8 1.30078L6.89 2.21078L10.53 5.85078H0V7.15078H10.53L6.89 10.7908L7.8 11.7008L13 6.50078L7.8 1.30078Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1214_4866'%3E%3Crect width='13' height='13' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
margin-bottom: .2em;
flex-shrink: 0;
}
@media(min-width: 1000px){
.formatModal .modal__container{
max-width: 60em;
width: 100%;
overflow: hidden;
}
.formatModal__wrap{
flex-direction: row;
height: 100vh;
}
.formatModal__content{
padding: 6.5625em 5em 6.5625em 5em;
position: relative;
}
.formatModal__content > h2{
font-size: 6.25em;
margin-bottom: .2em;
}
.formatModal__content .formatModal__text{
font-size: 1.4375em;
line-height: 1.217em;
}
.formatModal__content .formatModal__text h3{
margin-bottom: .6em;
}
.formatModal__content .formatModal__text ul{
padding-left: .7em;
margin-bottom: .6em;
}
.formatModal__content .formatModal__text ul li{
column-gap: .7em;
}
.formatModal__content .formatModal__text ul li::before{
width: .2em;
height: .2em;
}
.formatModal__content .formatModal__text p{
margin-bottom: .6em;
}
.formatModal__order{
position: absolute;
padding: 2.174em 0 6.5625em 0;
left: 5em;
}
.formatModal__btn{
font-size: 1.5em;
column-gap: .5em;
justify-content: space-between;
width: 12.833em;
height: 2.916em;
border-radius: 4.166em;
padding: .1em 1.125em 0 1.291em;
transition: .3s;
}
.formatModal__btn::after {
width: .666em;
height: .666em;
}
.formatModal__btn:hover{
padding: .1em 2.6em 0 2.6em;
}
} .uc{
margin-bottom: 5.625em;
}
.uc__wrapper a{
color: #E6342B;
}
.uc__wrapper h2, .uc__wrapper h3{
font-style: normal;
font-weight: 600;
font-size: 1.0625em;
line-height: 1.176em;
letter-spacing: -0.01em;
color: #0C1212;
margin-bottom: .588em;
}
.uc__wrapper p{
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 1.1875;
letter-spacing: -0.01em;
color: #0C1212;
margin-bottom: .625em;
}
.uc__wrapper ul{
padding-left: .5em;
margin-bottom: .625em;
}
.uc__wrapper ul li{
display: flex;
align-items: flex-start;
column-gap: .5em;
font-style: normal;
font-weight: 500;
font-size: 1em;
line-height: 1.1875;
letter-spacing: -0.01em;
color: #0C1212;
}
.uc__wrapper ul li::before{
content: '';
width: .2em;
height: .2em;
background: #0C1212;
border-radius: 100%;
display: block;
flex-shrink: 0;
margin-top: 0.5em;
}
@media(min-width: 1000px){
.uc{
margin-bottom: 10.9375em;
}
.uc__wrapper a{
color: #E6342B;
text-decoration-line: underline;
text-decoration-color: transparent;
}
.uc__wrapper a:hover{
text-decoration-color: #E6342B;
}
.uc__wrapper h2, .uc__wrapper h3{
font-size: 1.5625em;
line-height: 1.2em;
margin-bottom: .6em;
}
.uc__wrapper p{
font-size: 1.4375em;
line-height: 1.217;
margin-bottom: .652em;
}
.uc__wrapper ul{
padding-left: .7em;
margin-bottom: .9375em;
}
.uc__wrapper ul li{
column-gap: .7em;
font-size: 1.4375em;
line-height: 1.217;
}
.uc__wrapper ul li::before{
width: .2em;
height: .2em;
margin-top: .4em;
}
}