[data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; visibility: visible; overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */ max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */ } .simplebar-content:before, .simplebar-content:after { content: " "; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: inherit; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; right: 2px; width: 7px; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ""; background: black; border-radius: 7px; left: 0; right: 0; opacity: 0; transition: opacity 0.2s linear; } .simplebar-track .simplebar-scrollbar.simplebar-visible:before { /* When hovered, remove all transitions from drag handle */ opacity: 0.5; transition: opacity 0s linear; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } /* Rtl support */ [data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @font-face { font-family: "ArialRegular"; src: local("ArialRegular"), url("../fonts/ArialRegular.eot") format("eot"), url("../fonts/ArialRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/ArialRegular.woff") format("woff"), url("../fonts/ArialRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: auto; } @font-face { font-family: "ArialBold"; src: local("ArialBold"), url("../fonts/ArialBold.eot") format("eot"), url("../fonts/ArialBold.eot?#iefix") format("embedded-opentype"), url("../fonts/ArialBold.woff") format("woff"), url("../fonts/ArialBold.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: auto; } @font-face { font-family: "ArialBlack"; src: local("ArialBlack"), url("../fonts/ArialBlack.eot") format("eot"), url("../fonts/ArialBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/ArialBlack.woff") format("woff"), url("../fonts/ArialBlack.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: auto; } @font-face { font-family: "ProximaNova-Light"; src: local("ProximaNova-Light"), url("../fonts/ProximaNova-Light.eot") format("eot"), url("../fonts/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Light.woff") format("woff"), url("../fonts/ProximaNova-Light.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: auto; } @font-face { font-family: "ProximaNova-Lightlt"; src: local("ProximaNova-Lightlt"), url("../fonts/ProximaNova-Lightlt.eot") format("eot"), url("../fonts/ProximaNova-Lightlt.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Lightlt.woff") format("woff"), url("../fonts/ProximaNova-Lightlt.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: auto; } @font-face { font-family: "ProximaNova-Regular"; src: local("ProximaNova-Regular"), url("../fonts/ProximaNova-Regular.eot") format("eot"), url("../fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: auto; } @font-face { font-family: "ProximaNova-Regularlt"; src: local("ProximaNova-Regularlt"), url("../fonts/ProximaNova-Regularlt.eot") format("eot"), url("../fonts/ProximaNova-Regularlt.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regularlt.woff") format("woff"), url("../fonts/ProximaNova-Regularlt.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: auto; } @font-face { font-family: "ProximaNova-Black"; src: local("ProximaNova-Black"), url("../fonts/ProximaNova-Black.eot") format("eot"), url("../fonts/ProximaNova-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Black.woff") format("woff"), url("../fonts/ProximaNova-Black.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: auto; } @font-face { font-family: "ProximaNova-Bold"; src: local("ProximaNova-Bold"), url("../fonts/ProximaNova-Bold.eot") format("eot"), url("../fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova-Bold.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: auto; } @font-face { font-family: "ProximaNova-Boldlt"; src: local("ProximaNova-Boldlt"), url("../fonts/ProximaNova-Boldlt.eot") format("eot"), url("../fonts/ProximaNova-Boldlt.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Boldlt.woff") format("woff"), url("../fonts/ProximaNova-Boldlt.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: auto; } @font-face { font-family: "ProximaNova-Extrabld"; src: local("ProximaNova-Extrabld"), url("../fonts/ProximaNova-Extrabld.eot") format("eot"), url("../fonts/ProximaNova-Extrabld.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Extrabld.woff") format("woff"), url("../fonts/ProximaNova-Extrabld.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: auto; } .has-animation { opacity: 0; visibility: hidden; } .sl--scrollable { overflow: auto; -webkit-overflow-scrolling: touch; } .theme-link { overflow: hidden; } .theme-link .animate .letter { display: inline-block; opacity: 0; -webkit-transform: translate(-100px, 0); -ms-transform: translate(-100px, 0); transform: translate(-100px, 0); -webkit-animation: sideSlide .25s forwards; animation: sideSlide .25s forwards; } .theme-link .animate .letter:nth-child(2) { -webkit-animation-delay: .05s; animation-delay: .05s; } .theme-link .animate .letter:nth-child(3) { -webkit-animation-delay: .1s; animation-delay: .1s; } .theme-link .animate .letter:nth-child(4) { -webkit-animation-delay: .15s; animation-delay: .15s; } .theme-link .animate .letter:nth-child(5) { -webkit-animation-delay: .25s; animation-delay: .25s; } .theme-link .animate .letter:nth-child(6) { -webkit-animation-delay: .3s; animation-delay: .3s; } .theme-link .animate .letter:nth-child(7) { -webkit-animation-delay: .35s; animation-delay: .35s; } .theme-link .animate .letter:nth-child(8) { -webkit-animation-delay: .4s; animation-delay: .4s; } .theme-link .animate .letter:nth-child(9) { -webkit-animation-delay: .45s; animation-delay: .45s; } .theme-link .animate .letter:nth-child(10) { -webkit-animation-delay: .5s; animation-delay: .5s; } .theme-link .animate .letter:nth-child(11) { -webkit-animation-delay: .55s; animation-delay: .55s; } .theme-link .animate .letter:nth-child(12) { -webkit-animation-delay: .6s; animation-delay: .6s; } .theme-link .animate .letter:nth-child(13) { -webkit-animation-delay: .65s; animation-delay: .65s; } .theme-link .animate .letter:nth-child(14) { -webkit-animation-delay: .7s; animation-delay: .7s; } .theme-link .animate .letter:nth-child(15) { -webkit-animation-delay: .75s; animation-delay: .75s; } .theme-link .animate .letter:nth-child(16) { -webkit-animation-delay: .8s; animation-delay: .8s; } .theme-link .animate .letter:nth-child(17) { -webkit-animation-delay: .85s; animation-delay: .85s; } .theme-link .animate .letter:nth-child(18) { -webkit-animation-delay: .9s; animation-delay: .9s; } .theme-link .animate .letter:nth-child(19) { -webkit-animation-delay: .95s; animation-delay: .95s; } .words-title .word-wrap { width: 102%; height: 1.2em; display: block; overflow: hidden; overflow-y: hidden; overflow-x: visible; } .words-title .word-wrap .word { display: block; } #site-main { padding-top: 0 !important; } #site-main .intro { position: relative; width: 100%; min-height: 568px; } #site-main #canvas-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #site-main #canvas { height: 100vh; min-height: 568px; width: 100vw; z-index: 10; } #site-main .multi-textures { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 15; font-size: 3em; color: white; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; pointer-events: none; } #site-main .multi-textures img { /* hide the img element */ display: none; } #site-main canvas { width: 100% !important; height: 100% !important; } #site-main .multi-textures__title { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #site-main .multi-textures__title .texture-title { position: absolute; width: 100%; height: 100%; display: none; background-color: rgba(0, 0, 0, 0.4); } #site-main .multi-textures__title .texture-title.is-visible { display: -webkit-box; display: -ms-flexbox; display: flex; } #site-main .multi-textures__title .texture-title .container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #site-main .multi-textures__title .texture-title .title-wrap { position: relative; padding: 0 0 90px 20px; } @media screen and (min-width: 768px) { #site-main .multi-textures__title .texture-title .title-wrap { padding: 0 0 190px 41px; } } @media screen and (min-width: 1650px) { #site-main .multi-textures__title .texture-title .title-wrap { padding: 0 0 160px 80px; } } #site-main .multi-textures__title .texture-title .title-wrap .theme-line { left: 0; } #site-main .multi-textures__title .texture-title .title-wrap .text { display: none; max-width: 580px; font-size: 16px; line-height: 23px; opacity: .6; } @media screen and (min-width: 768px) { #site-main .multi-textures__title .texture-title .title-wrap .text { display: block; } } @media screen and (min-width: 1650px) { #site-main .multi-textures__title .texture-title .title-wrap .text { max-width: 630px; line-height: 28px; } } #site-main .multi-textures__title .texture-title .title-wrap .project-link { position: relative; z-index: 100; margin-top: 40px; opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } @media screen and (min-width: 768px) { #site-main .multi-textures__title .texture-title .title-wrap .project-link { margin-top: 60px; } } @media screen and (min-width: 1650px) { #site-main .multi-textures__title .texture-title .title-wrap .project-link { margin-top: 70px; } } #site-main .banner-nav { position: absolute; bottom: 19px; left: 65px; right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 768px) { #site-main .banner-nav { left: 214px; right: 32px; bottom: 25px; } } @media screen and (min-width: 1200px) { #site-main .banner-nav { left: 236px; } } @media screen and (min-width: 1650px) { #site-main .banner-nav { left: 298px; bottom: 48px; } } #site-main .banner-nav .nav-dots .dots-list { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #site-main .banner-nav .nav-dots .dots-list > * + * { margin: 0 0 0 22px; } #site-main .banner-nav .nav-dots .dots-list li { position: relative; width: 18px; height: 100%; border: 1px solid transparent; border-radius: 50%; -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } @media screen and (min-width: 1200px) { #site-main .banner-nav .nav-dots .dots-list li { cursor: url("../img/cursor-hovered.png"), auto !important; } } #site-main .banner-nav .nav-dots .dots-list li.is-active { border-color: #ffffff; pointer-events: none; -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } #site-main .banner-nav .nav-dots .dots-list span { position: absolute; top: 50%; left: 50%; display: block; width: 4px; height: 4px; background-color: #ffffff; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #site-main .banner-nav .nav-arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 105px; height: 40px; } @media screen and (min-width: 768px) { #site-main .banner-nav .nav-arrows { width: 115px; height: 50px; } } #site-main .banner-nav .nav-arrows .prev, #site-main .banner-nav .nav-arrows .next { width: 40px; height: 40px; } @media screen and (min-width: 768px) { #site-main .banner-nav .nav-arrows .prev, #site-main .banner-nav .nav-arrows .next { width: 50px; height: 50px; } } #site-main .banner-nav .nav-arrows .arrow { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; } @media screen and (min-width: 768px) { #site-main .banner-nav .nav-arrows .arrow { width: 50px; height: 50px; } } #site-main .banner-nav .nav-arrows .arrow:hover .icon.icon-circle .circle { stroke-dashoffset: 0; opacity: 1; } #site-main .banner-nav .nav-arrows .arrow:hover .icon.icon-arrow svg, #site-main .banner-nav .nav-arrows .arrow:hover .icon.icon-arrow path { fill: #ffffff; } #site-main .banner-nav .nav-arrows .arrow.is-active { pointer-events: none; } #site-main .banner-nav .nav-arrows .arrow .icon { position: absolute; top: 50%; left: 50%; } #site-main .banner-nav .nav-arrows .arrow .icon.icon-circle { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } #site-main .banner-nav .nav-arrows .arrow .icon.icon-circle .circle { stroke: #ffffff; stroke-width: 2px; stroke-dasharray: 650; stroke-dashoffset: 650; -webkit-transition: all 0.75s ease-in-out; opacity: 0.3; } #site-main .banner-nav .nav-arrows .arrow .icon.icon-arrow { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #site-main .banner-nav .nav-arrows .arrow .icon.icon-arrow svg, #site-main .banner-nav .nav-arrows .arrow .icon.icon-arrow path { fill: rgba(255, 255, 255, 0.6); } .site-scroll { display: none; position: absolute; bottom: 0; right: 20px; } @media screen and (min-width: 1200px) { .site-scroll { right: 40px; } } .site-scroll .scroll-line { position: relative; width: 1px; margin-left: auto; margin-right: auto; height: 30px; } @media screen and (min-width: 1200px) { .site-scroll .scroll-line { height: 85px; } } .site-scroll .scroll-line::before, .site-scroll .scroll-line::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .site-scroll .scroll-line::before { z-index: 20; background: #000000; } .site-scroll .scroll-line::after { z-index: 21; background-color: #ffffff; -webkit-animation: vertLine 4s infinite forwards; animation: vertLine 4s infinite forwards; } .has-simplebar { -webkit-overflow-scrolling: touch; } .simplebar-wrapper { margin: 0 !important; } .simplebar-track.simplebar-vertical { right: 15px; bottom: 3px; width: 2px; background-color: rgba(255, 255, 255, 0.4); } .simplebar-track.simplebar-vertical .simplebar-scrollbar { right: 0; width: 100%; background-color: #ffffff; } .simplebar-track.simplebar-vertical .simplebar-scrollbar::before { display: none; } .slider { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .slider__text { position: absolute; bottom: calc(2rem + 3vw); left: calc(2rem + 3vw); z-index: 10; } .slider__text-line { overflow: hidden; } .slider__inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .slider__nav { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } .slider-bullet { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem 0; } .slider-bullet__text { color: #fff; font-size: 0.65rem; margin-right: 1rem; } .slider-bullet__line { background-color: #fff; height: 1px; width: 1rem; } .slider canvas { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .slide { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; } .slide__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .slide__img { position: relative; width: 25vw; height: 70vh; padding: 0; margin: 0; min-width: 12.5rem; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } .slide__img:first-child { top: -1.5rem; } .slide__img:last-child { bottom: -1.5rem; } .slide__img img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; } *:hover, *:active, *:focus { outline: none; -webkit-text-size-adjust: none !important; } html.is-loading { height: 100vh; overflow: hidden; } body { margin: 0 auto; width: 100%; min-width: 320px; height: auto; min-height: 100vh; background-color: #000000; font: 14px/1.5714 "ArialRegular", "Arial", "Vernada", "Tahoma", sans-serif; letter-spacing: .02em; color: #ffffff; -webkit-text-size-adjust: none !important; cursor: url("../img/cursor.png"), auto; } body.is-loading { height: 100vh; overflow: hidden; } body.no-scroll { -ms-touch-action: none; touch-action: none; } body.no-scroll .theme-line { display: none; } body #site-wrapper { width: 100%; min-height: 100vh; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } body #site-wrapper main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } a { text-decoration: none; color: inherit; cursor: pointer; } p, h1, h2, h3 { margin: 0; } img { display: block; max-width: 100%; height: auto; border: 0; outline: none; } button { cursor: pointer; background-color: transparent; padding: 0; border: none; } button:hover, button:active, button:focus { outline: none; } ul, ol, li { margin: 0; padding: 0; list-style-type: none; } input, textarea { padding: 0; outline: none; overflow: auto; } figure { margin: 0; } #site-wrapper .has-line .container { padding-left: 45px; } @media screen and (min-width: 768px) { #site-wrapper .has-line .container { padding-right: 80px; padding-left: 174px; } } @media screen and (min-width: 1200px) { #site-wrapper .has-line .container { padding-left: 196px; } } @media screen and (min-width: 1650px) { #site-wrapper .has-line .container { padding-left: 218px; } } #site-wrapper .container { margin: 0 auto; width: 100%; min-width: 320px; max-width: unset; } .hero { position: relative; } .hero .banner { min-height: 568px; } @media screen and (min-width: 360px) { .hero .banner { min-height: 640px; } } @media screen and (min-width: 1650px) { .hero .banner { min-height: 100vh; } } .inner:not(.has-hero) { padding-top: 56px; } @media screen and (min-width: 768px) { .inner:not(.has-hero) { padding-top: 80px; } } @media screen and (min-width: 1650px) { .inner:not(.has-hero) { padding-top: 110px; } } .inner.has-line .intro .intro-wrap { padding: 40px 38px 40px 20px; } @media screen and (min-width: 768px) { .inner.has-line .intro .intro-wrap { padding: 100px 200px 100px 41px; } } @media screen and (min-width: 1200px) { .inner.has-line .intro .intro-wrap { padding: 30px 80px 30px 41px; } } @media screen and (min-width: 1650px) { .inner.has-line .intro .intro-wrap { padding: 100px 300px 100px 80px; } } .inner:not(.has-line) .intro .intro-wrap { padding: 78px 30px 40px 36px; } @media screen and (min-width: 768px) { .inner:not(.has-line) .intro .intro-wrap { padding: 120px 125px 100px 125px; } } @media screen and (min-width: 1200px) { .inner:not(.has-line) .intro .intro-wrap { padding: 95px 200px 10px 200px; } } @media screen and (min-width: 1650px) { .inner:not(.has-line) .intro .intro-wrap { padding: 130px 370px 95px 370px; } } .inner--about { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 768px) { .inner--about { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .inner--about .theme-title { margin-top: -0.3em; } @media screen and (min-width: 1200px) { .inner--about .theme-title { margin-top: 0; } } @media screen and (min-width: 1200px) { .inner--about .intro .container { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1200px) { .inner--about .intro .container .intro-wrap { padding-top: 0; width: 515px; } } @media screen and (min-width: 1650px) { .inner--about .intro .container .intro-wrap { width: 1015px; } } .inner--about .intro .container .intro-wrap .text-wrap { position: relative; z-index: 999; } .inner--about .intro .container .intro-wrap .btn-wrap { position: relative; z-index: 1000; margin-top: 40px; } @media screen and (min-width: 768px) { .inner--about .intro .container .intro-wrap .btn-wrap { margin-top: 60px; } } .inner--about .intro .container .slider-wrap { display: none; } @media screen and (min-width: 1200px) { .inner--about .intro .container .slider-wrap { position: fixed; top: 0; right: 0; bottom: 0; z-index: 998; display: block; width: 100%; } } .inner--about .intro .container .about-slider, .inner--about .intro .container .slick-list, .inner--about .intro .container .slick-track, .inner--about .intro .container .about-slider__item, .inner--about .intro .container .slide-wrap { height: 100%; } .inner--about .intro .container .slick-list { margin-right: 80px; margin-left: auto; width: 434px; } @media screen and (min-width: 1650px) { .inner--about .intro .container .slick-list { margin-right: 138px; width: 31.77vw; } } @media screen and (min-width: 1920px) { .inner--about .intro .container .slick-list { width: 40vw; } } .inner--about .intro .container .about-slider { opacity: 0; } .inner--about .intro .container .about-slider .slick-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -o-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .inner--about .intro .container .about-slider .slick-slide.slick-current.slick-active img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .inner--about .intro .container .about-nav { position: absolute; top: 50%; right: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 1650px) { .inner--about .intro .container .about-nav { right: 61px; } } .inner--about .intro .container .about-nav .dots .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .inner--about .intro .container .about-nav .dots .slick-dots > * + * { margin: 22px 0 0; } .inner--about .intro .container .about-nav .dots .slick-dots li { position: relative; width: 18px; height: 18px; border: 1px solid transparent; border-radius: 50%; cursor: default; -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } @media screen and (min-width: 1200px) { .inner--about .intro .container .about-nav .dots .slick-dots li { cursor: url("../img/cursor-hovered.png"), auto !important; } } @media screen and (min-width: 1200px) { .inner--about .intro .container .about-nav .dots .slick-dots li:first-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .inner--about .intro .container .about-nav .dots .slick-dots li.slick-active { border-color: #ffffff; -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } .inner--about .intro .container .about-nav .dots .slick-dots li span { position: absolute; top: 50%; left: 50%; display: block; width: 4px; height: 4px; background-color: #ffffff; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .inner--about .intro .container .about-nav .dots .slick-dots li button { text-indent: -9999px; } @media screen and (min-width: 768px) { .inner--projects .intro .intro-wrap { padding-right: 0 !important; } } @media screen and (min-width: 1200px) { .inner--projects .intro .intro-wrap { padding-top: 160px !important; padding-bottom: 80px !important; } } @media screen and (min-width: 1650px) { .inner--projects .intro .intro-wrap { padding-top: 170px !important; padding-bottom: 100px !important; } } @media screen and (min-width: 768px) { .inner--projects .intro .intro-wrap .text-wrap { max-width: 493px; } } @media screen and (min-width: 1650px) { .inner--projects .intro .intro-wrap .text-wrap { max-width: 510px; } } .inner--project .hero .banner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .inner--project .hero .banner .img-wrap { position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; height: 100%; } @media screen and (min-width: 768px) { .inner--project .hero .banner .img-wrap { height: calc(100% - 80px); } } @media screen and (min-width: 1650px) { .inner--project .hero .banner .img-wrap { height: calc(100% - 110px); } } .inner--project .hero .banner .title-wrap { padding: 90px 0 50px 65px; width: 100%; } @media screen and (min-width: 768px) { .inner--project .hero .banner .title-wrap { padding: 60px 30px 70px 215px; } } @media screen and (min-width: 1200px) { .inner--project .hero .banner .title-wrap { padding: 60px 230px 60px 237px; } } @media screen and (min-width: 1650px) { .inner--project .hero .banner .title-wrap { padding: 90px 0 90px 298px; } } .inner--project .hero .banner .title-wrap .description { padding-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 768px) { .inner--project .hero .banner .title-wrap .description { padding-top: 0; } } .inner--project .hero .banner .title-wrap .description__item { margin-top: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 768px) { .inner--project .hero .banner .title-wrap .description__item { margin-top: 45px; } } @media screen and (min-width: 1650px) { .inner--project .hero .banner .title-wrap .description__item { margin-top: 25px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .inner--project .hero .banner .title-wrap .description__item:nth-child(1), .inner--project .hero .banner .title-wrap .description__item:nth-child(3) { width: 100%; } @media screen and (min-width: 768px) { .inner--project .hero .banner .title-wrap .description__item:nth-child(1), .inner--project .hero .banner .title-wrap .description__item:nth-child(3) { width: 57%; } } @media screen and (min-width: 1200px) { .inner--project .hero .banner .title-wrap .description__item:nth-child(1), .inner--project .hero .banner .title-wrap .description__item:nth-child(3) { width: 46%; } } @media screen and (min-width: 1650px) { .inner--project .hero .banner .title-wrap .description__item:nth-child(1), .inner--project .hero .banner .title-wrap .description__item:nth-child(3) { width: 25%; } } .inner--project .hero .banner .title-wrap .description__item:nth-child(2), .inner--project .hero .banner .title-wrap .description__item:nth-child(4) { width: 100%; } @media screen and (min-width: 768px) { .inner--project .hero .banner .title-wrap .description__item:nth-child(2), .inner--project .hero .banner .title-wrap .description__item:nth-child(4) { width: 40%; } } @media screen and (min-width: 1200px) { .inner--project .hero .banner .title-wrap .description__item:nth-child(2), .inner--project .hero .banner .title-wrap .description__item:nth-child(4) { width: 35%; } } @media screen and (min-width: 1650px) { .inner--project .hero .banner .title-wrap .description__item:nth-child(2), .inner--project .hero .banner .title-wrap .description__item:nth-child(4) { width: 25%; } } .inner--project .hero .banner .title-wrap .description .term { width: 56%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 12px; line-height: 14px; letter-spacing: 0.1em; color: #ffffff; } @media screen and (min-width: 768px) { .inner--project .hero .banner .title-wrap .description .term { width: unset; font-size: 14px; line-height: 16px; } } @media screen and (min-width: 1650px) { .inner--project .hero .banner .title-wrap .description .term { margin-right: 40px; } } .inner--project .hero .banner .title-wrap .description .term > * + * { margin: 0 0 0 17px; } .inner--project .hero .banner .title-wrap .description .definition { width: 44%; font-family: "ArialRegular", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 14px; line-height: 14px; color: rgba(255, 255, 255, 0.6); } @media screen and (min-width: 768px) { .inner--project .hero .banner .title-wrap .description .definition { width: 40%; font-size: 16px; line-height: 16px; } } .inner--project .intro.without-title .intro-wrap { padding-top: 0 !important; } .inner--project .intro .intro-wrap { padding-top: 30px !important; padding-bottom: 50px !important; } @media screen and (min-width: 768px) { .inner--project .intro .intro-wrap { padding-top: 35px !important; padding-right: 0 !important; padding-bottom: 70px !important; } } @media screen and (min-width: 1200px) { .inner--project .intro .intro-wrap { padding-bottom: 80px !important; } } @media screen and (min-width: 1650px) { .inner--project .intro .intro-wrap { padding-bottom: 100px !important; } } .inner--project .intro .intro-wrap .title-wrap { margin: 0 auto; } @media screen and (min-width: 1200px) { .inner--project .intro .intro-wrap .title-wrap { max-width: 90%; } } @media screen and (min-width: 1650px) { .inner--project .intro .intro-wrap .title-wrap { max-width: 1200px; } } .inner--project .intro .intro-wrap .title-wrap .subtitle { position: relative; padding-top: 10px; font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 12px; line-height: 17px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.4); } @media screen and (min-width: 768px) { .inner--project .intro .intro-wrap .title-wrap .subtitle { padding-top: 20px; } } .inner--project .intro .intro-wrap .title-wrap .subtitle::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 18px; height: 1px; background-color: rgba(255, 255, 255, 0.4); } .inner--project .intro .intro-wrap .title-wrap .title { margin-top: 15px; margin-bottom: 19px; line-height: 1.2 !important; } @media screen and (min-width: 768px) { .inner--project .intro .intro-wrap .title-wrap .title { margin-bottom: 40px; font-size: 40px; } } @media screen and (min-width: 1200px) { .inner--project .intro .intro-wrap .title-wrap .title { margin-top: 25px; } } @media screen and (min-width: 1650px) { .inner--project .intro .intro-wrap .title-wrap .title { margin-top: 30px; } } .inner--project .intro .intro-wrap .text-wrap { margin: 0 auto; } @media screen and (min-width: 1200px) { .inner--project .intro .intro-wrap .text-wrap { max-width: 90%; } } @media screen and (min-width: 1650px) { .inner--project .intro .intro-wrap .text-wrap { max-width: 1200px; } } @media screen and (min-width: 1200px) { .inner--project .intro .intro-wrap .text-wrap .texts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 1200px) { .inner--project .intro .intro-wrap .text-wrap .texts .text { width: 100%; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 100px; column-gap: 100px; } } .inner--project .intro .intro-wrap .text-wrap .texts .text .word { opacity: 0; } .inner--project .project { margin-bottom: 30px; } @media screen and (min-width: 1650px) { .inner--project .project { margin-bottom: 50px; } } .inner--project .projects { padding-bottom: 0; } .inner--project .projects .projects-wrap { padding-top: 0; } .inner--project .projects .projects-wrap .projects-list__item { margin-top: 0; } .inner--project .bottom .bottom-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 40px 0 40px 20px; } @media screen and (min-width: 768px) { .inner--project .bottom .bottom-wrap { padding: 100px 0 100px 41px; } } @media screen and (min-width: 1200px) { .inner--project .bottom .bottom-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 0 30px 41px; } } @media screen and (min-width: 1650px) { .inner--project .bottom .bottom-wrap { padding: 100px 0 100px 80px; } } .inner--project .bottom .bottom-wrap.show-form .has-contacts { opacity: 0; visibility: hidden; display: none; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } @media screen and (min-width: 1200px) { .inner--project .bottom .bottom-wrap.show-form .has-contacts { opacity: 1; visibility: visible; display: block; } } .inner--project .bottom .bottom-wrap.show-form .callback-wrap { opacity: 1; visibility: visible; display: block; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .inner--project .bottom .btn-wrap { margin: 0 auto; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .inner--project .bottom .btn-wrap .contacts-innerlink { padding-right: 50px; position: relative; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; font-family: "ArialBlack", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 20px; letter-spacing: .02em; color: #ffffff; } @media screen and (min-width: 768px) { .inner--project .bottom .btn-wrap .contacts-innerlink { padding-right: 110px; font-size: 40px; } } @media screen and (min-width: 1200px) { .inner--project .bottom .btn-wrap .contacts-innerlink { margin: 0 auto; } } .inner--project .bottom .btn-wrap .contacts-innerlink .icon-smallarrow { position: absolute; top: 50%; right: 0; -webkit-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .inner--project .bottom .callback-wrap { padding-right: 40px; padding-bottom: 20px; position: relative; width: 100%; max-width: 400px; opacity: 0; visibility: hidden; display: none; overflow: hidden; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } @media screen and (min-width: 1200px) { .inner--project .bottom .callback-wrap { margin-left: auto; margin-right: 170px; width: 380px; } } @media screen and (min-width: 1650px) { .inner--project .bottom .callback-wrap { margin-right: 320px; } } .inner--project .bottom .callback-wrap .preview-callback { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #ffffff; } .inner--project .bottom .callback-wrap .bg-callback { position: absolute; top: 0; left: -50%; z-index: 1; width: 200%; height: 100%; background-color: #000000; } .inner--project .bottom .callback-wrap .title { margin: 0; padding: 0 0 45px; font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 14px; line-height: 19px; text-transform: uppercase; text-align: right; color: #ffffff; } @media screen and (min-width: 1200px) { .inner--project .bottom .callback-wrap .title { padding-top: 10px; } } .inner--project .bottom .callback-wrap .theme-form input { width: 100%; text-align: right; } .inner--project .bottom .callback-wrap .theme-form label { left: auto; right: 0; } .inner--project .bottom .callback-wrap .theme-form .btn-wrap { padding-bottom: 0; } .inner--project .bottom .callback-wrap .theme-form .btn-wrap .theme-innerlink { margin-left: auto; } .inner--project .innerpage-nav { padding: 30px 0; background-color: #000; } @media screen and (min-width: 768px) { .inner--project .innerpage-nav { padding: 40px 0; } } @media screen and (min-width: 1200px) { .inner--project .innerpage-nav { padding: 70px 40px; } } @media screen and (min-width: 1650px) { .inner--project .innerpage-nav { padding: 50px 60px 30px; } } .inner--project .innerpage-nav .innerpagenav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .inner--project .innerpage-nav .innerpagenav-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .inner--project .innerpage-nav .innerpagenav-list__item.has-modal { margin-bottom: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 768px) { .inner--project .innerpage-nav .innerpagenav-list__item.has-modal { margin-bottom: 30px; } } @media screen and (min-width: 1200px) { .inner--project .innerpage-nav .innerpagenav-list__item.has-modal { margin-bottom: 50px; } } @media screen and (min-width: 1650px) { .inner--project .innerpage-nav .innerpagenav-list__item.has-modal { margin-bottom: 0; -ms-flex-preferred-size: 29.33%; flex-basis: 29.33%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .inner--project .innerpage-nav .innerpagenav-list__item.has-prev, .inner--project .innerpage-nav .innerpagenav-list__item.has-next { -ms-flex-preferred-size: 50%; flex-basis: 50%; } @media screen and (min-width: 1650px) { .inner--project .innerpage-nav .innerpagenav-list__item.has-prev, .inner--project .innerpage-nav .innerpagenav-list__item.has-next { -ms-flex-preferred-size: 35.33%; flex-basis: 35.33%; } } .inner--project .innerpage-nav .innerpagenav-list__item.has-prev .innerpagenav-list__link, .inner--project .innerpage-nav .innerpagenav-list__item.has-next .innerpagenav-list__link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .inner--project .innerpage-nav .innerpagenav-list__item.has-prev .name, .inner--project .innerpage-nav .innerpagenav-list__item.has-next .name { font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; } @media screen and (min-width: 768px) { .inner--project .innerpage-nav .innerpagenav-list__item.has-prev .name, .inner--project .innerpage-nav .innerpagenav-list__item.has-next .name { font-size: 18px; } } @media screen and (min-width: 1200px) { .inner--project .innerpage-nav .innerpagenav-list__item.has-prev .name, .inner--project .innerpage-nav .innerpagenav-list__item.has-next .name { font-size: 24px; } } .inner--project .innerpage-nav .innerpagenav-list__item.has-prev { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media screen and (min-width: 1650px) { .inner--project .innerpage-nav .innerpagenav-list__item.has-prev { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media screen and (min-width: 768px) { .inner--project .innerpage-nav .innerpagenav-list__item.has-prev .innerpagenav-list__link .name { padding-left: 50px; } } .inner--project .innerpage-nav .innerpagenav-list__item.has-next { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media screen and (min-width: 768px) { .inner--project .innerpage-nav .innerpagenav-list__item.has-next .innerpagenav-list__link .icon { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 768px) { .inner--project .innerpage-nav .innerpagenav-list__item.has-next .innerpagenav-list__link .name { padding-right: 50px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .inner--project .innerpage-nav .innerpagenav-list__link { opacity: .4; -webkit-transition: opacity 0.25s ease-out 0s; -o-transition: opacity 0.25s ease-out 0s; transition: opacity 0.25s ease-out 0s; } .inner--project .innerpage-nav .innerpagenav-list__link:hover { opacity: 1; -webkit-transition: opacity 0.25s ease-out 0s; -o-transition: opacity 0.25s ease-out 0s; transition: opacity 0.25s ease-out 0s; } #site-header { position: fixed; top: 0; z-index: 9996; width: 100%; color: #ffffff; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } @media screen and (min-width: 768px) { #site-header { height: 135px !important; } } @media screen and (min-width: 1650px) { #site-header { height: 170px !important; } } #site-header.is-hided { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } #site-header.has-bg .header-wrap { background-color: rgba(0, 0, 0, 0.4); } #site-header.is-transparent .header-wrap { background-color: transparent; } @media screen and (min-width: 1200px) { #site-header .mob-vis { display: none; } } #site-header .tab-vis { display: none; } @media screen and (min-width: 1200px) { #site-header .tab-vis { display: block; } } #site-header .header-wrap { position: relative; z-index: 14; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; height: 56px; } @media screen and (min-width: 768px) { #site-header .header-wrap { padding: 0 43px 0 174px; height: 80px; } } @media screen and (min-width: 1200px) { #site-header .header-wrap { padding: 0 0 0 196px; } } @media screen and (min-width: 1650px) { #site-header .header-wrap { padding: 0 0 0 218px; height: 110px; } } #site-header .nav.tab-vis { width: 100%; } #site-header .nav.tab-vis .menu { padding: 0 10px 0 20px; } @media screen and (min-width: 1650px) { #site-header .nav.tab-vis .menu { padding: 0 25px 0 45px; } } #site-header .nav.tab-vis .menu .menu-list { display: -webkit-box; display: -ms-flexbox; display: flex; } #site-header .nav.tab-vis .menu .menu-list__item.lang { margin-left: auto; } #site-header .nav.tab-vis .menu .menu-list__item.has-submenu { position: relative; overflow: hidden; } #site-header .nav.tab-vis .menu .menu-list__item.has-submenu.is-active { overflow: unset; } #site-header .nav.tab-vis .menu .menu-list__item.has-submenu.is-active .menu-list__link .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform .15s ease-in-out; transition: -webkit-transform .15s ease-in-out; -o-transition: transform .15s ease-in-out; transition: transform .15s ease-in-out; transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out; } #site-header .nav.tab-vis .menu .menu-list__item.has-submenu .menu-list__link { -webkit-transition: opacity .35s ease; -o-transition: opacity .35s ease; transition: opacity .35s ease; } #site-header .nav.tab-vis .menu .menu-list__item.has-submenu .menu-list__link.is-active { opacity: 1; -webkit-transition: opacity .35s ease; -o-transition: opacity .35s ease; transition: opacity .35s ease; } #site-header .nav.tab-vis .menu .menu-list__item.has-submenu .menu-list__link .icon { margin-left: 7px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform .15s ease-in-out; transition: -webkit-transform .15s ease-in-out; -o-transition: transform .15s ease-in-out; transition: transform .15s ease-in-out; transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out; } #site-header .nav.tab-vis .menu .menu-list__item.has-submenu .menu-list__link .icon svg path { stroke: rgba(255, 255, 255, 0.6); } #site-header .nav.tab-vis .menu .menu-list__link { position: relative; padding: 10px 0; font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; opacity: .6; } @media screen and (min-width: 768px) { #site-header .nav.tab-vis .menu .menu-list__link { padding: 20px 20px; } } @media screen and (min-width: 1650px) { #site-header .nav.tab-vis .menu .menu-list__link { padding: 20px 35px; } } #site-header .nav.tab-vis .menu .menu-list__link.is-active, #site-header .nav.tab-vis .menu .menu-list__link.active-link { opacity: 1; } #site-header .nav.tab-vis .menu .menu-list__link.active-link { pointer-events: none; } #site-header .nav.tab-vis .menu .menu-list .submenu { position: absolute; left: 0; top: calc(100% - 20px); z-index: -1; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; visibility: hidden; overflow: hidden; -webkit-transition: all 0.35s ease-out 0.35s; -o-transition: all 0.35s ease-out 0.35s; transition: all 0.35s ease-out 0.35s; } #site-header .nav.tab-vis .menu .menu-list .submenu.is-visible { z-index: 9995; opacity: 1; visibility: visible; -webkit-transition: all 0.35s ease-out 0s; -o-transition: all 0.35s ease-out 0s; transition: all 0.35s ease-out 0s; } #site-header .nav.tab-vis .menu .menu-list .submenu.is-visible .submenu-list::before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } #site-header .nav.tab-vis .menu .menu-list .submenu .submenu-bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(5.8%, rgba(0, 0, 0, 0.05)), color-stop(55.84%, black)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 5.8%, black 55.84%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.05) 5.8%, black 55.84%); background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 5.8%, black 55.84%); } #site-header .nav.tab-vis .menu .menu-list .submenu .submenu-list { padding: 15px 15px 18px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #site-header .nav.tab-vis .menu .menu-list .submenu .submenu-list::before { content: ""; display: block; position: absolute; top: 13px; left: 0; width: 1px; height: calc(100% - 13px); background-color: rgba(255, 255, 255, 0.23); -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } #site-header .nav.tab-vis .menu .menu-list .submenu .submenu-list__link { padding: 10px; } #site-header .nav.tab-vis .menu .menu-list .submenu #magic-line { position: absolute; top: 25px; left: 0; width: 1px; height: 21px; background-color: #ffffff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #site-header .nav.tab-vis .menu .menu-list .submenu .tabs-content { position: relative; display: grid; } #site-header .nav.tab-vis .menu .menu-list .submenu .tabs-content::before { content: ""; display: block; position: absolute; top: 13px; left: 0; width: 1px; height: calc(100% - 13px); background-color: rgba(255, 255, 255, 0.23); } #site-header .nav.tab-vis .menu .menu-list .submenu .tabs-content__item { grid-column: 1/2; grid-row: 1/2; position: relative; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #site-header .nav.tab-vis .menu .menu-list .submenu .tabs-content__item.is-visible { z-index: 1; opacity: 1; visibility: visible; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #site-header .nav.tab-vis .menu .menu-list .submenu .tabs-content .content-wrap { padding: 15px 25px 18px 18px; } #site-header .nav.tab-vis .menu .menu-list .submenu .tabs-content .innersubmenu-list__link { padding: 10px; } #site-header .nav.tab-vis .menu .lang-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .is-white #site-header { color: #000000; } .is-white #site-header.has-bg .header-wrap { background-color: rgba(255, 255, 255, 0.4); } .desktop #site-header .submenu-link { pointer-events: none; } #site-footer { position: relative; z-index: 1000; } #site-footer .footer-wrap { padding: 18px 20px 18px 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media screen and (min-width: 768px) { #site-footer .footer-wrap { padding: 27px 20px 44px 214px; font-size: 14px; } } @media screen and (min-width: 1200px) { #site-footer .footer-wrap { padding: 27px 15px 44px 236px; } } @media screen and (min-width: 1650px) { #site-footer .footer-wrap { padding: 31px 41px 64px 298px; } } #site-footer .footer-wrap .text { font-size: 10px; line-height: 11px; letter-spacing: .06em; opacity: .42; } @media screen and (min-width: 768px) { #site-footer .footer-wrap .text { font-size: 14px; line-height: 1; } } @media screen and (min-width: 768px) { #site-footer .footer-wrap .copy .copy-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } #site-footer .footer-wrap .copy .text { margin-top: 2px; display: block; } @media screen and (min-width: 768px) { #site-footer .footer-wrap .copy .text { margin-top: 0; display: inline-block; } } #site-footer .footer-wrap .dev .dev-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #site-footer .footer-wrap .dev .text { margin-bottom: 4px; } @media screen and (min-width: 768px) { #site-footer .footer-wrap .dev .text { margin-bottom: 8px; } } #site-footer .footer-wrap .dev svg { height: 12px; } @media screen and (min-width: 768px) { #site-footer .footer-wrap .dev svg { height: 16px; } } .is-white #site-footer { color: #000000; } .footer.no-anim .has-animation { opacity: 1; visibility: visible; } #preloader { background: #000000; height: 100%; width: 100%; position: fixed; z-index: 10000; margin-top: 0; top: 0; } #preloader #preloader-center { width: 100%; height: 100%; position: relative; } #preloader .preloader-wrapper { height: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; overflow: hidden; } #preloader .preload-logo { width: 200px; opacity: 0; visibility: hidden; } @media screen and (min-width: 1200px) { #preloader .preload-logo { width: 300px; } } #preloader .preload-logo svg { width: 100%; } #site-header .nav.tab-vis .menu-list__item.lang { position: relative; } #site-header .nav.tab-vis .menu-list__item.lang.is-hidden { display: none; } #site-header .nav.tab-vis .lang-list { opacity: 0; visibility: hidden; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: calc(100% + 30px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #site-header .nav.tab-vis .lang-list.is-visible { opacity: 1; visibility: visible; } #site-header .nav.tab-vis .lang-list__link { display: block; padding: 3px 0; font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; opacity: .6; } #site-header .nav.tab-vis .lang-list__link.is-active { opacity: 1; } .logo { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); max-height: 100vh; text-align: right; } @media screen and (min-width: 768px) { .logo { padding: 0; -ms-writing-mode: unset; -webkit-writing-mode: unset; writing-mode: unset; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } } .logo__link { display: block; padding: 0 23px; width: 117px; height: 32px; -webkit-transition: opacity 0.25s ease-out 0s; -o-transition: opacity 0.25s ease-out 0s; transition: opacity 0.25s ease-out 0s; } @media screen and (min-width: 768px) { .logo__link { padding: 0 30px; width: 100%; height: auto; } } @media screen and (min-width: 1200px) { .logo__link { padding: 0 35px; } } @media screen and (min-width: 1650px) { .logo__link { padding: 0 38px; } } .logo__link svg { width: 100%; } @supports ((-webkit-writing-mode: vertical-rl) or (writing-mode: vertical-rl)) or (-webkit-writing-mode: vertical-rl) { .logo__link { -webkit-transform: rotate(90deg) translateX(-37px); -ms-transform: rotate(90deg) translateX(-37px); transform: rotate(90deg) translateX(-37px); } @media screen and (min-width: 768px) { .logo__link { -webkit-transform: rotate(0) translateX(0); -ms-transform: rotate(0) translateX(0); transform: rotate(0) translateX(0); } } } .burger { margin-left: auto; } .burger .btn--burger.is-active .line-wrap::before, .burger .btn--burger.is-active .line-wrap::after { -webkit-transition: -webkit-transform 0.45s ease-out 0s; transition: -webkit-transform 0.45s ease-out 0s; -o-transition: transform 0.45s ease-out 0s; transition: transform 0.45s ease-out 0s; transition: transform 0.45s ease-out 0s, -webkit-transform 0.45s ease-out 0s; } .burger .btn--burger.is-active .line-wrap::before { -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } .burger .btn--burger.is-active .line-wrap::after { -webkit-transform: rotate(-45deg) scale(1); -ms-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); } .burger .btn--burger.is-active .line { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } .burger .btn--burger.is-active .line-1 { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .burger .btn--burger.is-active .line-2 { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .burger .btn--burger.is-active .line-3 { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .burger .btn--burger .line-wrap { position: relative; width: 18px; height: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 768px) { .burger .btn--burger .line-wrap { width: 24px; height: 20px; } } .burger .btn--burger .line-wrap::before, .burger .btn--burger .line-wrap::after { content: ""; display: block; position: absolute; top: 6px; left: 0; width: 18px; height: 2px; background-color: #ffffff; -webkit-transition: -webkit-transform 0.45s ease-out 0s; transition: -webkit-transform 0.45s ease-out 0s; -o-transition: transform 0.45s ease-out 0s; transition: transform 0.45s ease-out 0s; transition: transform 0.45s ease-out 0s, -webkit-transform 0.45s ease-out 0s; } @media screen and (min-width: 768px) { .burger .btn--burger .line-wrap::before, .burger .btn--burger .line-wrap::after { top: 9px; width: 24px; } } .burger .btn--burger .line-wrap::before { -webkit-transform: rotate(45deg) scale(0); -ms-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } .burger .btn--burger .line-wrap::after { -webkit-transform: rotate(-45deg) scale(0); -ms-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); } .burger .btn--burger .line { width: 100%; height: 1px; display: block; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background-color: #ffffff; -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } .test-main .hero__banner { position: relative; } .test-main .hero__banner .slick-list.draggable { padding: 0 !important; } .test-main .hero__banner .banner { position: relative; } .test-main .hero__banner .banner .banner-slider__item { width: 100vw; } .test-main .hero__banner .banner .banner-slider__item .tint { background-color: rgba(0, 0, 0, 0.65); } .test-main .hero__banner .banner .banner-slider__item .slide-wrap { position: relative; } .test-main .hero__banner .banner .banner-slider__item .slide-title { position: absolute; left: 0; bottom: 90px; z-index: 15; } @media screen and (min-width: 768px) { .test-main .hero__banner .banner .banner-slider__item .slide-title { bottom: 190px; } } @media screen and (min-width: 1650px) { .test-main .hero__banner .banner .banner-slider__item .slide-title { bottom: 160px; } } .test-main .hero__banner .banner .banner-slider__item .slide-title .theme-line { top: 0; } .test-main .hero__banner .banner .banner-slider__item .slide-title .title-wrap { padding: 0 0 0 20px; } @media screen and (min-width: 768px) { .test-main .hero__banner .banner .banner-slider__item .slide-title .title-wrap { padding: 0 0 0 41px; } } @media screen and (min-width: 1650px) { .test-main .hero__banner .banner .banner-slider__item .slide-title .title-wrap { padding: 0 0 0 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 15px; line-height: 1.2; } } .test-main .hero__banner .banner .banner-slider__item .slide-title .text { display: none; max-width: 580px; font-size: 16px; line-height: 23px; opacity: .6; } @media screen and (min-width: 768px) { .test-main .hero__banner .banner .banner-slider__item .slide-title .text { display: block; } } @media screen and (min-width: 1650px) { .test-main .hero__banner .banner .banner-slider__item .slide-title .text { max-width: 630px; line-height: 28px; } } .test-main .hero__banner .banner .banner-slider__item .slide-title .project-link { margin-top: 40px; opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } @media screen and (min-width: 768px) { .test-main .hero__banner .banner .banner-slider__item .slide-title .project-link { margin-top: 60px; } } @media screen and (min-width: 1650px) { .test-main .hero__banner .banner .banner-slider__item .slide-title .project-link { margin-top: 70px; } } .test-main .hero__banner .banner .banner-nav { position: absolute; bottom: 19px; left: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 768px) { .test-main .hero__banner .banner .banner-nav { left: 214px; right: 32px; bottom: 25px; } } @media screen and (min-width: 1200px) { .test-main .hero__banner .banner .banner-nav { left: 236px; } } @media screen and (min-width: 1650px) { .test-main .hero__banner .banner .banner-nav { left: 298px; bottom: 48px; } } .test-main .hero__banner .banner .banner-nav .nav-dots .slick-dots { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 1200px) { .test-main .hero__banner .banner .banner-nav .nav-dots .slick-dots { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .test-main .hero__banner .banner .banner-nav .nav-dots .slick-dots > * + * { margin: 0 0 0 22px; } .test-main .hero__banner .banner .banner-nav .nav-dots .slick-dots li { position: relative; width: 18px; height: 100%; border: 1px solid transparent; border-radius: 50%; -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } @media screen and (min-width: 1200px) { .test-main .hero__banner .banner .banner-nav .nav-dots .slick-dots li { cursor: url("../img/cursor-hovered.png"), auto !important; } } @media screen and (min-width: 1200px) { .test-main .hero__banner .banner .banner-nav .nav-dots .slick-dots li:first-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .test-main .hero__banner .banner .banner-nav .nav-dots .slick-dots li.slick-active { border-color: #ffffff; -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } .test-main .hero__banner .banner .banner-nav .nav-dots .slick-dots span { position: absolute; top: 50%; left: 50%; display: block; width: 4px; height: 4px; background-color: #ffffff; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .test-main .hero__banner .banner .banner-nav .nav-dots .slick-dots button { text-indent: -9999px; } .test-main .hero__banner .banner .banner-nav .nav-arrows { display: none; } @media screen and (min-width: 768px) { .test-main .hero__banner .banner .banner-nav .nav-arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 105px; height: 40px; } } @media screen and (min-width: 768px) and (min-width: 768px) { .test-main .hero__banner .banner .banner-nav .nav-arrows { width: 115px; height: 50px; } } .test-main .hero__banner .banner .banner-nav .nav-arrows .prev, .test-main .hero__banner .banner .banner-nav .nav-arrows .next { width: 40px; height: 40px; } @media screen and (min-width: 768px) { .test-main .hero__banner .banner .banner-nav .nav-arrows .prev, .test-main .hero__banner .banner .banner-nav .nav-arrows .next { width: 50px; height: 50px; } } .test-main .hero__banner .banner .banner-nav .nav-arrows .arrow { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; } @media screen and (min-width: 768px) { .test-main .hero__banner .banner .banner-nav .nav-arrows .arrow { width: 50px; height: 50px; } } .test-main .hero__banner .banner .banner-nav .nav-arrows .arrow:hover .icon.icon-circle .circle { stroke-dashoffset: 0; opacity: 1; } .test-main .hero__banner .banner .banner-nav .nav-arrows .arrow:hover .icon.icon-arrow svg, .test-main .hero__banner .banner .banner-nav .nav-arrows .arrow:hover .icon.icon-arrow path { fill: #ffffff; } .test-main .hero__banner .banner .banner-nav .nav-arrows .arrow .icon { position: absolute; top: 50%; left: 50%; } .test-main .hero__banner .banner .banner-nav .nav-arrows .arrow .icon.icon-circle { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } .test-main .hero__banner .banner .banner-nav .nav-arrows .arrow .icon.icon-circle .circle { stroke: #ffffff; stroke-width: 2px; stroke-dasharray: 650; stroke-dashoffset: 650; -webkit-transition: all 0.75s ease-in-out; opacity: 0.3; } .test-main .hero__banner .banner .banner-nav .nav-arrows .arrow .icon.icon-arrow { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .test-main .hero__banner .banner .banner-nav .nav-arrows .arrow .icon.icon-arrow svg, .test-main .hero__banner .banner .banner-nav .nav-arrows .arrow .icon.icon-arrow path { fill: rgba(255, 255, 255, 0.6); } @-webkit-keyframes PulseCursor { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes PulseCursor { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @-webkit-keyframes sideSlide { 60% { -webkit-transform: translate(20px, 0) scale(1); transform: translate(20px, 0) scale(1); color: #ffffff; } 80% { -webkit-transform: translate(20px, 0) scale(1); transform: translate(20px, 0) scale(1); color: #ffffff; } 99% { -webkit-transform: translate(0) scale(1.2); transform: translate(0) scale(1.2); color: #ffffff; } 100% { -webkit-transform: translate(0) scale(1); transform: translate(0) scale(1); opacity: 1; color: #ffffff; } } @keyframes sideSlide { 60% { -webkit-transform: translate(20px, 0) scale(1); transform: translate(20px, 0) scale(1); color: #ffffff; } 80% { -webkit-transform: translate(20px, 0) scale(1); transform: translate(20px, 0) scale(1); color: #ffffff; } 99% { -webkit-transform: translate(0) scale(1.2); transform: translate(0) scale(1.2); color: #ffffff; } 100% { -webkit-transform: translate(0) scale(1); transform: translate(0) scale(1); opacity: 1; color: #ffffff; } } @-webkit-keyframes vertLine { 0% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0; } 10% { -webkit-transform: scale(1, 0.5); transform: scale(1, 0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } 50% { -webkit-transform: scale(1, 0.5); transform: scale(1, 0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } 70% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } 90% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } 100% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } } @keyframes vertLine { 0% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0; } 10% { -webkit-transform: scale(1, 0.5); transform: scale(1, 0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } 50% { -webkit-transform: scale(1, 0.5); transform: scale(1, 0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; } 70% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } 90% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } 100% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } } .img-wrap, .video-wrap { position: relative; overflow: hidden; display: block; } .img-wrap .img, .img-wrap .video, .video-wrap .img, .video-wrap .video { height: 101%; width: 101%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; } .mobnav { padding-top: 56px; position: fixed; top: 0; right: 0; z-index: -1; width: 100%; background-size: cover; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } @media screen and (min-width: 768px) { .mobnav { padding-top: 100px; padding-bottom: 25px; width: calc(100% - 174px); } } .mobnav.is-visible { z-index: 9995; opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .mobnav .menu-list__link.is-hidden, .mobnav .contact-link.is-hidden, .mobnav .lang.is-hidden, .mobnav .submenu-list__link.is-hidden { display: none; } .mobnav .mobnav-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background-color: #000000; } @media screen and (min-width: 768px) { .mobnav .mobnav-bg { left: 174px; } } .mobnav .nav, .mobnav .menu { height: 100%; } .mobnav .menu { padding: 0 0 0 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .mobnav .menu-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .mobnav .menu-list__item { overflow: hidden; } .mobnav .menu-list__item.has-submenu { width: 100%; } .mobnav .menu-list__link { display: block; padding: 17px 0; height: 100%; font-family: "ArialBlack", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 20px; } @media screen and (min-width: 768px) { .mobnav .menu-list__link { font-size: 30px; } } .mobnav .menu-list__link.is-active { opacity: 1; } .mobnav .mobnav-link { color: rgba(255, 255, 255, 0.4); } .mobnav .mobnav-link .icon-smallarrow svg, .mobnav .mobnav-link .icon-smallarrow path { fill: rgba(255, 255, 255, 0.4); } .mobnav .contact-link { margin: 30px 0; position: relative; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media screen and (min-width: 768px) { .mobnav .contact-link { margin: 70px 0; } } @media screen and (min-width: 1200px) { .mobnav .contact-link { margin: 0 auto; } } .mobnav .contact-link:hover::after { width: 100%; -webkit-transition: width .35s linear; -o-transition: width .35s linear; transition: width .35s linear; } .mobnav .contact-link:hover .name::before, .mobnav .contact-link:hover .name::after { height: 100%; -webkit-transition: height .35s linear; -o-transition: height .35s linear; transition: height .35s linear; } .mobnav .contact-link::before, .mobnav .contact-link::after { content: ""; display: block; position: absolute; left: 0; height: 1px; background-color: #ffffff; } .mobnav .contact-link::before { top: 0; width: 100%; } .mobnav .contact-link::after { bottom: 0; width: 35.29px; -webkit-transition: width .35s linear; -o-transition: width .35s linear; transition: width .35s linear; } .mobnav .contact-link .name { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 212.96px; height: 44px; font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 16px; line-height: 18px; letter-spacing: -.005em; text-transform: uppercase; } @media screen and (min-width: 1200px) { .mobnav .contact-link .name { width: 256.62px; } } .mobnav .contact-link .name::before, .mobnav .contact-link .name::after { content: ""; display: block; position: absolute; width: 1px; background-color: #ffffff; -webkit-transition: height .35s linear; -o-transition: height .35s linear; transition: height .35s linear; } .mobnav .contact-link .name::before { bottom: 0; left: 0; height: 8.18px; } .mobnav .contact-link .name::after { top: 0; right: 0; height: 25.18px; } .mobnav .submenu-list__item, .mobnav .innersubmenu-list__item { overflow: hidden; } .mobnav .submenu-list__link, .mobnav .innersubmenu-list__link { display: block; padding: 17px 0; height: 100%; font-family: "ArialBlack", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 20px; } @media screen and (min-width: 768px) { .mobnav .submenu-list__link, .mobnav .innersubmenu-list__link { font-size: 30px; } } .mobnav .submenu-list__link.is-active, .mobnav .innersubmenu-list__link.is-active { opacity: 1; } .mobnav .submenu-link, .mobnav .innersubmenu-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobnav .submenu-link.is-active, .mobnav .innersubmenu-link.is-active { color: #797979; } .mobnav .submenu-link.is-active .icon svg, .mobnav .innersubmenu-link.is-active .icon svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform .35s ease; transition: -webkit-transform .35s ease; -o-transition: transform .35s ease; transition: transform .35s ease; transition: transform .35s ease, -webkit-transform .35s ease; } .mobnav .submenu-link.is-active .icon svg path, .mobnav .innersubmenu-link.is-active .icon svg path { stroke: #595959; } .mobnav .submenu-link .icon, .mobnav .innersubmenu-link .icon { margin-left: 25px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 20px; } @media screen and (min-width: 768px) { .mobnav .submenu-link .icon, .mobnav .innersubmenu-link .icon { margin-left: 57px; width: 32px; height: 32px; } } .mobnav .submenu-link .icon svg, .mobnav .innersubmenu-link .icon svg { width: 100%; height: 100%; -webkit-transition: -webkit-transform .35s ease; transition: -webkit-transform .35s ease; -o-transition: transform .35s ease; transition: transform .35s ease; transition: transform .35s ease, -webkit-transform .35s ease; } .mobnav .submenu, .mobnav .innersubmenu { display: none; } .mobnav .submenu.is-visible, .mobnav .innersubmenu.is-visible { display: block; } .mobnav .innersubmenu { padding-right: 20px; } .mobnav .innersubmenu-wrap { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-height: calc(100vh - 190px); overflow-y: scroll; } @media screen and (min-width: 768px) { .mobnav .innersubmenu-wrap { max-height: calc(100vh - 250px); } } .mobnav .innersubmenu-wrap .simplebar-track.simplebar-vertical { right: 0; } .mobnav .lang { margin-top: auto; } .mobnav .lang .lang-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .mobnav .lang .lang-list form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .mobnav .lang .lang-list .lang-list__item:first-child .lang-list__link { padding-left: 0; } .mobnav .lang .lang-list .lang-list__link { display: block; padding: 20px 18px 15px; opacity: .3; } .mobnav .lang .lang-list .lang-list__link.is-active { opacity: .7; } .mobile.landscape .mobnav .menu-list__link { padding: 0; } .mobile.landscape .mobnav .lang { margin-top: 0; } .socials { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); max-height: 100vh; padding: 5px 0; text-align: right; } @media screen and (min-width: 768px) { .socials { display: block; padding: 0 7px; -ms-writing-mode: unset; -webkit-writing-mode: unset; writing-mode: unset; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } } @media screen and (min-width: 1200px) { .socials { padding: 0 18px; } } @media screen and (min-width: 1650px) { .socials { padding: 0 29px; } } .socials .socials-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .socials .socials-list__item:first-child .socials-list__link::after { display: none; } @media screen and (min-width: 768px) { .socials .socials-list__item:first-child .socials-list__link::after { display: block; } } @media screen and (min-width: 768px) { .socials .socials-list__item:last-child .socials-list__link::after { display: none; } } .socials .socials-list__link { padding: 15px 0; position: relative; opacity: .5; } @media screen and (min-width: 768px) { .socials .socials-list__link { padding: 0 15px; } } .socials .socials-list__link::after { content: ""; display: block; position: absolute; top: 0; left: 4px; width: 2px; height: 2px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); } @media screen and (min-width: 768px) { .socials .socials-list__link::after { right: 0; left: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @supports ((-webkit-writing-mode: vertical-rl) or (writing-mode: vertical-rl)) or (-webkit-writing-mode: vertical-rl) { .socials { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media screen and (min-width: 768px) { .socials { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } } } .theme-preview { position: fixed; top: 0; left: 0; z-index: 9998; width: 100%; background-color: #ffffff; } .theme-stripe { position: absolute; width: 1px; height: 100%; top: 0; left: 45px; background-color: rgba(255, 255, 255, 0.2); z-index: 9996; } @media screen and (min-width: 768px) { .theme-stripe { left: 174px; } } @media screen and (min-width: 1200px) { .theme-stripe { left: 196px; } } @media screen and (min-width: 1650px) { .theme-stripe { left: 218px; } } .theme-stripe.has-zindex { z-index: -1; } .theme-line { position: absolute; width: 1px; left: 45px; z-index: 1000; background-color: #ffffff; opacity: 0; } @media screen and (min-width: 768px) { .theme-line { left: 174px; } } @media screen and (min-width: 1200px) { .theme-line { left: 196px; } } @media screen and (min-width: 1650px) { .theme-line { left: 218px; } } .theme-title { margin-top: -0.1em; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 15px; font-family: "ArialBlack", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 30px; line-height: 1 !important; } @media screen and (min-width: 768px) { .theme-title { font-size: 52px; } } @media screen and (min-width: 1650px) { .theme-title { margin-bottom: 50px; font-size: 82px; } } .theme-title.flexed { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .theme-title.flexed .word-wrap { margin-right: 10px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (min-width: 768px) { .theme-title.flexed .word-wrap { margin-right: 20px; } } @media screen and (min-width: 1650px) { .theme-title.flexed .word-wrap { margin-right: 30px; } } .theme-innerlink { position: relative; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 20px; font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; color: #ffffff; max-width: 280px; } @media screen and (min-width: 768px) { .theme-innerlink { max-width: unset; } } .theme-innerlink.theme-innerlink--right { padding-right: 50px; } @media screen and (min-width: 1200px) { .theme-innerlink.theme-innerlink--right:hover::before { opacity: 1; -webkit-transition: all 0.5s cubic-bezier(0.555, 0.11, 0.985, 0.025); -o-transition: all 0.5s cubic-bezier(0.555, 0.11, 0.985, 0.025); transition: all 0.5s cubic-bezier(0.555, 0.11, 0.985, 0.025); } .theme-innerlink.theme-innerlink--right:hover .name { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .theme-innerlink.theme-innerlink--right:hover .icon-smallarrow { -webkit-transform: translateX(14px) translateY(-50%) !important; -ms-transform: translateX(14px) translateY(-50%) !important; transform: translateX(14px) translateY(-50%) !important; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } } .theme-innerlink.theme-innerlink--right::before { content: ""; display: block; position: absolute; top: 50%; right: -29px; width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s cubic-bezier(0.555, 0.11, 0.985, 0.025); -o-transition: all 0.2s cubic-bezier(0.555, 0.11, 0.985, 0.025); transition: all 0.2s cubic-bezier(0.555, 0.11, 0.985, 0.025); } .theme-innerlink.theme-innerlink--right .icon-smallarrow { right: 0; } .theme-innerlink.theme-innerlink--left { padding-left: 50px; } @media screen and (min-width: 1200px) { .theme-innerlink.theme-innerlink--left:hover::before { opacity: 1; -webkit-transition: all 0.5s cubic-bezier(0.555, 0.11, 0.985, 0.025); -o-transition: all 0.5s cubic-bezier(0.555, 0.11, 0.985, 0.025); transition: all 0.5s cubic-bezier(0.555, 0.11, 0.985, 0.025); } .theme-innerlink.theme-innerlink--left:hover .name { -webkit-transform: translateX(-14px); -ms-transform: translateX(-14px); transform: translateX(-14px); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .theme-innerlink.theme-innerlink--left:hover .icon-smallarrow { -webkit-transform: translateX(-14px) translateY(-50%); -ms-transform: translateX(-14px) translateY(-50%); transform: translateX(-14px) translateY(-50%); -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } } .theme-innerlink.theme-innerlink--left::before { content: ""; display: block; position: absolute; top: 50%; left: -28px; width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s cubic-bezier(0.555, 0.11, 0.985, 0.025); -o-transition: all 0.2s cubic-bezier(0.555, 0.11, 0.985, 0.025); transition: all 0.2s cubic-bezier(0.555, 0.11, 0.985, 0.025); } .theme-innerlink.theme-innerlink--left .icon-smallarrow { left: 0; } .theme-innerlink .name { display: block; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .theme-innerlink .icon-smallarrow { position: absolute; top: 50%; -webkit-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .theme-link { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon.icon-arrow { width: 16px; } .icon.icon-arrow svg { width: 16px; fill: #ffffff; } @media screen and (min-width: 1200px) { .icon.icon-arrow { width: 20px; } .icon.icon-arrow svg { width: 20px; } } .icon.icon-smallarrow { width: 11px; } .icon.icon-smallarrow svg { width: 11px; fill: #ffffff; } .icon.icon-peretz { width: 40px; } .icon.icon-peretz svg { width: 40px; } @media screen and (min-width: 768px) { .icon.icon-peretz { width: 56px; } } @media screen and (min-width: 1200px) { .icon.icon-peretz { width: 50px; } } @media screen and (min-width: 1650px) { .icon.icon-peretz { width: 56px; } .icon.icon-peretz svg { width: 56px; } } .icon.icon-date { width: 24px; } .icon.icon-date svg { width: 24px; } .icon.icon-place { width: 24px; } .icon.icon-place svg { width: 24px; } .icon.icon-square { width: 24px; } .icon.icon-square svg { width: 24px; } .icon.icon-team { width: 24px; } .icon.icon-team svg { width: 24px; } .icon.icon-circle { width: 40px; height: 40px; } @media screen and (min-width: 768px) { .icon.icon-circle { width: 50px; height: 50px; } } .icon.icon-circle svg { width: 40px; height: 40px; } @media screen and (min-width: 768px) { .icon.icon-circle svg { width: 50px; height: 50px; } } input:-internal-autofill-selected { color: inherit !important; background-color: transparent !important; } input:-webkit-autofill { background-color: transparent !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: none; -webkit-text-fill-color: #646464; -webkit-box-shadow: 0 0 0px 1000px 646464 inset; -webkit-transition: background-color 5000s ease-in-out 0s; -o-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .theme-form .input-wrap, .theme-form .textarea-wrap { position: relative; margin-bottom: 20px; } .theme-form .input-wrap.has-focused label, .theme-form .textarea-wrap.has-focused label { opacity: .25; -webkit-transition: all 0.35s ease-out 0s; -o-transition: all 0.35s ease-out 0s; transition: all 0.35s ease-out 0s; } .theme-form .input-wrap.has-hided:after, .theme-form .input-wrap.has-error:after, .theme-form .textarea-wrap.has-hided:after, .theme-form .textarea-wrap.has-error:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .theme-form .input-wrap.has-hided label, .theme-form .textarea-wrap.has-hided label { opacity: 0; -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); -webkit-transition: all 0.35s ease-out 0s; -o-transition: all 0.35s ease-out 0s; transition: all 0.35s ease-out 0s; } .theme-form .input-wrap.has-error label, .theme-form .textarea-wrap.has-error label { opacity: .25; } .theme-form .input-wrap.has-error .icon-error, .theme-form .textarea-wrap.has-error .icon-error { opacity: 1; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: opacity 0.15s ease-out 0s; -o-transition: opacity 0.15s ease-out 0s; transition: opacity 0.15s ease-out 0s; } .theme-form .input-wrap::after, .theme-form .textarea-wrap::after { content: ""; display: block; position: absolute; right: 0; bottom: -1px; width: 100%; height: 1px; background-color: #646464; } .theme-form input:not([type='checkbox']), .theme-form textarea { width: 100%; height: 30px; background-color: transparent; font-size: 14px; line-height: 30px; color: #646464; border: none; cursor: url("../img/cursor-hovered.png"), auto; } .theme-form .label-input { position: absolute; left: 0; top: 0; z-index: -1; font-size: 14px; line-height: 30px; color: #646464; -webkit-transition: all 0.35s ease-out 0s; -o-transition: all 0.35s ease-out 0s; transition: all 0.35s ease-out 0s; } .theme-form .label-checkbox { position: relative; margin: 13.5px 0; width: 50%; height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #646464; } @media screen and (min-width: 768px) { .theme-form .label-checkbox { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } .theme-form .label-checkbox.has-checked .icon { border-color: #ffffff; -webkit-transition: border-color 0.35s ease-out 0s; -o-transition: border-color 0.35s ease-out 0s; transition: border-color 0.35s ease-out 0s; } .theme-form .label-checkbox.has-checked .icon::before { background-color: #ffffff; -webkit-transition: background-color 0.35s ease-out 0s; -o-transition: background-color 0.35s ease-out 0s; transition: background-color 0.35s ease-out 0s; } .theme-form .label-checkbox .icon { position: relative; display: block; margin-right: 18px; width: 18px; height: 18px; border: 1px solid #3A3434; border-radius: 50%; -webkit-transition: border-color 0.35s ease-out 0s; -o-transition: border-color 0.35s ease-out 0s; transition: border-color 0.35s ease-out 0s; } @media screen and (min-width: 768px) { .theme-form .label-checkbox .icon { margin-right: 14px; } } @media screen and (min-width: 1200px) { .theme-form .label-checkbox .icon { margin-right: 18px; } } .theme-form .label-checkbox .icon::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; background-color: #333232; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: background-color 0.35s ease-out 0s; -o-transition: background-color 0.35s ease-out 0s; transition: background-color 0.35s ease-out 0s; } .theme-form .label-checkbox input[type='checkbox'] { margin: 0; position: absolute; top: 50%; left: 0; width: 18px; height: 18px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } .theme-form .tabs { padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 768px) { .theme-form .tabs { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .theme-form .tabs-content { display: none; } .theme-form .tabs-content.is-active { display: block; } .theme-form .btn-wrap { padding: 32px 0 42px; } .test-line { position: absolute; width: 1px; height: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.2); z-index: 1000; } @media screen and (min-width: 768px) { .test-line { left: 174px; } } @media screen and (min-width: 1200px) { .test-line { left: 196px; } } @media screen and (min-width: 1650px) { .test-line { left: 218px; } } .cursor-hovered { cursor: url("../img/cursor-hovered.png"), auto !important; } .modal-bg { cursor: url("../img/as-close.png") 2 2, auto !important; } .cursor { display: none; position: fixed; top: 1.5px; left: 1.5px; z-index: 99999; height: 23px; width: 23px; background-color: transparent; pointer-events: none; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } @media screen and (min-width: 1200px) { .cursor { display: block; } } .cursor.hovered:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.6); border-radius: 50%; -webkit-box-shadow: 0 0 8px rgba(255, 255, 255, 0.3); box-shadow: 0 0 8px rgba(255, 255, 255, 0.3); -webkit-animation: PulseCursor 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; animation: PulseCursor 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; } .cursor.as-close:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.6); border-radius: 50%; -webkit-box-shadow: 0 0 8px rgba(255, 255, 255, 0.3); box-shadow: 0 0 8px rgba(255, 255, 255, 0.3); -webkit-animation: PulseCursor 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; animation: PulseCursor 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; } .theme-sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 9998; width: 45px; background-color: rgba(0, 0, 0, 0.3); overflow: hidden; } @media screen and (min-width: 768px) { .theme-sidebar { padding: 18px 0 40px; width: 174px; } } @media screen and (min-width: 1200px) { .theme-sidebar { padding-top: 15px; width: 196px; } } @media screen and (min-width: 1650px) { .theme-sidebar { padding: 25px 0 60px; width: 218px; } } .theme-sidebar .preview-sidebar { position: absolute; top: 0; bottom: 0; left: 0; z-index: 9998; width: 100%; height: 100%; background-color: #ffffff; } .theme-sidebar .sidebar { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .inner--news .barba-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .inner--news .intro.news-intro { margin-top: 3vw; } @media screen and (min-width: 768px) { .inner--news .intro.news-intro { margin-top: 5vw; } } @media screen and (min-width: 1650px) { .inner--news .intro.news-intro { margin-top: 0; } } @media screen and (min-width: 1650px) { .inner--news .intro.news-intro .intro-wrap { padding-bottom: 20px !important; } } @media screen and (min-width: 768px) { .inner--news .intro.new-intro .intro-wrap { padding-right: 0 !important; } } .inner--news .intro.new-intro .intro-wrap .media-wrap { opacity: 0; } .inner--news .intro.new-intro .title-wrap .date { position: relative; padding-top: 20px; padding-bottom: 30px; font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 12px; line-height: 17px; color: rgba(255, 255, 255, 0.6); } .inner--news .intro.new-intro .title-wrap .date::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 18px; height: 1px; background-color: rgba(255, 255, 255, 0.4); } .inner--news .intro.new-intro .title-wrap .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; -ms-flex-wrap: wrap; flex-wrap: wrap; } .inner--news .intro.new-intro .title-wrap .title .word-wrap { margin-right: 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (min-width: 1650px) { .inner--news .intro.new-intro .title-wrap .title .word-wrap { margin-right: 30px; } } .inner--news .intro.new-intro .text-wrap, .inner--news .intro.new-intro .media-wrap { width: 100%; } @media screen and (min-width: 1200px) { .inner--news .intro.new-intro .text-wrap, .inner--news .intro.new-intro .media-wrap { max-width: 90%; } } @media screen and (min-width: 1650px) { .inner--news .intro.new-intro .text-wrap, .inner--news .intro.new-intro .media-wrap { max-width: 1200px; } } .inner--news .intro.new-intro .text-wrap .texts { width: 100%; } @media screen and (min-width: 1200px) { .inner--news .intro.new-intro .text-wrap .texts { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 100px; column-gap: 100px; } } @media screen and (min-width: 1200px) { .inner--news .intro.new-intro .text-wrap .texts .text { padding: 0 0 24px; } } .inner--news .intro.new-intro .media-wrap .img-wrap { padding: 20px 0; } @media screen and (min-width: 768px) { .inner--news .intro.new-intro .media-wrap .img-wrap { padding: 28px 0; } } @media screen and (min-width: 1200px) { .inner--news .intro.new-intro .media-wrap .img-wrap { padding: 33px 0; } } @media screen and (min-width: 1650px) { .inner--news .intro.new-intro .media-wrap .img-wrap { padding: 50px 0; } } .inner--news .intro.new-intro .media-wrap .img-wrap img { margin: 0 auto; } .inner--news .news.all-news { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 20px; } @media screen and (min-width: 768px) { .inner--news .news.all-news { padding-left: 0; } } @media screen and (min-width: 1200px) { .inner--news .news.all-news { padding-left: 0; } } .inner--news .news.all-news .container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 0 !important; } .inner--news .news.all-news .slick-track > * + * { margin: 0 0 0 25px; } @media screen and (min-width: 1650px) { .inner--news .news.all-news .slick-track > * + * { margin: 0 0 0 40px; } } .inner--news .news.all-news .news-list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .inner--news .news.all-news .news-list__item { margin: 0 0 30px; width: 337px; height: 100%; } @media screen and (min-width: 768px) { .inner--news .news.all-news .news-list__item { width: 530px; } } @media screen and (min-width: 1200px) { .inner--news .news.all-news .news-list__item { margin: 0 30px 50px 0; width: calc(33.3333% - 30px); } } .inner--news .news.all-news .news-list__item.slick-current.slick-active .img-wrap img { -webkit-filter: grayscale(0); filter: grayscale(0); } .inner--news .news.all-news .news-list__link { position: relative; display: block; width: 100%; cursor: url("../img/cursor-hovered.png"), auto !important; } .inner--news .news.all-news .news-list__link:hover .img-wrap img { -webkit-filter: grayscale(0); filter: grayscale(0); } .inner--news .news.all-news .news-list__link .img-wrap { position: relative; width: 100%; height: 248px; } @media screen and (min-width: 768px) { .inner--news .news.all-news .news-list__link .img-wrap { height: 390px; } } @media screen and (min-width: 1200px) { .inner--news .news.all-news .news-list__link .img-wrap { height: 248px; } } @media screen and (min-width: 1920px) { .inner--news .news.all-news .news-list__link .img-wrap { height: 20.3125vw; } } .inner--news .news.all-news .news-list__link .img-wrap img { -webkit-filter: grayscale(1); filter: grayscale(1); } .inner--news .news.all-news .news-list__link .title-wrap { padding: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .inner--news .news.all-news .news-list__link .title-wrap .link-title { margin-bottom: 10px; padding-bottom: 10px; position: relative; font-family: "ArialBlack", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 16px; line-height: 18px; letter-spacing: .02em; } @media screen and (min-width: 1650px) { .inner--news .news.all-news .news-list__link .title-wrap .link-title { margin-bottom: 20px; padding-bottom: 20px; font-size: 20px; line-height: 23px; } } .inner--news .news.all-news .news-list__link .title-wrap .link-title::before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 18px; height: 1px; background-color: rgba(255, 255, 255, 0.4); } .inner--news .news.all-news .news-list__link .title-wrap .date { font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 12px; line-height: 17px; color: rgba(255, 255, 255, 0.6); } .inner--news .news.all-news .news-nav { padding-bottom: 20px; width: calc(100vw - 90px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .inner--news .news.all-news .news-nav { width: calc(100vw - 283px); max-width: 485px; -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 1200px) { .inner--news .news.all-news .news-nav { padding: 30px 0; max-width: unset; } } @media screen and (min-width: 1650px) { .inner--news .news.all-news .news-nav { padding: 60px 0; width: calc(100vw - 348px); } } .inner--news .news.all-news .news-nav .nav-pagination { margin-bottom: 15px; padding: 20px 0 10px; width: 100%; } .inner--news .news.all-news .news-nav .nav-pagination .pagination-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .inner--news .news.all-news .news-nav .nav-pagination .pagination-list__item:not(.has-arrow) a, .inner--news .news.all-news .news-nav .nav-pagination .pagination-list__item:not(.has-arrow) span { padding: 10px 15px; } .inner--news .news.all-news .news-nav .nav-pagination .pagination-list__item.is-disabled .next, .inner--news .news.all-news .news-nav .nav-pagination .pagination-list__item.is-disabled .prev { pointer-events: none; } .inner--news .news.all-news .news-nav .nav-pagination .pagination-list__item.is-active a, .inner--news .news.all-news .news-nav .nav-pagination .pagination-list__item.is-active span { text-decoration: underline; cursor: default; pointer-events: none; } .inner--news .news.all-news .news-nav .nav-pagination .pagination-list__item a, .inner--news .news.all-news .news-nav .nav-pagination .pagination-list__item span { display: block; font-size: 12px; line-height: 17px; color: rgba(255, 255, 255, 0.4); } .inner--news .news.all-news .news-nav .prev, .inner--news .news.all-news .news-nav .next { width: 40px; height: 40px; } @media screen and (min-width: 768px) { .inner--news .news.all-news .news-nav .prev, .inner--news .news.all-news .news-nav .next { width: 50px; height: 50px; } } .inner--news .news.all-news .news-nav .prev .arrow, .inner--news .news.all-news .news-nav .next .arrow { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; } @media screen and (min-width: 768px) { .inner--news .news.all-news .news-nav .prev .arrow, .inner--news .news.all-news .news-nav .next .arrow { width: 50px; height: 50px; } } .inner--news .news.all-news .news-nav .prev .arrow:hover .icon.icon-circle .circle, .inner--news .news.all-news .news-nav .next .arrow:hover .icon.icon-circle .circle { stroke-dashoffset: 0; opacity: 1; } .inner--news .news.all-news .news-nav .prev .arrow:hover .icon.icon-arrow svg, .inner--news .news.all-news .news-nav .prev .arrow:hover .icon.icon-arrow path, .inner--news .news.all-news .news-nav .next .arrow:hover .icon.icon-arrow svg, .inner--news .news.all-news .news-nav .next .arrow:hover .icon.icon-arrow path { fill: #ffffff; } .inner--news .news.all-news .news-nav .prev .arrow .icon, .inner--news .news.all-news .news-nav .next .arrow .icon { position: absolute; top: 50%; left: 50%; } .inner--news .news.all-news .news-nav .prev .arrow .icon.icon-circle, .inner--news .news.all-news .news-nav .next .arrow .icon.icon-circle { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .inner--news .news.all-news .news-nav .prev .arrow .icon.icon-circle .circle, .inner--news .news.all-news .news-nav .next .arrow .icon.icon-circle .circle { stroke: #ffffff; stroke-width: 2px; stroke-dasharray: 650; stroke-dashoffset: 650; -webkit-transition: all 0.75s ease-in-out; opacity: 0.3; } .inner--news .news.all-news .news-nav .prev .arrow .icon.icon-arrow, .inner--news .news.all-news .news-nav .next .arrow .icon.icon-arrow { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .inner--news .news.all-news .news-nav .prev .arrow .icon.icon-arrow svg, .inner--news .news.all-news .news-nav .prev .arrow .icon.icon-arrow path, .inner--news .news.all-news .news-nav .next .arrow .icon.icon-arrow svg, .inner--news .news.all-news .news-nav .next .arrow .icon.icon-arrow path { fill: rgba(255, 255, 255, 0.6); } .inner--news .project { margin-bottom: 50px; } @media screen and (min-width: 1200px) { .inner--news .project { margin-bottom: 100px; } } .inner--news .more-news { margin-bottom: 70px; } @media screen and (min-width: 768px) { .inner--news .more-news { margin-bottom: 140px; } } .inner--news .more-news .container { padding-right: 0 !important; } .inner--news .more-news .title-wrap { width: 150px; padding-bottom: 25px; padding-left: 20px; } @media screen and (min-width: 768px) { .inner--news .more-news .title-wrap { width: unset; padding-bottom: 45px; padding-left: 41px; } } @media screen and (min-width: 1650px) { .inner--news .more-news .title-wrap { padding-left: 80px; } } .inner--news .more-news .title-wrap .theme-title { font-size: 20px; line-height: 28px !important; } @media screen and (min-width: 768px) { .inner--news .more-news .title-wrap .theme-title { font-size: 40px; line-height: 45px !important; } } .inner--news .more-news .news-wrap { padding-left: 20px; } @media screen and (min-width: 768px) { .inner--news .more-news .news-wrap { padding-left: 0; } } .inner--news .more-news .news-wrap .slick-track > * + * { margin: 0 0 0 25px; } @media screen and (min-width: 768px) { .inner--news .more-news .news-wrap .slick-track > * + * { margin: 0 0 0 40px; } } .inner--news .more-news .news-wrap .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .inner--news .more-news .news-wrap .slick-track.fit-content { margin-right: auto; margin-left: 0; } @media screen and (min-width: 1200px) { .inner--news .more-news .news-wrap .news-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .inner--news .more-news .news-wrap .news-list__item { margin: 0 0 30px; height: 100%; width: 337px; } @media screen and (min-width: 768px) { .inner--news .more-news .news-wrap .news-list__item { width: 530px; } } @media screen and (min-width: 1200px) { .inner--news .more-news .news-wrap .news-list__item { margin: 0 30px 50px 0; width: calc(33.3333% - 30px); } } .inner--news .more-news .news-wrap .news-list__item.slick-current.slick-active .img-wrap img { -webkit-filter: grayscale(0); filter: grayscale(0); } .inner--news .more-news .news-wrap .news-list__link { position: relative; display: block; width: 100%; cursor: url("../img/cursor-hovered.png"), auto !important; } .inner--news .more-news .news-wrap .news-list__link:hover .img-wrap img { -webkit-filter: grayscale(0); filter: grayscale(0); } .inner--news .more-news .news-wrap .news-list__link .img-wrap { position: relative; width: 100%; height: 248px; } @media screen and (min-width: 768px) { .inner--news .more-news .news-wrap .news-list__link .img-wrap { height: 390px; } } @media screen and (min-width: 1200px) { .inner--news .more-news .news-wrap .news-list__link .img-wrap { height: 248px; } } @media screen and (min-width: 1920px) { .inner--news .more-news .news-wrap .news-list__link .img-wrap { height: 20.3125vw; } } .inner--news .more-news .news-wrap .news-list__link .img-wrap img { -webkit-filter: grayscale(1); filter: grayscale(1); } .inner--news .more-news .news-wrap .news-list__link .title-wrap { padding: 25px; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .inner--news .more-news .news-wrap .news-list__link .title-wrap .link-title { margin-bottom: 10px; padding-bottom: 10px; position: relative; font-family: "ArialBlack", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 16px; line-height: 18px; letter-spacing: .02em; } @media screen and (min-width: 768px) { .inner--news .more-news .news-wrap .news-list__link .title-wrap .link-title { margin-bottom: 20px; padding-bottom: 20px; font-size: 20px; line-height: 23px; } } .inner--news .more-news .news-wrap .news-list__link .title-wrap .link-title::before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 18px; height: 1px; background-color: rgba(255, 255, 255, 0.4); } .inner--news .more-news .news-wrap .news-list__link .title-wrap .date { font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 12px; line-height: 17px; color: rgba(255, 255, 255, 0.6); } .inner--news .subscribe { margin-bottom: 90px; } .inner--news .subscribe .container { padding-right: 0 !important; } @media screen and (min-width: 1650px) { .inner--news .subscribe .container { display: -webkit-box; display: -ms-flexbox; display: flex; } } .inner--news .subscribe .title-wrap { width: 150px; padding-bottom: 25px; padding-left: 20px; } @media screen and (min-width: 768px) { .inner--news .subscribe .title-wrap { width: unset; padding-bottom: 45px; padding-left: 41px; } } @media screen and (min-width: 1650px) { .inner--news .subscribe .title-wrap { margin-right: 30px; padding-left: 80px; padding-bottom: 0; } } .inner--news .subscribe .title-wrap .theme-title { font-size: 20px; line-height: 28px !important; } @media screen and (min-width: 768px) { .inner--news .subscribe .title-wrap .theme-title { font-size: 40px; line-height: 45px !important; } } @media screen and (min-width: 1650px) { .inner--news .subscribe .title-wrap .theme-title { margin-bottom: 0; } } .inner--news .subscribe .form-wrap { padding: 0 60px 0 20px; } @media screen and (min-width: 768px) { .inner--news .subscribe .form-wrap { padding-left: 41px; } } @media screen and (min-width: 1650px) { .inner--news .subscribe .form-wrap { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media screen and (min-width: 768px) { .inner--news .subscribe .form-wrap .theme-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 1200px) { .inner--news .subscribe .form-wrap .theme-form { max-width: 700px; } } @media screen and (min-width: 768px) { .inner--news .subscribe .form-wrap .theme-form .input-wrap { margin-bottom: 0; margin-right: 70px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .inner--news .subscribe .form-wrap .theme-form .input-wrap::after { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .inner--news .subscribe .form-wrap .theme-form input { padding-left: 0; width: 100%; border: none; } .inner--news .subscribe .form-wrap .theme-form label { left: 0; } .inner--news .subscribe .form-wrap .theme-form .icon-error { left: auto; right: 0; } .inner--news .subscribe .form-wrap .theme-form .btn-wrap { padding: 20px 0; } .tint { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .projects { padding-bottom: 40px; } @media screen and (min-width: 768px) { .projects { padding-bottom: 0; } } @media screen and (min-width: 1200px) { .projects { padding-bottom: 40px; } } @media screen and (min-width: 1650px) { .projects { padding-bottom: 60px; } } .projects .projects-wrap { padding: 10px 0 0; } @media screen and (min-width: 768px) { .projects .projects-wrap { padding: 0; } } .projects .projects-list__item { margin: 15px 0 40px; position: relative; } @media screen and (min-width: 768px) { .projects .projects-list__item { margin: 0 0 50px; } } @media screen and (min-width: 1650px) { .projects .projects-list__item { margin: 0 0 60px; } } .projects .projects-list__item.your .img-wrap .img { -webkit-filter: grayscale(1) blur(4px); filter: grayscale(1) blur(4px); opacity: .87; } .projects .projects-list__item .img-wrap { position: relative; width: 100vw; height: 60.3125vw; } @media screen and (min-width: 768px) { .projects .projects-list__item .img-wrap { height: 33.4635vw; } } @media screen and (min-width: 1200px) { .projects .projects-list__item .img-wrap { height: 33.3333vw; } } @media screen and (min-width: 1650px) { .projects .projects-list__item .img-wrap { height: 33.4375vw; } } .projects .projects-list__item .title-wrap { padding: 20px 58px 20px 65px; position: absolute; bottom: 0; left: 0; z-index: 2; } @media screen and (min-width: 768px) { .projects .projects-list__item .title-wrap { padding: 0 215px; bottom: auto; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (min-width: 768px) and (min-width: 1200px) { .projects .projects-list__item .title-wrap { padding: 0 237px; } } @media screen and (min-width: 768px) and (min-width: 1650px) { .projects .projects-list__item .title-wrap { padding: 0 298px; } } .projects .projects-list__item .title-wrap .subtitle { position: relative; padding-top: 10px; font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 12px; line-height: 17px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.4); } @media screen and (min-width: 768px) { .projects .projects-list__item .title-wrap .subtitle { padding-top: 20px; } } .projects .projects-list__item .title-wrap .subtitle::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 18px; height: 1px; background-color: rgba(255, 255, 255, 0.4); } .projects .projects-list__item .title-wrap .link-title { display: block; margin: 15px 0 30px; font-family: "ArialBlack", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 30px; line-height: 34px; letter-spacing: .02em; color: #ffffff; } @media screen and (min-width: 768px) { .projects .projects-list__item .title-wrap .link-title { margin: 15px 0 40px; } } @media screen and (min-width: 1200px) { .projects .projects-list__item .title-wrap .link-title { margin: 25px 0 65px; } } @media screen and (min-width: 1650px) { .projects .projects-list__item .title-wrap .link-title { margin: 30px 0 90px; font-size: 50px; line-height: 55px; } } .project { margin-bottom: 100px; } @media screen and (min-width: 768px) { .project { margin-bottom: 120px; } } @media screen and (min-width: 1200px) { .project { margin-bottom: 90px; } } .project .container { padding-right: 0 !important; } .project .project-wrap { position: relative; } @media screen and (min-width: 1920px) { .project .project-wrap { padding-right: 175px; } } .project .project-wrap .project-sidetitle { position: absolute; top: 0; left: -45px; height: 48.4375vw; font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 10px; line-height: 45px; letter-spacing: .1em; text-transform: uppercase; text-align: center; color: rgba(255, 255, 255, 0.4); -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media screen and (min-width: 768px) { .project .project-wrap .project-sidetitle { left: -174px; height: 46.484375vw; font-size: 12px; line-height: 174px; } } @media screen and (min-width: 1200px) { .project .project-wrap .project-sidetitle { left: -196px; height: 49.3333vw; line-height: 196px; } } @media screen and (min-width: 1650px) { .project .project-wrap .project-sidetitle { left: -218px; height: 39.5833vw; line-height: 218px; } } .project .project-wrap .project-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .project .project-wrap .project-list__item { display: block; padding-bottom: 16px; width: calc(100vw - 45px); } @media screen and (min-width: 768px) { .project .project-wrap .project-list__item { padding-bottom: 32px; width: calc(100vw - 174px); } } @media screen and (min-width: 1200px) { .project .project-wrap .project-list__item { width: calc(100vw - 196px); } } @media screen and (min-width: 1650px) { .project .project-wrap .project-list__item { padding-bottom: 68px; width: calc(100vw - 218px); } } @media screen and (min-width: 1200px) { .project .project-wrap .project-list__item.is-vertical { width: calc(50vw - 108px); } } @media screen and (min-width: 1920px) { .project .project-wrap .project-list__item.is-vertical { width: calc(50vw - 208px); } } @media screen and (min-width: 1200px) { .project .project-wrap .project-list__item.is-vertical:nth-child(even) { margin-left: auto; } } .project .project-wrap .project-list__item.is-vertical .img-wrap { width: 100%; height: 100%; } .project .project-wrap .project-list__item.is-vertical .img-wrap img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .project .project-wrap .project-list__item .img-wrap { width: 100%; height: auto; } .project .project-wrap .project-list__item .img-wrap img { width: 100%; height: auto; } .project .project-wrap .project-nav { margin: 0 auto; width: calc(100vw - 105px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .project .project-wrap .project-nav { padding: 30px 0; width: calc(100vw - 244px); max-width: 485px; -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 1200px) { .project .project-wrap .project-nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: unset; } } @media screen and (min-width: 1650px) { .project .project-wrap .project-nav { margin: 0; padding: 60px 30px 60px 180px; width: 100%; } } .project .project-wrap .project-nav .nav-dots { display: none; } @media screen and (min-width: 1200px) { .project .project-wrap .project-nav .nav-dots { padding: 16px 0; display: block; } } .project .project-wrap .project-nav .nav-dots .slick-dots { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .project .project-wrap .project-nav .nav-dots .slick-dots > * + * { margin: 0 0 0 10px; } .project .project-wrap .project-nav .nav-dots .slick-dots li { position: relative; width: 18px; height: 100%; border: 1px solid transparent; border-radius: 50%; cursor: default; -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } @media screen and (min-width: 1200px) { .project .project-wrap .project-nav .nav-dots .slick-dots li { cursor: url("../img/cursor-hovered.png"), auto !important; } } .project .project-wrap .project-nav .nav-dots .slick-dots li.slick-active { border-color: #ffffff; -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } .project .project-wrap .project-nav .nav-dots .slick-dots span { position: absolute; top: 50%; left: 50%; display: block; width: 4px; height: 4px; background-color: #ffffff; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .project .project-wrap .project-nav .nav-dots .slick-dots button { text-indent: -9999px; } .project .project-wrap .project-nav .nav-pagination { margin-bottom: 15px; padding: 20px 0 10px; width: 100%; } @media screen and (min-width: 1200px) { .project .project-wrap .project-nav .nav-pagination { display: none; } } .project .project-wrap .project-nav .nav-pagination .pagination-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .project .project-wrap .project-nav .nav-pagination .pagination-list__item.has-number { font-size: 12px; line-height: 17px; color: rgba(255, 255, 255, 0.4); } .project .project-wrap .project-nav .nav-pagination .pagination-list__item.has-number.js_current { color: #ffffff; } .project .project-wrap .project-nav .nav-pagination .pagination-list__item.has-dot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .project .project-wrap .project-nav .nav-pagination .pagination-list__item.has-dot .dot { display: block; width: 4px; height: 4px; background-color: rgba(255, 255, 255, 0.3); border-radius: 50%; } .project .project-wrap .project-nav .nav-arrows { width: 100%; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 768px) { .project .project-wrap .project-nav .nav-arrows { width: 115px; height: 50px; } } .project .project-wrap .project-nav .nav-arrows .prev, .project .project-wrap .project-nav .nav-arrows .next { width: 40px; height: 40px; } @media screen and (min-width: 768px) { .project .project-wrap .project-nav .nav-arrows .prev, .project .project-wrap .project-nav .nav-arrows .next { width: 50px; height: 50px; } } .project .project-wrap .project-nav .nav-arrows .prev .arrow, .project .project-wrap .project-nav .nav-arrows .next .arrow { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; } @media screen and (min-width: 768px) { .project .project-wrap .project-nav .nav-arrows .prev .arrow, .project .project-wrap .project-nav .nav-arrows .next .arrow { width: 50px; height: 50px; } } .project .project-wrap .project-nav .nav-arrows .prev .arrow:hover .icon.icon-circle .circle, .project .project-wrap .project-nav .nav-arrows .next .arrow:hover .icon.icon-circle .circle { stroke-dashoffset: 0; opacity: 1; } .project .project-wrap .project-nav .nav-arrows .prev .arrow:hover .icon.icon-arrow svg, .project .project-wrap .project-nav .nav-arrows .prev .arrow:hover .icon.icon-arrow path, .project .project-wrap .project-nav .nav-arrows .next .arrow:hover .icon.icon-arrow svg, .project .project-wrap .project-nav .nav-arrows .next .arrow:hover .icon.icon-arrow path { fill: #ffffff; } .project .project-wrap .project-nav .nav-arrows .prev .arrow .icon, .project .project-wrap .project-nav .nav-arrows .next .arrow .icon { position: absolute; top: 50%; left: 50%; } .project .project-wrap .project-nav .nav-arrows .prev .arrow .icon.icon-circle, .project .project-wrap .project-nav .nav-arrows .next .arrow .icon.icon-circle { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .project .project-wrap .project-nav .nav-arrows .prev .arrow .icon.icon-circle .circle, .project .project-wrap .project-nav .nav-arrows .next .arrow .icon.icon-circle .circle { stroke: #ffffff; stroke-width: 2px; stroke-dasharray: 650; stroke-dashoffset: 650; -webkit-transition: all 0.75s ease-in-out; opacity: 0.3; } .project .project-wrap .project-nav .nav-arrows .prev .arrow .icon.icon-arrow, .project .project-wrap .project-nav .nav-arrows .next .arrow .icon.icon-arrow { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .project .project-wrap .project-nav .nav-arrows .prev .arrow .icon.icon-arrow svg, .project .project-wrap .project-nav .nav-arrows .prev .arrow .icon.icon-arrow path, .project .project-wrap .project-nav .nav-arrows .next .arrow .icon.icon-arrow svg, .project .project-wrap .project-nav .nav-arrows .next .arrow .icon.icon-arrow path { fill: rgba(255, 255, 255, 0.6); } .inner--project .project-list__item .img-wrap { opacity: 0; } .inner--news.one-new .project .project-list__item { display: block; padding-bottom: 0; width: calc(100vw - 45px) !important; height: 48.4375vw; } @media screen and (min-width: 768px) { .inner--news.one-new .project .project-list__item { width: calc(100vw - 174px) !important; height: 46.484375vw; } } @media screen and (min-width: 1200px) { .inner--news.one-new .project .project-list__item { width: calc(100vw - 196px) !important; height: 49.3333vw; } } @media screen and (min-width: 1650px) { .inner--news.one-new .project .project-list__item { width: calc(100vw - 218px) !important; height: 39.5833vw; } } .inner--news.one-new .project .project-list__item .img-wrap { width: 100%; height: 100%; } .inner--news.one-new .project .project-list__item .img-wrap img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .project-list__item { display: block; } .text-wrap .text, .text-wrap p, .text-wrap li { padding: 12px 0; opacity: .6; font-size: 14px; line-height: 23px; } @media screen and (min-width: 768px) { .text-wrap .text, .text-wrap p, .text-wrap li { line-height: 29px; } } @media screen and (min-width: 1650px) { .text-wrap .text, .text-wrap p, .text-wrap li { font-size: 16px; line-height: 33px; } } .text-wrap .text p, .text-wrap p p, .text-wrap li p { padding: 10px 0; } .text-wrap .text p:first-child, .text-wrap p p:first-child, .text-wrap li p:first-child { padding-top: 0; } .text-wrap .text img, .text-wrap p img, .text-wrap li img { width: 100%; margin: 12px 0; } @media screen and (min-width: 1200px) { .text-wrap .text img, .text-wrap p img, .text-wrap li img { margin: 24px 0; } } .text-wrap .text a, .text-wrap p a, .text-wrap li a { text-decoration: underline; } .texts.no-anim .texts__item { margin-bottom: 50px; } .texts.no-anim .texts__item:last-child { margin-bottom: 0; } .texts.no-anim .texts__item .bold { font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; } .texts.no-anim .texts__item h3 { margin-bottom: 15px; text-align: center; } .texts.no-anim .texts__item h3 span { display: block; } .texts.no-anim .texts__item p { margin-bottom: 12px; } .texts.no-anim .texts__item ul { margin-bottom: 15px; padding-left: 15px; } .texts.no-anim .texts__item ul li { list-style-type: disc; } .inner--services .intro .text-wrap p, .inner--services .intro .text-wrap li { padding: 0; } .inner.has-line.has-gif .bg { position: absolute; top: 0; left: 0; bottom: 63px; width: 100%; z-index: 1; } @media screen and (min-width: 768px) { .inner.has-line.has-gif .bg { bottom: 109px; } } @media screen and (min-width: 1200px) { .inner.has-line.has-gif .bg { top: 50%; bottom: auto; right: 6.6666vw; left: auto; width: 416px; height: 416px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (min-width: 1650px) { .inner.has-line.has-gif .bg { right: 10vw; width: 600px; height: 600px; } } @media screen and (min-width: 2200px) { .inner.has-line.has-gif .bg { right: 15vw; } } .inner.has-line.has-gif .bg .container { padding: 0 !important; width: 100%; height: 100%; } .inner.has-line.has-gif .bg .container .gif-wrap { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100vw; max-height: 360px; } @media screen and (min-width: 768px) { .inner.has-line.has-gif .bg .container .gif-wrap { max-height: 768px; } } @media screen and (min-width: 1200px) { .inner.has-line.has-gif .bg .container .gif-wrap { max-height: 100%; } } .inner.has-line.has-gif .bg .container .gif-wrap .img-wrap, .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap { position: absolute; top: 50%; left: 50%; width: 230px; height: 230px; -webkit-transform: translate(-50%, -40%); -ms-transform: translate(-50%, -40%); transform: translate(-50%, -40%); } @media screen and (min-width: 768px) { .inner.has-line.has-gif .bg .container .gif-wrap .img-wrap, .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap { left: calc(50% + 40px); width: 419px; height: 419px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media screen and (min-width: 1000px) { .inner.has-line.has-gif .bg .container .gif-wrap .img-wrap, .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap { -webkit-transform: translate(-50%, -80%); -ms-transform: translate(-50%, -80%); transform: translate(-50%, -80%); } } @media screen and (min-width: 1200px) { .inner.has-line.has-gif .bg .container .gif-wrap .img-wrap, .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap { left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (min-width: 1650px) { .inner.has-line.has-gif .bg .container .gif-wrap .img-wrap, .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap { width: 600px; height: 600px; } } .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: -webkit-radial-gradient(50% 50%, 120.76px, rgba(0, 0, 0, 0) 0%, #000000 100%); background: -o-radial-gradient(50% 50%, 120.76px, rgba(0, 0, 0, 0) 0%, #000000 100%); background: radial-gradient(120.76px at 50% 50%, rgba(0, 0, 0, 0) 0%, #000000 100%); } @media screen and (min-width: 768px) { .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap { background: -webkit-radial-gradient(50% 50%, 200.76px, rgba(0, 0, 0, 0) 0%, #000000 100%); background: -o-radial-gradient(50% 50%, 200.76px, rgba(0, 0, 0, 0) 0%, #000000 100%); background: radial-gradient(200.76px at 50% 50%, rgba(0, 0, 0, 0) 0%, #000000 100%); } } @media screen and (min-width: 1200px) { .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap { padding: 0 30px; } } @media screen and (min-width: 1650px) { .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap { background: -webkit-radial-gradient(50% 50%, 300.76px, rgba(0, 0, 0, 0) 0%, #000000 100%); background: -o-radial-gradient(50% 50%, 300.76px, rgba(0, 0, 0, 0) 0%, #000000 100%); background: radial-gradient(300.76px at 50% 50%, rgba(0, 0, 0, 0) 0%, #000000 100%); } } .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap .text { font-family: "ArialBlack", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 20px; line-height: 1; color: #ffffff; opacity: .6; } @media screen and (min-width: 768px) { .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap .text { font-size: 40px; } } .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap .icon { position: absolute; top: 50%; left: 50%; width: 115px; height: 115px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (min-width: 768px) { .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap .icon { width: 200px; height: 200px; } } @media screen and (min-width: 1650px) { .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap .icon { width: 274px; height: 274px; } } .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap .icon svg { width: 115px; height: 115px; } @media screen and (min-width: 768px) { .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap .icon svg { width: 200px; height: 200px; } } @media screen and (min-width: 1650px) { .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap .icon svg { width: 274px; height: 274px; } } .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap .icon.icon-thanks circle { stroke: #ffffff; stroke-width: 11px; stroke-dasharray: 1650; stroke-dashoffset: 1650; -webkit-transition: all 0.75s ease-in-out; opacity: 0.3; } .inner.has-line.has-gif .bg .container .gif-wrap .gradient-wrap .icon.icon-thanks.animated circle { stroke-dashoffset: 0; opacity: 0.6; } .inner.has-line.has-gif .intro { position: absolute; top: 0; left: 0; bottom: 63px; width: 360px; z-index: 2; } @media screen and (min-width: 768px) { .inner.has-line.has-gif .intro { bottom: 109px; width: 768px; } } @media screen and (min-width: 1200px) { .inner.has-line.has-gif .intro { bottom: 0; width: 720px; } } @media screen and (min-width: 1650px) { .inner.has-line.has-gif .intro { width: 1028px; } } .inner.has-line.has-gif .intro .container { position: relative; height: 100%; } @media screen and (min-width: 1200px) { .inner.has-line.has-gif .intro .container { padding-right: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .inner.has-line.has-gif .intro .container .intro-wrap { padding-left: 65px; padding-bottom: 47px; position: absolute; bottom: 0; left: 0; z-index: 13; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (min-width: 768px) { .inner.has-line.has-gif .intro .container .intro-wrap { padding-left: 214px; padding-right: 0; padding-bottom: 77px; } } @media screen and (min-width: 1200px) { .inner.has-line.has-gif .intro .container .intro-wrap { position: unset; padding-left: 41px; padding-top: 0; padding-bottom: 0; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } } @media screen and (min-width: 1650px) { .inner.has-line.has-gif .intro .container .intro-wrap { padding-left: 80px; } } .inner.has-line.has-gif .intro .container .intro-wrap .title-wrap { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .inner.has-line.has-gif .intro .container .intro-wrap .title-wrap .subtitle { position: relative; margin-bottom: 30px; font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 12px; line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.4); } @media screen and (min-width: 768px) { .inner.has-line.has-gif .intro .container .intro-wrap .title-wrap .subtitle { margin-bottom: 35px; } } @media screen and (min-width: 1200px) { .inner.has-line.has-gif .intro .container .intro-wrap .title-wrap .subtitle { margin-bottom: 40px; } } .inner.has-line.has-gif .intro .container .intro-wrap .title-wrap .subtitle::before { content: ""; display: block; position: absolute; top: -20px; left: 0; width: 18px; height: 1px; background-color: rgba(255, 255, 255, 0.4); } @media screen and (min-width: 768px) { .inner.has-line.has-gif .intro .container .intro-wrap .title-wrap .text { max-width: 305px; } } @media screen and (min-width: 1650px) { .inner.has-line.has-gif .intro .container .intro-wrap .title-wrap .text { max-width: 478px; } } .inner.has-line.has-gif .intro .container .intro-wrap .title-wrap .theme-title { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 1650px) { .inner.has-line.has-gif .intro .container .intro-wrap .title-wrap .theme-title { margin-bottom: 25px; } } .inner.has-line.has-gif .intro .container .intro-wrap .title-wrap .theme-title .word-wrap { margin-right: 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (min-width: 1650px) { .inner.has-line.has-gif .intro .container .intro-wrap .title-wrap .theme-title .word-wrap { margin-right: 30px; } } .inner.has-line.has-gif .intro .container .intro-wrap .title-wrap .theme-title .word-wrap:last-child { margin-right: 0; } .inner.has-line.has-gif .intro .container .intro-wrap .title-wrap .btn-wrap { margin-top: 20px; } .inner.has-line.has-gif .intro .container .intro-wrap .title-wrap .btn-wrap .theme-innerlink { margin-left: auto; } .icon-error { width: 2px; height: 30px; position: absolute; left: -5px; top: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transform: translate(400%, -50%); -ms-transform: translate(400%, -50%); transform: translate(400%, -50%); -webkit-transition: -webkit-transform 0.15s ease-out 0s; transition: -webkit-transform 0.15s ease-out 0s; -o-transition: transform 0.15s ease-out 0s; transition: transform 0.15s ease-out 0s; transition: transform 0.15s ease-out 0s, -webkit-transform 0.15s ease-out 0s; opacity: 0; } .icon-error .top, .icon-error .bottom { width: 100%; background-color: #FF0000; } .icon-error .top { height: 24px; } .icon-error .bottom { height: 2px; } .light-bg { position: relative; background-color: #ffffff; color: #000000; } .light-bg::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 45px; height: 100%; background-color: #000000; } @media screen and (min-width: 768px) { .light-bg::before { width: 174px; } } @media screen and (min-width: 1200px) { .light-bg::before { width: 196px; } } @media screen and (min-width: 1650px) { .light-bg::before { width: 218px; } } .inner--project .intro.light-bg .intro-wrap { padding-top: 28px !important; } @media screen and (min-width: 768px) { .inner--project .intro.light-bg .intro-wrap { padding-top: 88px !important; } } @media screen and (min-width: 1200px) { .inner--project .intro.light-bg .intro-wrap { padding-top: 80px !important; } } @media screen and (min-width: 1650px) { .inner--project .intro.light-bg .intro-wrap { padding-top: 100px !important; } } .inner--project .intro.light-bg .intro-wrap .text-wrap .text p:first-child { padding-top: 10px; } .inner--project .intro.light-bg .intro-wrap .media-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .inner--project .intro.light-bg .intro-wrap .media-wrap > * + * { margin: 30px 0 0; } .inner--project .intro.light-bg .intro-wrap .media-wrap .img-wrap { padding: 10px 0; } @media screen and (min-width: 1200px) { .inner--project .intro.light-bg .intro-wrap .media-wrap .img-wrap { width: 100%; } } .inner--project .intro.light-bg .intro-wrap .media-wrap .img-wrap img { margin: 0 auto; width: 100%; } .mfp-wrap.mfp-gallery { top: 0 !important; width: 100%; height: 100%; z-index: 10000; background-color: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font: 14px/1.5714 "ArialRegular", "Arial", "Vernada", "Tahoma", sans-serif; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mfp-wrap.mfp-gallery .mfp-close { position: absolute; top: 0; right: 0; padding: 15px; font: 14px/1.5714 "ArialRegular", "Arial", "Vernada", "Tahoma", sans-serif; color: #ffffff; } @media screen and (min-width: 1200px) { .mfp-wrap.mfp-gallery .mfp-close { right: 15px; } } .mfp-wrap.mfp-gallery .mfp-bottom-bar { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mfp-wrap.mfp-gallery .mfp-arrow { position: absolute; bottom: 0; padding: 15px; width: 54px; height: 54px; background: url(../img/prev.svg); background-position: 50%; background-size: 20px; background-repeat: no-repeat; } .mfp-wrap.mfp-gallery .mfp-arrow.mfp-arrow-left { left: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media screen and (min-width: 1200px) { .mfp-wrap.mfp-gallery .mfp-arrow.mfp-arrow-left { left: 15px; } } .mfp-wrap.mfp-gallery .mfp-arrow.mfp-arrow-right { right: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } @media screen and (min-width: 1200px) { .mfp-wrap.mfp-gallery .mfp-arrow.mfp-arrow-right { right: 15px; } } .wrapper { z-index: unset; } .mfp-zoom-out-cur .wrapper { z-index: -1; } .inner--services.has-line .animated { opacity: 0; visibility: hidden; } .inner--services.has-line .intro { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 768px) { .inner--services.has-line .intro { padding: 0; } } @media screen and (min-width: 768px) { .inner--services.has-line .intro .container { padding-right: 40px !important; } } .inner--services.has-line .intro .intro-wrap { padding: 0 0 30px 20px; } @media screen and (min-width: 768px) { .inner--services.has-line .intro .intro-wrap { padding: 0 0 45px 45px; } } @media screen and (min-width: 1200px) { .inner--services.has-line .intro .intro-wrap { padding: 0 0 55px 55px; } } @media screen and (min-width: 1920px) { .inner--services.has-line .intro .intro-wrap { padding: 0 0 120px 100px; } } @media screen and (min-width: 768px) { .inner--services.has-line .intro .title-wrap { margin-bottom: 200px; } } @media screen and (min-width: 1200px) { .inner--services.has-line .intro .title-wrap { margin-bottom: 80px; } } @media screen and (min-width: 1920px) { .inner--services.has-line .intro .title-wrap { margin-bottom: 100px; } } .inner--services.has-line .intro .title-wrap .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .inner--services.has-line .intro .panel-wrap { padding-right: 20px; } .inner--services.has-line .intro .description { padding-top: 1px; max-width: 570px; } @media screen and (min-width: 1920px) { .inner--services.has-line .intro .description { max-width: 815px; } } .inner--services.has-line .intro .description__item { margin-top: 25px; } @media screen and (min-width: 768px) { .inner--services.has-line .intro .description__item { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 768px) { .inner--services.has-line .intro .description__item .icon { margin-right: 15px; } } @media screen and (min-width: 1920px) { .inner--services.has-line .intro .description__item .icon { margin-right: 40px; } } .inner--services.has-line .intro .description__item .icon-date { width: 18px; height: 20px; } @media screen and (min-width: 1920px) { .inner--services.has-line .intro .description__item .icon-date { width: 26px; height: 20px; } } .inner--services.has-line .intro .description__item .icon-cash { width: 18px; height: 20px; } @media screen and (min-width: 1920px) { .inner--services.has-line .intro .description__item .icon-cash { width: 26px; height: 22px; } } .inner--services.has-line .intro .description__item .icon-team { width: 18px; height: 18px; } @media screen and (min-width: 1920px) { .inner--services.has-line .intro .description__item .icon-team { width: 26px; height: 20px; } } .inner--services.has-line .intro .description__item .term { margin-bottom: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 1200px) { .inner--services.has-line .intro .description__item .term { min-width: 185px; } } @media screen and (min-width: 1920px) { .inner--services.has-line .intro .description__item .term { min-width: 245px; } } .inner--services.has-line .intro .description__item .term .name { display: block; margin-left: auto; width: calc(100% - 30px); font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 13px; line-height: 21px; letter-spacing: .05em; white-space: nowrap; color: #646464; } @media screen and (min-width: 768px) { .inner--services.has-line .intro .description__item .term .name { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } @media screen and (min-width: 1200px) { .inner--services.has-line .intro .description__item .term .name { margin-left: 0; font-size: 14px; white-space: unset; } } @media screen and (min-width: 1920px) { .inner--services.has-line .intro .description__item .term .name { font-size: 16px; } } .inner--services.has-line .intro .description__item .definition { padding-left: 30px; } @media screen and (min-width: 768px) { .inner--services.has-line .intro .description__item .definition { padding-left: 5px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } } @media screen and (min-width: 768px) and (min-width: 1200px) { .inner--services.has-line .intro .description__item .definition { padding-left: 25px; } } @media screen and (min-width: 768px) and (min-width: 1920px) { .inner--services.has-line .intro .description__item .definition { padding-left: 45px; } } .inner--services.has-line .intro .description__item .definition span:not(.remark) { display: block; margin-bottom: 5px; font-family: "ArialRegular", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 14px; line-height: 21px; letter-spacing: .05em; color: #646464; } @media screen and (min-width: 1920px) { .inner--services.has-line .intro .description__item .definition span:not(.remark) { font-size: 16px; } } .inner--services.has-line .intro .description__item .definition span.remark { display: block; font-family: "ArialRegular", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 11px; line-height: 16px; color: #424242; } @media screen and (min-width: 768px) { .inner--services.has-line .intro .description__item .definition span.remark { margin-left: auto; width: 185px; white-space: normal; } } @media screen and (min-width: 1200px) { .inner--services.has-line .intro .description__item .definition span.remark { width: 200px; } } @media screen and (min-width: 1920px) { .inner--services.has-line .intro .description__item .definition span.remark { width: 322px; font-size: 13px; } } .inner--services.has-line .sidebar-bg { position: fixed; top: 0; right: 0; width: 0; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .inner--services.has-line .sidebar-bg.is-visible { z-index: 9998; width: calc(100vw - 45px); } @media screen and (min-width: 768px) { .inner--services.has-line .sidebar-bg.is-visible { width: calc(100vw - 174px); } } .services.has-bg { position: relative; } .services.has-bg::after { content: ""; display: block; position: absolute; display: none; top: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.2); } @media screen and (min-width: 1200px) { .services.has-bg::after { display: block; right: 366px; } } @media screen and (min-width: 1920px) { .services.has-bg::after { right: 498px; } } .services.has-bg .top { position: relative; background-color: #121212; } .services.has-bg .top.has-fixed { padding-top: 45px; } .services.has-bg .top-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .services.has-bg .top-wrap .content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 25px 20px 40px; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } @media screen and (min-width: 768px) { .services.has-bg .top-wrap .content { margin: 45px 0 80px 45px; } } @media screen and (min-width: 1200px) { .services.has-bg .top-wrap .content { margin: 50px 0 85px 50px; width: calc(100% - 409px); } } @media screen and (min-width: 1920px) { .services.has-bg .top-wrap .content { margin: 70px 0 80px 100px; width: calc(100% - 920px); } } .services.has-bg .top-wrap .content .text-wrap { max-width: 600px; } .services.has-bg .top-wrap .content .subtitle, .services.has-bg .top-wrap .content h2, .services.has-bg .top-wrap .content h3, .services.has-bg .top-wrap .content h4, .services.has-bg .top-wrap .content h5, .services.has-bg .top-wrap .content h6 { padding: 26px 0 12px; max-width: 80%; font-family: "ArialBlack", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 16px; line-height: 23px; letter-spacing: -0.025em; color: #ffffff; } @media screen and (min-width: 768px) { .services.has-bg .top-wrap .content .subtitle, .services.has-bg .top-wrap .content h2, .services.has-bg .top-wrap .content h3, .services.has-bg .top-wrap .content h4, .services.has-bg .top-wrap .content h5, .services.has-bg .top-wrap .content h6 { padding: 30px 0 10px; font-size: 18px; line-height: 25px; } } @media screen and (min-width: 1200px) { .services.has-bg .top-wrap .content .subtitle, .services.has-bg .top-wrap .content h2, .services.has-bg .top-wrap .content h3, .services.has-bg .top-wrap .content h4, .services.has-bg .top-wrap .content h5, .services.has-bg .top-wrap .content h6 { max-width: unset; } } @media screen and (min-width: 1920px) { .services.has-bg .top-wrap .content .subtitle, .services.has-bg .top-wrap .content h2, .services.has-bg .top-wrap .content h3, .services.has-bg .top-wrap .content h4, .services.has-bg .top-wrap .content h5, .services.has-bg .top-wrap .content h6 { padding: 40px 0 10px; font-size: 24px; line-height: 34px; } } .services.has-bg .top-wrap .content p, .services.has-bg .top-wrap .content ul, .services.has-bg .top-wrap .content ol, .services.has-bg .top-wrap .content li { font-family: "ArialRegular", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 14px; line-height: 23px; letter-spacing: 0.01em; color: #646464; opacity: 1; } @media screen and (min-width: 1920px) { .services.has-bg .top-wrap .content p, .services.has-bg .top-wrap .content ul, .services.has-bg .top-wrap .content ol, .services.has-bg .top-wrap .content li { font-size: 16px; line-height: 25px; } } .services.has-bg .top-wrap .content ul, .services.has-bg .top-wrap .content ol { padding: 0; } .services.has-bg .top-wrap .content p, .services.has-bg .top-wrap .content li { padding: 6px 0; } @media screen and (min-width: 768px) { .services.has-bg .top-wrap .content p, .services.has-bg .top-wrap .content li { padding: 10px 0; } } .services.has-bg .top-wrap .sidebar { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 1200px) { .services.has-bg .top-wrap .sidebar { position: absolute; top: 0; right: 0; width: 366px; height: 100%; background-color: rgba(0, 0, 0, 0.3); } } @media screen and (min-width: 1920px) { .services.has-bg .top-wrap .sidebar { width: 498px; } } .services.has-bg .top-wrap .sidebar-btn { position: relative; z-index: auto; padding: 0 20px; height: 45px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #272727; cursor: pointer; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } @media screen and (min-width: 768px) { .services.has-bg .top-wrap .sidebar-btn { padding: 0 35px 0 45px; } } @media screen and (min-width: 1200px) { .services.has-bg .top-wrap .sidebar-btn { display: none; } } .services.has-bg .top-wrap .sidebar-btn::before, .services.has-bg .top-wrap .sidebar-btn::after { content: ""; display: block; position: absolute; display: none; width: 13px; height: 2px; background-color: #ffffff; } .services.has-bg .top-wrap .sidebar-btn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .services.has-bg .top-wrap .sidebar-btn::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .services.has-bg .top-wrap .sidebar-btn.is-fixed { padding: 0; position: fixed; top: calc(50% - 22.5px); left: 0; z-index: 9999; width: 45px; background-color: #ffffff; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } @media screen and (min-width: 768px) { .services.has-bg .top-wrap .sidebar-btn.is-fixed { left: 129px; } } .services.has-bg .top-wrap .sidebar-btn.is-fixed .icon-z { display: block; } .services.has-bg .top-wrap .sidebar-btn.is-fixed .name, .services.has-bg .top-wrap .sidebar-btn.is-fixed .icon-caret { display: none; } .services.has-bg .top-wrap .sidebar-btn.is-fixed .name { opacity: 0; visibility: hidden; -webkit-transition: all .25s ease .5s; -o-transition: all .25s ease .5s; transition: all .25s ease .5s; } .services.has-bg .top-wrap .sidebar-btn.is-active { background-color: #272727; } .services.has-bg .top-wrap .sidebar-btn.is-active::before, .services.has-bg .top-wrap .sidebar-btn.is-active::after { display: block; } .services.has-bg .top-wrap .sidebar-btn.is-active .name, .services.has-bg .top-wrap .sidebar-btn.is-active .icon-caret, .services.has-bg .top-wrap .sidebar-btn.is-active .icon-z { display: none; } .services.has-bg .top-wrap .sidebar-btn .icon-z { display: none; width: 18.06px; height: 16.04px; } .services.has-bg .top-wrap .sidebar-btn .icon-caret { width: 10px; height: 6px; } @media screen and (min-width: 768px) { .services.has-bg .top-wrap .sidebar-btn .icon-caret { width: 15px; height: 7px; } } .services.has-bg .top-wrap .sidebar-btn .icon-caret svg { width: 100%; height: 100%; } .services.has-bg .top-wrap .sidebar-btn .icon-caret svg path { stroke: #ffffff; } .services.has-bg .top-wrap .sidebar-btn .name { margin-right: auto; font-family: "ArialBlack", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 16px; line-height: 23px; letter-spacing: -0.025em; white-space: nowrap; color: #ffffff; opacity: 1; visibility: visible; -webkit-transition: all .15s ease .5s; -o-transition: all .15s ease .5s; transition: all .15s ease .5s; } @media screen and (min-width: 768px) { .services.has-bg .top-wrap .sidebar-btn .name { font-size: 18px; line-height: 25px; white-space: unset; } } .services.has-bg .top-wrap .sidebar-content { padding: 10px 0; position: fixed; top: 50%; left: 45px; width: 0; min-height: -webkit-fit-content; min-height: -moz-fit-content; min-height: fit-content; max-height: calc(100% - 200px); background-color: #272727; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: width .15s ease .25s; -o-transition: width .15s ease .25s; transition: width .15s ease .25s; } @media screen and (min-width: 768px) { .services.has-bg .top-wrap .sidebar-content { left: 174px; max-height: calc(100% - 400px); } } @media screen and (min-width: 1200px) { .services.has-bg .top-wrap .sidebar-content { padding: 50px 30px 50px 40px; position: unset; width: 100%; max-height: unset; background-color: transparent; -webkit-transform: unset; -ms-transform: unset; transform: unset; } } @media screen and (min-width: 1920px) { .services.has-bg .top-wrap .sidebar-content { padding: 70px 70px 50px 85px; } } .services.has-bg .top-wrap .sidebar-content.is-visible { width: calc(100vw - 45px); z-index: 9999; -webkit-transition: width .15s ease; -o-transition: width .15s ease; transition: width .15s ease; } @media screen and (min-width: 768px) { .services.has-bg .top-wrap .sidebar-content.is-visible { width: calc(100vw - 254px); } } .services.has-bg .top-wrap .sidebar-content.is-visible .menu { opacity: 1; visibility: visible; -webkit-transition: all .25s ease .25s; -o-transition: all .25s ease .25s; transition: all .25s ease .25s; } .services.has-bg .top-wrap .sidebar-content .menu { height: 100%; opacity: 0; visibility: hidden; white-space: nowrap; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } @media screen and (min-width: 1200px) { .services.has-bg .top-wrap .sidebar-content .menu { opacity: 1; visibility: visible; white-space: unset; } } .services.has-bg .top-wrap .sidebar-content .menu .name { padding: 12.5px 50px 12.5px 20px; font-family: "ArialBlack", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 16px; line-height: 23px; letter-spacing: -0.025em; color: #797979; } @media screen and (min-width: 768px) { .services.has-bg .top-wrap .sidebar-content .menu .name { padding: 12.5px 55px 27.5px 45px; font-size: 18px; line-height: 25px; } } @media screen and (min-width: 1200px) { .services.has-bg .top-wrap .sidebar-content .menu .name { color: #ffffff; } } @media screen and (min-width: 1920px) { .services.has-bg .top-wrap .sidebar-content .menu .name { font-size: 24px; line-height: 34px; } } .services.has-bg .top-wrap .sidebar-content .menu .name.is-hidden { display: none; } .services.has-bg .top-wrap .sidebar-content .menu .menu-list { padding: 0 50px 17.5px 20px; } @media screen and (min-width: 768px) { .services.has-bg .top-wrap .sidebar-content .menu .menu-list { padding: 0 55px 17.5px 45px; } } .services.has-bg .top-wrap .sidebar-content .menu .menu-list__item .content { margin: 0; width: 100%; } .services.has-bg .top-wrap .sidebar-content .menu .menu-list__link.is-hidden { display: none; } .services.has-bg .top-wrap .sidebar-content .menu .submenu-link { padding: 12.5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "ArialBlack", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 16px; line-height: 23px; letter-spacing: -0.025em; color: #ffffff; white-space: nowrap; } @media screen and (min-width: 768px) { .services.has-bg .top-wrap .sidebar-content .menu .submenu-link { font-size: 18px; line-height: 25px; } } @media screen and (min-width: 1200px) { .services.has-bg .top-wrap .sidebar-content .menu .submenu-link { white-space: unset; pointer-events: none; } } @media screen and (min-width: 1920px) { .services.has-bg .top-wrap .sidebar-content .menu .submenu-link { font-size: 24px; line-height: 34px; } } .services.has-bg .top-wrap .sidebar-content .menu .submenu-link.is-active { color: #797979; } .services.has-bg .top-wrap .sidebar-content .menu .submenu-link.is-active .icon svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform .35s ease; transition: -webkit-transform .35s ease; -o-transition: transform .35s ease; transition: transform .35s ease; transition: transform .35s ease, -webkit-transform .35s ease; } .services.has-bg .top-wrap .sidebar-content .menu .submenu-link.is-active .icon svg path { stroke: #595959; } .services.has-bg .top-wrap .sidebar-content .menu .submenu-link .icon { margin-left: 25px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 20px; } @media screen and (min-width: 768px) { .services.has-bg .top-wrap .sidebar-content .menu .submenu-link .icon { margin-left: 57px; width: 32px; height: 32px; } } @media screen and (min-width: 1200px) { .services.has-bg .top-wrap .sidebar-content .menu .submenu-link .icon { display: none; } } .services.has-bg .top-wrap .sidebar-content .menu .submenu-link .icon svg { width: 100%; height: 100%; -webkit-transition: -webkit-transform .35s ease; transition: -webkit-transform .35s ease; -o-transition: transform .35s ease; transition: transform .35s ease; transition: transform .35s ease, -webkit-transform .35s ease; } .services.has-bg .top-wrap .sidebar-content .submenu { display: none; } @media screen and (min-width: 1200px) { .services.has-bg .top-wrap .sidebar-content .submenu { display: block; margin-bottom: 20px; } } .services.has-bg .top-wrap .sidebar-content .submenu.is-visible { display: block; } .services.has-bg .top-wrap .sidebar-content .submenu-list__item { padding: 0; overflow: hidden; } @media screen and (min-width: 1200px) { .services.has-bg .top-wrap .sidebar-content .submenu-list__item { opacity: 1; visibility: visible; } } .services.has-bg .top-wrap .sidebar-content .submenu-list__link { display: block; padding: 12.5px 0; font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 14px; line-height: 21px; letter-spacing: 0.05em; color: #ffffff; opacity: 0; visibility: hidden; } @media screen and (min-width: 1200px) { .services.has-bg .top-wrap .sidebar-content .submenu-list__link { padding: 7.5px 0; color: #797979; opacity: 1; visibility: visible; } } @media screen and (min-width: 1920px) { .services.has-bg .top-wrap .sidebar-content .submenu-list__link { font-size: 16px; line-height: 19px; } } @media screen and (min-width: 768px) { .services.has-bg .bottom-wrap { padding-top: 20px; } } @media screen and (min-width: 1200px) { .services.has-bg .bottom-wrap { padding-top: 50px; } } @media screen and (min-width: 1920px) { .services.has-bg .bottom-wrap { padding-top: 40px; } } .services.has-bg .bottom-wrap .content__item { margin: 14px 10px 10px 20px; overflow: hidden; } @media screen and (min-width: 768px) { .services.has-bg .bottom-wrap .content__item { margin: 10px 0 0 45px; } } @media screen and (min-width: 1200px) { .services.has-bg .bottom-wrap .content__item { margin: 20px 0 0 50px; width: calc(100% - 409px); } } @media screen and (min-width: 1920px) { .services.has-bg .bottom-wrap .content__item { margin: 20px 0 0 100px; width: calc(100% - 920px); } } .services.has-bg .bottom-wrap .content .info-btn { padding: 26px 0 12px; max-width: 700px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } @media screen and (min-width: 768px) { .services.has-bg .bottom-wrap .content .info-btn { padding: 30px 0 10px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (min-width: 1920px) { .services.has-bg .bottom-wrap .content .info-btn { padding: 40px 0 10px; } } .services.has-bg .bottom-wrap .content .info-btn.is-active .icon::after { -webkit-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; -o-transition: transform .25s ease; transition: transform .25s ease; transition: transform .25s ease, -webkit-transform .25s ease; } .services.has-bg .bottom-wrap .content .info-btn .icon { margin: 0 0 0 20px; -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; width: 28px; height: 28px; border: 1px solid #646464; border-radius: 50%; } @media screen and (min-width: 768px) { .services.has-bg .bottom-wrap .content .info-btn .icon { margin: 5px 0 0 35px; } } @media screen and (min-width: 1200px) { .services.has-bg .bottom-wrap .content .info-btn .icon { margin: 5px 0 0 60px; } } @media screen and (min-width: 1920px) { .services.has-bg .bottom-wrap .content .info-btn .icon { margin: 8px 0 0 70px; } } .services.has-bg .bottom-wrap .content .info-btn .icon::before, .services.has-bg .bottom-wrap .content .info-btn .icon::after { content: ""; display: block; position: absolute; top: 50%; width: 12px; height: 2px; background-color: #ffffff; } .services.has-bg .bottom-wrap .content .info-btn .icon::before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .services.has-bg .bottom-wrap .content .info-btn .icon::after { -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; -o-transition: transform .25s ease; transition: transform .25s ease; transition: transform .25s ease, -webkit-transform .25s ease; } .services.has-bg .bottom-wrap .content .info-content { height: 0; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; } .services.has-bg .bottom-wrap .content .info-content.is-visible { -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; } .services.has-bg .bottom-wrap .content .subtitle, .services.has-bg .bottom-wrap .content h2, .services.has-bg .bottom-wrap .content h3, .services.has-bg .bottom-wrap .content h4, .services.has-bg .bottom-wrap .content h5, .services.has-bg .bottom-wrap .content h6 { font-family: "ArialBlack", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 16px; line-height: 23px; letter-spacing: -0.025em; color: #ffffff; } @media screen and (min-width: 768px) { .services.has-bg .bottom-wrap .content .subtitle, .services.has-bg .bottom-wrap .content h2, .services.has-bg .bottom-wrap .content h3, .services.has-bg .bottom-wrap .content h4, .services.has-bg .bottom-wrap .content h5, .services.has-bg .bottom-wrap .content h6 { font-size: 18px; line-height: 25px; } } @media screen and (min-width: 1200px) { .services.has-bg .bottom-wrap .content .subtitle, .services.has-bg .bottom-wrap .content h2, .services.has-bg .bottom-wrap .content h3, .services.has-bg .bottom-wrap .content h4, .services.has-bg .bottom-wrap .content h5, .services.has-bg .bottom-wrap .content h6 { max-width: unset; } } @media screen and (min-width: 1920px) { .services.has-bg .bottom-wrap .content .subtitle, .services.has-bg .bottom-wrap .content h2, .services.has-bg .bottom-wrap .content h3, .services.has-bg .bottom-wrap .content h4, .services.has-bg .bottom-wrap .content h5, .services.has-bg .bottom-wrap .content h6 { font-size: 24px; line-height: 34px; } } .services.has-bg .bottom-wrap .content p, .services.has-bg .bottom-wrap .content ul, .services.has-bg .bottom-wrap .content ol, .services.has-bg .bottom-wrap .content li { font-family: "ArialRegular", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 14px; line-height: 23px; letter-spacing: 0.01em; color: #8D8D8D; opacity: 1; } @media screen and (min-width: 1920px) { .services.has-bg .bottom-wrap .content p, .services.has-bg .bottom-wrap .content ul, .services.has-bg .bottom-wrap .content ol, .services.has-bg .bottom-wrap .content li { font-size: 16px; line-height: 25px; } } .services.has-bg .bottom-wrap .content ul, .services.has-bg .bottom-wrap .content ol { padding: 0; } .services.has-bg .bottom-wrap .content p, .services.has-bg .bottom-wrap .content li { padding: 6px 0; } @media screen and (min-width: 768px) { .services.has-bg .bottom-wrap .content p, .services.has-bg .bottom-wrap .content li { padding: 10px 0; } } .services.has-bg .btn-wrap { padding: 50px 20px 90px; } @media screen and (min-width: 768px) { .services.has-bg .btn-wrap { padding: 60px 45px 130px; } } @media screen and (min-width: 1200px) { .services.has-bg .btn-wrap { padding: 60px 50px 160px; } } @media screen and (min-width: 1920px) { .services.has-bg .btn-wrap { padding: 70px 100px 150px; } } .services.has-bg .btn-wrap .contact-link { position: relative; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .services.has-bg .btn-wrap .contact-link:hover::after { width: 100%; -webkit-transition: width .35s linear; -o-transition: width .35s linear; transition: width .35s linear; } .services.has-bg .btn-wrap .contact-link:hover .name::before, .services.has-bg .btn-wrap .contact-link:hover .name::after { height: 100%; -webkit-transition: height .35s linear; -o-transition: height .35s linear; transition: height .35s linear; } .services.has-bg .btn-wrap .contact-link::before, .services.has-bg .btn-wrap .contact-link::after { content: ""; display: block; position: absolute; left: 0; height: 1px; background-color: #ffffff; } .services.has-bg .btn-wrap .contact-link::before { top: 0; width: 100%; } .services.has-bg .btn-wrap .contact-link::after { bottom: 0; width: 35.29px; -webkit-transition: width .35s linear; -o-transition: width .35s linear; transition: width .35s linear; } .services.has-bg .btn-wrap .contact-link .name { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 212.96px; height: 44px; font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 16px; line-height: 18px; letter-spacing: -.005em; text-transform: uppercase; } @media screen and (min-width: 1200px) { .services.has-bg .btn-wrap .contact-link .name { width: 256.62px; } } .services.has-bg .btn-wrap .contact-link .name::before, .services.has-bg .btn-wrap .contact-link .name::after { content: ""; display: block; position: absolute; width: 1px; background-color: #ffffff; -webkit-transition: height .35s linear; -o-transition: height .35s linear; transition: height .35s linear; } .services.has-bg .btn-wrap .contact-link .name::before { bottom: 0; left: 0; height: 8.18px; } .services.has-bg .btn-wrap .contact-link .name::after { top: 0; right: 0; height: 25.18px; } .inner--services .projects { position: relative; padding-bottom: 0; } .inner--services .projects::after { content: ""; display: block; position: absolute; display: none; top: 0; z-index: -1; width: 1px; height: 150%; background-color: rgba(255, 255, 255, 0.2); } @media screen and (min-width: 1200px) { .inner--services .projects::after { display: block; right: 366px; } } @media screen and (min-width: 1920px) { .inner--services .projects::after { right: 498px; } } .inner--services .projects .projects-title { text-align: center; } @media screen and (min-width: 1200px) { .inner--services .projects .projects-title { padding: 0 246px; text-align: left; } } .inner--services .projects .projects-title .theme-title { padding-bottom: 35px; font-size: 22px; line-height: 31px; } @media screen and (min-width: 768px) { .inner--services .projects .projects-title .theme-title { padding-bottom: 45px; font-size: 30px; line-height: 42px; } } @media screen and (min-width: 1200px) { .inner--services .projects .projects-title .theme-title { padding-bottom: 65px; } } @media screen and (min-width: 1650px) { .inner--services .projects .projects-title .theme-title { margin-bottom: 0; } } @media screen and (min-width: 1200px) { .inner--services .projects .projects-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .inner--services .projects .projects-list__item { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (min-width: 1200px) { .inner--services .projects .projects-list__item { margin-bottom: 30px; display: inline-block; } } .inner--services .projects .projects-list__item.left { margin-right: auto; } .inner--services .projects .projects-list__item.left .title-wrap { margin-left: auto; width: 80%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .inner--services .projects .projects-list__item.left .title-wrap .title { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .inner--services .projects .projects-list__item.left .title-wrap .title > * + * { margin: 0 0 0 6px; } .inner--services .projects .projects-list__item.left .title-wrap .title .word-wrap { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .inner--services .projects .projects-list__item.right { margin-left: auto; } @media screen and (min-width: 1200px) { .inner--services .projects .projects-list__item.right { margin-top: 40px; } } @media screen and (min-width: 1920px) { .inner--services .projects .projects-list__item.right { margin-top: 80px; } } .inner--services .projects .projects-list__item.right .title-wrap { margin-right: auto; width: 80%; } .inner--services .projects .projects-list__item.right .title-wrap .title { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .inner--services .projects .projects-list__item.right .title-wrap .title > * + * { margin: 0 0 0 6px; } .inner--services .projects .projects-list__item.right .title-wrap .title .word-wrap { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .inner--services .projects .projects-list__item.small .img-wrap { height: 70vw; } @media screen and (min-width: 768px) { .inner--services .projects .projects-list__item.small .img-wrap { width: 63.802vw; height: 44.66vw; } } @media screen and (min-width: 1200px) { .inner--services .projects .projects-list__item.small .img-wrap { width: 40.8333vw; height: 28.5833vw; } } .inner--services .projects .projects-list__item.large .img-wrap { height: 50vw; } @media screen and (min-width: 768px) { .inner--services .projects .projects-list__item.large .img-wrap { width: 89.1927vw; height: 44.66vw; } } @media screen and (min-width: 1200px) { .inner--services .projects .projects-list__item.large .img-wrap { width: 57.0833vw; height: 28.5833vw; } } .inner--services .projects .projects-list__item.large .img-wrap .cursor-hovered { position: relative; display: block; width: 100%; height: 100%; } .inner--services .projects .projects-list__item.large .img-wrap .cursor-hovered::before { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .inner--services .projects .projects-list__item .title-wrap { position: unset; padding: 20px 20px 10px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: auto; } @media screen and (min-width: 768px) { .inner--services .projects .projects-list__item .title-wrap { padding: 20px 60px 10px; } } @media screen and (min-width: 1200px) { .inner--services .projects .projects-list__item .title-wrap { padding: 30px 70px 10px; } } @media screen and (min-width: 1920px) { .inner--services .projects .projects-list__item .title-wrap { padding: 30px 117px 49px; } } .inner--services .projects .projects-list__item .title-wrap a { display: block; } .inner--services .projects .projects-list__item .theme-title { margin: 0; font-size: 16px; line-height: 21px; text-align: right; } @media screen and (min-width: 1920px) { .inner--services .projects .projects-list__item .theme-title { font-size: 30px; line-height: 36px; } } .mobile.landscape .services.has-bg .top .sidebar-content, .tablet.landscape .services.has-bg .top .sidebar-content { height: calc(100vh - 200px); } @media screen and (min-width: 768px) { .mobile.landscape .services.has-bg .top .sidebar-content, .tablet.landscape .services.has-bg .top .sidebar-content { height: calc(100vh - 400px); } } @media screen and (min-width: 1200px) { .mobile.landscape .services.has-bg .top .sidebar-content, .tablet.landscape .services.has-bg .top .sidebar-content { height: unset; background-color: transparent; } } @media screen and (min-width: 1200px) { #site-main .projects { padding-bottom: 0; } } #site-main .projects .has-animation { opacity: 1; visibility: visible; } #site-main .projects { padding-bottom: 30px; } @media screen and (min-width: 768px) { #site-main .projects { padding-bottom: 40px; } } #site-main .projects .projects-title { padding: 35px 65px 15px; text-align: center; } @media screen and (min-width: 768px) { #site-main .projects .projects-title { padding: 60px 200px 35px; } } @media screen and (min-width: 1200px) { #site-main .projects .projects-title { padding: 90px 294px 0 40.8333vw; text-align: right; } } @media screen and (min-width: 1920px) { #site-main .projects .projects-title { padding: 150px 494px 0 40.8333vw; } } #site-main .projects .projects-title .theme-title { opacity: 0; visibility: hidden; -webkit-transform: translate(5%, 5%); -ms-transform: translate(5%, 5%); transform: translate(5%, 5%); } @media screen and (min-width: 1650px) { #site-main .projects .projects-title .theme-title { margin-bottom: 0; } } @media screen and (min-width: 1200px) { #site-main .projects .projects-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } #site-main .projects .projects-list__item { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; opacity: 0; visibility: hidden; } @media screen and (min-width: 1200px) { #site-main .projects .projects-list__item { display: inline-block; } } #site-main .projects .projects-list__item.left { margin-right: auto; -webkit-transform: translate(-5%, 10%); -ms-transform: translate(-5%, 10%); transform: translate(-5%, 10%); } #site-main .projects .projects-list__item.left.aos-init { -webkit-transform: translate(-5%, 10%); -ms-transform: translate(-5%, 10%); transform: translate(-5%, 10%); } #site-main .projects .projects-list__item.left.aos-init.aos-animate { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } #site-main .projects .projects-list__item.left .title-wrap { width: 80%; } #site-main .projects .projects-list__item.left .title-wrap .title { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #site-main .projects .projects-list__item.left .title-wrap .title > * + * { margin: 0 0 0 6px; } #site-main .projects .projects-list__item.left .title-wrap .title .word-wrap { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } #site-main .projects .projects-list__item.right { margin-left: auto; -webkit-transform: translate(20%, 40%); -ms-transform: translate(20%, 40%); transform: translate(20%, 40%); } @media screen and (min-width: 1200px) { #site-main .projects .projects-list__item.right { margin-top: 40px; } } @media screen and (min-width: 1920px) { #site-main .projects .projects-list__item.right { margin-top: 80px; } } #site-main .projects .projects-list__item.right.aos-init { -webkit-transform: translate(20%, 40%); -ms-transform: translate(20%, 40%); transform: translate(20%, 40%); } #site-main .projects .projects-list__item.right.aos-init.aos-animate { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } #site-main .projects .projects-list__item.right .title-wrap { width: 80%; } @media screen and (min-width: 1200px) { #site-main .projects .projects-list__item.right .title-wrap { margin-left: 0; margin-right: auto; } } #site-main .projects .projects-list__item.right .title-wrap .title { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #site-main .projects .projects-list__item.right .title-wrap .title > * + * { margin: 0 0 0 6px; } #site-main .projects .projects-list__item.right .title-wrap .title .word-wrap { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (min-width: 768px) { #site-main .projects .projects-list__item.small .img-wrap { width: 63.802vw; } } @media screen and (min-width: 1200px) { #site-main .projects .projects-list__item.small .img-wrap { width: 40.8333vw; } } @media screen and (min-width: 768px) { #site-main .projects .projects-list__item.large .img-wrap { width: 89.1927vw; } } @media screen and (min-width: 1200px) { #site-main .projects .projects-list__item.large .img-wrap { width: 57.0833vw; } } @media screen and (min-width: 768px) { #site-main .projects .projects-list__item .img-wrap { height: 44.6615vw; } } @media screen and (min-width: 1200px) { #site-main .projects .projects-list__item .img-wrap { height: 28.5833vw; } } @media screen and (min-width: 1920px) { #site-main .projects .projects-list__item .img-wrap { height: 28.3854vw; } } #site-main .projects .projects-list__item .img-wrap .cursor-hovered { position: relative; display: block; width: 100%; height: 100%; } #site-main .projects .projects-list__item .img-wrap .cursor-hovered::before { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } #site-main .projects .projects-list__item .title-wrap { position: unset; margin-left: auto; padding: 20px 20px 10px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media screen and (min-width: 768px) { #site-main .projects .projects-list__item .title-wrap { padding: 20px 60px 10px; } } @media screen and (min-width: 1200px) { #site-main .projects .projects-list__item .title-wrap { padding: 30px 70px 10px; } } @media screen and (min-width: 1920px) { #site-main .projects .projects-list__item .title-wrap { padding: 30px 117px 49px; } } #site-main .projects .projects-list__item .title-wrap a { display: block; } #site-main .projects .projects-list__item .theme-title { margin: 0; font-size: 16px; line-height: 21px; text-align: right; } @media screen and (min-width: 1920px) { #site-main .projects .projects-list__item .theme-title { font-size: 30px; line-height: 36px; } } #site-main .text-block { padding-top: 33.125vw; padding-bottom: 55px; position: relative; } @media screen and (min-width: 768px) { #site-main .text-block { padding: 3vw 0 100px; } } @media screen and (min-width: 1200px) { #site-main .text-block { padding: 5vw 0 10vw; } } #site-main .text-block .container { padding-right: 25px; position: relative; z-index: 1; } #site-main .text-block .text-block-wrap { margin-left: 10px; } @media screen and (min-width: 768px) { #site-main .text-block .text-block-wrap { margin-left: 20px; max-width: 52vw; } } @media screen and (min-width: 1200px) { #site-main .text-block .text-block-wrap { margin-left: 3vw; max-width: 42vw; } } @media screen and (min-width: 1920px) { #site-main .text-block .text-block-wrap { margin-left: 5vw; max-width: 34vw; } } #site-main .text-block .title-wrap { padding-bottom: 7px; } #site-main .text-block .title-wrap .title { font-size: 16px; line-height: 18px; } @media screen and (min-width: 1920px) { #site-main .text-block .title-wrap .title { margin-bottom: 15px; font-size: 30px; line-height: 34px; } } #site-main .text-block .text-wrap .has-simplebar { max-height: 11em; } @media screen and (min-width: 768px) { #site-main .text-block .text-wrap .has-simplebar { max-height: 10em; } } @media screen and (min-width: 1920px) { #site-main .text-block .text-wrap .has-simplebar { max-height: 9em; } } #site-main .text-block .text-wrap .simplebar-track.simplebar-vertical { top: 3px; right: 0; bottom: 0; } #site-main .text-block .text-wrap .text { padding: 0 15px 0 0; } #site-main .text-block .text-wrap h1 { padding: 4px 0 23px; font-family: "ArialBlack", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 16px; line-height: 18px; color: #ffffff; } @media screen and (min-width: 1920px) { #site-main .text-block .text-wrap h1 { font-size: 30px; line-height: 34px; } } #site-main .text-block .text-wrap h2, #site-main .text-block .text-wrap h3, #site-main .text-block .text-wrap h4, #site-main .text-block .text-wrap h5, #site-main .text-block .text-wrap h6 { padding: 12px 0 6px; font-family: "ArialBlack", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 13px; line-height: 18.5px; } @media screen and (min-width: 768px) { #site-main .text-block .text-wrap h2, #site-main .text-block .text-wrap h3, #site-main .text-block .text-wrap h4, #site-main .text-block .text-wrap h5, #site-main .text-block .text-wrap h6 { font-size: 14px; line-height: 23px; } } #site-main .text-block .text-wrap p { padding: 3px 0; font-size: 13px; line-height: 18.5px; } @media screen and (min-width: 768px) { #site-main .text-block .text-wrap p { font-size: 14px; line-height: 23px; } } #site-main .text-block .img-wrap { position: absolute; right: 0; top: 0; width: 100vw; height: 39.375vw; } @media screen and (min-width: 768px) { #site-main .text-block .img-wrap { width: 61vw; height: 24vw; } } @media screen and (min-width: 1200px) { #site-main .text-block .img-wrap { width: 61vw; height: 24vw; } } @media screen and (min-width: 1920px) { #site-main .text-block .img-wrap { right: 120px; } } .inner--contacts.has-line .intro { width: 100%; } .inner--contacts.has-line .intro .container { width: 100%; } .inner--contacts.has-line .intro .subtitle { margin: 10px 0; font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 14px; line-height: 19px; letter-spacing: 0.06em; text-transform: uppercase; } @media screen and (min-width: 1920px) { .inner--contacts.has-line .intro .subtitle { font-size: 16px; line-height: 24px; } } .inner--contacts.has-line .intro .text:not(.subtitle) { padding: 5px 0; font-size: 14px; line-height: 21px; color: #646464; opacity: 1; } @media screen and (min-width: 1920px) { .inner--contacts.has-line .intro .text:not(.subtitle) { font-size: 16px; line-height: 24px; } } @media screen and (min-width: 1200px) { .inner--contacts.has-line .intro .section-wrap { padding: 100px 80px 100px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 1920px) { .inner--contacts.has-line .intro .section-wrap { padding: 220px 235px 120px 80px; } } .inner--contacts.has-line .intro .intro-wrap { padding: 50px 20px 40px; } @media screen and (min-width: 768px) { .inner--contacts.has-line .intro .intro-wrap { padding: 70px 40px 50px; } } @media screen and (min-width: 1200px) { .inner--contacts.has-line .intro .intro-wrap { padding: 0; } } .inner--contacts.has-line .intro .intro-wrap .theme-title { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media screen and (min-width: 1920px) { .inner--contacts.has-line .intro .intro-wrap .theme-title { margin-bottom: 30px; } } .inner--contacts.has-line .intro .intro-wrap .theme-title > * + * { margin: 0 0 0 10px; } @media screen and (min-width: 768px) { .inner--contacts.has-line .intro .intro-wrap .theme-title > * + * { margin: 0 0 0 20px; } } @media screen and (min-width: 1920px) { .inner--contacts.has-line .intro .intro-wrap .theme-title > * + * { margin: 0 0 0 25px; } } .inner--contacts.has-line .intro .intro-wrap .theme-title .word-wrap { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .inner--contacts.has-line .intro .intro-wrap .texts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .inner--contacts.has-line .intro .intro-wrap .texts { width: 320px; } } @media screen and (min-width: 1200px) { .inner--contacts.has-line .intro .intro-wrap .texts { padding-left: 10px; width: 340px; } } @media screen and (min-width: 1920px) { .inner--contacts.has-line .intro .intro-wrap .texts { width: 440px; } } .inner--contacts.has-line .intro .intro-wrap .texts > * + * { margin: 30px 0 0; } @media screen and (min-width: 768px) { .inner--contacts.has-line .intro .intro-wrap .texts > * + * { margin: 20px 0 0; } } @media screen and (min-width: 1200px) { .inner--contacts.has-line .intro .intro-wrap .texts > * + * { margin: 35px 0 0; } } @media screen and (min-width: 1920px) { .inner--contacts.has-line .intro .intro-wrap .texts > * + * { margin: 30px 0 0; } } .inner--contacts.has-line .intro .callback-wrap { padding: 0 20px 28px; } @media screen and (min-width: 768px) { .inner--contacts.has-line .intro .callback-wrap { padding: 0 40px 18px; } } @media screen and (min-width: 1200px) { .inner--contacts.has-line .intro .callback-wrap { padding: 70px 0 0; } } @media screen and (min-width: 1920px) { .inner--contacts.has-line .intro .callback-wrap { padding: 117px 0 0; } } .inner--contacts.has-line .intro .callback-wrap .callback-form { padding-top: 10px; } @media screen and (min-width: 768px) { .inner--contacts.has-line .intro .callback-wrap .callback-form { padding-top: 15px; width: 396px; } } .inner--contacts.has-line .intro .callback-wrap .text-wrap { padding: 10px 0; } @media screen and (min-width: 768px) { .inner--contacts.has-line .intro .callback-wrap .text-wrap { padding: 0 0 10px; } } .modal-bg { position: fixed; top: 0; right: 0; z-index: -1; width: 100%; height: 100%; background-color: rgba(18, 18, 18, 0.8); } .modal-bg.is-visible { z-index: 10000; opacity: 1; visibility: visible; -webkit-transition: all .85s ease; -o-transition: all .85s ease; transition: all .85s ease; } .modal { position: fixed; top: 50%; left: 50%; z-index: -1; width: 100%; max-width: 633px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #000000; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .95s ease; -o-transition: all .95s ease; transition: all .95s ease; } @media screen and (min-width: 1200px) { .modal { max-width: 689px; } } @media screen and (min-width: 1920px) { .modal { max-width: 760px; } } .modal.is-visible { z-index: 10000; opacity: 1; visibility: visible; -webkit-transition: all .85s ease; -o-transition: all .85s ease; transition: all .85s ease; } .modal__wrap { width: 100%; position: relative; } .modal__wrap .btn--close { position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } @media screen and (min-width: 768px) { .modal__wrap .btn--close { top: 40px; right: 40px; } } .modal__wrap .btn--close .icon-close { position: relative; width: 24px; height: 24px; } .modal__wrap .btn--close .icon-close::before, .modal__wrap .btn--close .icon-close::after { content: ""; display: block; position: absolute; left: 11px; top: 0; width: 2px; height: 24px; background-color: #ffffff; } .modal__wrap .btn--close .icon-close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modal__wrap .btn--close .icon-close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .modal__content { width: 100%; } .modal--callback .callback-wrap { padding: 30px 43px 0; } @media screen and (min-width: 768px) { .modal--callback .callback-wrap { padding: 66px 115px 70px; } } @media screen and (min-width: 1200px) { .modal--callback .callback-wrap { padding: 71px 150px 75px; } } @media screen and (min-width: 1920px) { .modal--callback .callback-wrap { padding: 71px 180px 75px; } } .modal--callback .callback-wrap .subtitle { margin: 12px 0; font-family: "ArialBold", "Arial", "Vernada", "Tahoma", sans-serif; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; color: #ffffff; } @media screen and (min-width: 768px) { .modal--callback .callback-wrap .subtitle { margin: 17px 0; } } @media screen and (min-width: 1200px) { .modal--callback .callback-wrap .subtitle { margin: 17px 0 22px; } } .modal--callback .callback-wrap .text-wrap .text { padding: 5px 0 15px; font-size: 14px; line-height: 21px; color: #646464; opacity: 1; } @media screen and (min-width: 1200px) { .modal--callback .callback-wrap .text-wrap .text { font-size: 16px; line-height: 24px; } } @media screen and (min-width: 1200px) { .modal--callback .callback-wrap .theme-form .input-wrap { margin-bottom: 25px; } } @media screen and (min-width: 1200px) { .modal--callback .callback-wrap .theme-form .tabs { padding-bottom: 25px; } } .modal--callback .callback-wrap .theme-form .btn-wrap { padding: 22px 0 42px; } .desktop .modal .modal__wrap .btn--close { display: none; } .largeproject-wrap { position: fixed; top: 0; right: 0; z-index: -1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; background-color: rgba(18, 18, 18, 0.9); } .largeproject-wrap.is-visible { z-index: 10000; opacity: 1; visibility: visible; -webkit-transition: all .85s ease; -o-transition: all .85s ease; transition: all .85s ease; } .largeproject-wrap .btn--close { position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } @media screen and (min-width: 768px) { .largeproject-wrap .btn--close { top: 40px; right: 40px; } } .largeproject-wrap .btn--close .icon-close { position: relative; width: 24px; height: 24px; } .largeproject-wrap .btn--close .icon-close::before, .largeproject-wrap .btn--close .icon-close::after { content: ""; display: block; position: absolute; left: 11px; top: 0; width: 2px; height: 24px; background-color: #ffffff; } .largeproject-wrap .btn--close .icon-close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .largeproject-wrap .btn--close .icon-close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .largeproject-wrap .largeproject-list { width: 100vw; } .largeproject-wrap .largeproject-list__item { width: 100vw; max-height: 70vh; } .largeproject-wrap .largeproject-list__item img { margin: 0 auto; max-width: 100%; height: auto; max-height: 70vh; } .largeproject-wrap .largeproject-list .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .largeproject-wrap .largeproject-nav { margin: 0 auto; width: calc(100vw - 105px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 768px) { .largeproject-wrap .largeproject-nav { padding: 30px 0; width: calc(100vw - 244px); max-width: 485px; -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 1200px) { .largeproject-wrap .largeproject-nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: unset; } } @media screen and (min-width: 1650px) { .largeproject-wrap .largeproject-nav { margin: 0; padding: 60px 30px 60px 180px; width: 100%; } } .largeproject-wrap .largeproject-nav .nav-dots { display: none; } @media screen and (min-width: 1200px) { .largeproject-wrap .largeproject-nav .nav-dots { padding: 16px 0; display: block; } } .largeproject-wrap .largeproject-nav .nav-dots .slick-dots { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .largeproject-wrap .largeproject-nav .nav-dots .slick-dots > * + * { margin: 0 0 0 10px; } .largeproject-wrap .largeproject-nav .nav-dots .slick-dots li { position: relative; width: 18px; height: 100%; border: 1px solid transparent; border-radius: 50%; cursor: default; -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } @media screen and (min-width: 1200px) { .largeproject-wrap .largeproject-nav .nav-dots .slick-dots li { cursor: url("../img/cursor-hovered.png"), auto !important; } } .largeproject-wrap .largeproject-nav .nav-dots .slick-dots li.slick-active { border-color: #ffffff; -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } .largeproject-wrap .largeproject-nav .nav-dots .slick-dots span { position: absolute; top: 50%; left: 50%; display: block; width: 4px; height: 4px; background-color: #ffffff; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .largeproject-wrap .largeproject-nav .nav-dots .slick-dots button { text-indent: -9999px; } .largeproject-wrap .largeproject-nav .nav-pagination { margin-bottom: 15px; padding: 20px 0 10px; width: 100%; } @media screen and (min-width: 1200px) { .largeproject-wrap .largeproject-nav .nav-pagination { display: none; } } .largeproject-wrap .largeproject-nav .nav-pagination .pagination-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .largeproject-wrap .largeproject-nav .nav-pagination .pagination-list__item.has-number { font-size: 12px; line-height: 17px; color: rgba(255, 255, 255, 0.4); } .largeproject-wrap .largeproject-nav .nav-pagination .pagination-list__item.has-number.js_current { color: #ffffff; } .largeproject-wrap .largeproject-nav .nav-pagination .pagination-list__item.has-dot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .largeproject-wrap .largeproject-nav .nav-pagination .pagination-list__item.has-dot .dot { display: block; width: 4px; height: 4px; background-color: rgba(255, 255, 255, 0.3); border-radius: 50%; } .largeproject-wrap .largeproject-nav .nav-arrows { width: 100%; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 768px) { .largeproject-wrap .largeproject-nav .nav-arrows { width: 115px; height: 50px; } } .largeproject-wrap .largeproject-nav .nav-arrows .prev, .largeproject-wrap .largeproject-nav .nav-arrows .next { width: 40px; height: 40px; } @media screen and (min-width: 768px) { .largeproject-wrap .largeproject-nav .nav-arrows .prev, .largeproject-wrap .largeproject-nav .nav-arrows .next { width: 50px; height: 50px; } } .largeproject-wrap .largeproject-nav .nav-arrows .prev .arrow, .largeproject-wrap .largeproject-nav .nav-arrows .next .arrow { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; } @media screen and (min-width: 768px) { .largeproject-wrap .largeproject-nav .nav-arrows .prev .arrow, .largeproject-wrap .largeproject-nav .nav-arrows .next .arrow { width: 50px; height: 50px; } } .largeproject-wrap .largeproject-nav .nav-arrows .prev .arrow:hover .icon.icon-circle .circle, .largeproject-wrap .largeproject-nav .nav-arrows .next .arrow:hover .icon.icon-circle .circle { stroke-dashoffset: 0; opacity: 1; } .largeproject-wrap .largeproject-nav .nav-arrows .prev .arrow:hover .icon.icon-arrow svg, .largeproject-wrap .largeproject-nav .nav-arrows .prev .arrow:hover .icon.icon-arrow path, .largeproject-wrap .largeproject-nav .nav-arrows .next .arrow:hover .icon.icon-arrow svg, .largeproject-wrap .largeproject-nav .nav-arrows .next .arrow:hover .icon.icon-arrow path { fill: #ffffff; } .largeproject-wrap .largeproject-nav .nav-arrows .prev .arrow .icon, .largeproject-wrap .largeproject-nav .nav-arrows .next .arrow .icon { position: absolute; top: 50%; left: 50%; } .largeproject-wrap .largeproject-nav .nav-arrows .prev .arrow .icon.icon-circle, .largeproject-wrap .largeproject-nav .nav-arrows .next .arrow .icon.icon-circle { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .largeproject-wrap .largeproject-nav .nav-arrows .prev .arrow .icon.icon-circle .circle, .largeproject-wrap .largeproject-nav .nav-arrows .next .arrow .icon.icon-circle .circle { stroke: #ffffff; stroke-width: 2px; stroke-dasharray: 650; stroke-dashoffset: 650; -webkit-transition: all 0.75s ease-in-out; opacity: 0.3; } .largeproject-wrap .largeproject-nav .nav-arrows .prev .arrow .icon.icon-arrow, .largeproject-wrap .largeproject-nav .nav-arrows .next .arrow .icon.icon-arrow { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .largeproject-wrap .largeproject-nav .nav-arrows .prev .arrow .icon.icon-arrow svg, .largeproject-wrap .largeproject-nav .nav-arrows .prev .arrow .icon.icon-arrow path, .largeproject-wrap .largeproject-nav .nav-arrows .next .arrow .icon.icon-arrow svg, .largeproject-wrap .largeproject-nav .nav-arrows .next .arrow .icon.icon-arrow path { fill: rgba(255, 255, 255, 0.6); } .inner--testnew .slide-wrapper { display: none; } .inner--testnew .scene-nav { position: fixed; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; display: inline-block; } .inner--testnew .scene-nav--next { right: 2%; } .inner--testnew .scene-nav--prev { left: 2%; } body.render canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .will-delete { display: none; padding: 10px 0; width: 140px; position: fixed; bottom: 0; left: 0; z-index: 10000; color: #000000; font-family: "ArialRegular", "Arial", "Vernada", "Tahoma", sans-serif; letter-spacing: 1px; text-align: center; background-color: #ffffff; } @media screen and (min-width: 768px) { .will-delete { display: block; bottom: 100px; left: 40px; } } .will-delete .pages-title { padding: 0 40px; position: relative; cursor: pointer; } .will-delete .pages-title.focus + .pages-nav { display: block; opacity: 1; visibility: visible; } .will-delete .pages-nav { margin-bottom: 3px; width: 140px; max-height: 240px; position: absolute; bottom: 100%; left: 0; display: none; opacity: 0; visibility: hidden; overflow-y: scroll; -webkit-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; } .will-delete .pages-nav li { margin-top: 1px; background-color: #ffffff; } .will-delete .pages-nav li a { display: block; padding: 7px 0; width: 100%; } .will-delete .simplebar-track { right: 0; top: 1px; bottom: 0; } .will-delete .simplebar-track.vertical { width: 6px; background-color: rgba(251, 251, 251, 0.2); border-right: .5px solid transparent; border-left: .5px solid transparent; background-clip: content-box; } .will-delete .simplebar-track.horizontal { display: none; }