@charset "utf-8"; *, *::before, *::after { box-sizing: border-box; outline: 0 !important; } img { vertical-align: middle; border-style: none; } html { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { margin: 0; padding: 0; background-color: #0A0A0A; font-family: 'IBM Plex Sans', sans-serif; font-weight: 400; position: relative; overscroll-behavior: none; } body.opened-menu { overflow: hidden; } body:after { content: ""; width: 100%; height: 100%; background-image: url(../img/noise.gif); opacity: 0.04; pointer-events: none; position: fixed; top: 0; left: 0; z-index: 9999; } body.no-scroll { overflow: hidden; } a { text-decoration: none; transition: all 0.1s ease-in-out; cursor: pointer; } a:hover, a:focus, a:active { /*opacity: 0.6;*/ text-decoration: none; } p { margin: 0; padding: 0; } /*p+p { margin-top: 32px; } */ .header-h1, h1 { margin: 0; padding: 0; font-size: 70px; line-height: 120%; text-transform: uppercase; letter-spacing: 0.03em; color: #fff; font-weight: 500; } .header-h1--width { width: 82.96875vw; display: flex; } h2 { margin: 0; /*padding: 3px 0 0 0;*/ font-size: 56px; line-height: 120%; text-transform: uppercase; color: #fff; font-weight: 500; } h3 { margin: 0; padding: 0; font-size: 25px; line-height: 120%; color: #fff; font-weight: 500; } svg { overflow: visible; } .container-fluid, .container, .row { height: 100%; position: relative; } .container-fluid { padding-left: 24px; padding-right: 24px; } .row-no-height { height: auto; } .slAdBarBugFix { min-height: 100vh; } /* lib */ .sreda__sign1 { font-size: 18px; line-height: 23px; letter-spacing: -1px; color: #616161; } .sreda__margin-between .sreda__sign1+.sreda__sign1 { margin-top: 24px; } .sreda__sign1--white { color: #fff; } .sreda__sign1--span { display: block; color: #fff; } .sreda__sign1--spanbrk { display: block; height: 32px; } .sreda__sign1--inverse { color: #fff; } .sreda__sign1--inverse .sreda__sign1--span { color: #616161; } .sreda__sign2 { font-size: 18px; line-height: 23px; letter-spacing: -1px; font-weight: 300; color: #616161; } .sreda__text { font-size: 18px; line-height: 23px; letter-spacing: -1px; color: #FFFFFF; } .sreda__text--width-1 { max-width: 40.5208333vw; } .sreda__text--width-2 { max-width: 37.5vw; } .sreda__text--width-3 { max-width: 36.71875vw; } .sreda__sign1--width-1 { max-width: 30.15625vw; } .sreda__sign1--width-2 { max-width: 14.0104167vw; } .sreda__sign1--margin { margin-bottom: 30px; } .sreda__link1 { font-size: 18px; line-height: 38px; letter-spacing: -2px; color: #fff; position: relative; } .sreda__link1:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sreda__footer-block .sreda__link1 { padding-bottom: 1px; border-bottom: 2px solid white; position: initial; } .sreda__img { height: 27vw; margin-right: -24px; position: relative; } .sreda__img--no-height { height: auto; } .sreda__img-item { width: 100%; height: auto; margin-top: 40px; /* background-position: center; background-repeat: no-repeat; background-size: cover; */ position: absolute; left: 0; top: 0; } .sreda__img--no-height .sreda__img-item { position: static; } .sreda__h-back { margin-right: -100%; padding-left: 24px; padding-right: 24px; position: relative; } .sreda__h-back:after { content: ""; width: 100%; height: 200px; margin-top: 5px; background-color: #fff; opacity: 0.05; pointer-events: none; position: absolute; top: calc(50% + 8px); transform: translateY(-50%); left: 0; /* margin-top: -110px; */ z-index: 2; } .sreda__h-back:before { content: ""; opacity: 0.05; width: 100%; height: 1px; background-color: #D8D8D8; position: absolute; left: 0; top: calc(50% + 8px); z-index: 1; } .sreda__divider { height: 350px; margin-top: -1px; overflow: hidden; } .sreda__divider-item { height: 100%; background-image: url('../img/divider.svg'); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } .sreda__divider-item--m-r { margin-right: -1px; } .sreda__divider>.row>div:first-child { border-right: 1px solid #373737; } .sreda__move-item--wrapper { position: relative; overflow: hidden; background-color: transparent; } .video { /* display: none; */ position: absolute; top: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; } .sreda__move-item--wrapper.video-hover>.video { /* display: flex; */ opacity: 1; } .sreda__move-item--wrapper.video-hover>* { /* pointer-events: none; */ } .sreda__move-item--wrapper.video-hover .time-text { display: flex; } .thevideo { position: absolute; width: 100%; } .time-text { display: none; position: absolute; bottom: 0; right: 0; z-index: 100; font-size: 18px; line-height: 23px; letter-spacing: -1px; text-align: right; color: #FFFFFF; } /* mobile menu */ .sreda__mobile-menu--wrapper { position: absolute; right: 0; /*left: 50%; transform: translateX(-50%);*/ } .sreda__mobile-menu-trigger { cursor: pointer; } .sreda__mobile-menu-trigger-line { width: 96px; height: 2px; background-color: #fff; } .sreda__mobile-menu-trigger-line+.sreda__mobile-menu-trigger-line { margin-top: 5px; } /* main */ #sreda { position: relative; z-index: 2; } .sreda__main-topping { width: 100%; height: 100px; position: sticky; position: -webkit-sticky; left: 0; top: 0; background-color: #0A0A0A; border-bottom: 1px solid #373737; z-index: 3000; } .sreda__main-header, .sreda__inner-header { padding: 24px 0; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } .sreda__main-header-line { min-height: 194px; } .sreda__main-header--wrapper { display: flex; align-items: center; } .sreda__main-header--wrapper h1 { width: 100vw; } .sreda__inner-header .sreda__main-header-line { min-height: 96px; } .sreda__main-header-line>.row>div:last-child { padding-left: 24px; } .sreda__main-header-line h1 { margin-left: -24px; margin-right: -24px; /* padding: 24px 24px 24px 24px; */ padding: 24px 24px 40px 24px; position: relative; } .sreda__main-header-line h1:after { content: ""; width: 100%; height: 200px; background-color: #fff; opacity: 0.05; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); left: 0; /* margin-top: -100px; */ margin-top: 0; z-index: 2; } .sreda__main-header-line h1:before { content: ""; opacity: 0.1; width: 100%; height: 1px; background-color: #D8D8D8; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; } .sreda__main-header-line h1 span { position: relative; z-index: 3; } .sreda__logo-box { padding: 8px 32px; border-left: 2px solid #fff; border-right: 2px solid #fff; } .sreda__main-header-tittle { max-width: 1400px; display: flex; margin-top: 15px; } .sreda__main-header-text { margin-left: -24px; font-size: 25px; line-height: 120%; letter-spacing: -1px; color: #fff; } .sreda__main-grid { border-top: 1px solid #373737; /* border-bottom: 1px solid #373737; */ } /* .sreda__main-grid-block+.sreda__main-grid-block { border-top: 1px solid #373737; } */ .sreda__main-grid-block+.sreda__main-grid-block--no-border { border-top: none; } /* .sreda__main-grid-block>.row>div:nth-child(odd) { border-right: 1px solid #373737; } */ /* .no-border { border-bottom: 0!important; } */ .sreda__main-grid-block>.row>div { border-bottom: 1px solid #373737; border-right: 1px solid #373737; } .one-project__info-block>.row>div { border-right: none; } .one-project__info-block>.row>div:nth-child(odd) { border-right: 1px solid #373737; } .sreda__main-grid-block>.row>div.no-border { border-bottom: 0; } .sreda__main-grid-block--no-bottom-line { border-top: none; } .sreda__main-grid-side { padding-left: 24px; padding-right: 24px; } .sreda__main-grid-side--right { padding-top: 16px; } /*.sreda__main-grid-side h2 { margin-bottom: 130px; }*/ .sreda__main-grid-side--padding-1 { padding-bottom: 48px; } .sreda__main-grid-side--padding-2 { padding-bottom: 80px; } .sreda__main-grid-side--padding-3 { padding-bottom: 100px; } .sreda__main-grid-side--padding-4 { padding-bottom: 150px; } .sreda__main-grid-side--padding-5 { padding-bottom: 170px; } .sreda__main-grid-side--padding-6 { padding-top: 80px; } .sreda__main-grid-side--tittle { position: relative; z-index: 10; padding-top: 10px; } .sreda__partnership-list .sreda__logo-box { min-width: 128px; padding-left: 0; padding-right: 0; text-align: center; } .sreda__partnership-list .sreda__main-header-logo--mini .sreda__logo-box, .one-project__info-block .sreda__logo-box, .one-project__many-blocks .sreda__logo-box { min-width: 72px; padding-left: 0; padding-right: 0; text-align: center; } .sreda__partnership-list .sreda__logo-box img { max-width: 80%; } .sreda__partnership-list-item+.sreda__partnership-list-item { margin-top: 40px; } .sreda__partnership-list-item-right { padding-left: 16px; } .sreda__partnership-list-item--invers .sreda__partnership-list-item-right { padding-left: 0; padding-right: 16px; } .sreda__footer-block { height: 350px; padding-top: 16px; padding-bottom: 32px; background-position: center; background-repeat: no-repeat; background-size: cover; } .sreda__footer-block:not(:last-child) { border-bottom: 1px solid #373737; } .sreda__footer-block .row, .sreda__footer-block .row > * { position: initial; } .sreda__footer-block-right { padding-left: 24px; } .sreda__move-item { height: 100%; padding: 0 26px 20px 26px; } .menu-anchor { flex-direction: column; position: absolute; top: 50%; transform: translateY(-50%); } .mob-header { width: fit-content; /* display: flex; */ } .sreda__main-header { height: 630px; } .sreda__main-header-line--pos { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 25; } .sreda__main-header-line--pos-bottom { position: absolute; width: 100%; bottom: 0px; } .sreda__move-item--wrapper { height: 350px; } video::-webkit-media-controls-start-playback-button { display: none; } .sreda__topping-logo { width: fit-content; display: flex !important; } .sreda__main-grid--for-projects { border-top: none; } .back-line-position { position: absolute; top: 50%; transform: translateY(-50%); } .sreda__inner-header--position { height: 629px; } .sreda__move-item-bottom .time-text { font-size: 18px; line-height: 23px; letter-spacing: -1px; position: relative; width: 0; display: none; transition: all 0.1s ease-in-out; } .time-text span { display: inline-block; margin: 0 4px; } .time-text span:last-child { width: 1.5em; text-align: left; } .sreda__move-item--wrapper.video-hover .sreda__move-item-bottom .time-text { width: 135px; display: block; } .video-text--pos { width: 100%; justify-content: space-between; } .video-desc { max-width: 50%; } .col-wrapper-flex { display: flex; } .sreda__move-item-bottom-video-desc{ width: 100%; } .wrapper-main-timer{ margin-left: auto; } .wrapper-main-timer .time-text { text-align: right; } @media (max-width: 1679px) { /*h1 { font-size: 90px; } .header-h1 { font-size: 90px; }*/ h2 { font-size: 56px; } /* fonts start */ .sreda__main-header-text { font-size: 18px; line-height: 122% } .sreda__sign1 { font-size: 14px; line-height: 18px; } .sreda__text--category { font-size: 25px; } .sreda__sign2 { font-size: 12px; line-height: 118%; } /* fonts end*/ .sreda__main-grid-side--tittle { font-size: 52px; padding-top: 13px; } /*.sreda__move-item--wrapper { height: 300px; }*/ .sreda__move-item { height: 100%; padding: 0 24px 20px 24px; } .sreda__main-grid-side--padding-5 { padding-bottom: 138px; } .sreda__main-topping { height: 70px; } .sreda__h-back:after { height: 180px; /* margin-top: -80px; */ } /* .sreda__main-header-line h1 { padding-bottom: 17px; } */ .sreda__main-header-line h1:after { height: 180px; /* margin-top: -80px; */ /* height: 180px; margin-top: 24px; top: 0; */ } .sreda__footer-block { height: 300px; } .sreda__text--w1 { width: 44.0429vw; } .sreda__text--w2 { width: 43.6523vw; } .sreda__divider { height: 300px; } .sreda__move-item-bottom .sreda__text { font-size: 25px; position: relative; } } @media (max-width: 1280px) { .sreda__move-item-bottom .time-text { font-size: 18px; } .sreda__move-item--wrapper.video-hover .sreda__move-item-bottom .time-text { width: 83px; } .time-text span { margin: 0 2px; } } @media (max-width: 1024px) { .sreda__main-grid-side--tittle { font-size: 48px; } /* lib */ .sreda__sign1 { font-size: 16px; line-height: 20px; } .sreda__sign2 { font-size: 16px; line-height: 125%; } .time-text { font-size: 18px; } .sreda__divider { height: 280px; } /* main */ .logo { width: 92px; } .sreda__main-header-line { min-height: 137px; } .sreda__partnership-list-item+.sreda__partnership-list-item { margin-top: 0; } .sreda__partnership-list-item { margin-bottom: 40px; } .sreda__main-footer .sreda__partnership-list-item { margin-bottom: 0; } .sreda__footer-block { height: 280px; } .sreda__h-back:after { height: 149px; /* margin-top: -60px; */ } .sreda__main-header-line h1:after { height: 149px; /* margin-top: -60px; */ margin-top: 0; } .sreda__main-grid-side--padding-3 { padding-bottom: 80px; } .sreda__main-grid-side--padding-8 { padding-bottom: 70px; } /*.sreda__mobile-menu--wrapper { right: 0; left: unset; transform: unset; }*/ /* My change Start */ .sreda__main-header-text { font-size: 25px; line-height: 30px; } .sreda__main-grid-side--padding-4 { padding-bottom: 120px; } .sreda__text--width-1 { max-width: 100%; } .sreda__text--width-2 { max-width: 90%; } .sreda__sign1--width-2 { max-width: 80%; } .sreda__main-grid-side--padding-1 { padding-bottom: 50px; } .sreda__sign1--width-3 { max-width: 80%; } .sreda__main-grid-side--padding-5 { padding-bottom: 150px; } .sreda__main-grid-side--padding-5-2 { padding-bottom: 200px; } .header-h1--width-1 { max-width: 69.3359375vw; display: flex; } .sreda__sign1--inverse { font-size: 18px; max-width: 200px; } /* .flex-column { height: 100%; } */ .sreda__text--category { font-size: 25px; line-height: 108%; letter-spacing: -2px; } .sreda__main-grid-side--padding-5-1 { padding-bottom: 125px; } .sreda__main-grid-side--padding-6 { padding-top: 150px; } .sreda__text--width-3 { max-width: 90%; } .sreda__main-grid-side--padding-2 { padding-bottom: 50px; } .sreda__margin-between .sreda__sign1+.sreda__sign1 { margin-top: 50px; } .header-h1--width { width: 70.96875vw; } .header-h1-f1 { font-size: 70px; } .sreda__logo-box img { max-width: 50px; } .sreda__logo-box { padding: 8px; } .sreda__main-grid-side--padding-7 { padding-bottom: 20px; } .sreda__main-grid-side--padding-5-1-1024 { padding-bottom: 120px; } .sreda__main-grid-side-padding30-mob { padding-bottom: 70px; } .back-line { position: relative; width: 100%; } .back-line::after { content: ""; width: 100vw; height: 120px; background-color: #fff; opacity: 0.05; pointer-events: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .back-line::before { content: ""; opacity: 0.1; width: 100vw; height: 0.5px; background-color: #D8D8D8; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .sreda__main-header { height: 459px; } .sreda__main-header-line h1 { padding: 8px 24px 24px 24px; } /*.sreda__move-item--wrapper { height: 280px; }*/ .sreda__about-list-items .sreda__sign1 { font-size: 12px; line-height: 125%; } .sreda__main-topping { height: 80px; } .sreda__inner-header--position { height: 459px; } .back-line-position { position: absolute; } .video-desc { max-width: 70%; flex: 0 0 70%; } /* My change End */ } @media (max-width: 767px) { h1, .header-h1 { font-size: 32px; line-height: 40px; letter-spacing: -0.02em; } h2 { font-size: 32px; line-height: 40px; letter-spacing: -0.02em; } .container-fluid { padding-left: 14px; padding-right: 14px; } .sreda__main-grid-side--tittle { font-size: 32px; line-height: 40px; letter-spacing: -0.02em; } /* lib */ .sreda__divider { height: 200px; } .sreda__h-back { padding-left: 14px; padding-right: 14px; position: relative; } /* main */ .logo { max-width: 65px; } .sreda__main-topping { height: 45px; } .sreda__topping-logo svg { width: 100%; } .sreda__mobile-menu-trigger-line { width: 48px; } .sreda__mobile-menu-trigger-line:first-child+div { display: none; } .sreda__main-grid-side { padding-left: 14px; padding-right: 14px; } .sreda__main-grid-side--right { padding-top: 0; } .sreda__main-grid-side-hide { padding-left: 14px; padding-right: 14px; } .sreda__main-grid-side-nestar { padding-left: 16px; } .sreda__main-grid-side-tut { margin-bottom: 32px; } .sreda__main-grid-change>div:first-child+div { padding-left: 0; } .sreda__main-grid-change>div { max-width: 100%; } .sreda__inner-header { padding: 80px 0; } .sreda__main-grid-side h2 { margin-bottom: 40px; } .sreda__footer-block { height: 200px; padding-top: 12px; padding-bottom: 17px; } .sreda__main-header-line h1:after { height: 95px; /* margin-top: -48px; */ margin-top: 0; } .sreda__main-grid-side--padding-8 { padding-bottom: 20px; } .sreda__main-header { height: 407px; } .sreda__main-header-line>.row>div:last-child { padding-left: 12px; } .sreda__main-header-line h1:before { opacity: 0.2; } .header-h1--add { margin-left: -3px; } .sreda__inner-header--position { height: 408px; } } @media (max-width: 575px) { .sreda__text--w1 { width: 90.938vw; } .sreda__text--w2 { width: 90.938vw; } .mob-header { width: 55vw; display: flex; } .sreda__main-grid-block>.row>.sreda__main-grid-side--border { border: 0; } .sreda__main-grid-side-p { padding-bottom: 0; } .sreda__partnership--wrapper { flex-wrap: nowrap; overflow: auto; /* width: fit-content; */ width: calc(100% + 30px) } .sreda__partnership--wrapper::-webkit-scrollbar { display: none; } .sreda__partnership-list-item { margin-right: 60px; } .sreda__partnership-list-item--wrapper { display: flex; width: initial; } .sreda__partnership-list-item--wrapper:first-child { max-width: fit-content; } .sreda__main-grid-side--wrapper { overflow: hidden; } .sreda__main-grid-block>.row>.sreda__main-grid-side--border0 { border: 0; } .sreda__sign1--margin { margin-bottom: 10px; } .sreda__main-grid-block>.row>div { border-right: 0; } .sreda__main-grid-side-padding-mob { padding-top: 40px; } .sreda__main-grid-side-padding-mob h2 { margin-bottom: 0; } .sreda__main-grid-side-padding30-mob { padding-top: 30px; } .sreda__sign2 { color: rgba(255, 255, 255, 1); font-size: 12px; } .sreda__h-back:after { height: 95px; background-color: transparent; } .sreda__inner-header--p { padding: 123px 11px 135px 11px; } .position-tab { margin-top: 0px; } .sreda__main-grid-side--padding-5 { padding-bottom: 0; } .sreda__sign1--margin { font-size: 12px; line-height: 133%; } .sreda__text { font-size: 12px; line-height: 16px; letter-spacing: 0; } .sreda__main-grid-side--padding-3 { padding-bottom: 40px; } .sreda__main-grid-side--padding-4 { padding-bottom: 80px; } .sreda__main-grid-block--mob { position: relative; } .mob-pos { position: absolute; bottom: 50px; z-index: 25; } .sreda__main-grid-side-mob-marg { margin-bottom: 40px; } .sreda__main-grid-side--padding-1 { padding-bottom: 40px; } .sreda__main-grid-side--padding-7 { padding-bottom: 15px; } .sreda__main-grid-side--padding-1-w768 { padding-bottom: 220px; } .header-h1--width-1 { max-width: 100%; } .sreda__inner-header { padding: 75px 0; } .mob-border { padding-bottom: 80px; border-bottom: 1px solid #373737; } .sreda__main-grid-block-mob { margin-top: 80px; } .sreda__main-grid-side--padding-2 { padding-bottom: 30px; } .sreda__sign1 { font-size: 12px; line-height: 16px; } .sreda__margin-between .sreda__sign1+.sreda__sign1 { margin-top: 30px; } .mob-border-bottom { padding-bottom: 80px; border-bottom: 1px solid #373737 !important; } .sreda__h-back { padding-bottom: 100px; } .sreda__move-item { padding: 9px 14px 16px 14px; } .flex-column { height: 100%; } .sreda__text--category { font-size: 16px; line-height: 19px; letter-spacing: -1px; } .sreda__text--width-3 { max-width: 100%; } .sreda__sign1--width-1 { margin-top: 60px; margin-bottom: 100px; max-width: 100%; } .sreda__link1 { font-size: 16px; line-height: 19px; letter-spacing: -1px; } .sreda__footer-block .sreda__link1 { font-size: 16px; line-height: 19px; letter-spacing: -1px; border-bottom: 1px solid white; } .back-line::before { opacity: 0.15; height: 1px; } .sreda__main-grid-block>.row>div:first-child .sreda__move-item { border-bottom: 0.5px solid rgba(151, 151, 151, 0.43); } .sreda__main-grid-block>.row>div>.sreda__move-item { border-bottom: 0.5px solid rgba(151, 151, 151, 0.43); } .sreda__divider { height: 225px; } .sreda__footer-block { height: 225px; } .sreda__main-header-line { min-height: 121px; } .sreda__main-header-line>.row>div:last-child { padding-left: 0px; } .sreda__main-header { /*height: calc(100vh - 104px); min-height: 343px; max-height: 407px;*/ height: 330px; } } .sreda__move-item--wrapper.video-hover .sreda__text--category { opacity: 0; } @media (max-width: 767px) { .only-desktop { display: none !important; } } @media (min-width: 768px) { .only-mobile { display: none !important; } } button { font-family: 'IBM Plex Sans', sans-serif; } .just-grey { color: #676767 !important; } * { font-size: 16px !important; line-height: 150% !important; letter-spacing: -0.5px !important; font-weight: 400; color: white; } h1 { font-size: 70px !important; line-height: 100% !important; font-weight: 600 !important; margin-bottom: 20px !important; letter-spacing: 0.03em !important; } h2 { font-weight: 600 !important; font-size: 56px !important; line-height: 110% !important; text-transform: uppercase !important; } h3 { font-size: 30px !important; line-height: 120% !important; letter-spacing: -1px !important; font-weight: normal !important; } @media (max-width: 1440px) { h2 { font-size: 48px !important; letter-spacing: 0 !important; } h3 { font-size: 25px !important; letter-spacing: -2px !important; } } @media (max-width: 1024px) { h1 { font-size: 64px !important; letter-spacing: 0.03em !important; } h2 { font-size: 44px !important; letter-spacing: 0 !important; } } @media (max-width: 768px) { * { font-size: 14px !important; letter-spacing: -0.03em !important; } h1 { font-size: 36px !important; font-weight: 600 !important; margin-bottom: 10px !important; letter-spacing: 0.03em !important; } h2 { font-weight: 600 !important; font-size: 32px !important; letter-spacing: -0.02em !important; } h3 { font-weight: normal !important; font-size: 18px !important; letter-spacing: -0.5px !important; padding: 0 !important; } } a { font-size: inherit !important; color: inherit !important; } p.sign2 { font-size: 14px !important; } .hidden { display: none !important; } .close-tab-cross-wrapper { cursor: pointer; display: flex; align-items: flex-end; } .close-tab-cross-underliner { border-bottom: 1px solid white; width: 100%; } .close-tab-cross { width: 30px; height: 30px; margin-left: 15px; } @media (max-width: 1440px) { .close-tab-cross { width: 24px; height: 24px; margin-left: 15px; } } @media (max-width: 768px) { .close-tab-cross { width: 20px; height: 20px; } } a.underlined { border-bottom: 1px solid white; } h1 > a.underlined, h2 > a.underlined, h3 > a.underlined { border-bottom-width: 2px; } a.underlined:hover { border-bottom-color: transparent; } .award { display: flex; justify-content: space-between; } .award-leftblock { display: flex; flex-direction: column; justify-content: space-between; max-width: 60%; } .award-rightblockinsider { border-left: 2px solid white; border-right: 2px solid white; padding-left: 16px; padding-right: 16px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .award-rightblockinsider > img { margin-bottom: 4px; } .semiblock { width: 50%; padding: 24px; border-top: 1px solid #373737; border-bottom: 1px solid #373737; height: 350px; } .semiblock-holder { display: flex; flex-wrap: wrap; } .semiblock-holder > .semiblock:nth-child(odd) { border-right: 1px solid #373737; } @media (max-width: 1024px) { .semiblock { width: 100%; } .semiblock { height: 225px; } } /* Modal */ .modal { position: fixed; top: 0; width: 100%; height: 100vh; display: flex; /* z-index: 30; */ /* display: none; */ background-color: #0A0A0A; z-index: -1; opacity: 0; transition: all 0.2s ease-in-out; } .modal-open { display: -webkit-box; display: -ms-flexbox; z-index: 4000; opacity: 1; /* display: flex; */ } .modal_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 80%; overflow: hidden; position: relative; margin: auto; } /* .modal_black { position: absolute; top: 0; width: 100%; height: 100%; transition: background-color 0.2s ease-in-out; background-color: rgba(0, 0, 0, 0); display: flex; z-index: 0; } .modal_black-show { transition: background-color 0.8s ease-in-out; background-color: rgba(0, 0, 0, 0.5); z-index: 60; } */ .modal__timer_wrapper, .modal__inner-square-add--line, .modal-close, .video-line-bottom { transition: opacity 0.3s ease-in-out; } .modal_black-show .modal__timer_wrapper, .modal_black-show .modal__inner-square-add--line, .modal_black-show .modal-close, .modal_black-show .video-line-bottom { opacity: 0.5; } .modal-close .modal__video { width: 100%; height: 100%; /* height: 41.927vw; */ -o-object-fit: cover; object-fit: cover; position: relative; } .video-line-bottom { position: absolute; bottom: 0; width: 100%; height: 1px; background-color: white; } .modal__square { position: absolute; z-index: 35; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .modal__square-line-h { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1px; background-color: rgba(151, 151, 151, 0.4); } .modal__square-line-v { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 100%; background-color: rgba(151, 151, 151, 0.4); } .modal__inner-square { position: absolute; top: 50%; left: 50%; width: 83.3854vw; height: 27.7292vw; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid rgba(255, 255, 255, 0.3); } .modal-close { position: absolute; top: 30px; left: calc(50% + 24px); } .modal__inner-square-add { position: relative; height: 20.833333333333336vw; width: 100%; position: absolute; top: 50%; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; transform: translateX(0), translateY(-50%); -webkit-transform: translateX(0), translateY(-50%); -ms-transform: translateX(0), translateY(-50%); } .modal__inner-square-add--line { display: block; position: absolute; top: -0.5px; left: 0; height: 1px; background-color: white; } .modal__timer_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*align-items: flex-end;*/ position: absolute; top: -40px; left: 0px; cursor: -webkit-grab; cursor: grab; width: 120px; } .modal__timer { width: 100%; position: relative; /* right: -8px; */ margin-bottom: 19px; font-size: 25px; line-height: 120%; letter-spacing: -2px; color: #fff; opacity: 0.9; display: -webkit-box; display: -ms-flexbox; display: flex; pointer-events: none; /* width: 90px; */ } .modal__timer span { display: inline-block; margin: 0 4px; align-self: center; } .unselectable { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .modal__timer-drag { font-size: 14px; line-height: 17px; letter-spacing: -1px; color: #fff; opacity: 0.7; white-space: nowrap; position: relative; /* right: -25px; */ text-align: left; } .video-m { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .video-m-desktop { display: inline-block; } .video-m-mob { display: none; } .header__video { position: absolute; top: 0; width: 100vw; height: 100%; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .video-h { width: 100%; height: 100%; object-fit: cover; } .header__video .show { opacity: 1; } .sreda__main-header:hover>.header__video { display: -webkit-box; display: -ms-flexbox; display: flex; } [js-pos="close"] { display: inline-block; z-index: 50; transform: translateX(0); } .modal-close-mob { display: none; } [data-modal="close"]::after { bottom: -1px; } /*.sreda__main-grid-block>.row>div:nth-child(even) { border-right: 0; } */ .sreda__main-grid--for-projects { border-top: none; } .time-text { text-align: center; color: #fff !important; } .sreda__main-header-line h1:before { opacity: 0.5; background-color: rgb(151, 151, 151); } .mob-hide-timer-interface .modal__timer_wrapper { display: none; } .mob-hide-timer-interface .modal__inner-square-add--line { display: none; } .mob-hide-timer-interface .modal__inner-square { display: none; } .mob-hide-timer-interface .modal__square { display: none; } .mob-orientation .modal_wrapper, .mob-orientation .modal__video, .mob-orientation .video-m { width: 100% !important; height: 100% !important; } .sreda__move-item-bottom .sreda__text { color: #616161; font-size: 18px; } .sreda__main-grid-side--tittle { padding-top: 24px; } .sreda__about-list .sreda__sign1 { color: #fff; } /*.sreda__about-list .sreda__sign1:first-child { color: #616161; }*/ @media screen and (max-width: 1679px) { .sreda__main-header-line { min-height: 192px; } .sreda__main-grid-side--tittle { padding-top: 13.5px; } #sreda.sreda--for-one-project { padding-top: 700px; } .sreda__main-header--for-one-project { top: 70px; } .modal-close { top: 1.5vw; } .sreda__text--category { font-size: 18px; } .sreda__move-item-bottom .sreda__text { font-size: 18px; } .wrapper-main-timer { margin-bottom: 0; } } @media screen and (max-width: 1440px) { .modal-close { top: 0.972222vw; } } @media (max-width: 1280px) { .sreda__main-header--wrapper { width: 57.8125vw; } .box-line__time { top: 50%; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 83px; } .box-line__time span { margin: 0 2px; } /*.sreda__mobile-menu--wrapper { right: 0; left: unset; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }*/ .sreda__main-header-line { min-height: 108px; } .logo { width: 92px; } /* .sreda__main-header, .sreda__inner-header { padding-top: 24px; } */ .sreda__about-list--wrapper { padding-bottom: 15px; } .sreda__about-list-items .sreda__sign1 { font-size: 12px; } /* .modal-close { top: -75px; } */ .sreda__main-items-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 1024px) { /*#sreda.sreda--for-one-project .one-project__select>.row>div:first-child { border-right: 1px solid #373737; }*/ .modal__timer_wrapper { top: -30px; width: 100px; } .modal__timer { width: 78px; margin-bottom: 10px; font-size: 18px; line-height: 25px; letter-spacing: -2px; } .modal__timer span { margin: 0 2px; align-self: center; } .sreda__main-header-line-1 { font-size: 70px; letter-spacing: 0.03em; } .sreda__move-item-bottom .sreda__text { font-size: 12px; line-height: 15px; letter-spacing: -1px; } } @media (max-width: 1120px) { .modal__video { height: 563px; } .modal_wrapper { height: 563px; } .box-line { bottom: 0px; } .modal__timer_wrapper { top: -30px; } .modal__timer { width: 78px; margin-bottom: 10px; font-size: 18px; line-height: 25px; letter-spacing: -2px; } .modal__timer span { margin: 0 2px; align-self: center; } } @media (max-width: 991px) { .sreda__main-header--for-one-project { top: 100px; } .box-line__time { width: 75px; font-size: 16px; } .box-line__time span { margin: 0 3px; } .modal__timer { font-size: 16px; margin-bottom: 10px; width: 75px; } .modal__timer span { margin: 0 3px; } .modal__timer-drag { font-size: 10px; } .modal__timer_wrapper { top: -30px; width: 75px; right: 0; } .sreda__move-item-bottom .sreda__text { font-size: 14px; line-height: 17px; letter-spacing: 0; } .sreda__main-header-line-1 { font-size: 64px; } .sreda__about-list-items .sreda__sign1 { font-size: 14px; line-height: 17px; } } @media (max-width: 860px) { .sreda__sign2 { font-size: 14px; } .sreda__main-header--wrapper { width: 64.8125vw; } .box-line:before { width: 41.0156vw; height: 33.8542vw; } .sreda__main-header-line { min-height: 162px; } .sreda__main-header-line--pos { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; /* margin-top: -4px; */ } .sreda__main-header-line h1 { line-height: 100%; } .sreda__move-item { padding: 2px 26px 22px 26px; } .modal-close { font-size: 18px; /* top: -50px; left: calc(50% + 30px); */ } .modal__timer { font-size: 16px; margin-bottom: 10px; width: 75px; } .modal__timer span { margin: 0 3px; } .modal__timer-drag { font-size: 10px; } .modal__timer_wrapper { top: -30px; width: 75px; right: 0; } .modal__video { height: 422px; } .modal_wrapper { height: 422px; } .box-line { bottom: -2px; } .sreda__main-grid-block>.row>div { border-right: 0; } .modal-close-mob { display: inline-block; } .sreda__move-item-bottom .sreda__text { color: #fff; } } @media (max-width: 600px) { /*.sreda__main-grid-block>.row>div:nth-child(even) { border-bottom: 0; }*/ /* .sreda__main-header, .sreda__inner-header { padding: 10px 0; overflow: hidden; } */ .sreda__main-header-line h1 { line-height: 114%; } .sreda__main-header-line-1 { display: none; } .sreda__main-header-line-2 { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 36px; } .sreda__sign2 { font-size: 12px; line-height: 134%; letter-spacing: -1px; white-space: nowrap; } .sreda__about-list--wrapper { margin-top: 10px; } .box-line__time { font-size: 12px; color: rgba(255, 255, 255, 0.9); line-height: 133%; letter-spacing: -1px; width: 60px; } .box-line__time span { margin: 0 1px; } .box-line__time--pos { left: unset; transform: translateX(0); right: 20px; top: 48%; } .box-line:after { display: none; } .box-line:before { left: 75%; width: 67.8125vw; height: 59.375vw; border: 1px solid rgba(255, 255, 255, 0.2); } .box-line { border-left: 0; right: 10px; } .sreda__main-grid-side--tittle { padding-top: 0; } .sreda__move-item-bottom .sreda__text { font-size: 12px; line-height: 16px; } .sreda__topping-logo svg { width: 65px; } .sreda__main-header-line { min-height: 100px; } .sreda__move-item { padding: 14px 14px 14px 14px; } .modal__inner-square-add { top: 50%; height: 29.833333vw; } .modal__timer span { width: 15px; } .modal__video { height: 206px; } .modal_wrapper { height: 206px; } .modal__square { height: 206px; } .box-line { bottom: 1px; } .sreda__about-list-items .sreda__sign1 { font-size: 12px; line-height: 16px; letter-spacing: 0; } /*.modal__square { display: none; }*/ .sreda__main-header--for-one-project { top: 48px; } .video-line-bottom { display: none; } .sreda__main-content--wrapper-add { padding-left: 0 !important; } .video-m-desktop { display: none; } .video-m-mob { display: inline-block; } .video-whole-screen .modal_wrapper, .video-whole-screen .modal__video, .video-whole-screen .video-m-mob { height: 100%; } .video-whole-screen .modal-close { top: 20px; left: 50%; transform: translateX(-50%); width: fit-content; } } @media (max-width: 575px) { .sreda__move-item--wrapper { max-height: 350px; } /* .modal-close { top: -40%; } */ } @media (max-width: 330px) { .video-m { height: 176px; } .modal_wrapper { height: 176px; } .video-line-bottom { bottom: 15px; } [js-pos="close"] { top: 0%; } } @media (max-height: 650px) { .box-line:before { height: 25.375vw; } } @media (max-width: 768px) { .sreda__move-item--wrapper { height: 250px !important; } } .box-line { width: 50%; height: 100%; background-color: transparent; position: absolute; right: 0.5px; bottom: 0px; } .box-line:after { content: ''; width: 0.5px; height: 100%; background-color: rgba(151, 151, 151, 0.5); position: absolute; left: 0; z-index: 10; } .box-line::before { content: ''; width: 33.3333vw; height: 23.2292vw; background-color: transparent; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; border: 1px solid rgba(151, 151, 151, 0.5); } .box-line__time { font-size: 25px; line-height: 30px; text-align: center; letter-spacing: -2px; color: #FFFFFF; position: absolute; white-space: nowrap; width: 135px; display: flex; z-index: 25; } .box-line__time--pos { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .box-line__time span { display: inline-block; margin: 0 4px; } .video-main__square { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; } .video-main__square-line-h { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background-color: rgba(151, 151, 151, 0.4); } .video-main__square-line-h::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 200px; background-color: rgba(255, 255, 255, 0.05); } .video-main__inner-square { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 83.3854vw; height: 21.2vw; border: 1px solid rgba(151, 151, 151, 0.7); } .sreda__main-timmer { position: absolute; top: 50%; transform: translateY(-50%); display: flex; width: 100%; } .sreda__main-timmer--line { position: absolute; top: 0; left: 0; display: block; height: 1px; background-color: white; z-index: 30; /* background-color: rgba(255, 255, 255, 0.7); */ } .box-line__time { left: 0; top: -35px; width: 120px; } .box-line__time span { display: inline-block; margin: 0 4px; align-self: center; } .sreda__main-grid--for-persone { border-top: none; } .line-center { display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: 1px; background-color: rgba(151, 151, 151, 0.4); } .sreda-project__link { color: #fff; padding-bottom: 1px; border-bottom: 1px solid white; cursor: pointer; transition: border-bottom-color 0.1s ease-in-out; } .sreda-project__link:hover { border-bottom-color: transparent; } .header { height: 632px; background-position: center; background-repeat: no-repeat; background-size: cover; border-bottom: 1px solid #373737; display: flex; padding: 24px; align-items: center; position: relative; } @media (max-width: 1024px) { .header { height: 450px; } } @media (max-width: 768px) { .header { height: 330px; } } .header_video-inside { /*display: flex;*/ /*flex-direction: column;*/ /*align-items: flex-start;*/ } .header_video-inside > h1 { /*width: 50%;*/ /*align-self: center;*/ position: absolute; top: 50%; transform: translateY(-50%); left: 24px; margin-bottom: 0 !important; } @media (max-width: 768px) { .header_video-inside > h1 { left: 14px; } } .header_video-inside > .header__linkholder { position: absolute; top: 24px; left: calc(50% + 24px); display: flex; } .header__linkholder > p { margin-right: 16px; margin-bottom: 8px; } @media (max-width: 768px) { .header_video-inside > .header__linkholder { top: 14px; left: calc(50% + 14px); flex-direction: column; } } .header_video-inside > video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; z-index: -1; } .header__centerline { background: #979797; opacity: 0.5; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; } .header__centerline2 { background: #979797; opacity: 0.5; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; }