@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=League+Gothic&display=swap"); @font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color:#007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size:44px;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
display: none !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 0.3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color:#000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
z-index: 0;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
z-index: 0;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
backface-visibility: hidden;
overflow: hidden;
}
* {
box-sizing: border-box;
}
.row {
display: flex;
flex-wrap: wrap;
}
.col {
flex: 1;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.ml-auto, .mx-auto {
margin-left: auto !important;
}
.mr-auto, .mx-auto {
margin-right: auto !important;
}
.col-1 {
width: 8.3333333333%;
}
.col-2 {
width: 16.6666666667%;
}
.col-3 {
width: 25%;
}
.col-4 {
width: 33.3333333333%;
}
.col-5 {
width: 41.6666666667%;
}
.col-6 {
width: 50%;
}
.col-7 {
width: 58.3333333333%;
}
.col-8 {
width: 66.6666666667%;
}
.col-9 {
width: 75%;
}
.col-10 {
width: 83.3333333333%;
}
.col-11 {
width: 91.6666666667%;
}
.col-12 {
width: 100%;
}
.d-none {
display: none;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
@media (min-width: 0) {
.col-xs-col {
flex: 1;
}
.col-xs-auto {
width: auto;
}
.col-xs-1 {
width: 8.3333333333%;
}
.col-xs-2 {
width: 16.6666666667%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-4 {
width: 33.3333333333%;
}
.col-xs-5 {
width: 41.6666666667%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-7 {
width: 58.3333333333%;
}
.col-xs-8 {
width: 66.6666666667%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-10 {
width: 83.3333333333%;
}
.col-xs-11 {
width: 91.6666666667%;
}
.col-xs-12 {
width: 100%;
}
.d-xs-block {
display: block;
}
.d-xs-none {
display: none;
}
.order-xs-1 {
order: 1;
}
.order-xs-2 {
order: 2;
}
.order-xs-3 {
order: 3;
}
.order-xs-4 {
order: 4;
}
.order-xs-5 {
order: 5;
}
}
@media (min-width: 400px) {
.col-sm-col {
flex: 1;
}
.col-sm-auto {
width: auto;
}
.col-sm-1 {
width: 8.3333333333%;
}
.col-sm-2 {
width: 16.6666666667%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.3333333333%;
}
.col-sm-5 {
width: 41.6666666667%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: 58.3333333333%;
}
.col-sm-8 {
width: 66.6666666667%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: 83.3333333333%;
}
.col-sm-11 {
width: 91.6666666667%;
}
.col-sm-12 {
width: 100%;
}
.d-sm-block {
display: block;
}
.d-sm-none {
display: none;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
}
@media (min-width: 743px) {
.col-md-col {
flex: 1;
}
.col-md-auto {
width: auto;
}
.col-md-1 {
width: 8.3333333333%;
}
.col-md-2 {
width: 16.6666666667%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.3333333333%;
}
.col-md-5 {
width: 41.6666666667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.3333333333%;
}
.col-md-8 {
width: 66.6666666667%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.3333333333%;
}
.col-md-11 {
width: 91.6666666667%;
}
.col-md-12 {
width: 100%;
}
.d-md-block {
display: block;
}
.d-md-none {
display: none;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
}
@media (min-width: 992px) {
.col-lg-col {
flex: 1;
}
.col-lg-auto {
width: auto;
}
.col-lg-1 {
width: 8.3333333333%;
}
.col-lg-2 {
width: 16.6666666667%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.3333333333%;
}
.col-lg-5 {
width: 41.6666666667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.3333333333%;
}
.col-lg-8 {
width: 66.6666666667%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.3333333333%;
}
.col-lg-11 {
width: 91.6666666667%;
}
.col-lg-12 {
width: 100%;
}
.d-lg-block {
display: block;
}
.d-lg-none {
display: none;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
}
@media (min-width: 1200px) {
.col-xl-col {
flex: 1;
}
.col-xl-auto {
width: auto;
}
.col-xl-1 {
width: 8.3333333333%;
}
.col-xl-2 {
width: 16.6666666667%;
}
.col-xl-3 {
width: 25%;
}
.col-xl-4 {
width: 33.3333333333%;
}
.col-xl-5 {
width: 41.6666666667%;
}
.col-xl-6 {
width: 50%;
}
.col-xl-7 {
width: 58.3333333333%;
}
.col-xl-8 {
width: 66.6666666667%;
}
.col-xl-9 {
width: 75%;
}
.col-xl-10 {
width: 83.3333333333%;
}
.col-xl-11 {
width: 91.6666666667%;
}
.col-xl-12 {
width: 100%;
}
.d-xl-block {
display: block;
}
.d-xl-none {
display: none;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
}
@media (min-width: 1600px) {
.col-xxl-col {
flex: 1;
}
.col-xxl-auto {
width: auto;
}
.col-xxl-1 {
width: 8.3333333333%;
}
.col-xxl-2 {
width: 16.6666666667%;
}
.col-xxl-3 {
width: 25%;
}
.col-xxl-4 {
width: 33.3333333333%;
}
.col-xxl-5 {
width: 41.6666666667%;
}
.col-xxl-6 {
width: 50%;
}
.col-xxl-7 {
width: 58.3333333333%;
}
.col-xxl-8 {
width: 66.6666666667%;
}
.col-xxl-9 {
width: 75%;
}
.col-xxl-10 {
width: 83.3333333333%;
}
.col-xxl-11 {
width: 91.6666666667%;
}
.col-xxl-12 {
width: 100%;
}
.d-xxl-block {
display: block;
}
.d-xxl-none {
display: none;
}
.order-xxl-1 {
order: 1;
}
.order-xxl-2 {
order: 2;
}
.order-xxl-3 {
order: 3;
}
.order-xxl-4 {
order: 4;
}
.order-xxl-5 {
order: 5;
}
}
@media (min-width: 2000px) {
.col-hd-col {
flex: 1;
}
.col-hd-auto {
width: auto;
}
.col-hd-1 {
width: 8.3333333333%;
}
.col-hd-2 {
width: 16.6666666667%;
}
.col-hd-3 {
width: 25%;
}
.col-hd-4 {
width: 33.3333333333%;
}
.col-hd-5 {
width: 41.6666666667%;
}
.col-hd-6 {
width: 50%;
}
.col-hd-7 {
width: 58.3333333333%;
}
.col-hd-8 {
width: 66.6666666667%;
}
.col-hd-9 {
width: 75%;
}
.col-hd-10 {
width: 83.3333333333%;
}
.col-hd-11 {
width: 91.6666666667%;
}
.col-hd-12 {
width: 100%;
}
.d-hd-block {
display: block;
}
.d-hd-none {
display: none;
}
.order-hd-1 {
order: 1;
}
.order-hd-2 {
order: 2;
}
.order-hd-3 {
order: 3;
}
.order-hd-4 {
order: 4;
}
.order-hd-5 {
order: 5;
}
} html, body {
margin: 0;
padding: 0;
min-height: 100vh;
}
html.modal-visible {
overflow: hidden;
margin-right: 0.3125rem;
}
::-webkit-scrollbar {
width: 0.25rem;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
background-color: #555;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
background-color: #F5F5F5;
}
body {
min-height: 100vh;
font-family: "Inter", sans-serif;
font-size: 1.0625rem;
font-weight: 400;
color: #000000;
line-height: 1.2;
background: #F5F5F5;
opacity: 0;
-webkit-text-size-adjust: 100%;
}
.js-cursor-circle-explore, .js-cursor-circle-swipe {
position: fixed;
pointer-events: none;
z-index: 100;
display: none;
}
#smooth-wrapper {
pointer-events: none;
z-index: 1;
}
main {
pointer-events: all;
background: #F5F5F5;
}
p {
margin-bottom: 1.25rem;
margin-top: 0rem;
}
@media (min-width: 1200px) {
p {
margin-bottom: 1.875rem;
}
}
p:last-of-type {
margin-bottom: 0;
}
a {
text-decoration: none;
color: black;
}
a:hover {
color: black;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
position: relative;
}
h1, .h1 {
font-weight: 600;
font-size: 2.1875rem;
margin-bottom: 0.625rem;
line-height: 1.2;
}
@media (min-width: 1200px) {
h1, .h1 {
font-size: 3.4375rem;
}
}
h2, .h2, .block-hero .top-row .left-col .text h1 {
font-weight: 600;
font-size: 1.75rem;
margin-bottom: 0.9375rem;
}
@media (min-width: 1200px) {
h2, .h2, .block-hero .top-row .left-col .text h1 {
font-size: 2.8125rem;
}
}
h3, .h3 {
font-weight: 600;
font-size: 1.625rem;
}
@media (min-width: 1200px) {
h3, .h3 {
font-size: 2.1875rem;
}
}
h4 {
font-weight: 600;
font-size: 1.375rem;
display: inline-block;
position: relative;
}
@media (min-width: 1200px) {
h4 {
font-size: 1.6875rem;
}
}
h4:before {
content: "";
display: inline-block;
width: 3.6875rem;
height: 1px;
background: #4835CF;
margin-right: 1.25rem;
position: relative;
top: -0.5625rem;
}
h5 {
font-weight: 600;
font-size: 1.375rem;
margin-bottom: 1rem;
}
b, strong {
font-weight: 600;
}
small, .small {
font-weight: 500;
font-size: 0.9375rem;
opacity: 0.7;
}
small b, .small-bold {
font-weight: 600;
}
.show-circled-italic em {
position: relative;
font-style: normal;
overflow: visible;
z-index: 1;
display: inline-block;
}
.show-circled-italic em:before {
content: "";
z-index: -1;
left: -5%;
top: 10%;
border-width: 0.25rem;
border-style: solid;
border-color: #4835CF;
position: absolute;
border-right-color: transparent;
width: 110%;
height: 90%;
transform: rotate(2deg);
border-radius: 50%;
padding: 0;
}
.show-circled-italic em:after {
content: "";
z-index: -1;
left: -8%;
top: 10%;
padding: 0;
border-width: 0.25rem;
border-style: solid;
border-color: #4835CF;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
width: 110%;
height: 100%;
transform: rotate(-1.5deg);
border-radius: 50%;
}
hr {
transition: 1.2s ease all;
width: 0;
height: 1px;
margin: 0;
background: rgba(0, 0, 0, 0.1);
border: none;
}
hr.in-screen {
width: 100%;
}
blockquote {
font-weight: 600;
font-size: 1.5rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
margin-bottom: 1.5rem;
color: #000000;
position: relative;
}
blockquote:before, blockquote:after {
content: "";
width: 0%;
height: 1px;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.1);
transition: 1s ease all;
}
blockquote:after {
top: auto;
bottom: 0;
}
blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote p {
margin: 0 !important;
padding: 0 !important;
border: none !important;
color: #000000;
}
blockquote.in-screen:before, blockquote.in-screen:after {
width: 100%;
}
.wp-caption-text {
opacity: 0.5;
font-size: 0.875rem;
margin-top: 0.5rem;
margin-bottom: 1.5rem;
}
.table-wrapper {
max-width: 100%;
overflow-x: auto;
position: relative;
}
table {
position: relative;
}
table thead td {
background: #131313;
padding: 1.3125rem 1rem;
}
table td {
background: #F5F5F5;
padding: 0.5rem 1rem;
border: 1px solid #F5F5F5;
}
ul, ol {
margin: 0;
padding: 0;
}
ul li, ol li {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
}
.user-content h2 {
padding-bottom: 0.9375rem;
position: relative;
margin-bottom: 1.875rem;
line-height: 1.2;
}
@media (min-width: 992px) {
.user-content h2 {
margin-bottom: 5.1875rem;
padding-bottom: 2.4375rem;
}
}
.user-content h2:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background: rgba(0, 0, 0, 0.1);
transition: 1.2s linear width;
}
.user-content h2.in-screen:after {
width: 100%;
}
.user-content h3 {
margin-bottom: 1.5rem;
margin-top: 3.375rem;
}
.user-content .wp-block-image {
margin-bottom: 5.1875rem;
}
.user-content p {
margin-bottom: 1.875rem;
line-height: 1.8;
}
.user-content a {
text-decoration: underline;
}
.user-content [id^=attachment] {
width: auto !important;
max-width: 100%;
}
.user-content img {
max-width: 100%;
width: auto;
}
.user-content .iframe-container {
position: relative;
padding-top: 56%;
}
.user-content .iframe-container iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.user-content p .iframe-container {
margin-bottom: -1.875rem;
}
.user-content ul, .user-content ol {
margin: 0;
padding: 0;
padding-left: 1.25rem;
margin-bottom: 1.875rem;
}
.user-content ul li, .user-content ol li {
padding-left: 1.25rem;
margin-bottom: 1rem;
display: block;
}
.user-content ul li:last-child, .user-content ol li:last-child {
margin-bottom: 0;
}
.user-content ul li {
position: relative;
padding-left: 2.0625rem;
list-style: none;
}
.user-content ul li:before {
content: "";
position: absolute;
width: 0.5rem;
height: 0.5rem;
background: #D9D9D9;
border-radius: 50%;
top: 0.375rem;
left: 0;
display: inline-block;
}
.js-load-rive canvas {
width: 100% !important;
height: 100% !important;
}
.d-flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.relative {
position: relative;
}
.none {
display: none;
}
@media (min-width: 1200px) {
.draw-line-on-hover, button.menu-toggle .menu-toggle-title, footer .bottom-part .bottom-row a.column, footer .top-part .social-row a, footer .top-part .main-row .title-col a {
background-image: linear-gradient(transparent calc(100% - 0.063rem), #000000 0.063rem);
transition: background-size 0.6s ease, color 0.6s ease;
background-position: 100%;
background-repeat: no-repeat;
background-size: 0 100%;
transform-origin: bottom;
display: inline;
}
.draw-line-on-hover:hover, button.menu-toggle .menu-toggle-title:hover, footer .bottom-part .bottom-row a.column:hover, footer .top-part .social-row a:hover, footer .top-part .main-row .title-col a:hover {
background-position: 0;
background-size: 100% 100%;
}
}
@media (min-width: 1200px) {
.draw-line-on-hover-white, .page-single .single-header .header-bottom .header-bottom-container .bottom-row .right-col .terms div .term, header .header-row .menu-col ul li a {
background-image: linear-gradient(transparent calc(100% - 0.063rem), #FFFFFF 0.063rem);
transition: background-size 0.6s ease, color 0.6s ease;
background-position: 100%;
background-repeat: no-repeat;
background-size: 0 100%;
transform-origin: bottom;
display: inline;
}
.draw-line-on-hover-white:hover, .page-single .single-header .header-bottom .header-bottom-container .bottom-row .right-col .terms div .term:hover, header .header-row .menu-col ul li a:hover {
background-position: 0;
background-size: 100% 100%;
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-1rem);
}
60% {
transform: translateY(-0.5rem);
}
}
.animate-line {
overflow: hidden;
width: 100% !important;
}
.animate-line div {
transform: translateY(100%);
}
.js-fade-when-in-screen, .block-hero .top-row .right-col {
opacity: 0;
transform: translateY(4rem);
}
.animated-dots {
display: flex;
flex-direction: column;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 1;
--delay-increment: 0.12s;
}
.animated-dots > :nth-child(1) {
animation-delay: calc(var(--delay-increment) * 1);
}
.animated-dots > :nth-child(2) {
animation-delay: calc(var(--delay-increment) * 2);
}
.animated-dots > :nth-child(3) {
animation-delay: calc(var(--delay-increment) * 3);
}
.animated-dots > :nth-child(4) {
animation-delay: calc(var(--delay-increment) * 4);
}
.animated-dots > :nth-child(5) {
animation-delay: calc(var(--delay-increment) * 5);
}
.animated-dots > :nth-child(6) {
animation-delay: calc(var(--delay-increment) * 6);
}
.animated-dots > :nth-child(7) {
animation-delay: calc(var(--delay-increment) * 7);
}
.animated-dots > :nth-child(8) {
animation-delay: calc(var(--delay-increment) * 8);
}
.animated-dots > :nth-child(9) {
animation-delay: calc(var(--delay-increment) * 9);
}
.animated-dots > :nth-child(10) {
animation-delay: calc(var(--delay-increment) * 10);
}
.animated-dots > :nth-child(11) {
animation-delay: calc(var(--delay-increment) * 11);
}
.animated-dots span {
width: 1px;
height: 1px;
background-color: #FFFFFF;
opacity: 0;
animation-duration: 1s;
animation-name: DotAnimation;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.animated-dots span:not(:last-child) {
margin-bottom: 0.3125rem;
}
@media (min-width: 743px) {
.animated-dots span:not(:last-child) {
margin-bottom: 0.625rem;
}
}
@keyframes DotAnimation {
0% {
opacity: 0;
transform: translateY(6px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.padding-lr-default {
padding-left: 1.5625rem;
padding-right: 1.5625rem;
margin-top: -1px;
}
@media (min-width: 400px) {
.padding-lr-default {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 1200px) {
.padding-lr-default {
padding-left: 5rem;
padding-right: 5rem;
}
}
.padding-top-large {
padding-top: 3.875rem;
}
@media (min-width: 743px) {
.padding-top-large {
padding-top: 7.8125rem;
}
}
.padding-bottom-large {
padding-bottom: 3.875rem;
}
@media (min-width: 743px) {
.padding-bottom-large {
padding-bottom: 7.8125rem;
}
}
.padding-top-medium {
padding-top: 3.75rem;
}
@media (min-width: 743px) {
.padding-top-medium {
padding-top: 5.625rem;
}
}
.padding-bottom-medium {
padding-bottom: 3.75rem;
}
@media (min-width: 743px) {
.padding-bottom-medium {
padding-bottom: 5.625rem;
}
}
.padding-top-small {
padding-top: 2.5rem;
}
@media (min-width: 743px) {
.padding-top-small {
padding-top: 3.75rem;
}
}
.padding-bottom-small {
padding-bottom: 2.5rem;
}
@media (min-width: 743px) {
.padding-bottom-small {
padding-bottom: 3.75rem;
}
}
.container-full {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.container-default {
max-width: 84.5rem;
margin-left: auto;
margin-right: auto;
}
.container-medium {
max-width: 34rem;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 743px) {
.container-medium {
max-width: 67.25rem;
}
}
.container-small-text {
max-width: 34rem;
margin-left: auto;
margin-right: auto;
margin-left: 0;
}
@media (min-width: 743px) {
.container-small-text {
max-width: 43.5625rem;
}
}
@media (min-width: 1200px) {
.container-small-text {
margin-left: calc(50vw - 538px - 80px);
}
}
.title-with-content-layout {
margin-bottom: 7rem;
}
.title-with-content-layout .title-container {
margin-bottom: 2rem;
text-align: center;
}
.modal-open {
overflow: hidden;
}
.modal-open header {
z-index: 0;
}
.layout-popup {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: fixed;
display: none;
z-index: 500;
top: 100vh;
left: 0;
}
.layout-popup .filter {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #000000;
opacity: 0.2;
cursor: pointer;
}
.layout-popup .popup {
position: absolute;
width: 100%;
top: 0;
right: 0;
height: 100vh;
overflow-y: auto;
background: #000000;
padding: 3.25rem 0.9375rem;
}
@media (min-width: 743px) {
.layout-popup .popup {
width: 37rem;
padding: 2.625rem 5rem;
}
}
.layout-popup .popup .close-icon {
width: 1.5rem;
height: 1.5rem;
position: absolute;
top: 1.5rem;
right: 1.5rem;
cursor: pointer;
}
.layout-popup .popup .close-icon rect {
fill: #FFFFFF;
}
.layout-popup.video-popup .popup {
top: 0;
left: 0;
height: 100vh;
width: 100%;
overflow-y: auto;
background: #000000;
padding: 3.25rem 0.9375rem;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.layout-popup.video-popup .popup .popup-content {
pointer-events: all;
}
.layout-popup.video-popup .popup .popup-content video {
position: relative;
top: 30vh;
max-width: 100%;
max-height: 100vh;
width: auto;
height: auto;
}
.layout-two-columns {
margin-right: -0.75rem;
}
@media (min-width: 743px) {
.layout-two-columns {
margin-right: -1.5rem;
}
}
@media (min-width: 992px) {
.layout-two-columns {
margin-right: -2rem;
}
}
.layout-two-columns .card-col {
padding-right: 0.75rem;
}
.layout-two-columns .card-col:first-child {
margin-bottom: 0.75rem;
}
@media (min-width: 743px) {
.layout-two-columns .card-col:first-child {
margin-bottom: 0;
}
}
@media (min-width: 743px) {
.layout-two-columns .card-col {
padding-right: 1.5rem;
}
}
@media (min-width: 992px) {
.layout-two-columns .card-col {
padding-right: 2rem;
}
}
.layout-two-columns.paddings-under-columns {
margin-bottom: -0.75rem;
}
@media (min-width: 743px) {
.layout-two-columns.paddings-under-columns {
margin-bottom: -1.5rem;
}
}
@media (min-width: 992px) {
.layout-two-columns.paddings-under-columns {
margin-bottom: -2rem;
}
}
.layout-two-columns.paddings-under-columns .card-col {
margin-bottom: 0.75rem;
}
@media (min-width: 743px) {
.layout-two-columns.paddings-under-columns .card-col {
margin-bottom: 1.5rem;
}
}
@media (min-width: 992px) {
.layout-two-columns.paddings-under-columns .card-col {
margin-bottom: 2rem;
}
}
header {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
transition: 0.4s ease top;
background: transparent;
}
header.hidden {
top: -8.125rem !important;
}
header.small .header-row {
padding-top: 0.9375rem;
padding-bottom: 0.625rem;
}
header.small .header-row .logo-col {
width: auto;
height: 1.5625rem;
}
@media (min-width: 1200px) {
header.small .header-row .logo-col {
width: 5.5rem;
height: 2.5rem;
}
}
header.small .button {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
}
@media (min-width: 743px) {
header.small .button {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
}
header.small .button.grey {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
}
@media (min-width: 743px) {
header.small .button.grey {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
}
header:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
transition: -webkit-backdrop-filter 0.3s linear;
transition: backdrop-filter 0.3s linear;
transition: backdrop-filter 0.3s linear, -webkit-backdrop-filter 0.3s linear;
}
header .header-row {
padding-top: 1.875rem;
padding-bottom: 0.625rem;
align-items: center;
transition: 0.4s ease all;
}
@media (min-width: 1200px) {
header .header-row {
padding-top: 2.4375rem;
padding-bottom: 2.0625rem;
}
}
header .header-row .logo-col {
margin-right: auto;
margin-top: -0.3125rem;
width: auto;
height: 1.875rem;
transition: 0.4s ease all;
}
@media (min-width: 1200px) {
header .header-row .logo-col {
width: 6.875rem;
height: 3.125rem;
margin-top: -0.625rem;
}
}
header .header-row .logo-col svg {
height: 100%;
width: auto;
}
header .header-row .menu-col {
padding-right: 3.125rem;
}
header .header-row .menu-col ul {
display: flex;
align-items: center;
justify-content: center;
}
header .header-row .menu-col ul li a {
color: #FFFFFF;
font-size: 1.125rem;
margin-left: 2.1875rem;
padding: 0.1875rem 0;
}
header .header-row .languages-col {
padding-left: 1.25rem;
}
header .header-row .languages-col .button {
text-transform: capitalize;
}
header .header-row .responsive-menu-col {
padding-left: 1.25rem;
position: relative;
margin-bottom: 0.375rem;
}
header.hide {
top: -9.375rem;
}
header.scrolled-down:before {
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
background: rgba(0, 0, 0, 0.5);
}
.show-preloader header {
top: -8.125rem;
}
.menu-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
z-index: 1;
}
.menu-modal.modal-visible {
display: block;
}
.menu-modal .menu-modal-backdrop {
background: #000000;
color: #FFFFFF;
opacity: 0.2;
cursor: pointer;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.menu-modal .menu-container {
position: fixed;
top: 0;
right: 0;
width: 100%;
max-width: 100%;
height: 100%;
padding-bottom: 3.125rem;
background: #000000;
overflow: hidden;
}
@media (min-width: 743px) {
.menu-modal .menu-container {
height: auto;
}
}
.menu-modal .menu-container .menu-inner-container {
padding: 3.125rem 3.625rem 6.1875rem 3.625rem;
height: 100vh;
max-height: 100vh;
overflow-y: auto;
max-width: 100vw;
display: flex;
flex-direction: column;
}
@media (min-width: 1200px) {
.menu-modal .menu-container .menu-inner-container {
padding: 0 5.5vw;
}
}
.menu-modal .menu-container .menu-inner-container .logo-col {
text-align: center;
margin-bottom: 5rem;
}
.menu-modal .menu-container .menu-inner-container .logo-col svg {
height: 1.8125rem;
}
.menu-modal .menu-container .menu-inner-container .menu-top-row .menu {
padding: 0;
margin: 0;
display: inline-block;
text-align: left;
}
.menu-modal .menu-container .menu-inner-container .menu-top-row .menu li {
padding: 0;
margin: 0;
margin-bottom: 0.9375rem;
display: block;
}
.menu-modal .menu-container .menu-inner-container .menu-top-row .menu li a {
color: #FFFFFF;
font-size: 1.5rem;
font-weight: 400;
}
.menu-modal .menu-container .menu-inner-container .button-col {
margin-top: 1.25rem;
}
.footer-spacer {
pointer-events: none;
width: 100%;
}
.resp-footer {
display: block;
pointer-events: all;
}
@media (min-width: 1200px) {
.resp-footer {
display: none;
}
}
.desktop-footer {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
z-index: 0;
display: none;
}
@media (min-width: 1200px) {
.desktop-footer {
display: block;
}
}
footer {
background: #131313;
color: #FFFFFF;
overflow: hidden;
position: relative;
}
footer a {
color: #FFFFFF;
}
footer a:hover {
color: #FFFFFF;
}
footer .top-part {
padding-top: 2.5rem;
padding-bottom: 3.125rem;
}
@media (min-width: 1200px) {
footer .top-part {
padding-top: 4.5625rem;
padding-bottom: 5.875rem;
}
}
footer .top-part .logo-row {
margin-bottom: 2.5rem;
}
@media (min-width: 1200px) {
footer .top-part .logo-row {
margin-bottom: 4.5625rem;
}
}
footer .top-part .logo-row .logo-col svg {
width: 5rem;
height: auto;
}
@media (min-width: 1200px) {
footer .top-part .logo-row .logo-col svg {
width: 6.875rem;
}
}
footer .top-part .main-row {
margin-bottom: 1.4375rem;
display: flex;
}
@media (max-width: 1199.98px) {
footer .top-part .main-row {
flex-wrap: wrap;
}
}
footer .top-part .main-row .title-col {
margin-right: auto;
margin-bottom: 3.75rem;
}
@media (min-width: 1200px) {
footer .top-part .main-row .title-col {
max-width: 25rem;
margin-bottom: 0;
}
}
@media (min-width: 1400px) {
footer .top-part .main-row .title-col {
max-width: 37.5rem;
}
}
footer .top-part .main-row .title-col h2 {
margin-bottom: 2.1875rem;
font-size: 2.1875rem;
}
footer .top-part .main-row .title-col a {
opacity: 0.7;
text-decoration: none;
}
@media (min-width: 1200px) {
footer .top-part .main-row .title-col a:hover {
background-image: linear-gradient(transparent calc(100% - 0.063rem), rgba(255, 255, 255, 0.7) 0.063rem);
}
}
footer .top-part .main-row .title-col .logos-row {
display: flex;
align-items: center;
position: relative;
margin-right: -3.125rem;
margin-top: 3.125rem;
}
@media (max-width: 742.98px) {
footer .top-part .main-row .title-col .logos-row {
flex-wrap: wrap;
}
}
footer .top-part .main-row .title-col .logos-row a:hover {
background-size: 0;
}
footer .top-part .main-row .title-col .logos-row .logo-col {
padding-right: 3.125rem;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 1.25rem;
}
footer .top-part .main-row .title-col .logos-row .logo-col img {
max-width: 100%;
max-height: 2.875rem;
}
footer .top-part .main-row .contacts-col {
margin-bottom: 1.875rem;
}
@media (min-width: 743px) {
footer .top-part .main-row .contacts-col {
padding-right: 1.875rem;
}
}
@media (min-width: 992px) {
footer .top-part .main-row .contacts-col {
padding-right: 1.875rem;
}
}
@media (min-width: 1200px) {
footer .top-part .main-row .contacts-col {
padding-left: 4.8125rem;
padding-right: 0;
}
}
footer .top-part .main-row .contacts-col .icon-c img {
margin-bottom: 1.5rem;
width: auto;
height: auto;
}
footer .top-part .main-row .contacts-col .text {
font-size: 0.9375rem;
line-height: 1.6;
}
footer .top-part .main-row .contacts-col .text h5 {
opacity: 0.7;
margin-bottom: 1.875rem;
font-size: 1rem;
font-weight: 400;
}
footer .top-part .main-row .contacts-col .text p {
margin-bottom: 1.375rem;
}
footer .top-part .social-row {
display: flex;
align-items: center;
justify-content: flex-start;
}
footer .top-part .social-row a {
opacity: 0.7;
font-size: 0.9375rem;
width: auto;
}
@media (min-width: 1200px) {
footer .top-part .social-row a:hover {
background-image: linear-gradient(transparent calc(100% - 0.063rem), rgba(255, 255, 255, 0.7) 0.063rem);
}
}
footer .top-part .social-row span {
width: 0.625rem;
height: 1px;
display: inline-block;
margin: 0 0.625rem;
background: #FFFFFF;
opacity: 0.7;
}
@media (min-width: 743px) {
footer .top-part .social-row span {
margin: 0 1.875rem;
width: 1.25rem;
}
}
footer .bottom-part {
position: relative;
padding-top: 1.875rem;
padding-bottom: 1.875rem;
background: #000000;
}
footer .bottom-part:before, footer .bottom-part:after {
content: "";
width: 50vw;
right: 80%;
position: absolute;
top: 0;
height: 100%;
background: #000000;
}
footer .bottom-part:after {
right: auto;
left: 80%;
z-index: 0;
}
footer .bottom-part .bottom-row {
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
z-index: 1;
}
footer .bottom-part .bottom-row .column {
display: inline-block;
opacity: 0.7;
margin-right: 1.375rem;
font-size: 0.8125rem;
}
@media (min-width: 1200px) {
footer .bottom-part .bottom-row a.column:hover {
background-image: linear-gradient(transparent calc(100% - 0.063rem), rgba(255, 255, 255, 0.7) 0.063rem);
}
}
.modal-open .desktop-footer {
z-index: -1;
}
.projects-grid, .card-service .related-projects-row, .block-posts-filter .posts, .block-projects-filter .posts, .block-our-work .projects-row {
margin-bottom: -1.875rem;
}
@media (min-width: 743px) {
.projects-grid, .card-service .related-projects-row, .block-posts-filter .posts, .block-projects-filter .posts, .block-our-work .projects-row {
margin-right: -1.875rem;
}
}
@media (min-width: 1200px) {
.projects-grid, .card-service .related-projects-row, .block-posts-filter .posts, .block-projects-filter .posts, .block-our-work .projects-row {
margin-right: -2.5rem;
margin-bottom: pxorem(-82);
}
}
.projects-grid .project-col, .card-service .related-projects-row .project-col, .block-posts-filter .posts .project-col, .block-projects-filter .posts .project-col, .block-our-work .projects-row .project-col {
margin-bottom: 1.875rem;
}
@media (min-width: 743px) {
.projects-grid .project-col, .card-service .related-projects-row .project-col, .block-posts-filter .posts .project-col, .block-projects-filter .posts .project-col, .block-our-work .projects-row .project-col {
padding-right: 1.875rem;
}
}
@media (min-width: 1200px) {
.projects-grid .project-col, .card-service .related-projects-row .project-col, .block-posts-filter .posts .project-col, .block-projects-filter .posts .project-col, .block-our-work .projects-row .project-col {
padding-right: 2.5rem;
margin-bottom: 2rem;
}
.projects-grid .project-col:nth-child(3n+2), .card-service .related-projects-row .project-col:nth-child(3n+2), .block-posts-filter .posts .project-col:nth-child(3n+2), .block-projects-filter .posts .project-col:nth-child(3n+2), .block-our-work .projects-row .project-col:nth-child(3n+2) {
padding-top: 3.125rem;
}
}
.button {
cursor: pointer;
font-size: 1rem;
color: #000000;
font-weight: 400;
padding: 0.625rem 1.875rem 0.625rem 3.125rem;
background: #FFFFFF;
border: 0.125rem solid #FFFFFF;
display: inline-flex;
align-items: center;
justify-content: center;
opacity: 1;
border-radius: 3.125rem;
overflow: hidden;
transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
}
.button .icon-c {
position: relative;
overflow: hidden;
width: 1.5rem;
height: 1.5rem;
margin-left: 0.9375rem;
}
.button .icon-c svg {
width: 1.5rem;
height: 1.5rem;
position: relative;
top: 0;
left: 0;
transition: 0.4s ease all;
}
.button .icon-c svg path {
fill: #000000;
}
.button .icon-c svg:last-child {
position: absolute;
top: 1.5625rem;
left: -1.5625rem;
}
@media (min-width: 1200px) {
.button:hover {
border-color: #4835CF;
background: #4835CF;
transform: translateY(-0.25rem);
color: #FFFFFF;
}
.button:hover .icon-c svg {
top: -1.5625rem;
left: 1.5625rem;
}
.button:hover .icon-c svg path {
fill: #FFFFFF;
}
.button:hover .icon-c svg:last-child {
top: 0;
left: 0;
}
}
.button:disabled, .button.disabled {
pointer-events: none;
opacity: 0.3;
}
.button.no-image, .button.no-icon {
padding: 0.5rem 1.25rem;
}
@media (min-width: 1200px) {
.button.no-image, .button.no-icon {
padding: 1rem 1.875rem;
}
}
.button.grey {
background: #202020;
border-color: #202020;
color: #FFFFFF;
}
.button.grey .icon-c svg path {
fill: #FFFFFF;
}
@media (min-width: 1200px) {
.button.grey:hover {
border-color: #4835CF;
background: #4835CF;
transform: translateY(-0.25rem);
color: #FFFFFF;
}
}
.button.circle-arrow {
text-decoration: none;
background: transparent;
padding: 0;
color: #FFFFFF;
border: none;
border-radius: 0;
}
.button.circle-arrow .button-text {
display: inline-block;
position: relative;
padding-bottom: 0.5rem;
line-height: 1.8;
}
.button.circle-arrow .button-text:after {
content: "";
width: 100%;
bottom: 0;
left: 0;
position: absolute;
height: 1px;
background: #FFFFFF;
}
.button.circle-arrow .icon-c {
width: 2.25rem;
height: 2.25rem;
display: inline-flex;
align-items: center;
justify-content: center;
background: #FFFFFF;
border-radius: 100%;
position: relative;
}
@media (min-width: 1200px) {
.button.circle-arrow:hover {
transform: translateY(0);
}
.button.circle-arrow:hover svg path {
fill: #000000;
}
.button.circle-arrow:hover svg:last-child {
top: 0.375rem;
left: 0.375rem;
}
}
@media (min-width: 1200px) {
.button.hover-black:hover {
background: #000000;
}
}
.button.arrow-down {
background: transparent;
color: #FFFFFF;
padding: 0.75rem 1.25rem;
font-size: 1.0625rem;
}
.button.arrow-down .icon-c {
width: 0.875rem;
height: 0.875rem;
position: relative;
}
.button.arrow-down .icon-c svg {
width: 0.875rem;
height: 0.875rem;
position: absolute;
}
.button.arrow-down .icon-c svg path {
fill: #FFFFFF;
}
.button.arrow-down .icon-c svg:last-child {
top: -0.875rem;
left: 0;
}
@media (min-width: 1200px) {
.button.arrow-down:hover {
background: #4835CF;
}
.button.arrow-down:hover .icon-c svg {
top: 0.875rem;
left: 0;
}
.button.arrow-down:hover .icon-c svg:last-child {
top: 0;
left: 0;
}
}
.simple-button {
cursor: pointer;
font-size: 1rem;
color: #FFFFFF;
font-weight: 400;
padding: 0.625rem 1.25rem;
background: #000000;
border: 0.125rem solid #000000;
display: inline-flex;
align-items: center;
justify-content: center;
opacity: 1;
border-radius: 3.125rem;
overflow: hidden;
transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
}
.simple-button:hover {
background: #FFFFFF;
color: #000000;
}
.button-go-back {
display: inline-flex;
align-items: center;
}
.button-go-back .icon-c {
width: auto;
margin-right: 1.125rem;
}
.button-go-back .icon-c svg {
width: 1.125rem;
height: auto;
position: relative;
top: -0.125rem;
left: 0;
transition: 0.4s ease left;
}
.button-go-back .button-text {
color: #FFFFFF;
font-size: 0.9375rem;
line-height: 2.13;
}
.button-go-back:hover .icon-c svg {
left: -0.625rem;
}
.accordion-1-item {
border-bottom: 1px solid rgba(136, 132, 128, 0.35);
width: 100%;
}
.accordion-1-item .accordion-header {
cursor: pointer;
padding: 1rem 0;
display: flex;
align-items: center;
transition: 0.4s ease all;
}
.accordion-1-item .accordion-header .title {
margin-right: auto;
}
.accordion-1-item .accordion-header svg {
width: 0.75rem;
height: auto;
transition: 0.4s ease all;
transform: rotate(0deg);
}
.accordion-1-item .accordion-header svg path {
stroke: #000000;
transition: 0.4s ease all;
}
.accordion-1-item .accordion-body .accordion-body-c {
margin-bottom: 1rem;
}
.accordion-1-item.opened .arrow {
transform: rotate(180deg);
}
.accordion-1-item.style-border {
border: 1px solid #000000;
margin-bottom: 0.375rem;
}
.accordion-1-item.style-border:last-child {
margin-bottom: 0;
}
.accordion-1-item.style-border .accordion-header {
padding-left: 1.4375rem;
padding-right: 1.4375rem;
}
.accordion-1-item.style-border .accordion-header:hover {
background: #000000;
color: #FFFFFF;
}
.accordion-1-item.style-border .accordion-header:hover svg path {
stroke: #FFFFFF;
}
.accordion-1-item.style-border .accordion-body {
padding-left: 1.4375rem;
padding-right: 1.4375rem;
}
.accordion-1-item.style-border.opened:hover .accordion-header {
background: none;
color: #000000;
}
.accordion-1-item.style-border.opened:hover .accordion-header svg path {
stroke: #000000;
}
.element-checkbox label {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
margin-bottom: 0;
position: relative;
display: flex;
align-items: center;
}
.element-checkbox label input:checked + .checkbox {
border-color: rgb(205, 205, 205);
}
.element-checkbox label input:checked + .checkbox svg .path {
stroke-dashoffset: 0;
}
.element-checkbox label input:checked + .checkbox svg .path {
fill: black;
}
.element-checkbox label input:checked + .checkbox svg .polyline {
stroke-dashoffset: 0;
}
.element-checkbox label:hover .checkbox svg .path {
stroke-dashoffset: 0;
}
.element-checkbox label .checkbox {
position: relative;
min-width: 1.5rem;
width: 1.5rem;
height: 1.5rem;
border: 1px solid rgb(205, 205, 205);
}
.element-checkbox label .checkbox svg {
position: absolute;
top: -1px;
left: -1px;
width: 1.5rem;
height: 1.5rem;
}
.element-checkbox label .checkbox svg .path {
fill: none;
stroke: black;
stroke-width: 1;
stroke-dasharray: 100px;
stroke-dashoffset: 100px;
transition: all 0.6s ease;
}
.element-checkbox label .checkbox svg .polyline {
fill: none;
stroke: #FFF;
stroke-width: 2;
stroke-dasharray: 18px;
stroke-dashoffset: 18px;
transition: all 0.3s ease;
}
.element-checkbox label .text {
padding-left: 1.5rem;
font-size: 0.75rem;
color: rgba(0, 0, 0, 0.5);
line-height: 1.4;
max-width: 23.125rem;
}
.element-checkbox label .invisible {
position: absolute;
z-index: -1;
width: 0;
height: 0;
opacity: 0;
}
button.menu-toggle {
display: inline-block;
position: relative;
border: 0;
padding: 0 0 0 1.125rem;
margin: 0;
background: transparent;
box-shadow: none;
text-transform: uppercase;
z-index: 10;
}
button.menu-toggle:hover {
background: transparent;
}
button.menu-toggle .menu-toggle-icon {
position: absolute;
width: 1.125rem;
height: 1.125rem;
display: flex;
align-items: center;
top: 50%;
left: 0;
transform: translateY(-50%);
}
button.menu-toggle .menu-toggle-icon .menu-toggle-lines {
position: relative;
height: 0.3125rem;
}
button.menu-toggle .menu-toggle-icon .menu-toggle-lines::before, button.menu-toggle .menu-toggle-icon .menu-toggle-lines::after {
content: "";
position: absolute;
background: white;
width: 1.125rem;
height: 0.125rem;
transform-origin: center;
transition: transform 0.4s ease;
}
button.menu-toggle .menu-toggle-icon .menu-toggle-lines::before {
transform: translateY(0.1875rem);
}
button.menu-toggle .menu-toggle-icon .menu-toggle-lines::after {
transform: translateY(-0.1875rem);
}
button.menu-toggle .menu-toggle-title {
margin-left: 0.75rem;
}
button.menu-toggle.toggle-open .menu-toggle-icon {
transform: translateY(-64%);
}
button.menu-toggle.toggle-open .menu-toggle-icon .menu-toggle-lines::before {
transform: translateY(0) rotate(45deg);
transition: transform 0.4s ease;
}
button.menu-toggle.toggle-open .menu-toggle-icon .menu-toggle-lines::after {
transform: translateY(0) rotate(-45deg);
transition: transform 0.4s ease;
}
.filter-btn {
display: inline-block;
}
.filter-btn label {
cursor: pointer;
padding: 0.75rem 1.5rem;
background: transparent;
border: 0.125rem solid #FFFFFF;
color: #FFFFFF;
border-radius: 3.75rem;
transition: 0.4s ease all;
display: inline-block;
}
@media (min-width: 1200px) {
.filter-btn label {
padding: 0.75rem 2.5rem;
}
}
@media (min-width: 1200px) {
.filter-btn label:hover {
background: #4835CF;
border: 0.125rem solid #4835CF;
color: #FFFFFF;
}
}
.filter-btn input {
opacity: 0;
width: 0;
height: 0;
position: absolute;
top: 0;
left: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.filter-btn input:checked + label {
background: #4835CF;
border: 0.125rem solid #4835CF;
color: #FFFFFF;
}
.loader {
border: 0.1875rem solid #FFFFFF;
border-radius: 50%;
border-top: 0.1875rem solid #4835CF;
width: 1.875rem;
height: 1.875rem;
animation: spin 1.6s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.block-header {
background: #000000;
color: #FFFFFF;
padding-top: 6.25rem;
padding-bottom: 4.5rem;
position: relative;
}
@media (min-width: 743px) {
.block-header {
padding-top: 11.8125rem;
}
}
.block-header .top-row #js-bubbles-animation {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.block-header .top-row #js-bubbles-animation canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 743px) {
.block-header .top-row .left-col {
padding-right: 5.9375rem;
text-align: left;
}
}
.block-header .top-row .left-col .inner-container h1 {
margin-bottom: 0.1875rem;
}
.block-header .top-row .left-col .inner-container .text {
font-size: 0.9375rem;
opacity: 0.7;
}
.block-header .top-row .left-col .inner-container .text-img-row .text-col {
margin-bottom: 1.25rem;
}
@media (min-width: 743px) {
.block-header .top-row .left-col .inner-container .text-img-row .img-col {
padding-left: 1.875rem;
margin-left: auto;
}
}
.block-header .top-row .left-col .inner-container .text-img-row .img-col .lottie {
width: 7.5rem;
height: auto;
}
.block-header .top-row .right-col {
margin-top: 1.875rem;
}
@media (min-width: 743px) {
.block-header .top-row .right-col {
margin-top: 0.625rem;
text-align: left;
}
}
.block-header .top-row .right-col .text {
font-size: 1.25rem;
}
.block-header .top-row .right-col .text h1 {
margin-bottom: 0.9375rem;
}
.block-header .top-row .right-col .text p {
opacity: 0.7;
margin-bottom: 0.9375rem;
}
.block-header .top-row .right-col .button {
margin-top: 1.875rem;
margin-bottom: 0.9375rem;
}
@media (min-width: 743px) {
.block-header .top-row .right-col .button {
margin-top: 2.9375rem;
}
}
.block-header .bottom-row {
margin-top: 2.5rem;
}
.block-header .bottom-row .left-col {
margin-bottom: 1.25rem;
}
.block-header .bottom-row .right-col .multiple-buttons-row .button {
margin-right: 1.125rem;
margin-top: 1.125rem;
}
.block-hero {
background: #000000;
color: #FFFFFF;
position: relative;
overflow: hidden;
padding-top: 5.625rem;
}
@media (min-width: 1200px) {
.block-hero {
padding-top: 9.5625rem;
}
}
.block-hero .js-hero-threejs-container {
position: absolute;
width: 100%;
height: auto;
top: 0;
left: 0;
}
.block-hero .js-hero-threejs-container:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.1);
}
.block-hero .top-row {
padding-top: 10vh;
margin-bottom: 2.8125rem;
position: relative;
align-items: flex-end;
}
@media (min-width: 1200px) {
.block-hero .top-row {
margin-bottom: 5.625rem;
}
}
.block-hero .top-row .left-col {
opacity: 0;
}
.block-hero .top-row .left-col .text {
font-size: 1.25rem;
}
.block-hero .top-row .left-col .text h1 {
margin-bottom: 0.9375rem;
}
.block-hero .top-row .left-col .text p {
opacity: 0.7;
}
.block-hero .top-row .right-col {
margin-top: 1.875rem;
text-align: center;
display: none;
}
@media (min-width: 1200px) {
.block-hero .top-row .right-col {
margin-top: 0;
padding-left: 1.25rem;
display: block;
}
}
.block-hero .top-row .right-col .circle-button {
position: relative;
overflow: hidden;
width: 11rem;
height: 11rem;
display: inline-block;
border-radius: 50%;
transform: scale(1);
transition: 0.4s ease transform;
}
.block-hero .top-row .right-col .circle-button .circle-fill {
width: 0.125rem;
height: 0.125rem;
position: absolute;
left: -0.625rem;
top: -0.625rem;
border-radius: 50%;
background: #FFFFFF;
z-index: 0;
}
.block-hero .top-row .right-col .circle-button svg {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.block-hero .top-row .right-col .circle-button svg path {
transition: 0.4s ease fill, 0.4s ease stroke;
}
.block-hero .top-row .right-col .circle-button .b-title {
text-align: center;
position: absolute;
bottom: 3.3125rem;
left: 0;
width: 100%;
font-size: 1rem;
font-weight: 500;
color: #FFFFFF;
transition: 0.4s ease color;
}
.block-hero .top-row .right-col .circle-button:hover {
transform: scale(1.1);
}
.block-hero .top-row .right-col .circle-button:hover svg path {
fill: #000000;
stroke: #000000;
}
.block-hero .top-row .right-col .circle-button:hover .b-title {
color: #000000;
}
.block-hero .first-video-c {
margin-bottom: 3.375rem;
transform: translateY(60%) scale(1.2);
}
.block-hero .bottom-part {
background: #000000;
padding-top: 1.875rem;
z-index: 80;
position: relative;
}
.block-hero .bottom-part:before {
content: "";
background: #000000;
position: absolute;
left: -40%;
width: 180%;
height: 100%;
top: 0;
}
@media (min-width: 1200px) {
.block-hero .bottom-part {
padding-top: 0;
}
}
.block-hero .bottom-part .title {
margin-bottom: 2.625rem;
display: inline-flex;
align-items: center;
}
.block-hero .bottom-part .bottom-row .left-col .icon-text-row .icon-col {
z-index: 20;
padding-right: 1.5625rem;
}
@media (min-width: 743px) {
.block-hero .bottom-part .bottom-row .left-col .icon-text-row .icon-col {
padding-right: 2.9375rem;
}
}
.block-hero .bottom-part .bottom-row .left-col .icon-text-row .icon-col img {
width: auto;
height: auto;
}
.block-hero .bottom-part .bottom-row .right-col {
margin-top: 1.875rem;
}
@media (min-width: 743px) {
.block-hero .bottom-part .bottom-row .right-col {
padding-left: 1.25rem;
margin-top: 0;
}
}
.block-hero .bottom-part .bottom-row .right-col .text p {
margin-bottom: 1.5625rem;
line-height: 1.4;
font-size: 1.125rem;
}
@media (min-width: 743px) {
.block-hero .bottom-part .bottom-row .right-col .text p {
font-size: 1.3125rem;
}
}
.block-hero .bottom-part .bottom-row .right-col .text p:last-of-type {
margin-bottom: 0;
}
.block-services-rows {
background: #131313;
overflow: hidden;
}
.block-services-rows h4 {
color: #FFFFFF;
margin-bottom: 1.875rem;
}
.block-our-work {
background: #131313;
color: #FFFFFF;
position: relative;
}
.block-our-work .vertical-dots {
position: absolute;
top: -1.875rem;
left: 50%;
}
@media (min-width: 743px) {
.block-our-work .vertical-dots {
top: -3.4375rem;
}
}
.block-our-work h4 {
margin-bottom: 1.3125rem;
text-align: center;
width: 100%;
}
.block-our-work h4:before {
display: none;
}
.block-our-work .button-row {
text-align: right;
margin-top: 3rem;
}
.block-our-work .button-row .arrow-button {
display: inline-block;
text-align: left;
}
.block-our-work .button-row .arrow-button small {
color: rgba(255, 255, 255, 0.7);
text-transform: uppercase;
margin-bottom: 0.6875rem;
font-size: pxotrem(15);
display: block;
}
.block-our-work .button-row .arrow-button .title {
color: #FFFFFF;
font-size: 1.5625rem;
font-weight: 600;
position: relative;
padding-right: 2.5rem;
}
.block-our-work .button-row .arrow-button .title svg {
width: 1.125rem;
height: auto;
position: absolute;
right: 0;
top: 0.6875rem;
transition: 0.4s ease right;
}
.block-our-work .button-row .arrow-button:hover svg {
right: -0.625rem;
}
.block-text-paralax-img-columns {
background: #F5F5F5;
}
.block-text-paralax-img-columns .main-row .left-col {
display: flex;
align-items: center;
padding-right: 5%;
}
.block-text-paralax-img-columns .main-row .left-col .content {
max-width: 18.125rem;
}
.block-text-paralax-img-columns .main-row .left-col .content img {
margin-bottom: 1.875rem;
}
@media (min-width: 743px) {
.block-text-paralax-img-columns .main-row .left-col .content img {
margin-bottom: 2.875rem;
}
}
.block-text-paralax-img-columns .main-row .left-col .content .text h2 {
margin-bottom: 1.25rem;
}
@media (min-width: 1200px) {
.block-text-paralax-img-columns .main-row .left-col .content .text h2 {
margin-bottom: 2.0625rem;
}
}
.block-text-paralax-img-columns .main-row .left-col .content .text p {
margin-bottom: 1.875rem;
font-size: 1.0625rem;
color: rgba(32, 32, 32, 0.7);
}
@media (min-width: 1200px) {
.block-text-paralax-img-columns .main-row .left-col .content .text p {
margin-bottom: 2.6875rem;
}
}
.block-text-paralax-img-columns .main-row .right-col {
position: relative;
margin-top: 5rem;
margin-bottom: 1.25rem;
}
@media (min-width: 743px) {
.block-text-paralax-img-columns .main-row .right-col {
margin-bottom: 1.875rem;
}
}
@media (min-width: 1200px) {
.block-text-paralax-img-columns .main-row .right-col {
margin-bottom: 5rem;
}
}
.block-text-paralax-img-columns .main-row .right-col img {
position: absolute;
width: 40%;
height: auto;
border-radius: 0.625rem;
z-index: 1;
left: 0;
}
.block-text-paralax-img-columns .main-row .right-col .img-1 {
position: relative;
top: 0rem;
}
@media (min-width: 1200px) {
.block-text-paralax-img-columns .main-row .right-col .img-1 {
top: 1.875rem;
}
}
.block-text-paralax-img-columns .main-row .right-col .img-2 {
z-index: 2;
left: 30%;
top: -1.875rem;
}
@media (min-width: 743px) {
.block-text-paralax-img-columns .main-row .right-col .img-2 {
top: 0rem;
}
}
@media (min-width: 1200px) {
.block-text-paralax-img-columns .main-row .right-col .img-2 {
top: 0rem;
}
}
.block-text-paralax-img-columns .main-row .right-col .img-3 {
z-index: 3;
left: auto;
right: 0;
top: 1.875rem;
}
@media (min-width: 743px) {
.block-text-paralax-img-columns .main-row .right-col .img-3 {
top: 1.875rem;
}
}
@media (min-width: 1200px) {
.block-text-paralax-img-columns .main-row .right-col .img-3 {
top: 5rem;
}
}
.block-projects-filter {
background: #131313;
color: #FFFFFF;
overflow: hidden;
}
.block-posts-filter {
overflow: hidden;
}
.block-posts-filter .load-more-block .filter-btn label {
color: black;
border-color: black;
}
.block-posts-filter .load-more-block .filter-btn label:hover {
color: white;
border-color: #4835CF;
}
.block-posts-filter .load-more-block .filter-btn input:checked + label {
color: white;
border-color: #4835CF;
}
.block-posts-filter .block-footer {
padding-top: 2.5rem;
}
.block-posts-filter .block-footer .n-from-all-container {
display: none;
}
.block-posts-filter .block-footer .load-more {
background: transparent;
color: black;
border-color: black;
font-size: 1.0625rem;
padding: 0.625rem 3.75rem;
}
.block-title-with-text-columns {
margin-bottom: -1.875rem;
}
.block-title-with-text-columns .text-columns .title-col {
margin-bottom: 1.875rem;
}
@media (min-width: 992px) {
.block-title-with-text-columns .text-columns .title-col {
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.block-title-with-text-columns .text-columns .title-col {
padding-right: 5%;
}
}
.block-title-with-text-columns .text-columns .title-col h4:before {
display: none;
}
.block-title-with-text-columns .text-columns .title-col hr {
margin-bottom: 0;
padding: 0;
}
.block-image img {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.block-big-text .text {
font-size: 2.1875rem;
font-weight: 500;
line-height: 1.22;
text-align: center;
padding: 6.25rem 0;
max-width: 51.875rem;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.block-big-text .text {
font-size: 3.125rem;
}
}
.block-sliding-logos {
overflow: hidden;
padding-left: 0;
padding-right: 0;
}
.block-sliding-logos .logos-rows {
display: flex;
align-items: center;
position: relative;
flex-direction: row;
}
.block-sliding-logos .logos-rows .logos-row {
flex: 0 0 auto;
display: flex;
flex-direction: row;
align-items: center;
position: relative;
min-width: 100%;
animation: marquee 80s linear infinite;
}
.block-sliding-logos .logos-rows .logos-row .logo-col {
padding-right: 1.25rem;
width: 12.5rem;
}
@media (min-width: 743px) {
.block-sliding-logos .logos-rows .logos-row .logo-col {
width: 18.75rem;
padding-right: 1.875rem;
}
}
@media (min-width: 1200px) {
.block-sliding-logos .logos-rows .logos-row .logo-col {
padding-right: 2.5rem;
width: 25rem;
}
}
.block-sliding-logos .logos-rows .logos-row .logo-col .img-container {
display: flex;
align-items: center;
justify-content: center;
background: #FFFFFF;
height: 6.25rem;
margin-bottom: 1.25rem;
border-radius: 0.625rem;
}
@media (min-width: 743px) {
.block-sliding-logos .logos-rows .logos-row .logo-col .img-container {
height: 9.375rem;
margin-bottom: 1.875rem;
}
}
@media (min-width: 1200px) {
.block-sliding-logos .logos-rows .logos-row .logo-col .img-container {
height: 13.5625rem;
margin-bottom: 2.8125rem;
}
}
.block-sliding-logos .logos-rows .logos-row .logo-col .img-container img {
display: inline-block;
max-height: 98%;
max-width: 98%;
width: auto;
height: auto;
}
@media (min-width: 1200px) {
.block-sliding-logos .logos-rows .logos-row .logo-col .img-container img {
max-height: 98%;
max-width: 98%;
}
}
.block-sliding-logos .logos-rows.second-row .logos-row {
animation-direction: reverse;
}
.block-sliding-logos .logos-rows.second-row .logos-row .logo-col .img-container {
margin-bottom: 0;
}
@keyframes marquee {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
.block-reviews-slider {
overflow: hidden;
}
.block-reviews-slider .reviews-slider {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
width: 300%;
left: 0%;
position: relative;
}
@media (min-width: 743px) {
.block-reviews-slider .reviews-slider {
width: 200%;
left: -50%;
}
}
@media (min-width: 1200px) {
.block-reviews-slider .reviews-slider {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
width: 150%;
left: -25%;
}
}
.block-reviews-slider .reviews-slider .swiper-wrapper .swiper-slide {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
@media (min-width: 743px) {
.block-reviews-slider .reviews-slider .swiper-wrapper .swiper-slide {
padding-left: 1.875rem;
padding-right: 1.875rem;
}
}
@media (min-width: 1200px) {
.block-reviews-slider .reviews-slider .swiper-wrapper .swiper-slide {
padding-left: 4.6875rem;
padding-right: 4.6875rem;
}
}
.block-reviews-slider .reviews-slider .swiper-wrapper .swiper-slide .quote {
text-align: center;
line-height: 1;
margin-bottom: 2.5rem;
}
@media (min-width: 743px) {
.block-reviews-slider .reviews-slider .swiper-wrapper .swiper-slide .quote {
margin-bottom: 3.75rem;
}
}
.block-reviews-slider .reviews-slider .swiper-wrapper .swiper-slide .quote svg {
width: 2.75rem;
height: auto;
}
@media (min-width: 743px) {
.block-reviews-slider .reviews-slider .swiper-wrapper .swiper-slide .quote svg {
width: 3.375rem;
}
}
.block-reviews-slider .reviews-slider .swiper-wrapper .swiper-slide .text {
font-size: 1.25rem;
line-height: 1.4;
}
@media (min-width: 743px) {
.block-reviews-slider .reviews-slider .swiper-wrapper .swiper-slide .text {
font-size: 1.625rem;
}
}
@media (min-width: 1200px) {
.block-reviews-slider .reviews-slider .swiper-wrapper .swiper-slide .text {
font-size: 1.875rem;
}
}
.block-reviews-slider .reviews-slider .swiper-wrapper .swiper-slide .text p {
margin-bottom: 2.1875rem;
}
.block-reviews-slider .reviews-slider .swiper-wrapper .swiper-slide .author {
font-size: 1.375rem;
}
.block-contact-us-text-effect {
background: #4835CF;
position: relative;
border-radius: 40% 40% 0 0;
}
.block-contact-us-text-effect .block-container {
text-align: center;
}
.block-contact-us-text-effect .block-container .star {
position: absolute;
width: 3.75rem;
height: 3.75rem;
left: calc(50% - 1.65rem);
top: -1.875rem;
}
@media (min-width: 743px) {
.block-contact-us-text-effect .block-container .star {
width: 7.625rem;
height: 7.625rem;
left: calc(50% - 3.31rem);
top: -3.8125rem;
}
}
.block-contact-us-text-effect .block-container .text-c {
font-size: 2.5rem;
line-height: 1.14;
font-weight: 400;
text-transform: uppercase;
color: #FFFFFF;
position: relative;
overflow: hidden;
display: inline-block;
font-family: "League Gothic", sans-serif;
}
@media (min-width: 743px) {
.block-contact-us-text-effect .block-container .text-c {
font-size: 3.75rem;
}
}
@media (min-width: 1200px) {
.block-contact-us-text-effect .block-container .text-c {
font-size: 5.9375rem;
}
}
.block-contact-us-text-effect .block-container .text-c .effect-text-container, .block-contact-us-text-effect .block-container .text-c .effect-text {
position: absolute;
top: 0;
left: 0;
height: 100%;
transition: all 0.3s;
overflow: hidden;
color: #FFFFFF;
}
.block-contact-us-text-effect .block-container .text-c .original-text-container {
transition-delay: 0.4s;
transition-duration: 0.7s;
transition-timing-function: ease;
transition-property: transform;
transform: translateY(0);
}
.block-contact-us-text-effect .block-container .text-c .effect-text-container {
width: 100%;
transform: translate(-100%);
}
.block-contact-us-text-effect .block-container .text-c .effect-text-container .effect-text {
transform: translate(100%);
position: absolute;
color: #AEB4FF;
}
.block-contact-us-text-effect .block-container .text-c:hover .effect-text-container {
transform: translate(0);
}
.block-contact-us-text-effect .block-container .text-c:hover .effect-text-container .effect-text {
transform: translate(0);
}
.block-contact-us-text-effect .block-container .button {
margin-top: 1.5625rem;
}
@media (min-width: 743px) {
.block-contact-us-text-effect .block-container .button {
margin-top: 2.875rem;
}
}
.block-title-text-lottie-columns {
background: #131313;
color: #FFFFFF;
}
.block-title-text-lottie-columns .columns-row .left-col {
margin-bottom: 1.875rem;
}
@media (min-width: 743px) {
.block-title-text-lottie-columns .columns-row .left-col {
padding-right: 2.5rem;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.block-title-text-lottie-columns .columns-row .left-col {
padding-right: 8.125rem;
}
}
.block-title-text-lottie-columns .columns-row .left-col h4 {
margin-bottom: 1.875rem;
}
@media (min-width: 743px) {
.block-title-text-lottie-columns .columns-row .left-col h4 {
margin-bottom: 2.5rem;
}
}
.block-title-text-lottie-columns .columns-row .right-col .lottie {
width: 100%;
height: auto;
}
.block-video-with-popup {
background: #131313;
}
.block-text-columns {
background: #FFFFFF;
}
.block-text-columns h4 {
margin-bottom: 1.875rem;
}
@media (min-width: 1200px) {
.block-text-columns h4 {
margin-bottom: 6.125rem;
}
}
.block-text-columns .columns-row .content-col {
margin-bottom: 1.875rem;
}
@media (min-width: 743px) {
.block-text-columns .columns-row .content-col {
padding-right: 10%;
}
}
@media (min-width: 1200px) {
.block-text-columns .columns-row .content-col {
margin-bottom: 4.4375rem;
}
}
.block-text-columns .columns-row .content-col h5 {
margin-bottom: 0.9375rem;
}
@media (min-width: 1200px) {
.block-text-columns .columns-row .content-col h5 {
margin-bottom: 2.0625rem;
}
}
.block-text-columns .columns-row .content-col p {
font-size: 0.9375rem;
line-height: 1.4;
opacity: 0.7;
}
.block-text-columns .columns-row .content-col p:last-child {
margin-bottom: 0;
}
.block-numbers-columns .columns-row .numbers-col {
text-align: center;
padding: 0 2%;
margin-bottom: 2.5rem;
}
@media (min-width: 743px) {
.block-numbers-columns .columns-row .numbers-col {
margin-bottom: 0;
}
}
.block-numbers-columns .columns-row .numbers-col .number {
margin-bottom: 0.625rem;
font-weight: 600;
font-size: 2.125rem;
line-height: 1.3;
}
@media (min-width: 743px) {
.block-numbers-columns .columns-row .numbers-col .number {
font-size: 2.5rem;
margin-bottom: 1.1875rem;
}
}
@media (min-width: 1200px) {
.block-numbers-columns .columns-row .numbers-col .number {
font-size: 3.4375rem;
}
}
.block-numbers-columns .columns-row .numbers-col p {
font-size: 0.9375rem;
}
@media (min-width: 743px) {
.block-numbers-columns .columns-row .numbers-col p {
font-size: 1.125rem;
}
}
.block-numbers-columns .columns-row .numbers-col p:last-child {
margin-bottom: 0;
}
.block-gallery-move-on-scroll {
padding-left: 0;
padding-right: 0;
background: #000000;
}
.block-gallery-move-on-scroll .gallery-rows-c {
position: relative;
overflow: hidden;
}
.block-gallery-move-on-scroll .gallery-rows-c .gallery-row {
position: relative;
left: 0;
display: inline-flex;
flex-wrap: nowrap;
white-space: nowrap;
height: 12.5rem;
margin-bottom: 1.625rem;
}
@media (min-width: 743px) {
.block-gallery-move-on-scroll .gallery-rows-c .gallery-row {
height: 18.75rem;
}
}
@media (min-width: 992px) {
.block-gallery-move-on-scroll .gallery-rows-c .gallery-row {
height: 23.125rem;
}
}
@media (min-width: 1200px) {
.block-gallery-move-on-scroll .gallery-rows-c .gallery-row {
height: 25rem;
}
}
@media (min-width: 1600px) {
.block-gallery-move-on-scroll .gallery-rows-c .gallery-row {
height: 29.375rem;
margin-bottom: 2.25rem;
}
}
.block-gallery-move-on-scroll .gallery-rows-c .gallery-row.second-row {
margin-bottom: 0;
left: -30vw;
}
.block-gallery-move-on-scroll .gallery-rows-c .gallery-row .card-img-video-lottie {
height: 100%;
width: auto;
margin-right: 1.1875rem;
}
@media (min-width: 743px) {
.block-gallery-move-on-scroll .gallery-rows-c .gallery-row .card-img-video-lottie {
margin-right: 1.8125rem;
}
}
@media (min-width: 1600px) {
.block-gallery-move-on-scroll .gallery-rows-c .gallery-row .card-img-video-lottie {
margin-right: 2.4375rem;
}
}
.block-gallery-move-on-scroll .texts-row {
display: flex;
position: relative;
}
.block-gallery-move-on-scroll .texts-row .text-col {
width: 33.33%;
text-align: center;
}
.block-gallery-move-on-scroll .texts-row .text-col p {
text-align: left;
display: inline-block;
transform: rotate(-90deg);
position: relative;
font-weight: 700;
font-size: 2.1875rem;
color: #FFFFFF;
width: 2rem;
}
@media (min-width: 743px) {
.block-gallery-move-on-scroll .texts-row .text-col p {
font-size: 2.8125rem;
}
}
@media (min-width: 1200px) {
.block-gallery-move-on-scroll .texts-row .text-col p {
font-size: 4.0625rem;
}
}
.block-how-we-do-it {
background: #131313;
color: #FFFFFF;
}
.block-how-we-do-it h4 {
margin-bottom: 2.5rem;
}
@media (min-width: 1200px) {
.block-how-we-do-it h4 {
margin-bottom: 7.0625rem;
}
}
.block-how-we-do-it .content-row .lottie-col {
padding-right: 5%;
max-width: 33.625rem;
text-align: center;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 1200px) {
.block-how-we-do-it .content-row .lottie-col {
margin-left: 0;
}
}
.block-how-we-do-it .content-row .lottie-col .lottie-c {
position: relative;
}
.block-how-we-do-it .content-row .lottie-col .lottie-c .lottie {
width: 80%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.block-how-we-do-it .content-row .lottie-col .lottie-c .lottie svg {
width: 100%;
height: auto;
}
.block-how-we-do-it .content-row .lottie-col h5 {
margin-top: 1.875rem;
margin-bottom: 0rem;
font-weight: 400;
font-size: 1.5rem;
max-width: 18.75rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 5rem;
}
@media (min-width: 1200px) {
.block-how-we-do-it .content-row .lottie-col h5 {
font-size: 1.5rem;
margin-bottom: 0;
margin-top: 4.625rem;
}
}
.block-how-we-do-it .rows-col .rows-row {
position: relative;
padding-top: 4.25rem;
}
.block-how-we-do-it .rows-col .rows-row:first-child {
padding-top: 0;
}
.block-how-we-do-it .rows-col .rows-row .row {
position: relative;
align-items: center;
padding-bottom: 3.25rem;
}
.block-how-we-do-it .rows-col .rows-row .row .icon-col {
text-align: center;
margin-bottom: 1.25rem;
}
@media (min-width: 743px) {
.block-how-we-do-it .rows-col .rows-row .row .icon-col {
width: 5rem;
height: 5rem;
margin-bottom: 0;
}
}
.block-how-we-do-it .rows-col .rows-row .row .icon-col img, .block-how-we-do-it .rows-col .rows-row .row .icon-col .lottie {
max-width: 6.25rem;
max-height: 6.25rem;
display: inline-block;
}
@media (min-width: 743px) {
.block-how-we-do-it .rows-col .rows-row .row .icon-col img, .block-how-we-do-it .rows-col .rows-row .row .icon-col .lottie {
max-width: 100%;
max-height: 100%;
}
}
.block-how-we-do-it .rows-col .rows-row .row .text-col {
text-align: center;
}
@media (min-width: 743px) {
.block-how-we-do-it .rows-col .rows-row .row .text-col {
padding-left: 3.8125rem;
text-align: left;
}
}
.block-how-we-do-it .rows-col .rows-row .row .text-col .title-c {
position: relative;
overflow: hidden;
}
.block-how-we-do-it .rows-col .rows-row .row .text-col .title-c h3 {
margin-bottom: 1rem;
}
.block-how-we-do-it .rows-col .rows-row .row .text-col .text-c {
position: relative;
overflow: hidden;
opacity: 0.7;
}
.block-how-we-do-it .rows-col .rows-row hr {
background: #FFFFFF;
opacity: 0.2;
}
.block-services-filter {
background: #131313;
color: #FFFFFF;
overflow: hidden;
}
.block-contacts-columns {
background: #000000;
position: relative;
overflow: hidden;
}
.block-contacts-columns .main-row .left-col {
position: relative;
display: flex;
margin-bottom: 3.75rem;
}
@media (min-width: 1200px) {
.block-contacts-columns .main-row .left-col {
padding-right: 5rem;
margin-bottom: 0;
}
}
.block-contacts-columns .main-row .left-col .video-c, .block-contacts-columns .main-row .left-col .img-c {
position: relative;
width: 100%;
padding-top: 56%;
}
@media (min-width: 1200px) {
.block-contacts-columns .main-row .left-col .video-c, .block-contacts-columns .main-row .left-col .img-c {
height: 100%;
}
}
@media (min-width: 1200px) {
.block-contacts-columns .main-row .left-col .video-c .video-wrapper, .block-contacts-columns .main-row .left-col .video-c .img-wrapper, .block-contacts-columns .main-row .left-col .img-c .video-wrapper, .block-contacts-columns .main-row .left-col .img-c .img-wrapper {
width: calc(100% + 5rem);
position: absolute;
height: 100%;
right: 0;
top: 0;
left: auto;
}
}
@media (min-width: 1500px) {
.block-contacts-columns .main-row .left-col .video-c .video-wrapper, .block-contacts-columns .main-row .left-col .video-c .img-wrapper, .block-contacts-columns .main-row .left-col .img-c .video-wrapper, .block-contacts-columns .main-row .left-col .img-c .img-wrapper {
width: calc(100% + (100vw - 84.5rem) / 2);
}
}
.block-contacts-columns .main-row .left-col .video-c .video-wrapper .img, .block-contacts-columns .main-row .left-col .video-c .img-wrapper .img, .block-contacts-columns .main-row .left-col .img-c .video-wrapper .img, .block-contacts-columns .main-row .left-col .img-c .img-wrapper .img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.block-contacts-columns .main-row .left-col .video-c .video-wrapper video, .block-contacts-columns .main-row .left-col .video-c .img-wrapper video, .block-contacts-columns .main-row .left-col .img-c .video-wrapper video, .block-contacts-columns .main-row .left-col .img-c .img-wrapper video {
-o-object-fit: cover;
object-fit: cover;
}
.block-contacts-columns .main-row .right-col .columns-row {
margin-bottom: -4.6875rem;
margin-right: -2.125rem;
}
.block-contacts-columns .main-row .right-col .columns-row .column {
color: #FFFFFF;
margin-bottom: 4.6875rem;
padding-right: 2.125rem;
}
.block-contacts-columns .main-row .right-col .columns-row .column .title-c {
position: relative;
}
.block-contacts-columns .main-row .right-col .columns-row .column .title-c h3 {
font-size: 1.4375rem;
font-weight: 600;
margin-bottom: 1.5625rem;
opacity: 0.7;
position: relative;
display: inline-block;
}
.block-contacts-columns .main-row .right-col .columns-row .column .title-c .time {
display: inline-flex;
align-items: center;
position: absolute;
left: calc(100% + 1rem);
top: pxtorme(-3);
font-size: 0.75rem;
font-weight: 400;
}
.block-contacts-columns .main-row .right-col .columns-row .column .title-c .time svg {
margin-right: 0.5rem;
width: 0.875rem;
height: 0.875rem;
position: relative;
bottom: 0rem;
}
.block-contacts-columns .main-row .right-col .columns-row .column .text p {
margin-bottom: 1.25rem;
font-size: 0.9375rem;
line-height: 1.6;
}
.block-contacts-columns .main-row .right-col .columns-row .column .text a {
opacity: 0.7;
font-size: 1rem;
margin-bottom: 1.625rem;
display: block;
color: #FFFFFF;
}
.block-contacts-columns .main-row .right-col .columns-row .column .text h5 a {
opacity: 1;
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 500;
text-decoration: underline;
}
.block-contacts-columns .main-row .right-col .columns-row .column .button {
margin-top: 3.125rem;
}
.card-project {
display: block;
position: relative;
border-radius: 0.625rem;
overflow: hidden;
padding-top: 130%;
transition: 0.4s ease border-radius;
}
.card-project .card-img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 0.625rem;
transform: scale(1);
transition: 0.4s ease all;
}
.card-project .video-c {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.card-project .video-c video {
-o-object-fit: cover;
object-fit: cover;
}
.card-project .filter {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.31);
}
.card-project .project-inner-container {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
justify-content: space-between;
height: 100%;
flex-direction: column;
padding: 2.5rem 3.125rem 3.5rem 3.125rem;
}
.card-project .project-inner-container .terms .term {
font-size: 1.0625rem;
color: #FFFFFF;
margin-bottom: 0.25rem;
}
.card-project .project-inner-container h3 {
color: #FFFFFF;
font-size: 1.875rem;
}
.card-project:hover {
border-radius: 0;
}
.card-project:hover .card-img {
border-radius: 0;
transform: scale(1.1);
}
.card-post {
display: block;
position: relative;
text-decoration: none !important;
}
.card-post .img-c {
border-radius: 0.625rem;
overflow: hidden;
padding-top: 129%;
transition: 0.4s ease border-radius;
position: relative;
}
.card-post .img-c .card-img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 0.625rem;
transform: scale(1);
transition: 0.4s ease all;
}
.card-post .img-c .video-c {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.card-post .img-c .video-c video {
-o-object-fit: cover;
object-fit: cover;
}
.card-post .bottom-container {
margin-top: 1.75rem;
color: black;
}
.card-post .bottom-container .terms {
margin-bottom: 1.25rem;
}
.card-post .bottom-container .terms .term {
font-size: 1rem;
color: #000000;
font-weight: 500;
}
.card-post .bottom-container h3 {
margin: 0;
color: #000000;
font-size: 1.75rem;
vertical-align: middle;
align-items: center;
line-height: 1.3;
}
.card-post .bottom-container h3 span {
background-image: linear-gradient(transparent calc(100% - 0.063rem), #000000 0.063rem);
transition: background-size 0.6s ease, color 0.6s ease;
background-position: 100%;
background-repeat: no-repeat;
background-size: 0 100%;
transform-origin: bottom;
display: inline;
margin-right: 0.625rem;
}
.card-post .bottom-container h3 .arrow {
width: 2.25rem;
height: 2.25rem;
background: white;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
transition: 0.4s ease all;
top: -0.1875rem;
}
.card-post .bottom-container h3 .arrow svg {
width: 0.75rem;
height: auto;
}
.card-post .bottom-container h3 .arrow svg path {
fill: black;
transition: 0.4s ease all;
}
.card-post:hover .img-c .card-img {
transform: scale(1.1);
}
.card-post:hover .bottom-container h3 span {
background-position: 0;
background-size: 100% 100%;
}
.card-post:hover .bottom-container h3 .arrow {
background: #4835CF;
}
.card-post:hover .bottom-container h3 .arrow svg path {
fill: white;
}
.card-img-video-lottie {
position: relative;
overflow: hidden;
height: 100%;
width: auto;
}
.card-img-video-lottie .card-img {
height: 100%;
width: auto;
}
.card-img-video-lottie .card-hover-img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
transition: 0.3s ease opacity;
}
.card-img-video-lottie .video-c {
position: relative;
width: auto;
height: 100%;
padding-top: 0;
}
.card-img-video-lottie .video-c .video-wrapper {
position: relative;
width: auto;
height: 100%;
}
.card-img-video-lottie .video-c .video-wrapper video {
height: 100%;
width: auto;
position: relative;
}
.card-img-video-lottie .lottie {
height: 100%;
width: auto;
}
.card-img-video-lottie .lottie svg {
height: 100%;
width: auto !important;
}
@media (min-width: 1200px) {
.card-img-video-lottie:hover .card-hover-img {
opacity: 1;
}
}
.card-service {
position: relative;
padding-top: 3.8125rem;
padding-bottom: 3rem;
}
@media (min-width: 1200px) {
.card-service {
padding-top: 3.8125rem;
padding-bottom: 3rem;
}
}
.card-service:after {
content: "";
width: 0;
height: 1px;
background: #FFFFFF;
position: absolute;
bottom: 0;
left: 0;
transition: 1s ease width;
}
.card-service .service-row {
position: relative;
align-items: center;
color: #FFFFFF;
text-align: center;
}
@media (min-width: 743px) {
.card-service .service-row {
text-align: left;
}
}
.card-service .service-row .icon-col {
text-align: center;
}
.card-service .service-row .icon-col img, .card-service .service-row .icon-col svg {
width: auto;
height: auto;
max-width: 6.25rem;
display: inline-block;
}
.card-service .service-row .title-col {
margin-top: 1.875rem;
}
@media (min-width: 743px) {
.card-service .service-row .title-col {
margin-top: 0;
padding-right: 5%;
}
}
.card-service .service-row .title-col h3 {
margin-bottom: 1rem;
}
.card-service .service-row .title-col .description-container {
overflow: hidden;
position: relative;
}
.card-service .service-row .title-col .description-container .description {
position: relative;
transition: 0.4s ease all;
}
@media (min-width: 1200px) {
.card-service .service-row .title-col .description-container .description {
transform: translateY(100%);
}
}
.card-service .service-row .title-col .description-container .description.has-projects {
transform: translateY(0);
}
.card-service .service-row .description-col {
font-size: 1.0625rem;
opacity: 0.7;
display: none;
}
@media (min-width: 1200px) {
.card-service .service-row .description-col {
display: block;
}
}
.card-service .related-projects-row {
margin-top: 2.5rem;
}
@media (min-width: 1200px) {
.card-service .related-projects-row {
margin-top: 4.75rem;
}
}
.card-service hr {
background: rgba(255, 255, 255, 0.8);
position: absolute;
bottom: 0;
left: 0;
width: 0;
transition: 1.4s linear width;
}
.card-service hr.in-screen {
width: 100%;
}
@media (min-width: 1200px) {
.card-service:hover:after {
width: 100%;
}
.card-service:hover .title-col .description-container .description {
transform: translateY(0);
}
}
.phone-slider-c {
overflow: hidden;
width: 185%;
position: relative;
}
@media (min-width: 743px) {
.phone-slider-c {
width: 180%;
}
}
.phone-slider {
overflow: visible;
position: relative;
width: 100%;
padding-bottom: 2.25rem;
z-index: 0;
}
.phone-slider:after {
content: "";
width: 100vw;
position: absolute;
height: 100%;
background: #F5F5F5;
top: 0;
right: 100%;
z-index: 2;
}
@media (min-width: 1200px) {
.phone-slider {
display: none;
}
}
.phone-slider .swiper-wrapper .swiper-slide img {
width: 100%;
height: auto;
}
.video-c {
position: relative;
width: 100%;
padding-top: 57%;
}
.video-c .video-wrapper {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.video-c .video-wrapper iframe, .video-c .video-wrapper video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
cursor: pointer;
}
.video-c .video-wrapper .filter {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 17.64%, rgba(0, 0, 0, 0) 82.22%, rgba(0, 0, 0, 0.3) 100%);
}
.video-c .video-wrapper .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-block;
pointer-events: none;
transition: 0.3s ease all;
}
.video-c .video-wrapper .play-button .circle {
width: 2.625rem;
height: 2.625rem;
background: #FFFFFF;
border-radius: 50%;
transition: 0.3s ease all;
transform: scale(1);
}
.video-c .video-wrapper .play-button .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
height: 0.875rem;
margin-left: 0.125rem;
}
.video-c .video-wrapper .play-button .pause {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
height: 1.25rem;
display: none;
}
.video-c .video-wrapper:hover .play-button .circle {
transform: scale(1.2);
}
.video-c .progress-bar-c {
position: absolute;
top: 0;
left: 0;
padding: 0.75rem 0.5rem;
width: 100%;
}
.video-c .progress-bar-c .wrapper {
position: relative;
}
.video-c .progress-bar-c .wrapper .progress-bar {
background: rgba(255, 255, 255, 0.3);
width: 100%;
height: 0.125rem;
border-radius: 0;
position: relative;
}
.video-c .progress-bar-c .wrapper .progress-bar .progress {
position: absolute;
left: 0;
top: 0;
background: #FFFFFF;
width: 0%;
transition: 0.3s linear width;
}
.video-c .progress-bar-c .wrapper .volume-c {
position: absolute;
right: 0;
top: 100%;
margin-top: 0.75rem;
width: 1.5rem;
height: 1.5rem;
}
.video-c .progress-bar-c .wrapper .volume-c img {
width: 1.5rem;
height: auto;
transition: 0.3s ease all;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
opacity: 1;
}
.video-c .progress-bar-c .wrapper .volume-c img.off-volume {
display: none;
}
.video-c .progress-bar-c .wrapper .volume-c:hover {
opacity: 0.5;
}
.video-c.playing .video-wrapper .play-button {
opacity: 0;
}
.video-c.playing .video-wrapper:hover .play-button {
opacity: 1;
}
.share-buttons {
display: flex;
align-items: center;
justify-content: flex-start;
}
.share-buttons .share-icon {
width: auto;
cursor: pointer;
display: inline-block;
margin-right: 0.75rem;
}
.share-buttons .share-icon svg {
width: 2rem;
height: 2rem;
}
.share-buttons .share-icon svg path, .share-buttons .share-icon svg circle {
transition: 0.4s ease all;
}
.share-buttons .share-icon:hover svg circle {
stroke: #4835CF;
}
.share-buttons .share-icon:hover svg path {
fill: #4835CF;
}
.share-buttons .share-icon.url-button:hover svg path {
fill: none;
stroke: #4835CF;
}
.share-buttons .share-icon .tooltip {
display: none;
}
.share-buttons .share-icon:last-child {
margin-right: 0;
}
#preloader {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 999;
background: #000000;
color: #FFFFFF;
padding: 12.5rem 5%;
height: 100vh;
overflow: hidden;
}
#preloader .preloader-container {
position: relative;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#preloader .preloader-container .preloader-logo {
position: relative;
max-width: 12.5rem;
}
#preloader .preloader-container .preloader-logo .lottie svg {
width: 100%;
height: auto;
max-width: 100%;
}
#preloader .preloader-container .preloader-progress-c {
display: flex;
align-items: center;
justify-content: center;
margin-top: auto;
}
#preloader .preloader-container .preloader-progress-c .preloader-progress {
top: 3.125rem;
opacity: 0;
display: inline-block;
width: 2.625rem;
height: 2.625rem;
border: 0.125rem solid rgba(255, 255, 255, 0.5);
border-radius: 50%;
position: relative;
transform: rotate(45deg);
box-sizing: border-box;
}
#preloader .preloader-container .preloader-progress-c .preloader-progress::before {
content: "";
position: absolute;
box-sizing: border-box;
inset: -0.125rem;
border-radius: 50%;
border: 0.125rem solid #FFFFFF;
animation: prixClipFix 1.3s linear;
animation-delay: 0.1s;
animation-iteration-count: 1;
}
@keyframes prixClipFix {
0% {
-webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
}
25% {
-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
}
50% {
-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
}
75% {
-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
}
100% {
-webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
}
}
.breadcrumbs a {
position: relative;
}
.breadcrumbs a:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
background: #000000;
width: 0;
transition: 0.4s ease width;
}
.breadcrumbs a:hover:before {
width: calc(100% - 1.1rem);
}
.breadcrumbs .el {
display: inline-block;
color: #000000;
font-size: 0.875rem;
}
.breadcrumbs .el:after {
content: "/";
display: inline-block;
margin: 0 0.375rem;
}
.breadcrumbs .el.current {
opacity: 0.5;
}
.breadcrumbs .el.current:after {
display: none;
}
.load-more-block .filter-container {
margin-bottom: 2.625rem;
position: relative;
width: 100%;
display: block;
height: auto;
}
@media (min-width: 743px) {
.load-more-block .filter-container {
display: flex;
align-items: center;
justify-content: center;
}
}
.load-more-block .filter-container .swiper {
overflow: visible;
}
@media (min-width: 1200px) {
.load-more-block .filter-container .swiper {
display: flex;
justify-content: center;
}
}
@media (min-width: 1200px) {
.load-more-block .filter-container .swiper .swiper-wrapper {
width: auto;
}
}
.load-more-block .filter-container .swiper .swiper-wrapper .swiper-slide {
width: auto;
}
.load-more-block .filter-container .swiper .swiper-wrapper .swiper-slide .filter-btn {
margin: 0 0.9375rem 1.0625rem 0.9375rem;
}
.load-more-block .page-content {
width: 100%;
display: block;
}
.load-more-block .page-content .block-footer {
text-align: center;
margin-top: 3.875rem;
}
.load-more-block .page-content .block-footer .n-from-all-container .n-from-all {
padding-bottom: 0.75rem;
}
.load-more-block .page-content .block-footer .n-from-all-container .n-from-all span {
font-size: 0.875rem;
}
.load-more-block .page-content .block-footer .n-from-all-container .progress-bar {
width: 12.125rem;
height: 1px;
display: inline-block;
position: relative;
margin-bottom: 1.5rem;
background: rgba(255, 255, 255, 0.35);
}
.load-more-block .page-content .block-footer .n-from-all-container .progress-bar .progress {
position: absolute;
top: 0;
left: 0;
height: 1px;
transition: 0.6s ease all;
background: #FFFFFF;
}
.load-more-block .page-content .block-footer .load-more-button-container {
display: flex;
align-items: center;
justify-content: center;
height: auto;
width: 100%;
}
.load-more-block .page-content .block-footer .load-more-button-container .load-more {
display: inline-block;
}
.load-more-block .page-content .block-footer .load-more-button-container .loader {
display: none;
}
.part-related-projects {
overflow: hidden;
}
.part-related-projects .related-projects-row {
margin-right: -1.875rem;
margin-bottom: -1.875rem;
}
.part-related-projects .related-projects-row .project-col {
padding-right: 1.875rem;
margin-bottom: 1.875rem;
}
.part-video-with-popup {
position: relative;
cursor: pointer;
line-height: 0;
}
.part-video-with-popup .first-video-bg-c {
overflow: hidden;
}
.part-video-with-popup .first-video-bg-c video {
width: 100%;
height: auto;
}
.part-video-with-popup .filter {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.2);
}
.part-video-with-popup .first-rotate-text {
width: 4.375rem;
height: 4.375rem;
position: absolute;
background: #FFFFFF;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 0.4s ease background;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (min-width: 743px) {
.part-video-with-popup .first-rotate-text {
width: 6.375rem;
height: 6.375rem;
}
}
.part-video-with-popup .first-rotate-text .title {
font-size: 0.875rem;
font-weight: 500;
transition: 0.4s ease color;
line-height: 1.2;
color: #000000;
max-width: 3.125rem;
text-align: center;
}
@media (min-width: 743px) {
.part-video-with-popup .first-rotate-text .title {
font-size: 1rem;
}
}
.part-video-with-popup .first-rotate-text:hover {
background: #4835CF;
}
.part-video-with-popup .first-rotate-text:hover .title {
color: #FFFFFF;
pointer-events: none;
}
.part-cookies {
border: 1px solid rgba(0, 43, 45, 0.2);
background-color: #FFFFFF;
color: #000000;
position: fixed;
z-index: 1000;
overflow: hidden;
transition-property: opacity, visibility, height;
transition-duration: 0.15s;
transition-timing-function: ease-in;
will-change: opacity, visibility, height;
visibility: hidden;
opacity: 0;
height: 0;
width: 100%;
bottom: 0;
left: 0;
}
.part-cookies .cookies-popup-wrapper {
padding: 1.875rem 0;
}
.part-cookies .cookies-popup-wrapper .cookies-content {
align-items: center;
}
@media (min-width: 1200px) {
.part-cookies .cookies-popup-wrapper .cookies-content {
display: flex;
}
}
.part-cookies .cookies-popup-wrapper .cookies-content .left-col {
margin-bottom: 1.875rem;
}
@media (min-width: 1200px) {
.part-cookies .cookies-popup-wrapper .cookies-content .left-col {
padding-right: 3.75rem;
margin-bottom: 0;
}
}
.part-cookies .cookies-popup-wrapper .cookies-content .left-col .top-text h4 {
margin-bottom: 1rem;
}
.part-cookies .cookies-popup-wrapper .cookies-content .left-col .top-text p {
line-height: 1.6;
}
.part-cookies .cookies-popup-wrapper .cookies-content .left-col .top-text p a {
color: #000000;
text-decoration: underline;
transition: 0.4s ease opacity;
}
.part-cookies .cookies-popup-wrapper .cookies-content .left-col .top-text p a:hover {
text-decoration: none;
opacity: 0.5;
}
.part-cookies .cookies-popup-wrapper .cookies-content .left-col form {
margin-top: 1.875rem;
display: none;
}
.part-cookies .cookies-popup-wrapper .cookies-content .left-col form .rules {
margin-bottom: 0.75rem;
}
.part-cookies .cookies-popup-wrapper .cookies-content .left-col form .rules:last-child {
margin-bottom: 0;
}
.part-cookies .cookies-popup-wrapper .cookies-content .left-col form .rules.disabled {
opacity: 0.5;
}
.part-cookies .cookies-popup-wrapper .right-col .buttons {
margin-bottom: -0.625rem;
}
.part-cookies .cookies-popup-wrapper .right-col .buttons .simple-button {
margin-bottom: 0.625rem;
}
body.js-show-cookies-popup .cookies-select-popup {
visibility: visible;
opacity: 1;
height: auto;
}
body.js-show-cookies-popup .open-cookies-settings {
display: none;
}
.open-cookies-settings {
position: fixed;
right: 1rem;
bottom: 3.75rem;
cursor: pointer;
z-index: 100;
}
@media (min-width: 1200px) {
.open-cookies-settings {
bottom: 1.25rem;
right: 1.25rem;
}
}
.open-cookies-settings svg {
width: 3.125rem;
height: auto;
border: 1px solid rgba(0, 43, 45, 0.2);
border-radius: 50%;
}
.open-cookies-settings svg circle {
fill: #FFFFFF;
stroke: #000000;
transition: 0.4s ease fill;
}
.open-cookies-settings svg path {
stroke: #000000;
transition: 0.4s ease stroke;
}
.open-cookies-settings:hover svg circle {
fill: #4835CF;
stroke: #FFFFFF;
}
.open-cookies-settings:hover svg path {
stroke: #FFFFFF;
}
.nice-checkbox {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
margin-bottom: 0.75rem;
position: relative;
padding-left: 2.5rem;
display: flex;
align-items: center;
}
.nice-checkbox:last-child {
margin-bottom: 0;
}
.nice-checkbox.disabled {
cursor: not-allowed;
pointer-events: none;
}
.nice-checkbox.disabled .checkbox, .nice-checkbox.disabled p {
opacity: 0.4;
}
.nice-checkbox input:disabled + .checkbox {
opacity: 0.5;
}
.nice-checkbox.has-error .checkbox svg .stroke {
stroke: red;
}
.nice-checkbox.is-checked .checkbox svg .stroke {
fill: #FFFFFF;
stroke: #FFFFFF;
}
.nice-checkbox.is-checked .checkbox svg .polyline {
stroke-dashoffset: 0;
}
.nice-checkbox.is-checked .checkbox svg .path {
stroke-dashoffset: 0;
}
.nice-checkbox input:checked + .checkbox svg .stroke {
fill: #000000;
stroke: #000000;
}
.nice-checkbox input:checked + .checkbox svg .polyline {
stroke-dashoffset: 0;
}
.nice-checkbox input:checked + .checkbox svg .path {
stroke-dashoffset: 0;
}
.nice-checkbox:hover:not(.is-checked) .checkbox svg .path {
stroke-dashoffset: 0;
}
.nice-checkbox:hover:not(.is-checked) .checkbox svg .stroke { }
.nice-checkbox input {
position: absolute;
z-index: -1;
width: 0;
height: 0;
opacity: 0;
}
.nice-checkbox .checkbox {
position: absolute;
top: -0.1rem;
left: 0;
width: 1.5rem;
height: 1.5rem;
}
.nice-checkbox .checkbox svg {
position: absolute;
top: 0.1rem;
left: 0.1rem;
width: 1.5rem;
height: 1.5rem;
border-radius: 0.25rem;
}
.nice-checkbox .checkbox svg .stroke {
fill: none;
stroke: rgba(0, 0, 0, 0.2);
z-index: -1;
width: 100%;
height: 100%;
}
.nice-checkbox .checkbox svg .path {
fill: none;
stroke: #000000;
stroke-dasharray: 100px;
stroke-dashoffset: 100px;
transition: all 0.6s ease;
position: relative;
width: 100%;
height: 100%;
stroke-width: 0.125rem;
}
.nice-checkbox .checkbox svg .polyline {
position: relative;
fill: none;
stroke: #FFFFFF;
stroke-dasharray: 25px;
stroke-dashoffset: 25px;
transition: all 0.3s ease;
width: 100%;
height: 100%;
transform: scale(0.7);
transform-origin: center;
}
.nice-checkbox p {
margin: 0;
line-height: 1.48;
}
.form-form-template {
overflow: hidden;
}
.form-form-template .form-inputs {
display: flex;
flex-wrap: wrap;
margin-right: -2.5rem;
}
@media (min-width: 992px) {
.form-form-template .form-inputs {
flex-wrap: nowrap;
}
}
.form-form-template .form-inputs .form-column {
min-width: 100%;
width: 100%;
padding-right: 2.5rem;
margin-right: -2.5rem;
}
.form-form-template .form-inputs .form-column .field-column {
width: 100%;
padding-right: 2.5rem;
float: left;
}
@media (min-width: 992px) {
.form-form-template .form-inputs .form-column .field-column.half-width {
width: 50%;
}
}
@media (min-width: 992px) {
.form-form-template .form-inputs .form-column {
min-width: 50%;
}
}
.form-form-template .form-submit-button-container .js-form-status-message {
margin-bottom: 1.25rem;
color: #4835CF;
font-weight: 700;
}
.form-field {
margin-bottom: 2.875rem;
}
.form-field .error-message {
font-size: 0.875rem;
display: none;
color: red;
margin-top: 0.5rem;
}
.form-field label, .form-field .field-title {
display: block;
font-size: 1.3125rem;
line-height: 1.47;
font-weight: 400;
margin-bottom: 1.875rem;
}
.form-field input, .form-field textarea {
width: 100%;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
color: #000000;
font-size: 1rem;
font-weight: 400;
line-height: 2;
padding: 0 1rem 1rem 0;
background: transparent;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form-field input:placeholder, .form-field textarea:placeholder {
opacity: 0.5;
color: #000000;
font-weight: 400;
font-size: 16px;
}
.form-field input:focus, .form-field textarea:focus {
border: none;
border-bottom: 1px solid rgb(0, 0, 0);
outline: none;
}
.form-field.js-required label {
position: relative;
}
.form-field.js-required label:after {
content: "*";
color: #6D44FF;
font-size: 1.3125rem;
margin-left: 0.375rem;
}
.form-field.error input, .form-field.error textarea {
border-color: #FF0000;
color: #FF0000;
}
.form-field-textarea textarea {
padding: 0.875rem 1.5625rem;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3125rem;
height: 12.5rem;
}
@media (min-width: 992px) {
.form-field-textarea textarea {
height: 27.625rem;
}
}
.form-field-textarea textarea:focus {
border: 1px solid rgb(0, 0, 0);
}
.form-field-checkbox {
margin-bottom: 1.6875rem;
}
.form-field-checkbox label {
display: flex;
margin-bottom: 0;
}
.form-field-checkbox.js-required label:after {
display: none;
}
.form-field-checkbox.error label .text {
color: #FF0000;
}
.page-single {
position: relative;
background: #F5F5F5;
}
.page-single .single-header .top-img-c {
position: relative;
min-height: 25rem;
overflow: hidden;
}
@media (min-width: 1200px) {
.page-single .single-header .top-img-c {
min-height: 35rem;
}
}
.page-single .single-header .top-img-c:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(72, 53, 207, 0.2);
}
.page-single .single-header .top-img-c .top-img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
height: 120%;
top: -10%;
}
.page-single .single-header .top-img-c .text-container {
padding-top: 11.25rem;
color: #FFFFFF;
position: relative;
z-index: 1;
}
@media (min-width: 1200px) {
.page-single .single-header .top-img-c .text-container {
padding-top: 14.5rem;
}
}
.page-single .single-header .top-img-c .text-container h1 {
margin-bottom: 2.125rem;
font-size: 1.25rem;
line-height: 1.2;
margin-bottom: 1.25rem;
font-weight: 400;
text-transform: uppercase;
max-width: 43.75rem;
}
@media (min-width: 1200px) {
.page-single .single-header .top-img-c .text-container h1 {
margin-bottom: 2.125rem;
}
}
.page-single .single-header .top-img-c .text-container h2 {
margin-bottom: 2.5rem;
max-width: 43.75rem;
}
@media (min-width: 1200px) {
.page-single .single-header .top-img-c .text-container h2 {
margin-bottom: 6.25rem;
}
}
.page-single .single-header .top-img-c .go-back-b-c {
z-index: 3;
position: relative;
margin-bottom: 1.875rem;
width: 100%;
}
@media (min-width: 1200px) {
.page-single .single-header .top-img-c .go-back-b-c {
position: absolute;
margin-bottom: 0rem;
left: 0;
bottom: 1.75rem;
}
}
@media (min-width: 1200px) {
.page-single .single-header .top-img-c .go-back-b-c .button-go-back {
padding-left: 83.3%;
}
}
.page-single .single-header .header-bottom {
background: #4835CF;
color: #FFFFFF;
}
.page-single .single-header .header-bottom .header-bottom-container {
padding-top: 3.3125rem;
padding-bottom: 3.75rem;
}
@media (min-width: 1200px) {
.page-single .single-header .header-bottom .header-bottom-container {
padding-bottom: 7.4375rem;
}
}
.page-single .single-header .header-bottom .header-bottom-container .bottom-row {
align-items: flex-start;
}
.page-single .single-header .header-bottom .header-bottom-container .bottom-row .left-col {
padding-right: 5%;
}
.page-single .single-header .header-bottom .header-bottom-container .bottom-row .left-col .text-container {
max-width: 43.5625rem;
}
.page-single .single-header .header-bottom .header-bottom-container .bottom-row .left-col .text-container .text {
line-height: 1.8;
}
.page-single .single-header .header-bottom .header-bottom-container .bottom-row .left-col .text-container .text p {
font-size: 1.0625rem;
margin-bottom: 1.25rem;
}
.page-single .single-header .header-bottom .header-bottom-container .bottom-row .left-col .text-container .text a {
color: white;
text-decoration: underline;
}
.page-single .single-header .header-bottom .header-bottom-container .bottom-row .right-col .terms div .term {
color: #FFFFFF;
font-weight: 400;
font-size: 1.125rem;
padding-bottom: 0.125rem;
display: inline-block;
}
.page-single .single-header .header-bottom .header-bottom-container .bottom-row .right-col .terms div:not(:last-child) {
margin-bottom: 0.3125rem;
}
.page-single .single-header .header-bottom .header-bottom-container .button {
margin-top: 1.875rem;
}
.page-single .post-content {
padding-top: pxtorme(74);
}