.brxe-video .plyr .plyr__control--overlaid { background-color: rgba(0, 0, 0, 0.6); height: 70px; width: 70px; border-radius: 15px; backdrop-filter: blur(5px); } .brxe-audio .mejs-container .mejs-controls .mejs-pause>button { background-image: url(https://artice3d.ru/wp-content/uploads/2026/08/Pause-1-8.svg); filter: brightness(1) !important; } .brxe-audio.theme-light .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { background-color: hsla(0, 0%, 66%, 0.22); padding: 3px; width: 59px; height: 30px; } .mejs-controls .mejs-time-rail span.mejs-time-float-current { padding: 5px; border-radius:7px; } .mejs-time-float-corner { display:none; } video { border-radius: 20px; } .news-h3 a:hover { border-bottom: 2px solid #bbbbbb !important; transition: all 0.1s linear; } .news-h3 a { border-bottom: 2px solid transparent !important; transition: all 0.1s linear; } .news-h3 ul { list-style-type: square !important; padding-left: 22px !important; } .mega-hover { display: grid; grid-template-rows: 0; transition: grid-template-rows 0.3s ease; overflow: hidden; } .mega-hover:hover { grid-template-rows: 230px; } .mega-hover > * { min-height: 0; } .menu-services-hover { max-height: 0; overflow: hidden; transition: max-height 0.5s ease; } .mega-hover > * { min-height: 0; } .menu-services-hover { max-height: 0; overflow: hidden; transition: max-height 0.5s ease; } .mega-hover img { opacity: 0 !important; transition: all 0.3s linear; } .mega-hover:hover img { opacity: 1.0 !important; transition: all 0.3s linear; filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); transform: scale(1.0); } .no-border { row-gap: 0px !important; column-gap: 0px !important; } .no-border .no-border-img img { border-radius: 0 !important; } .no-border .no-border-img:first-child img { border-radius: 20px 20px 0 0 !important; } .no-border .no-border-img:last-child img { border-radius: 0 0 20px 20px !important; } .img-light-border img { border: 1px solid rgba(230, 230, 230, 0.83); } .black h2, .black h3 { color:#000000 !important; } .screens { display: flex; align-items: center; } body .screens .brx-submenu-toggle { width: 350px !important; justify-content: center; background-color: var(--Dark-button) !important; } .dark-grey-button div { border: 1px solid var(--Dark-button) !important; } .quick-jumps.dark-grey-button div:hover, .quick-jumps.dark-grey-button div.active { background-color: var(--Light-button) !important; } body .screens .menu-item { border-bottom: 1px solid var(--borders); margin: 0 -20px; } body .screens .menu-item:hover, .quick-jumps:hover { cursor: pointer !important; } body .screens .menu-item:last-child { border-bottom: 0; } .quick-jumps .active { background-color: var(--bricks-color-aaovty) !important; transition: all 0.2s linear !important; border: 0 !important; } #wayfarer-app .phone { border-radius: 35px !important; } .big-icon { width: 250px !important; stroke: #c7c7c7 !important; } .web-anim-wrap { perspective: 1200px; } .web-anim-01 { transform-style: preserve-3d; animation: sway3d 4s ease-in-out infinite; } @keyframes sway3d { 0% { transform: rotateY(-5deg); } 50% { transform: rotateY(5deg); } 100% { transform: rotateY(-5deg); } } .brxe-audio .mejs-container .mejs-controls .mejs-play>button, .brxe-audio .mejs-container .mejs-controls .mejs-replay>button { background-image: url(https://artice3d.ru/wp-content/uploads/2026/06/play-05.svg) !important; filter: brightness(1) !important; } .brxe-audio .mejs-container .mejs-controls .mejs-mute>button { background-image: url(https://artice3d.ru/wp-content/uploads/2026/06/vol-02.svg) !important; filter: brightness(1) !important; } .mejs-time { padding: 16px 12px 0 !important; } .mejs-container * { font-family: 'Inter' !important; font-size: 16px !important; color: #7d7d7d !important; } .brxe-audio.theme-light .mejs-container .mejs-controls .mejs-horizontal-volume-current, .brxe-audio.theme-light .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current, .brxe-audio.theme-light .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color: rgba(120, 120, 120, 0.2) !important; } .brxe-audio.theme-light .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total, .brxe-audio.theme-light .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background-color: rgba(150, 150, 150, 0.1) !important; } .brxe-audio .mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle-content { height: 15px !important; top: -10px !important; width: 15px !important; background-color: rgba(100, 100, 100, 0.8) !important; } .brxe-audio.theme-light .mejs-container .mejs-controls .mejs-horizontal-volume-handle { background-color: rgba(100, 100, 100, 0.8) !important; } .brxe-audio.theme-light { background-color: transparent !important; color: var(--bricks-text-dark); } h2:empty, h3:empty, p:empty { display: none; }  html { scrollbar-width: thin;  scrollbar-color: #555555 #222;  }   ::-webkit-scrollbar { width: 10px;  height: 10px;  }  ::-webkit-scrollbar-track { background: #222222; border-radius: 4px; }  ::-webkit-scrollbar-thumb { background: #555555; border-radius: 4px; }  ::-webkit-scrollbar-thumb:hover { background: #555555; } .video-back video { object-fit: cover !important; background-color:#000 !important; object-position: center top; width: 1180px !important; height: 950px !important; } .video-back-3 video { object-fit: contain !important; background-color:#000 !important; object-position: center top; width: 100% !important; height: auto !important; top: 0; transform: translate(0); left: 0; } body.bricks-is-frontend :focus-visible { outline: 0 !important; } :where(.brxe-form) .message.success { background-color: #000 !important; color: #FFF !important; margin-top: 30px !important; } .brxe-icon polyline, .brxe-icon line, .brxe-icon path, .brxe-icon polygon, .brxe-icon rect { stroke-width: inherit !important; stroke: inherit !important; } .filter-mob polyline, .filter-mob line, .filter-mob path, .filter-mob polygon, .filter-mob rect { stroke-width: inherit !important; stroke: inherit !important; } .filter-mob .content span { width: 100%; height:50px; } .filter-mob .brx-submenu-toggle { padding: 0 30px; height: 70px; display:flex; align-items: center; width: 220px !important; background-color:#000; border-radius: 20px; } body .scroll-prev h2.preserve-text { color: var(--Title-font-light) !important; } .over::before { z-index:2; } .news-h3 h2 { color: #000000; font-family: 'Inter', sans-serif; font-size: 30px; font-weight: 400; padding: 15px 0 35px 0; } .filter li { padding: 0; } .filter span { height: 70px; padding: 0 45px; border-radius: 20px; } .submit-button path, .submit-button line { stroke: #FFF !important; } .form .submit-button button { background-color: var(--Light-button) !important; } .form .submit-button button { transition: all 0.2s linear; } .form .submit-button button:hover { background-color: rgba(69, 69, 69, 1) !important; transition: all 0.2s linear; } .submit-button-wrapper { padding-bottom: 0 !important; } .blur-2 { backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); } .show .img-blur { transition: all 0.3s linear; transform: scale(1.0); } .show:hover .img-blur { filter: blur(20px); -webkit-filter: blur(20px); -moz-filter: blur(20px); -o-filter: blur(20px); -ms-filter: blur(20px); transform: scale(1.15); transition: all 0.3s linear; } .show .flex { opacity: 0; visibility: hidden; transition: all 0.3s linear; transition-delay: 150ms; } .show:hover .flex { opacity: 1.0 !important; visibility: visible !important; transition: all 0.3s linear; transition-delay: 150ms; } .link { transition: all 0.2s linear; } .link:hover { transition: all 0.2s linear; } .brxe-form ul label { padding-left: 10px !important; } .form-light form ul label { color: var(--bricks-color-lqdrnz) !important; } .form-light form input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 25px; height: 25px; border: 3px solid #ddd !important; border-radius: 15px; background: none !important; cursor: pointer; position: relative; vertical-align: middle; transition: all 0.2s ease; padding-left: 15px !important; position: relative; top:4px; } .form-light form input[type="checkbox"]:checked { background: none !important; border-color: #999; } .brxe-form form input[type="checkbox"]:checked::after { content: ''; position: absolute; top: 3px; left: 8px; width: 6px; height: 12px; border: solid #999; border-width: 3px !important; transform: rotate(45deg); border-top: 0; border-left: 0; } .form-light form input[type="checkbox"]:focus-visible { outline: 2px solid var(--bricks-color-aaovty);; outline-offset: 2px; } .brxe-form input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 25px; height: 25px; border: 3px solid #333 !important; border-radius: 15px; background: none !important; cursor: pointer; position: relative; vertical-align: middle; transition: all 0.2s ease; padding-left: 15px !important; position: relative; top:4px; } .brxe-form input[type="checkbox"]:checked { background: none !important; border-color: #000; } .brxe-form input[type="checkbox"]:checked::after { content: ''; position: absolute; top: 3px; left: 8px; width: 6px; height: 12px; border: solid #fff; border-width: 3px !important; transform: rotate(45deg); border-top: 0; border-left: 0; } .brxe-form input[type="checkbox"]:focus-visible { outline: 2px solid #000; outline-offset: 2px; } .form ul { column-count: 2; column-gap: 2rem; } .form li { break-inside: avoid; padding: 5px 0 !important; display: flex; } #preloader-screen { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(24px, 5vw, 80px); background: #000; transition: opacity 0.6s ease; } #preloader-screen.is-done { opacity: 0; pointer-events: none; } #preloader-backdrop { position: fixed; inset: 0; z-index: 99998; background: #000; transition: opacity 0.6s ease; } #preloader-backdrop.is-done { opacity: 0; pointer-events: none; } #preloader-counter { font-family: 'Chakra Petch', sans-serif; font-size: 60px; font-weight: 500; color: #fff; letter-spacing: -0.03em; } html.preloader-lock { overflow: hidden !important; } .v { background-color:#000000 !important; display: block; width: 100%; height: auto ; max-height: 1080px !important; } canvas { width: 100%; height: 100%; background-color:#000000 !important; opacity:0!important } body.preloader-done #c,body.preloader-done canvas{opacity:1!important;transition:opacity .5s} .show { display: flex; } .scroll { position: relative; overflow: hidden; } .scroll-prev { background: transparent; } .slider-container { display: grid; background: #000; width: 1180px; } .slide { grid-column: 1; grid-row: 1; width: 100%; opacity: 0; border-radius: 20px; } .vscroll { display: block !important; overflow: hidden !important; } .vtrack { display: flex !important; flex-direction: column !important; } .vtrack > * { flex-shrink: 0 !important; } .vscroll .testemonial { position: relative !important; opacity: 1 !important; animation: none !important; width: auto !important; top: auto !important; left: auto !important; object-fit: unset !important; } @keyframes vscroll-up { to { transform: translateY(-50%); } } @property --glow-x { syntax: '<percentage>'; inherits: false; initial-value: 0%; } .svg-glow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; will-change: mask-image, -webkit-mask-image; -webkit-mask-image: radial-gradient(circle 500px at var(--glow-x) 50%, white 0%, rgba(255,255,255,0.9) 8%, rgba(255,255,255,0.7) 16%, rgba(255,255,255,0.5) 25%, rgba(255,255,255,0.35) 35%, rgba(255,255,255,0.22) 45%, rgba(255,255,255,0.13) 55%, rgba(255,255,255,0.07) 65%, rgba(255,255,255,0.03) 78%, rgba(255,255,255,0.01) 88%, transparent 100% ); mask-image: radial-gradient(circle 500px at var(--glow-x) 50%, white 0%, rgba(255,255,255,0.9) 8%, rgba(255,255,255,0.7) 16%, rgba(255,255,255,0.5) 25%, rgba(255,255,255,0.35) 35%, rgba(255,255,255,0.22) 45%, rgba(255,255,255,0.13) 55%, rgba(255,255,255,0.07) 65%, rgba(255,255,255,0.03) 78%, rgba(255,255,255,0.01) 88%, transparent 100% ); pointer-events: none; z-index: 2; animation: glow-sweep 3.0s ease-in-out infinite alternate; } @keyframes glow-sweep { 0% { --glow-x: 0%; } 100% { --glow-x: 100%; } } .svg-glow path { fill: #ffffff !important; } .svg-dim { opacity: 1.0; fill: #777777; } .svg-dim path { fill: #777777 !important; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(100px); } to { opacity: 1; transform: translateY(0); } }  .query-loop-card { opacity: 1; transform: translateY(0); } .js-stagger-active .query-loop-card { opacity: 0; transform: translateY(100px); } .js-stagger-active .query-loop-card.is-visible { animation: slideUpStagger 1.0s ease both; animation-delay: calc(var(--i) * 200ms); } @keyframes slideUpStagger { from { opacity: 0; transform: translateY(100px); } to { opacity: 1; transform: translateY(0); } } html { scroll-behavior: smooth; } .audio canvas { background-color: transparent !important; }  @media screen and (max-width: 768px) { .news-h3 h2 { font-weight: 400; } .filter-mob .content button { height: 60px !important; padding-bottom: 0 !important; } .filter-mob .content .menu-item:first-child { border-bottom: 1px solid var(--borders); margin: 0 -20px; } body .content .filter span { color: var(--Light-button) !important; } .filter-mob .content .filter li { border-bottom: 1px solid var(--borders); margin: 0 -20px; height: 60px; display: flex; align-content: center; justify-content: center; } .filter-mob .content .filter li:last-child { border-bottom: 0; } } @media screen and (max-width: 359px) { #wayfarer-app .phone { position: relative; width: 300px !important; } } @media screen and (max-width: 479px) { body .screens .brx-submenu-toggle { width: 100% !important; justify-content: center; } .big-icon { width: 180px !important; } .form-light form input[type="checkbox"] { border: 3px solid var(--Light-button) !important; } .form-light form ul label { color: #FFF !important; } .svg-glow { -webkit-mask-image: radial-gradient(circle 300px at var(--glow-x) 50%, white 0%, rgba(255,255,255,0.9) 8%, rgba(255,255,255,0.7) 16%, rgba(255,255,255,0.5) 25%, rgba(255,255,255,0.35) 35%, rgba(255,255,255,0.22) 45%, rgba(255,255,255,0.13) 55%, rgba(255,255,255,0.07) 65%, rgba(255,255,255,0.03) 78%, rgba(255,255,255,0.01) 88%, transparent 100% ); mask-image: radial-gradient(circle 300px at var(--glow-x) 50%, white 0%, rgba(255,255,255,0.9) 8%, rgba(255,255,255,0.7) 16%, rgba(255,255,255,0.5) 25%, rgba(255,255,255,0.35) 35%, rgba(255,255,255,0.22) 45%, rgba(255,255,255,0.13) 55%, rgba(255,255,255,0.07) 65%, rgba(255,255,255,0.03) 78%, rgba(255,255,255,0.01) 88%, transparent 100% ); } .news-h3 h2 { font-size: 28px; } .filter-mob .brx-submenu-toggle { width: 100% !important; justify-content: center; position:relative; z-index: 999; } .v { height: 500px !important; } .v canvas { height: 550px !important; } .form .submit-button button { padding: 0 45px !important; height: 70px !important; } .form ul { column-count: 1 !important; column-gap: 2rem; } .form li { padding: 10px 0 !important; } #preloader-screen { flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 50px; } #preloader-counter { font-size: 50px; } .video-back video { width: auto !important; height: 850px !important; } .video-back-2 video { width: auto !important; height: 600px !important; top: 40% !important; } } @media screen and (min-width: 479px) and (max-width: 767px) { .form li { padding: 10px 0 !important; } .form .submit-button button { padding: 0 45px !important; height: 70px !important; } .form ul { column-count: 1 !important; column-gap: 2rem; } #preloader-screen { flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 50px; } #preloader-word img { width: 220px !important; height: auto !important; } #preloader-counter { font-size: 50px; } .video-back-2 video { top: 40% !important; } } @media screen and (min-width: 0) and (max-width: 991px) { .screens .menu-item div { background-color: transparent !important; border: 0 !important; } .menu-show div { opacity: 0 !important; z-index: -999 !important; height:0 !important; padding: 0 !important; transition: opacity 0.2s linear; } .menu-show a { height:0 !important; padding: 0 !important; } .menu { height:100% !important; transition: opacity 0.2s linear; opacity: 1.0 !important; z-index: 9998 !important; } .menu div, .menu-show.menu a { height: auto !important; transition: opacity 0.2s linear; opacity: 1.0 !important; z-index: 9998 !important; } .menu-show.menu { padding-top: 140px !important; } } @media screen and (min-width: 0) and (max-width: 1240px) { .filter li:first-child { margin-left: 151px; } .filter li:first-child label { margin: 0 !important; } .news-h3 h2 { color: #000000; font-family: 'Inter', sans-serif; font-size: 30px; font-weight: 300; padding: 15px 0 35px 0; } } @media (min-width: 1241px) and (max-width: 2200px) { .grid-news > :nth-child(4) { display: none !important; } } @media (min-width: 0) and (max-width: 1500px) { .dark-grey-button div { border-radius: 12px !important; } }  .ai-gallery a:hover { transform: scale(1.1); transition: all 500ms ease !important; } .ai-gallery a { transition: all 500ms ease !important; } .ai-gallery img { margin-left: 0 !important; margin-top: 0 !important; transition: all 300ms ease !important; } :where([data-media-provider] iframe), :where([data-media-provider] video) { height: 100% !important; object-fit: contain !important; } .content .gallery ul { padding: 0 !important; } .content .gallery { padding: 0 !important; margin: 0 !important; } .audio .xmp-time-slider, .audio canvas { height: 100% !important; } .audio media-player { display: flex !important; align-items: stretch; } [data-playing] .play-button { display: none !important; }