@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&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 {
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 {
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: #1E325C;
line-height: 1.4;
background: #FFFFFF;
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: #1E325C;
}
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: 700;
font-size: 2.1875rem;
margin-bottom: 0;
line-height: 1.2;
}
@media (min-width: 1200px) {
h1, .h1 {
font-size: 3rem;
}
}
h2, .h2 {
font-weight: 600;
font-size: 1.75rem;
margin-bottom: 0;
line-height: 1.1;
}
@media (min-width: 1200px) {
h2, .h2 {
font-size: 2.5rem;
}
}
h3, .h3 {
font-weight: 600;
font-size: 1.75rem;
margin-bottom: 0;
line-height: 1.1;
}
@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.625rem;
}
}
h4, .h4 {
font-weight: 700;
font-size: 1.125rem;
line-height: 1.1;
margin-bottom: 0;
}
@media (min-width: 1200px) {
h4, .h4 {
font-size: 1.3125rem;
}
}
h5 {
margin-bottom: 1.25rem;
font-weight: 400;
font-size: 1rem;
line-height: 1.1;
}
@media (min-width: 1200px) {
h5 {
font-size: 1.375rem;
}
}
h6 {
font-weight: 600;
font-size: 1.375rem;
margin-bottom: 1rem;
margin-bottom: 0;
}
h6, .small {
margin-bottom: 0;
}
b, strong {
font-weight: 700;
}
small, .small {
font-weight: 500;
font-size: 0.9375rem;
opacity: 0.7;
}
small b, .small-bold {
font-weight: 600;
}
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: #1E325C;
}
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 {
margin-bottom: 1.875rem;
}
.user-content h3 {
margin-bottom: 1.875rem;
}
.user-content h4 {
margin-bottom: 1.875rem;
margin-top: 3.125rem;
}
.user-content h5 {
margin-bottom: 1.875rem;
}
.user-content .wp-block-image:not(:last-child) {
margin-bottom: 1.875rem;
}
.user-content p {
margin-bottom: 1.875rem;
}
.user-content [id^=attachment] {
width: auto !important;
max-width: 100%;
}
.user-content img {
max-width: 100%;
width: auto;
margin-bottom: 1.875rem;
}
.user-content .iframe-container {
position: relative;
padding-top: 56%;
margin-bottom: 1.875rem;
}
.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.875rem;
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 {
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 {
background-position: 0;
background-size: 100% 100%;
}
}
@media (min-width: 1200px) {
.draw-line-on-hover-white, footer .top-row .header-row .menu-col ul li a, 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, footer .top-row .header-row .menu-col ul li a:hover, header .header-row .menu-col ul li a:hover {
background-position: 0;
background-size: 100% 100%;
}
}
.disappear-line-on-hover, .breadcrumbs a span, .block__places-slider .resp-view-all-b-c a, .block__places-slider .top-row .b-col a, .user-content a {
background-image: linear-gradient(transparent calc(100% - 0.063rem), #1E325C 0.063rem);
transition: background-size 0.6s ease, color 0.6s ease;
background-position: 0;
background-repeat: no-repeat;
background-size: 100% 100%;
transform-origin: bottom;
display: inline;
}
@media (min-width: 1200px) {
.disappear-line-on-hover:hover, .breadcrumbs a span:hover, .block__places-slider .resp-view-all-b-c a:hover, .block__places-slider .top-row .b-col a:hover, .user-content a:hover {
background-position: 0;
background-size: 0 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 {
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: 6.25rem;
}
}
.padding-bottom-medium {
padding-bottom: 3.75rem;
}
@media (min-width: 743px) {
.padding-bottom-medium {
padding-bottom: 6.25rem;
}
}
.padding-top-small {
padding-top: 2.5rem;
}
@media (min-width: 743px) {
.padding-top-small {
padding-top: 4.6875rem;
}
}
.padding-bottom-small {
padding-bottom: 2.5rem;
}
@media (min-width: 743px) {
.padding-bottom-small {
padding-bottom: 4.6875rem;
}
}
.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;
}
}
.layout__post-content-columns .single-content-row {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 1200px) {
.layout__post-content-columns .single-content-row {
flex-wrap: nowrap;
}
}
@media (min-width: 1200px) {
.layout__post-content-columns .single-content-row .single-small-col {
width: 23.5625rem;
}
}
.layout__post-content-columns .single-content-row .single-content-col div[class*=padding-lr-] {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1200px) {
.layout__post-content-columns .single-content-row .single-content-col {
padding-right: 7.8125rem;
}
}
.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-spacer {
height: 7.6875rem;
width: auto;
}
header {
position: fixed;
z-index: 12;
top: 0;
left: 0;
width: 100%;
transition: 0.4s ease top;
background: #1E325C;
}
header.hidden {
top: -8.125rem !important;
}
header.small .header-row {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
@media (min-width: 1200px) {
header.small .header-row {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
}
header.small .header-row .logo-col {
width: auto;
height: 2.375rem;
}
@media (min-width: 1200px) {
header.small .header-row .logo-col {
width: 5.5rem;
height: 2.5rem;
}
}
header .header-row {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
align-items: center;
transition: 0.4s ease all;
}
@media (min-width: 1200px) {
header .header-row {
padding-top: 1.4375rem;
padding-bottom: 1.625rem;
}
}
header .header-row .logo-col {
margin-right: auto;
width: auto;
height: 2.375rem;
transition: 0.4s ease all;
}
@media (min-width: 1200px) {
header .header-row .logo-col {
width: 7.75rem;
height: 4.625rem;
}
}
header .header-row .logo-col svg {
height: 100%;
width: auto;
}
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: 1rem;
margin-left: 3rem;
padding: 0.1875rem 0;
font-weight: 700;
}
header .header-row .languages-col {
padding-left: 1.25rem;
}
header .header-row .languages-col .button, header .header-row .languages-col .block__text-with-slider .main-row .text-col .text a, .block__text-with-slider .main-row .text-col .text header .header-row .languages-col a, header .header-row .languages-col .block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container .text a, .block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container .text header .header-row .languages-col a {
text-transform: capitalize;
}
header .header-row .responsive-menu-col {
padding-left: 1.25rem;
position: relative;
margin-bottom: 0.375rem;
}
header.hide {
top: -9.375rem;
}
.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: #1E325C;
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: 2.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 {
color: #FFFFFF;
}
footer .top-row {
background: #1E325C;
}
footer .top-row .header-row {
padding-top: 1.4375rem;
padding-bottom: 1.625rem;
transition: 0.4s ease all;
justify-content: center;
}
@media (min-width: 992px) {
footer .top-row .header-row {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
align-items: center;
justify-content: flex-start;
}
}
footer .top-row .header-row .logo-col {
width: auto;
height: 2.8125rem;
}
@media (min-width: 992px) {
footer .top-row .header-row .logo-col {
margin-right: auto;
width: 4.6875rem;
height: 2.8125rem;
}
}
footer .top-row .header-row .logo-col svg {
height: 100%;
width: auto;
}
footer .top-row .header-row .menu-col ul {
margin-top: 1.125rem;
display: block;
text-align: center;
}
@media (min-width: 992px) {
footer .top-row .header-row .menu-col ul {
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
text-align: left;
}
}
footer .top-row .header-row .menu-col ul li {
display: block;
}
@media (min-width: 992px) {
footer .top-row .header-row .menu-col ul li {
display: inline-block;
}
}
footer .top-row .header-row .menu-col ul li a {
color: #FFFFFF;
font-size: 1rem;
padding: 0.3125rem 0;
font-weight: 700;
display: block;
}
@media (min-width: 992px) {
footer .top-row .header-row .menu-col ul li a {
display: inline-block;
margin-left: 3rem;
padding: 0.1875rem 0;
}
}
footer .bottom-row {
background: #B0976B;
font-size: 0.75rem;
line-height: 1.4;
}
footer .bottom-row .header-row {
padding-top: 1.125rem;
padding-bottom: 1.125rem;
align-items: center;
text-align: center;
}
@media (min-width: 992px) {
footer .bottom-row .header-row {
padding-top: 1.125rem;
padding-bottom: 1.125rem;
text-align: left;
}
}
footer .bottom-row .header-row .logo-col {
margin-bottom: 0.5625rem;
}
@media (min-width: 992px) {
footer .bottom-row .header-row .logo-col {
margin-right: auto;
margin-bottom: 0;
}
}
footer .bottom-row .header-row .menu-col .developer a {
color: inherit;
}
.grid-default, .block-projects-filter .posts, .block-our-work .projects-row {
margin-right: -1.5rem;
margin-bottom: -1.5rem;
}
.grid-default div[class*=col-], .block-projects-filter .posts div[class*=col-], .block-our-work .projects-row div[class*=col-] {
padding-right: 1.5rem;
margin-bottom: 1.5rem;
}
.button, .block__text-with-slider .main-row .text-col .text a, .block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container .text a {
cursor: pointer;
font-size: 1rem;
color: #FFFFFF;
font-weight: 700;
padding: 0.625rem 1.875rem;
background: #B0976B;
border: 0.125rem solid #B0976B;
display: inline-flex;
align-items: center;
justify-content: center;
opacity: 1;
border-radius: 0.375rem;
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;
}
@media (min-width: 1200px) {
.button:hover, .block__text-with-slider .main-row .text-col .text a:hover, .block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container .text a:hover {
border-color: #93BCE6;
background: #93BCE6;
transform: translateY(-0.25rem);
color: #FFFFFF;
}
}
.button:disabled, .block__text-with-slider .main-row .text-col .text a:disabled, .block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container .text a:disabled, .button.disabled, .block__text-with-slider .main-row .text-col .text a.disabled, .block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container .text a.disabled {
pointer-events: none;
opacity: 0.3;
}
.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: #1E325C;
}
.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: #1E325C;
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: 0.75rem;
font-size: 1rem;
line-height: 1.4;
}
.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: #1E325C;
border: 0.125rem solid #1E325C;
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: #1E325C;
border: 0.125rem solid #1E325C;
color: #FFFFFF;
}
.loader {
border: 0.1875rem solid #FFFFFF;
border-radius: 50%;
border-top: 0.1875rem solid #1E325C;
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;
}
@media (min-width: 743px) {
.block-header {
padding-top: 11.8125rem;
}
}
.block-header .top-row {
position: relative;
}
@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, .block-header .top-row .right-col .block__text-with-slider .main-row .text-col .text a, .block__text-with-slider .main-row .text-col .text .block-header .top-row .right-col a, .block-header .top-row .right-col .block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container .text a, .block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container .text .block-header .top-row .right-col a {
margin-top: 1.875rem;
margin-bottom: 0.9375rem;
}
@media (min-width: 743px) {
.block-header .top-row .right-col .button, .block-header .top-row .right-col .block__text-with-slider .main-row .text-col .text a, .block__text-with-slider .main-row .text-col .text .block-header .top-row .right-col a, .block-header .top-row .right-col .block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container .text a, .block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container .text .block-header .top-row .right-col a {
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, .block-header .bottom-row .right-col .multiple-buttons-row .block__text-with-slider .main-row .text-col .text a, .block__text-with-slider .main-row .text-col .text .block-header .bottom-row .right-col .multiple-buttons-row a, .block-header .bottom-row .right-col .multiple-buttons-row .block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container .text a, .block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container .text .block-header .bottom-row .right-col .multiple-buttons-row a {
margin-right: 1.125rem;
margin-top: 1.125rem;
}
.block__hero-slider {
position: relative;
}
.block__hero-slider .hero-slider-container {
overflow: hidden;
position: relative;
}
.block__hero-slider .hero-slider-container.full-height .hero-slider .swiper-slide {
height: auto;
}
@media (min-width: 1200px) {
.block__hero-slider .hero-slider-container.full-height .hero-slider .swiper-slide {
height: 100vh;
}
}
@media (min-width: 1200px) {
.block__hero-slider .hero-slider-container.text-centered .hero-slider .swiper-slide .slide-text-wrapper {
text-align: center;
}
}
.block__hero-slider .hero-slider-container.show-arrows .swiper-button-prev, .block__hero-slider .hero-slider-container.show-arrows .swiper-button-next {
display: block;
}
.block__hero-slider .hero-slider-container .swiper-button-prev, .block__hero-slider .hero-slider-container .swiper-button-next {
display: none;
}
.block__hero-slider .hero-slider-container .swiper-pagination {
bottom: 3.75rem;
right: 0rem;
}
@media (min-width: 1200px) {
.block__hero-slider .hero-slider-container .swiper-pagination {
bottom: 6.5rem;
right: 0rem;
}
}
.block__hero-slider .hero-slider-container .bottom-wave {
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: auto;
z-index: 5;
}
.block__hero-slider .hero-slider-container .hero-slider {
position: relative;
}
.block__hero-slider .hero-slider-container .hero-slider .swiper-slide {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
}
.block__hero-slider .hero-slider-container .hero-slider .swiper-slide .img-container {
padding-top: 70%;
width: 100%;
position: relative;
}
@media (min-width: 743px) {
.block__hero-slider .hero-slider-container .hero-slider .swiper-slide .img-container {
padding-top: 50%;
}
}
@media (min-width: 1200px) {
.block__hero-slider .hero-slider-container .hero-slider .swiper-slide .img-container {
padding-top: 30%;
}
}
.block__hero-slider .hero-slider-container .hero-slider .swiper-slide .img-container .img, .block__hero-slider .hero-slider-container .hero-slider .swiper-slide .img-container .video-c {
padding-top: 0;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.block__hero-slider .hero-slider-container .hero-slider .swiper-slide .img-container .img video, .block__hero-slider .hero-slider-container .hero-slider .swiper-slide .img-container .video-c video {
-o-object-fit: cover;
object-fit: cover;
}
.block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper {
order: -1;
position: relative;
top: 0;
left: 0;
width: 100%;
background: #1E325C;
color: #FFFFFF;
padding-top: 5.625rem;
padding-bottom: 1.25rem;
}
@media (min-width: 1200px) {
.block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper {
position: absolute;
display: flex;
height: 100%;
align-items: center;
padding-top: 0;
padding-bottom: 0;
background: rgba(0, 0, 0, 0.5);
}
}
.block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container {
width: 100%;
margin-bottom: 1.5rem;
}
@media (min-width: 1200px) {
.block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container {
margin-top: 7.6875rem;
margin-bottom: 0rem;
}
}
@media (min-width: 1200px) {
.block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container .text {
max-width: 100%;
}
}
.block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container .text h2 {
margin-top: 0.625rem;
}
.block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-text-wrapper .text-container .text a {
margin-top: 2.75rem;
}
.block__hero-slider .hero-slider-container .hero-slider .swiper-slide .slide-url {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.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-projects-filter {
background: #131313;
color: #FFFFFF;
overflow: hidden;
}
.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-video-with-popup {
background: #131313;
}
.block__places-slider {
overflow: hidden;
position: relative;
}
.block__places-slider .top-row {
padding-bottom: 1.875rem;
align-items: flex-end;
}
@media (min-width: 743px) {
.block__places-slider .top-row {
padding-bottom: 2.5rem;
}
}
.block__places-slider .top-row .b-col {
text-align: right;
}
.block__places-slider .top-row .b-col a {
font-size: 1.0625rem;
font-weight: 600;
display: inline-block;
color: #1E325C;
}
.block__places-slider .element-slider {
overflow: visible;
}
.block__places-slider .element-slider .swiper-button-disabled {
pointer-events: none;
opacity: 0 !important;
}
.block__places-slider .resp-view-all-b-c {
text-align: left;
margin-top: -2rem;
height: 2rem;
z-index: 10;
position: relative;
width: 50%;
}
.block__places-slider .resp-view-all-b-c a {
font-size: 1.0625rem;
font-weight: 600;
display: inline-block;
color: #1E325C;
}
@media (min-width: 743px) {
.block__places-slider.background-white .element-slider-prev path, .block__places-slider.background-white .element-slider-next path {
fill: #1E325C;
}
.block__places-slider.background-white .element-slider-prev line, .block__places-slider.background-white .element-slider-next line {
stroke: white;
}
}
.block__places-slider.background-dark-blue {
background: #1E325C;
color: white;
}
.block__places-slider.background-dark-blue .top-row .b-col a {
color: white;
background-image: linear-gradient(transparent calc(100% - 0.063rem), white 0.063rem);
}
.block__places-slider.background-light-blue {
background: #CFE4F5;
}
.block__places-slider.background-blue {
background: #93BCE6;
color: white;
}
.block__places-slider.background-blue .top-row .b-col a {
color: white;
background-image: linear-gradient(transparent calc(100% - 0.063rem), white 0.063rem);
}
.block__places-slider.background-dark-blue .card .bottom-container, .block__places-slider.background-blue .card .bottom-container, .block__places-slider.background-light-blue .card .bottom-container {
background: white;
color: #1E325C;
}
.block__text-with-slider {
position: relative;
overflow: hidden;
}
.block__text-with-slider .bg-line {
background: #1E325C;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding-top: 31.25rem;
}
@media (min-width: 1200px) {
.block__text-with-slider .bg-line {
padding-top: 21.875rem;
}
}
.block__text-with-slider .main-row {
color: white;
display: flex;
flex-wrap: wrap;
}
@media (min-width: 1200px) {
.block__text-with-slider .main-row {
flex-wrap: nowrap;
}
}
.block__text-with-slider .main-row .text-col {
position: relative;
width: 100%;
margin-bottom: 2rem;
z-index: 10;
}
@media (min-width: 1200px) {
.block__text-with-slider .main-row .text-col {
min-width: calc(25% + 0.5rem);
padding-right: 1.5625rem;
background: white;
max-width: 36%;
}
}
.block__text-with-slider .main-row .text-col:before {
content: "";
background: #1E325C;
position: absolute;
z-index: 2;
width: 100vw;
right: 0%;
top: 0;
height: 17.1875rem;
display: none;
}
@media (min-width: 1200px) {
.block__text-with-slider .main-row .text-col:before {
display: block;
}
}
.block__text-with-slider .main-row .text-col:after {
content: "";
background: white;
position: absolute;
z-index: 1;
width: 100vw;
right: 0%;
top: 0;
height: 100%;
display: none;
}
@media (min-width: 1200px) {
.block__text-with-slider .main-row .text-col:after {
display: block;
}
}
.block__text-with-slider .main-row .text-col .text {
position: relative;
z-index: 2;
display: block;
width: 100%;
}
.block__text-with-slider .main-row .text-col .text h2, .block__text-with-slider .main-row .text-col .text h3, .block__text-with-slider .main-row .text-col .text h4 {
margin-bottom: 1rem;
}
.block__text-with-slider .main-row .slider-col {
position: relative;
display: block;
}
.block__text-with-slider .main-row .slider-col .element-slider {
position: relative;
overflow: visible;
}
@media (min-width: 1200px) {
.block__text-with-slider .main-row .slider-col .element-slider .swiper-slide {
width: 33.33%;
}
}
.block__text-with-slider .main-row .slider-col .element-slider .swiper-slide a {
background: transparent;
}
.block__text-with-slider .main-row .slider-col .element-slider .swiper-slide a .img-c {
border-radius: 0.625rem;
}
.block__text-with-slider .main-row .slider-col .element-slider .swiper-button-disabled {
pointer-events: none;
opacity: 0 !important;
}
@media (min-width: 1200px) {
.block__text-with-slider .main-row .slider-col .element-slider button.element-slider-prev {
left: 0rem;
}
}
.block__image-text-columns .main-row {
align-items: center;
}
@media (min-width: 992px) {
.block__image-text-columns .main-row .text-col {
padding-right: 0.625rem;
text-align: center;
}
}
.block__image-text-columns .main-row .text-col .text {
max-width: 29.1875rem;
text-align: left;
display: inline-block;
}
@media (min-width: 992px) {
.block__image-text-columns .main-row .img-col {
padding-left: 0.625rem;
}
}
.block__image-text-columns .main-row .img-col .img-c {
padding-top: 64%;
border-radius: 0.625rem;
position: relative;
overflow: hidden;
}
.block__image-text-columns .main-row .img-col .img-c img, .block__image-text-columns .main-row .img-col .img-c video {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 992px) {
.block__image-text-columns .main-row.img-left .img-col {
padding-right: 0.625rem;
padding-left: 0;
order: -1;
}
}
@media (min-width: 992px) {
.block__image-text-columns .main-row.img-left .text-col {
padding-left: 0.625rem;
padding-right: 0;
order: 2;
}
}
.block__map-with-filter h2 {
margin-bottom: 1.4375rem;
}
.block__map-with-filter .main-row .map-col .text {
margin-bottom: 1.875rem;
}
.block__map-with-filter .main-row .map-col .map {
width: 100%;
height: 25rem;
position: relative;
}
@media (min-width: 1200px) {
.block__map-with-filter .main-row .filters-col {
padding-left: 2.5rem;
}
}
.block__map-with-filter .main-row .filters-col h3 {
margin-bottom: 1.875rem;
}
.block__map-with-filter .main-row .filters-col .filter-container {
margin-bottom: -1.5625rem;
}
.block__map-with-filter .main-row .filters-col .filter-container .element-checkbox {
margin-bottom: 0.625rem;
}
@media (min-width: 1200px) {
.block__map-with-filter .main-row .filters-col .filter-container .element-checkbox {
margin-bottom: 1.5625rem;
}
}
.card__place-title {
display: block;
position: relative;
overflow: hidden;
border-radius: 0.625rem;
width: 100%;
}
.card__place-title .img-c {
position: relative;
padding-top: 120%;
transition: 0.4s linear border-radius;
overflow: hidden;
}
.card__place-title .img-c img {
transform: scale(1);
transition: 0.4s ease transform;
border-radius: 0.625rem 0.625rem 0 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.card__place-title .bottom-container {
background: #1E325C;
padding: 1.75rem 1.125rem 1.75rem 1.125rem;
border-radius: 0 0 0.625rem 0.625rem;
color: #FFFFFF;
}
.card__place-title:hover .img-c img {
transform: scale(1.1);
}
.card__default {
display: block;
position: relative;
overflow: hidden;
border-radius: 0.625rem;
width: 100%;
background: white;
height: 100%;
}
.card__default .img-c {
position: relative;
padding-top: 100%;
transition: 0.4s linear border-radius;
overflow: hidden;
}
.card__default .img-c img {
transform: scale(1);
transition: 0.4s ease transform;
border-radius: 0.625rem 0.625rem 0 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.card__default .img-c .time {
position: absolute;
font-size: 0.8125rem;
font-weight: 600;
color: white;
padding: 0.3125rem 0.625rem;
border-radius: 0.1875rem;
background: #1E325C;
left: 1.25rem;
bottom: 1.25rem;
display: inline-block;
max-width: 80%;
}
.card__default .bottom-container {
background: white;
padding: 1rem 1.125rem 1.5625rem 1.125rem;
border-radius: 0 0 0.625rem 0.625rem;
color: #1E325C;
}
.card__default .bottom-container h2, .card__default .bottom-container h3, .card__default .bottom-container h4, .card__default .bottom-container h5 {
margin-bottom: 1rem;
}
.card__default .bottom-container .param-row {
display: flex;
margin-bottom: 1.25rem;
}
.card__default .bottom-container .param-row:last-child {
margin-bottom: 0;
}
.card__default .bottom-container .param-row .icon-col {
padding-right: 0.625rem;
margin-bottom: 0;
}
.card__default .bottom-container .param-row .icon-col svg {
width: 2.125rem;
height: auto;
}
.card__default .bottom-container .param-row .value-col .subtitle {
color: #B0976B;
font-size: 0.75rem;
line-height: 1.4;
}
.card__default .bottom-container .param-row .value-col .title {
font-size: 0.8125rem;
font-weight: 600;
}
.card__default:hover .img-c img {
transform: scale(1.1);
}
.card__default.recepte .bottom-container h2, .card__default.recepte .bottom-container h3, .card__default.recepte .bottom-container h4, .card__default.recepte .bottom-container h5 {
font-size: 1rem;
line-height: 1.6;
font-weight: 700;
}
.card__default.zivs .bottom-container h2, .card__default.zivs .bottom-container h3, .card__default.zivs .bottom-container h4, .card__default.zivs .bottom-container h5 {
font-size: 1rem;
line-height: 1.6;
font-weight: 700;
margin-bottom: 0;
}
.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__place-subtitle-title {
display: block;
position: relative;
overflow: hidden;
border-radius: 0.625rem;
width: 100%;
}
.card__place-subtitle-title .img-c {
position: relative;
padding-top: 100%;
transition: 0.4s linear border-radius;
overflow: hidden;
}
.card__place-subtitle-title .img-c img {
transform: scale(1);
transition: 0.4s ease transform;
border-radius: 0.625rem 0.625rem 0 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.card__place-subtitle-title .img-c .time {
position: absolute;
font-size: 0.8125rem;
font-weight: 600;
color: white;
padding: 0.3125rem 0.625rem;
border-radius: 0.1875rem;
background: #1E325C;
left: 1.25rem;
bottom: 1.25rem;
display: inline-block;
max-width: 80%;
}
.card__place-subtitle-title .bottom-container {
background: #1E325C;
padding: 1rem 1.125rem 1.5625rem 1.125rem;
border-radius: 0 0 0.625rem 0.625rem;
color: white;
}
.card__place-subtitle-title .bottom-container h6 {
color: #B0976B;
font-size: 0.875rem;
font-weight: 400;
}
.card__place-subtitle-title .bottom-container h4 {
font-size: 1.3125rem;
font-weight: 700;
margin-bottom: 0;
}
.card__place-subtitle-title:hover .img-c img {
transform: scale(1.1);
}
@media (min-width: 1200px) {
.part-element-slider .element-slider {
width: 100%;
}
}
.part-element-slider .element-slider .swiper-wrapper {
width: calc(100% + 2rem);
}
.part-element-slider .element-slider .swiper-wrapper .swiper-slide {
width: 82vw;
padding-right: 0.75rem;
}
@media (min-width: 743px) {
.part-element-slider .element-slider .swiper-wrapper .swiper-slide {
width: 40vw;
}
}
@media (min-width: 1200px) {
.part-element-slider .element-slider .swiper-wrapper .swiper-slide {
width: 25%;
padding-right: 1.5625rem;
}
}
.part-element-slider .element-slider hr {
margin-top: 1.5rem;
}
.part-element-slider .element-slider .element-swiper-navigation {
padding-top: 0.875rem;
align-items: center;
justify-content: space-between;
}
@media (min-width: 743px) {
.part-element-slider .element-slider .element-swiper-navigation {
padding-top: 0rem;
}
}
.part-element-slider .element-slider .element-swiper-navigation .buttons-col {
margin-left: auto;
}
.part-element-slider .element-slider .element-swiper-navigation .buttons-col button {
all: unset;
position: relative;
width: 2rem;
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
@media (min-width: 743px) {
.part-element-slider .element-slider .element-swiper-navigation .buttons-col button {
display: block;
position: absolute;
left: -2rem;
top: calc(50% - 2rem);
width: 4rem;
height: 4rem;
z-index: 10;
transition: 0.4s ease opacity;
opacity: 1;
}
}
.part-element-slider .element-slider .element-swiper-navigation .buttons-col button:hover {
opacity: 0.9;
}
.part-element-slider .element-slider .element-swiper-navigation .buttons-col button.element-slider-prev {
margin-right: 0.5rem;
}
.part-element-slider .element-slider .element-swiper-navigation .buttons-col button svg {
width: 1.5rem;
height: 1.5rem;
}
@media (min-width: 743px) {
.part-element-slider .element-slider .element-swiper-navigation .buttons-col button svg {
width: 4rem;
height: 4rem;
}
}
@media (min-width: 743px) {
.part-element-slider .element-slider .element-swiper-navigation .buttons-col button.element-slider-next {
left: auto;
right: -2rem;
}
}
.part-element-slider .element-slider .swiper-pagination {
position: relative;
bottom: 0;
display: flex;
align-items: center;
}
.part-element-slider .element-slider .swiper-pagination span {
font-size: 0.875rem;
line-height: 144%;
}
.part-element-slider .element-slider .swiper-pagination span.swiper-pagination-current {
margin-right: 0.375rem;
}
.part-element-slider .element-slider .swiper-pagination span.swiper-pagination-total {
margin-left: 0.375rem;
opacity: 0.5;
}
.parts__gallery .gallery-thumbnail {
position: relative;
cursor: pointer;
}
.parts__gallery .gallery-thumbnail img {
width: 100%;
height: auto;
border-radius: 1.25rem;
}
.parts__gallery .gallery-thumbnail button {
margin-top: 0.875rem;
font-size: 0.8125rem;
font-weight: 400;
}
.parts__gallery .gallery-title {
position: absolute;
border-radius: 1.25rem 0 0 1.25rem;
background: #1E325C;
color: white;
padding: 0.75rem 1rem;
right: 0;
bottom: 4.5rem;
max-width: 95%;
display: inline-flex;
align-items: center;
}
.parts__gallery .gallery-title svg {
width: auto;
height: 1rem;
}
.parts__gallery .gallery-title svg .fill-icon {
fill: white;
}
.parts__gallery .gallery-title h5 {
margin: 0;
line-height: 1;
padding-left: 0.625rem;
color: white;
font-size: 0.875rem;
font-weight: 400;
}
.gallery-popup {
z-index: 99;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
overflow-y: auto;
background: #1E325C;
display: none;
}
.gallery-popup .popup-flex {
padding: 1.25rem;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.gallery-popup .popup-flex .popup-c {
position: relative;
max-width: 71.125rem;
display: inline-block;
width: 100%;
}
.gallery-popup .popup-flex .popup-c .close {
width: 2.25rem;
height: 2.25rem;
position: absolute;
top: 0;
right: 0;
z-index: 10;
cursor: pointer;
}
@media (min-width: 1200px) {
.gallery-popup .popup-flex .popup-c .close {
top: 1.5rem;
right: 1.5rem;
}
}
.gallery-popup .popup-flex .popup-c .close svg {
width: 1.625rem;
height: 1.625rem;
}
.gallery-popup .popup-flex .popup-c .close svg .close-stroke {
stroke: white;
}
.gallery-popup .popup-flex .popup-c .popup-content {
position: relative;
color: #FFFFFF;
}
.gallery-popup .popup-c {
padding: 3.75rem 0 0rem;
}
@media (min-width: 1200px) {
.gallery-popup .popup-c {
padding: 3.75rem 6.25rem 1.25rem;
}
}
.gallery-popup .popup-content .header {
margin-bottom: 1.25rem;
align-items: center;
}
.gallery-popup .popup-content .header .numbers {
font-size: 1rem;
}
.gallery-popup .popup-content .js-gallery-slider-big {
position: relative;
}
@media (min-width: 1200px) {
.gallery-popup .popup-content .js-gallery-slider-big {
width: calc(100% + 10rem);
left: -5rem;
}
}
.gallery-popup .popup-content .js-gallery-slider-big .swiper-wrapper .swiper-slide {
height: 55vh;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
@media (min-width: 1200px) {
.gallery-popup .popup-content .js-gallery-slider-big .swiper-wrapper .swiper-slide {
padding: 0 5rem;
}
}
.gallery-popup .popup-content .js-gallery-slider-big .swiper-wrapper .swiper-slide img {
max-width: 100%;
max-height: 100%;
}
.gallery-popup .popup-content .js-gallery-slider-big .swiper-wrapper .swiper-slide iframe {
width: 100%;
height: 100%;
}
.gallery-popup .popup-content .js-gallery-slider-big .swiper-button-next {
right: 0rem;
}
.gallery-popup .popup-content .js-gallery-slider-big .swiper-button-prev {
left: 0rem;
}
.gallery-popup .popup-content .js-gallery-slider-nav {
margin-top: 1.25rem;
}
.gallery-popup .popup-content .js-gallery-slider-nav .swiper-wrapper .swiper-slide {
position: relative;
}
.gallery-popup .popup-content .js-gallery-slider-nav .swiper-wrapper .swiper-slide .img {
cursor: pointer;
padding-top: 57%;
}
.gallery-popup .popup-content .js-gallery-slider-nav .swiper-wrapper .swiper-slide:after {
content: "";
background: #FFFFFF;
height: 0.375rem;
width: 0;
position: absolute;
bottom: 0;
left: 0;
transition: 0.4s ease width;
}
.gallery-popup .popup-content .js-gallery-slider-nav .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:after {
width: 100%;
}
.gallery-popup .swiper .swiper-button-next, .gallery-popup .swiper .swiper-button-prev {
color: #FFFFFF;
font-size: 1.9375rem;
padding: 100px 20px;
top: calc(50% - 100px);
height: auto;
}
.gallery-popup .swiper .swiper-button-next {
right: 0.9375rem;
}
@media (min-width: 1200px) {
.gallery-popup .swiper .swiper-button-next {
right: 3.9375rem;
}
}
.gallery-popup .swiper .swiper-button-prev {
left: 0.9375rem;
}
@media (min-width: 1200px) {
.gallery-popup .swiper .swiper-button-prev {
left: 3.9375rem;
}
}
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
width: auto;
height: 4rem;
top: calc(50% - 2rem);
}
.swiper-container .swiper-button-next:after, .swiper-container .swiper-button-prev:after {
display: none;
}
.swiper-container .swiper-button-next svg path, .swiper-container .swiper-button-prev svg path {
transition: 0.4s ease all;
}
.swiper-container .swiper-button-next svg stroke, .swiper-container .swiper-button-prev svg stroke {
transition: 0.4s ease all;
}
.swiper-container .swiper-button-next:hover svg path, .swiper-container .swiper-button-prev:hover svg path {
fill: #1E325C;
}
.swiper-container .swiper-button-next:hover svg line, .swiper-container .swiper-button-prev:hover svg line {
stroke: white;
}
.swiper-container .swiper-button-next {
right: 0.9375rem;
}
@media (min-width: 992px) {
.swiper-container .swiper-button-next {
right: 3.9375rem;
}
}
.swiper-container .swiper-button-prev {
left: 0.9375rem;
}
@media (min-width: 992px) {
.swiper-container .swiper-button-prev {
left: 3.9375rem;
}
}
.swiper-container .swiper-button-disabled {
pointer-events: none;
opacity: 0.1;
}
.swiper-container .swiper-pagination {
position: absolute;
bottom: 6.5rem;
right: 0rem;
left: auto;
display: inline-block;
width: auto;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
width: 0.75rem;
height: 0.75rem;
background: rgba(255, 255, 255, 0.6);
transition: 0.4s ease all;
opacity: 1 !important;
margin: 0 0.25rem;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #FFFFFF;
}
.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: #1E325C;
}
.share-buttons .share-icon:hover svg path {
fill: #1E325C;
}
.share-buttons .share-icon.url-button:hover svg path {
fill: none;
stroke: #1E325C;
}
.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 .el {
display: inline-block;
color: #1E325C;
font-size: 0.875rem;
line-height: 1.4;
}
.breadcrumbs .el:after {
content: ">";
display: inline-block;
margin: 0 0.375rem;
}
.breadcrumbs .el.current {
opacity: 0.5;
}
.breadcrumbs .el.current:after {
display: none;
}
.breadcrumbs .el span {
display: inline-block;
position: relative;
}
.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;
color: white;
}
.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: #1E325C;
}
.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: #1E325C;
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: #1E325C;
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: #1E325C;
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;
}
.part__header {
position: relative;
overflow: hidden;
padding-top: 70%;
}
@media (min-width: 743px) {
.part__header {
padding-top: 50%;
}
}
@media (min-width: 992px) {
.part__header {
padding-top: 40%;
}
}
@media (min-width: 1600px) {
.part__header {
padding-top: 34%;
}
}
.part__header .filter {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.part__header .bottom-wave {
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: auto;
}
.part__header .text-c {
padding-top: 3.5625rem;
color: white;
text-align: center;
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 1200px) {
.part__header .text-c {
padding-top: 7.6875rem;
}
}
.part__header .text-c h1 {
margin-bottom: 0.3125rem;
}
.part__header .video-c, .part__header img {
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 0;
}
.part__header .video-c video, .part__header img video {
-o-object-fit: cover;
object-fit: cover;
}
.part__post-info {
border-radius: 0.625rem;
background: #CFE4F5;
padding: 1.75rem 1.375rem;
}
.part__post-info .param-row {
display: flex;
margin-bottom: 1.25rem;
}
.part__post-info .param-row:last-child {
margin-bottom: 0;
}
.part__post-info .param-row .icon-col {
padding-right: 1.125rem;
}
.part__post-info .param-row .icon-col svg {
width: 2.5rem;
height: auto;
}
.part__post-info .param-row .value-col .subtitle {
color: rgba(30, 50, 92, 0.6);
font-size: 1rem;
line-height: 1.2;
margin-bottom: 0.5rem;
}
.part__post-info .param-row .value-col .title {
font-size: 1rem;
font-weight: 700;
color: #1E325C;
}
.part__map .map {
width: 100%;
padding-top: 100%;
position: relative;
border-radius: 0.625rem;
overflow: hidden;
}
.map .gm-style-iw[role=dialog] {
background: #0B2454;
padding-top: 0.8125rem;
padding-left: 1.375rem;
margin: 0;
}
.map .gm-style-iw[role=dialog] .gm-style-iw-d {
padding: 0;
margin: 0;
overflow: visible !important;
padding-bottom: 0.8125rem;
padding-right: 2.625rem;
}
.map .gm-style-iw[role=dialog] .gm-style-iw-d h3 {
font-size: 1rem;
font-weight: 700;
color: white;
line-height: 1.4;
margin-bottom: 0.625rem;
}
.map .gm-style-iw[role=dialog] .gm-style-iw-d p {
color: #6E90C3;
font-size: 0.75rem;
line-height: 1.4;
margin-bottom: 0;
}
.map .gm-style-iw[role=dialog] .gm-style-iw-d a {
position: relative;
margin-top: 1.25rem;
color: white;
font-size: 0.8125rem;
font-weight: 600;
display: inline-flex;
align-items: center;
}
.map .gm-style-iw[role=dialog] .gm-style-iw-d a svg {
width: 0.875rem;
height: 0.875rem;
margin-left: 0.3125rem;
}
.map .gm-style-iw[role=dialog] button {
top: -0.25rem;
right: 0.25rem;
top: 0 !important;
right: 0 !important;
width: 2.25rem !important;
height: 2.25rem !important;
}
.map .gm-style-iw[role=dialog] button span {
background: white;
height: 1.375rem !important;
width: 1.375rem !important;
}
.map .gm-style-iw-tc:after {
background: #0B2454;
}
.map .mapboxgl-popup-content {
background: #1E325C;
line-height: 1.4;
color: white;
border-radius: 0.625rem;
padding: 1rem;
width: 18.75rem;
}
.map .mapboxgl-popup-content h3 {
font-size: 14px;
line-height: 1.4;
font-weight: 600;
margin: 0;
}
.map .mapboxgl-popup-content p {
opacity: 0.8;
margin-top: 0.5rem;
font-size: 0.75rem;
}
.map .mapboxgl-popup-content a {
text-decoration: underline;
color: white;
outline: none;
}
.map .mapboxgl-popup-content .read-more {
display: inline-flex;
align-items: center;
margin-top: 1.125rem;
text-decoration: none;
color: white;
outline: none;
line-height: 0;
}
.map .mapboxgl-popup-content .read-more svg {
margin-left: 0.5rem;
}
.map .mapboxgl-popup-content .read-more:hover div {
text-decoration: underline;
}
.map .mapboxgl-popup-content .mapboxgl-popup-close-button {
color: white;
font-size: 1.5rem;
}
.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: #1E325C;
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: #1E325C;
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: #1E325C;
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: #1E325C;
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;
margin-top: 3.625rem;
padding-top: 3.125rem;
}
@media (min-width: 1200px) {
.page__single {
margin-top: 7.6875rem;
}
}
.page__single .single-header .breadcrumbs {
margin-bottom: 1.25rem;
}
.page__single .resp-title {
margin-bottom: 1.25rem;
}
.page__single .single-categories {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
border-top: 1px solid rgba(110, 144, 195, 0.2);
border-bottom: 1px solid rgba(110, 144, 195, 0.2);
margin-bottom: 2.5rem;
}
.page__single .single-categories h3 {
margin-bottom: 1.25rem;
}
.page__single .single-categories .categories-row {
max-width: 36.125rem;
}
.page__single .single-categories .categories-row .cat-el {
display: inline-flex;
align-items: center;
margin-bottom: 0.5625rem;
margin-right: 2.0625rem;
}
.page__single .single-categories .categories-row .cat-el .icon-col {
padding-right: 0.5625rem;
}
.page__single .single-categories .categories-row .cat-el .icon-col svg {
display: inline-block;
max-height: 0.75rem;
max-width: 1rem;
}
.page__single .single-categories .categories-row .title-col {
font-size: 0.875rem;
}
.page__single .single-content-row {
margin-bottom: 4.6875rem;
}
.page__single .single-content-row .single-small-col .part__post-info {
margin-top: 3.125rem;
}
.page__single .single-content-row .single-small-col .part__map {
margin-top: 2.5rem;
}
.page__single .single-content-row .single-content-col {
margin-top: 2.5rem;
}
@media (min-width: 1200px) {
.page__single .single-content-row .single-content-col {
margin-top: 0;
}
}
.page__single .single-content-row .single-content-col h1 {
margin-bottom: 2.625rem;
}
@media (max-width: 1199.98px) {
.page__single-recepte .page-content-wrapper .content-top-row .img-col {
margin-bottom: 1.875rem;
}
}
.page__single-recepte .page-content-wrapper .content-top-row .img-col .img-c {
position: relative;
width: 100%;
padding-top: 70%;
border-radius: 0.625rem;
overflow: hidden;
}
.page__single-recepte .page-content-wrapper .content-top-row .img-col .img-c img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1200px) {
.page__single-recepte .page-content-wrapper .content-top-row .text-col {
padding-left: 1.875rem;
}
}
.page__single-recepte .page-content-wrapper .content-top-row .text-col h2 {
margin-bottom: 1.875rem;
}
.page__single-recepte .page-content-wrapper .content-top-row .text-col .text-container {
margin-bottom: 1.875rem;
}
.page__single-recepte .page-content-wrapper .content-top-row .text-col .parameters .param-row {
display: flex;
margin-bottom: 1.25rem;
}
.page__single-recepte .page-content-wrapper .content-top-row .text-col .parameters .param-row:last-child {
margin-bottom: 0;
}
.page__single-recepte .page-content-wrapper .content-top-row .text-col .parameters .param-row .icon-col {
padding-right: 0.625rem;
margin-bottom: 0;
}
.page__single-recepte .page-content-wrapper .content-top-row .text-col .parameters .param-row .icon-col svg {
width: 2.125rem;
height: auto;
}
.page__single-recepte .page-content-wrapper .content-top-row .text-col .parameters .param-row .value-col .subtitle {
color: #B0976B;
font-size: 0.75rem;
line-height: 1.4;
}
.page__single-recepte .page-content-wrapper .content-top-row .text-col .parameters .param-row .value-col .title {
font-size: 0.8125rem;
font-weight: 600;
}
.page__single-recepte .page-content-wrapper .main-content-row h3 {
margin-bottom: 2.125rem;
}
.page__single-recepte .page-content-wrapper .main-content-row .small-col {
margin-top: 3.125rem;
}
.page__single-recepte .page-content-wrapper .main-content-row .small-col strong, .page__single-recepte .page-content-wrapper .main-content-row .small-col b {
text-decoration: underline;
font-weight: 400;
}
.page__single-recepte .page-content-wrapper .main-content-row .small-col h5 {
font-weight: 700;
font-size: 1rem;
margin-bottom: 0.25rem;
}
.page__single-recepte .page-content-wrapper .main-content-row .big-col {
margin-top: 3.125rem;
}
.page__single-recepte .page-content-wrapper .main-content-row .big-col h5 {
font-weight: 700;
font-size: 1rem;
}
.page__single-recepte .page-content-wrapper .main-content-row .big-col p:last-of-type {
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.page__single-zivs .page-content-wrapper .content-top-row .img-col {
margin-bottom: 1.875rem;
}
}
.page__single-zivs .page-content-wrapper .content-top-row .img-col .img-c {
position: relative;
width: 100%;
padding-top: 70%;
border-radius: 0.625rem;
overflow: hidden;
}
.page__single-zivs .page-content-wrapper .content-top-row .img-col .img-c img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1200px) {
.page__single-zivs .page-content-wrapper .content-top-row .text-col {
padding-left: 1.875rem;
}
}
.page__single-zivs .page-content-wrapper .content-top-row .text-col h2 {
margin-bottom: 0.875rem;
}
.page__single-zivs .page-content-wrapper .content-top-row .text-col h3 {
margin-bottom: 1.6875rem;
}
.page__archive {
background: #93BCE6;
}