@charset "UTF-8";
.wpml-ls-legacy-dropdown{width:15.5em;max-width:100%}.wpml-ls-legacy-dropdown>ul{position:relative;padding:0;margin:0!important;list-style-type:none}.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu{visibility:visible}.wpml-ls-legacy-dropdown .wpml-ls-item{padding:0;margin:0;list-style-type:none}.wpml-ls-legacy-dropdown a{display:block;text-decoration:none;color:#444;border:1px solid #cdcdcd;background-color:#fff;padding:5px 10px;line-height:1}.wpml-ls-legacy-dropdown a span{vertical-align:middle}.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{position:relative;padding-right:calc(10px + 1.4em)}.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{padding-right:10px;padding-left:calc(10px + 1.4em)}.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{content:"";vertical-align:middle;display:inline-block;border:.35em solid transparent;border-top:.5em solid;position:absolute;right:10px;top:calc(50% - .175em)}.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{right:auto;left:10px}.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,.wpml-ls-legacy-dropdown a:focus,.wpml-ls-legacy-dropdown a:hover{color:#000;background:#eee}.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{visibility:hidden;position:absolute;top:100%;right:0;left:0;border-top:1px solid #cdcdcd;padding:0;margin:0;list-style-type:none;z-index:101}.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{border-width:0 1px 1px}.wpml-ls-legacy-dropdown .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-dropdown .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-dropdown .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}
@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) format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-container-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-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * 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-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
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: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
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-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms 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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-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 > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.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%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.glightbox-container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999 !important;
overflow: hidden;
touch-action: none;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: none;
overflow: hidden;
}
.glightbox-container.inactive {
display: none;
}
.glightbox-container .gcontainer {
position: relative;
width: 100%;
height: 100%;
z-index: 9999;
overflow: hidden;
}
.glightbox-container .gslider {
transition: transform .4s ease;
height: 100%;
left: 0;
top: 0;
width: 100%;
position: relative;
overflow: hidden;
display: flex !important;
justify-content: center;
align-items: center;
transform: translate3d(0, 0, 0);
}
.glightbox-container .gslide {
width: 100%;
position: absolute;
opacity: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
} .glightbox-container .gslide.current {
opacity: 1;
z-index: 99999;
position: relative;
}
.glightbox-container .gslide.prev {
opacity: 1;
z-index: 9999;
}
.glightbox-container .gslide-inner-content {
width: 100%;
}
.glightbox-container .ginner-container {
position: relative;
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
max-width: 100%;
margin: auto;
height: 100vh;
}
.glightbox-container .ginner-container.gvideo-container {
width: 100%;
}
.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
flex-direction: column;
}
.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
max-width: 100% !important;
}
.gslide iframe,
.gslide video {
outline: none !important;
border: none;
min-height: 165px;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
touch-action: auto;
}
.gslide-image {
align-items: center;
}
.gslide-image img {
max-height: 100vh;
display: block;
max-width: 100%;
margin: 0;
padding: 0;
float: none;
outline: none;
border: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
max-width: 100vw;
width: auto;
height: auto;
-o-object-fit: cover;
object-fit: cover;
touch-action: none;
margin: auto;
min-width: 200px;
}
.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
width: auto;
}
.desc-left .gslide-image img,
.desc-right .gslide-image img {
width: auto;
max-width: 100%;
}
.gslide-image img.zoomable {
position: relative;
}
.gslide-image img.dragging {
cursor: -webkit-grabbing !important;
cursor: grabbing !important;
transition: none;
}
.gslide-video {
width: 100%;
max-width: 100%;
position: relative;
width: 100vh;
max-width: 100vh;
width: 100% !important;
}
.gslide-video .gvideo-wrapper {
width: 100%; margin: auto;
}
.gslide-video::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 0, 0, 0.34);
display: none;
}
.gslide-video.playing::before {
display: none;
}
.gslide-video.fullscreen {
max-width: 100% !important;
min-width: 100%;
height: 80vh;
}
.gslide-video.fullscreen video {
max-width: 100% !important;
width: 100% !important;
}
.gslide-inline {
background: #fff;
text-align: left;
max-height: calc(100vh - 40px);
overflow: auto;
max-width: 100%;
}
.gslide-inline .ginlined-content {
padding: 20px;
width: 100%;
}
.ginlined-content {
overflow: auto;
display: block !important;
opacity: 1;
}
.gslide-external {
display: flex;
width: 100%;
min-width: 100%;
background: #fff;
padding: 0;
overflow: auto;
max-height: 75vh;
height: 100%;
}
.gslide-media {
display: block;
display: inline-flex;
display: flex;
width: auto;
}
.zoomed .gslide-media {
box-shadow: none !important;
}
.desc-top .gslide-media,
.desc-bottom .gslide-media {
margin: 0 auto;
flex-direction: column;
}
.gslide-description {
position: relative;
}
.gslide-description.description-left,
.gslide-description.description-right {
max-width: 100%;
}
.gslide-description.description-bottom,
.gslide-description.description-top {
margin: 0 auto;
width: 100%;
}
.gslide-description p {
margin-bottom: 12px;
}
.gslide-description p::last-child {
margin-bottom: 0;
}
.zoomed .gslide-description {
display: none;
} .glightbox-mobile .glightbox-container .gslide-description {
height: auto !important;
width: 100%;
background: transparent;
position: absolute;
bottom: 15px;
padding: 19px 11px;
max-width: 100vw !important;
order: 2 !important;
max-height: 78vh;
overflow: auto !important;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 100%);
transition: opacity .3s linear;
padding-bottom: 50px;
}
.glightbox-mobile .glightbox-container .gslide-title {
color: #fff;
font-size: 1em;
}
.glightbox-mobile .glightbox-container .gslide-desc {
color: #a1a1a1;
}
.glightbox-mobile .glightbox-container .gslide-desc a {
color: #fff;
font-weight: bold;
}
.glightbox-mobile .glightbox-container .gslide-desc * {
color: inherit;
}
.glightbox-mobile .glightbox-container .gslide-desc string {
color: #fff;
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
color: #fff;
opacity: .4;
}
.gdesc-open .gslide-media {
transition: opacity .5s ease;
opacity: .4;
}
.gdesc-open .gdesc-inner {
padding-bottom: 30px;
}
.gdesc-closed .gslide-media {
transition: opacity .5s ease;
opacity: 1;
}
.greset {
transition: all .3s ease;
}
.gabsolute {
position: absolute;
}
.grelative {
position: relative;
}
.glightbox-desc {
display: none !important;
}
.glightbox-open {
overflow: hidden;
}
.gloader {
height: 25px;
width: 25px;
-webkit-animation: lightboxLoader .8s infinite linear;
animation: lightboxLoader .8s infinite linear;
border: 2px solid #fff;
border-right-color: transparent;
border-radius: 50%;
position: absolute;
display: block;
z-index: 9999;
left: 0;
right: 0;
margin: 0 auto;
top: 47%;
}
.goverlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000;
will-change: opacity;
}
.glightbox-mobile .goverlay {
background: #000;
}
.gprev,
.gnext,
.gclose {
background-repeat: no-repeat;
z-index: 99999;
cursor: pointer;
width: 26px;
height: 44px;
display: block;
background-position: 0 0;
border: none;
}
.gprev svg,
.gnext svg,
.gclose svg {
display: block;
width: 100%;
height: auto;
}
.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
opacity: .1;
}
.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
stroke: #fff;
}
iframe.wait-autoplay {
opacity: 0;
}
.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
opacity: 0 !important;
} .glightbox-clean .gslide-description,
.glightbox-modern .gslide-description {
background: #fff;
}
.glightbox-clean .gdesc-inner,
.glightbox-modern .gdesc-inner {
padding: 22px 20px;
}
.glightbox-clean .gslide-title,
.glightbox-modern .gslide-title {
font-size: 1em;
font-weight: normal;
font-family: arial;
color: #000;
margin-bottom: 19px;
line-height: 1.4em;
}
.glightbox-clean .gslide-desc,
.glightbox-modern .gslide-desc {
font-size: 0.86em;
margin-bottom: 0;
font-family: arial;
line-height: 1.4em;
}
.glightbox-clean .gslide-video,
.glightbox-modern .gslide-video {
background: #000;
} .glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose,
.glightbox-modern .gprev,
.glightbox-modern .gnext,
.glightbox-modern .gclose {
background-color: rgba(0, 0, 0, 0.12);
}
.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover,
.glightbox-modern .gprev:hover,
.glightbox-modern .gnext:hover,
.glightbox-modern .gclose:hover {
background-color: rgba(0, 0, 0, 0.20);
}
.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path,
.glightbox-modern .gprev path,
.glightbox-modern .gnext path,
.glightbox-modern .gclose path {
fill: #fff;
}
.glightbox-clean button:focus:not(.focused):not(.disabled),
.glightbox-modern button:focus:not(.focused):not(.disabled) {
outline: none;
}
.glightbox-clean .gprev,
.glightbox-modern .gprev {
position: absolute;
top: -100%;
left: 30px;
width: 40px;
height: 56px;
}
.glightbox-clean .gnext,
.glightbox-modern .gnext {
position: absolute;
top: -100%;
right: 30px;
width: 40px;
height: 56px;
}
.glightbox-clean .gclose,
.glightbox-modern .gclose {
width: 35px;
height: 35px;
top: 15px;
right: 10px;
position: absolute;
opacity: .7;
background-position: -59px 2px;
}
.glightbox-clean .gclose svg,
.glightbox-modern .gclose svg {
width: 20px;
}
.glightbox-clean .gclose:hover,
.glightbox-modern .gclose:hover {
opacity: 1;
} .gfadeIn {
-webkit-animation: gfadeIn .5s ease;
animation: gfadeIn .5s ease;
}
.gfadeOut {
-webkit-animation: gfadeOut .5s ease;
animation: gfadeOut .5s ease;
}
.gslideOutLeft {
-webkit-animation: gslideOutLeft .3s ease;
animation: gslideOutLeft .3s ease;
}
.gslideInLeft {
-webkit-animation: gslideInLeft .3s ease;
animation: gslideInLeft .3s ease;
}
.gslideOutRight {
-webkit-animation: gslideOutRight .3s ease;
animation: gslideOutRight .3s ease;
}
.gslideInRight {
-webkit-animation: gslideInRight .3s ease;
animation: gslideInRight .3s ease;
}
.gzoomIn {
-webkit-animation: gzoomIn .5s ease;
animation: gzoomIn .5s ease;
}
.gzoomOut {
-webkit-animation: gzoomOut .5s ease;
animation: gzoomOut .5s ease;
}
@-webkit-keyframes lightboxLoader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes lightboxLoader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes gfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes gfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes gfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes gfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes gslideInLeft {
from {
opacity: 0;
transform: translate3d(-60%, 0, 0);
}
to {
visibility: visible;
transform: translate3d( 0, 0, 0);
opacity: 1;
}
}
@keyframes gslideInLeft {
from {
opacity: 0;
transform: translate3d(-60%, 0, 0);
}
to {
visibility: visible;
transform: translate3d( 0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden;
}
}
@keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
transform: translate3d(60%, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
transform: translate3d(60%, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(60%, 0, 0);
opacity: 0;
}
}
@keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(60%, 0, 0);
opacity: 0;
}
}
@-webkit-keyframes gzoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 1;
}
}
@keyframes gzoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 1;
}
}
@-webkit-keyframes gzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes gzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@media (min-width: 769px) {
.glightbox-container .ginner-container {
width: auto;
height: auto;
flex-direction: row;
}
.glightbox-container .ginner-container.desc-top .gslide-description {
order: 0;
}
.glightbox-container .ginner-container.desc-top .gslide-image,
.glightbox-container .ginner-container.desc-top .gslide-image img {
order: 1;
}
.glightbox-container .ginner-container.desc-left .gslide-description {
order: 0;
}
.glightbox-container .ginner-container.desc-left .gslide-image {
order: 1;
}
.gslide-image img {
max-height: 97vh;
max-width: calc(100% - 20px);
max-width: 100%;
}
.gslide-image img.zoomable {
cursor: zoom-in;
}
.zoomed .gslide-image img.zoomable {
cursor: -webkit-grab;
cursor: grab;
}
.gslide-inline {
max-height: 95vh;
}
.gslide-external {
max-height: 100vh;
}
.gslide-description.description-left,
.gslide-description.description-right {
max-width: 275px;
}
.glightbox-open {
height: auto;
}
.goverlay {
background: rgba(0, 0, 0, .92);
}
.glightbox-clean .gslide-media,
.glightbox-modern .gslide-media {
box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
}
.glightbox-clean .gprev,
.glightbox-modern .gprev {
top: 45%;
}
.glightbox-clean .gnext,
.glightbox-modern .gnext {
top: 45%;
}
}
@media (min-width: 992px) {
.glightbox-clean .gclose,
.glightbox-modern .gclose {
right: 20px;
}
}
@media screen and (max-height: 420px) {
.goverlay {
background: #000;
}
}

.img-abs {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2) format("woff2");
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2) format("woff2");
unicode-range: U+0370-03FF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOX-hpKKSTj5PW.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOVuhpKKSTj5PW.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXuhpKKSTj5PW.woff2) format("woff2");
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOUehpKKSTj5PW.woff2) format("woff2");
unicode-range: U+0370-03FF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXehpKKSTj5PW.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*, *:after, *:before {
margin: 0;
padding: 0;
box-sizing: border-box;
}
::-moz-selection {
background: #000;
color: #fff;
}
::selection {
background: #000;
color: #fff;
}
:root {
font-size: 62.5%;
}
section {
position: relative;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
scroll-behavior: smooth;
font-size: 1.6rem;
line-height: 1.38;
font-family: "Open Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}
a {
text-decoration: none;
color: inherit;
}
h1, h2, h3, h4, h5 {
line-height: 1.1;
}
p {
margin-bottom: 15px;
}
p strong, p b {
color: #000;
font-weight: 600;
}
ul, ol {
list-style-position: inside;
margin-bottom: 15px;
}
strong, b {
font-weight: 600;
}
img {
max-width: 100%;
height: auto;
}
iframe {
max-width: 100%;
}
#wrapper {
overflow: hidden;
}
.cover {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.text-center, .center {
text-align: center;
}
.text-right {
text-align: right;
}
[id] {
outline: 0;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1175px;
}
}
@media (min-width: 1280px) {
.container {
width: 1250px;
}
}
table {
border-collapse: collapse;
}
.header {
padding: 15px 0;
z-index: 10;
position: relative;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@media (min-width: 767px) {
.header {
padding: 25px 0;
}
}
.header__container {
display: flex;
justify-content: space-between;
}
.header__logo {
max-width: 80px;
}
@media (min-width: 768px) {
.header__logo {
max-width: initial;
}
}
.header__logo img {
display: block;
}
.header__nav {
display: flex;
align-items: center;
}
.header__nav ul {
margin: 0;
}
.header__nav ul[id^=menu-main] {
list-style: none;
display: none;
}
@media (min-width: 767px) {
.header__nav ul[id^=menu-main] {
display: block;
}
}
.header__nav li {
display: inline-block;
margin-left: 40px;
}
.header__nav a {
transition: 0.3s ease-in-out;
}
.header__nav a:hover {
color: #005A87;
}
.header__nav .current-menu-item a {
color: #005A87;
}
.burger {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: 0;
outline: 0;
width: 23px;
margin-left: 20px;
cursor: pointer;
display: block;
}
.burger span {
display: block;
width: 100%;
height: 2px;
border-radius: 50px;
background-color: #2689A4;
margin-bottom: 5px;
transition: all 0.3s ease-in-out;
}
.burger span:last-of-type {
margin-bottom: 0;
}
.nav__overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
display: none;
}
.nav__container {
height: 100%;
display: flex;
position: relative;
}
.nav__content {
background-color: #fff;
width: 100%;
padding: 100px 20px 35px;
height: 100%;
position: relative;
z-index: 5;
overflow: auto;
}
@media (min-width: 768px) {
.nav__content {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 180px 60px 35px;
}
}
@media (min-width: 1100px) {
.nav__content {
width: 50%;
}
}
@media (min-width: 1440px) {
.nav__content {
padding: 180px 100px 35px;
}
}
.nav__content ul {
list-style: none;
margin-bottom: 50px;
}
@media (min-width: 768px) {
.nav__content ul {
margin-bottom: initial;
}
}
@media (min-width: 768px) {
.nav__content ul.nav__terms {
margin-top: 50px;
}
}
.nav__content li {
font-size: 2rem;
font-family: "Open Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-weight: bold;
color: #005A87;
margin: 10px 0;
}
@media (min-width: 1500px) {
.nav__content li {
font-size: 3rem;
}
}
.nav__content li a {
transition: all 0.3s ease-in-out;
}
.nav__content li a:hover {
color: #2689A4;
}
.nav__content .copy {
width: 100%;
text-align: center;
font-size: 1.2rem;
color: #A8A8A8;
margin-top: 50px;
}
.nav__content .copy a:hover {
color: #005A87;
text-decoration: underline;
}
.nav__menus {
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
@media (min-width: 768px) {
.nav__menus {
align-items: initial;
text-align: initial;
flex-direction: row;
justify-content: space-evenly;
}
}
@media (min-width: 1100px) {
.nav__col {
width: 50%;
}
}
.nav__title {
font-size: 1.2rem;
display: block;
margin-bottom: 20px;
}
.nav__img {
width: 50%;
position: relative;
align-items: center;
justify-content: center;
flex-direction: column;
display: none;
background-color: #005A87;
}
@media (min-width: 1100px) {
.nav__img {
display: flex;
}
}
.nav__img img {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.nav__img svg {
position: relative;
margin-bottom: 50px;
}
.nav__img span {
color: #fff;
position: relative;
font-size: 2.6rem;
max-width: 450px;
text-align: center;
letter-spacing: -0.055em;
}
.show-menu {
overflow: hidden;
}
.show-menu .header {
background-color: transparent;
position: fixed;
left: 0;
top: 0;
width: 100%;
}
.show-menu .header__nav ul[id^=menu-main] {
display: none;
}
@media (min-width: 1100px) {
.show-menu .header__container {
width: calc(100% - 160px);
}
}
.show-menu .header .wpml-ls-legacy-dropdown a {
background-color: transparent !important;
}
.show-menu .header .wpml-ls-legacy-dropdown a:hover {
background-color: transparent;
}
.show-menu .header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
color: #fff;
}
.show-menu .burger span {
transform-origin: center center;
}
@media (min-width: 1100px) {
.show-menu .burger span {
background-color: #fff;
}
}
.show-menu .burger span:last-of-type {
transform: translateY(-7px) rotate(-45deg);
}
.show-menu .burger span:nth-child(2) {
opacity: 0;
}
.show-menu .burger span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.sticky {
padding-top: 68px;
}
@media (min-width: 767px) {
.sticky {
padding-top: 110px;
}
}
.sticky .header {
position: fixed;
background-color: #fff;
left: 0;
top: 0;
width: 100%;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
padding: 15px 0;
}
.sticky .header__logo {
max-width: 80px;
}
@media (max-width: 820px) and (orientation: landscape) {
.nav__menus {
display: block;
text-align: center;
}
.nav__menus ul {
margin-bottom: 50px;
}
.nav__col {
width: initial;
}
}
.footer {
background-color: #005A87;
width: calc( 100% - 40px);
margin: 0 auto;
padding-top: 64px;
}
.footer .container {
text-align: center;
}
@media (min-width: 992px) {
.footer .container {
display: flex;
text-align: initial;
}
}
.footer__info {
color: #fff;
font-weight: 600;
max-width: 250px;
flex: 0 0 auto;
margin: 0 auto 35px auto;
}
@media (min-width: 992px) {
.footer__info {
margin-right: 15%;
}
}
.footer__info img {
display: block;
margin: 0 auto 10px;
}
@media (min-width: 992px) {
.footer__info img {
margin: 0 0 10px;
}
}
.footer__menus {
color: #fff;
flex: 1;
justify-content: space-between;
}
@media (min-width: 992px) {
.footer__menus {
display: flex;
}
}
.footer__menus h2 {
font-size: 1.6rem;
margin: 0 0 15px;
}
.footer__menus ul {
list-style: none;
}
.footer__menus a {
font-size: 1.4rem;
font-weight: 600;
}
.footer__menus a:hover {
text-decoration: underline;
}
.footer__menu {
margin-bottom: 35px;
}
@media (min-width: 992px) {
.footer__menu {
margin-bottom: initial;
}
}
.footer .copy {
margin-top: 64px;
background-color: #fff;
text-align: center;
font-size: 1.3rem;
color: #A8A8A8;
font-weight: 600;
padding: 15px;
}
.footer .copy a {
transition: 0.3s ease-in-out;
}
.footer .copy a:hover {
color: #000;
}
.hero {
position: relative;
background-color: #005A87;
}
.hero .container {
position: relative;
z-index: 2;
height: 450px;
display: flex;
align-items: center;
justify-content: center;
}
.hero__info {
text-align: center;
color: #fff;
}
.hero__subtitle {
text-transform: uppercase;
font-weight: normal;
letter-spacing: 0.2em;
font-size: 1.6rem;
}
.hero__title {
font-size: 3rem;
max-width: 1050px;
margin: 25px auto 0;
letter-spacing: -0.055em;
font-weight: 600;
}
@media (min-width: 400px) {
.hero__title {
font-size: 3.2rem;
}
}
@media (min-width: 767px) {
.hero__title {
font-size: 4.2rem;
}
}
.hero__scroll {
display: none;
margin: 50px auto 0;
}
@media (min-width: 992px) {
.hero__scroll {
display: block;
}
}
.highlight {
width: 100%;
max-width: 333px;
min-height: 105px;
padding: 28px 30px;
position: relative;
text-align: center;
}
@media (min-width: 1000px) {
.highlight {
display: flex;
align-items: center;
text-align: initial;
}
}
@media (min-width: 1000px) {
.highlight {
background-image: url(//aplast.ro/wp-content/themes/aplast/assets/images/h.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
transform: translateY(-50%);
}
.highlight::after {
content: "";
width: calc(100% - 15px);
height: 0;
border-top: 4px solid #2689A4;
position: absolute;
left: 15px;
bottom: 0;
}
}
.highlight img {
display: block;
margin: 0 auto 20px;
max-height: 44px;
width: auto;
}
@media (min-width: 1000px) {
.highlight img {
margin: 0 20px 0 0;
}
}
.highlight h3 {
font-size: 1.8rem;
line-height: 1;
margin: 0 0 5px;
letter-spacing: -0.025em;
}
.highlight p {
margin: 0;
font-size: 1.1rem;
color: #A8A8A8;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.025em;
}
.highlight__list {
justify-content: center;
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 1000px) {
.highlight__list {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0) 100%);
padding: 0 20px;
flex-direction: row;
align-items: initial;
}
}
.company__info {
position: relative;
}
.company__info .container {
position: initial;
}
.company__img {
max-width: 600px;
margin: 0 auto;
}
@media (min-width: 992px) {
.company__img {
max-width: initial;
margin: initial;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 50%;
height: 100%;
}
.company__img img {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
.company__content {
text-align: center;
max-width: 550px;
margin: 40px auto 0;
color: #A8A8A8;
}
@media (min-width: 992px) {
.company__content {
max-width: initial;
text-align: initial;
margin: initial;
padding: 90px 45px;
width: 50%;
}
}
@media (min-width: 1200px) {
.company__content {
padding: 90px;
}
}
.company__content p {
margin-bottom: 25px;
font-weight: 600;
}
.company__content p strong {
color: #000;
}
.company__title {
color: #005A87;
letter-spacing: -0.025em;
font-size: 3.2rem;
margin: 0 0 20px;
}
@media (min-width: 767px) {
.company__title {
font-size: 4rem;
}
}
.values__content {
position: relative;
}
.values .section-title {
padding-bottom: 30px;
}
.values .section-title p {
max-width: 500px;
}
.value {
position: relative;
width: 100%;
max-width: 500px;
margin-bottom: 15px;
display: block;
color: #A8A8A8;
transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.value img {
transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.value__img {
position: relative;
max-width: 300px;
margin: 0 auto;
overflow: hidden;
}
@media (min-width: 768px) {
.value__img {
max-width: initial;
margin: initial;
}
}
.value__img:before {
content: "";
display: block;
padding-top: 128%;
}
.value__img:after {
content: "";
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
background-color: rgba(0, 90, 135, 0.3);
transition: all 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
}
@media (min-width: 768px) {
.value {
max-width: initial;
width: 33.33%;
border: 8px solid #fff;
margin-bottom: 0;
}
}
.value h3 {
text-align: center;
color: #fff;
z-index: 2;
position: absolute;
left: 0;
bottom: 40px;
width: 100%;
font-size: 2.4rem;
font-weight: bold;
}
@media (min-width: 767px) {
.value h3 {
font-size: 3.3rem;
}
}
.value__info {
text-align: center;
padding: 20px 15px 0;
}
.value__list {
display: flex;
flex-wrap: wrap;
max-width: 1100px;
margin: 0 auto;
flex-direction: column;
align-items: center;
}
@media (min-width: 767px) {
.value__list {
flex-direction: row;
align-items: flex-start;
}
}
@media (min-width: 767px) {
.value:hover .value__img img {
transform: scale(1.05);
}
.value:hover .value__img:after {
opacity: 1;
}
}
.products-section {
background-color: rgba(172, 172, 172, 0.14);
margin-top: 45px;
padding-bottom: 60px;
}
@media (min-width: 768px) {
.products-section {
margin-top: 90px;
}
}
.products-section .section-title {
padding-bottom: 60px;
}
.product__lines {
display: flex;
max-width: 860px;
margin: 0 auto;
flex-wrap: wrap;
}
@media (min-width: 500px) {
.product__lines {
flex-wrap: nowrap;
}
}
.product__line {
width: 100%;
margin: 10px 0;
position: relative;
display: block;
overflow: hidden;
transition: all 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (min-width: 500px) {
.product__line {
width: 50%;
margin: 0 15px;
}
}
.product__line img {
transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.product__line::before {
content: "";
display: block;
padding-top: 110%;
}
.product__line::after {
content: "";
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
background-color: rgba(0, 90, 135, 0.3);
transition: all 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
}
.product__line__info {
position: absolute;
z-index: 2;
color: #fff;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
.product__line__info h2 {
font-weight: 400;
font-size: 4.2rem;
line-height: 1;
letter-spacing: -0.05em;
}
@media (min-width: 992px) {
.product__line__info h2 {
font-size: 5.7rem;
}
}
.product__line__info h4 {
font-weight: 400;
font-size: 1.8rem;
letter-spacing: -0.01em;
padding: 0 15px;
}
.product__line:hover {
box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
}
.product__line:hover:after {
opacity: 1;
}
.product__line:hover img {
transform: scale(1.05);
}
.product__categories {
text-align: center;
margin-top: 30px;
}
.product__categories a {
margin: 10px 15px;
font-size: 2.2rem;
font-weight: 600;
padding: 16px 44px 13px 44px;
line-height: 1;
display: inline-block;
width: 100%;
max-width: 256px;
}
.contact {
padding-top: 30px;
}
.btn, .wpcf7-submit {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
outline: 0;
display: inline-block;
border: 1px solid #8FCCE0;
color: #2689A4;
font-size: 1.6rem;
line-height: 1;
font-weight: 600;
padding: 13px 65px 11px;
color: #8FCCE0;
transition: 0.3s ease-in-out;
cursor: pointer;
}
.btn.active, .active.wpcf7-submit, .btn:hover, .wpcf7-submit:hover {
background-color: #8FCCE0;
color: #fff;
}
.btn-arrow {
display: inline-flex;
align-items: center;
transition: 0.3s ease-in-out;
font-size: 1.9rem;
line-height: 1;
}
.btn-arrow svg {
transition: 0.3s ease-in-out;
fill: #fff;
margin-left: 10px;
}
.section-title {
text-align: center;
padding: 45px 0;
position: relative;
}
@media (min-width: 992px) {
.section-title {
padding: 70px 0;
}
}
.section-title__floater {
font-weight: bold;
line-height: 1;
letter-spacing: -0.05em;
font-size: 10rem;
display: none;
color: rgba(222, 227, 227, 0.3);
position: absolute;
width: 50%;
top: 20px;
z-index: -1;
white-space: nowrap;
}
@media (min-width: 992px) {
.section-title__floater {
display: block;
}
}
@media (min-width: 1200px) {
.section-title__floater {
font-size: 15rem;
}
}
.section-title__floater.left {
left: 20px;
text-align: right;
}
.section-title__floater.right {
right: 20px;
}
.section-title__subtitle {
text-transform: uppercase;
letter-spacing: 0.225em;
color: #A8A8A8;
font-size: 1.2rem;
font-weight: 600;
}
.section-title__title {
color: #2689A4;
font-weight: bold;
font-size: 3.6rem;
letter-spacing: -0.025em;
}
.section-title p {
max-width: 700px;
margin: 10px auto 0;
letter-spacing: -0.025em;
color: #A8A8A8;
}
.section-title p strong {
color: #000;
}
.section-title .btn, .section-title .wpcf7-submit {
margin-top: 30px;
}
.static {
position: absolute;
bottom: 50%;
transform: translateY(50%);
z-index: 2;
display: none;
}
@media (min-width: 992px) {
.static {
display: block;
}
}
.static--left {
left: 50px;
}
.static--right {
right: 50px;
}
.page-header {
background-color: #005A87;
position: relative;
}
@media (min-width: 768px) {
.page-header::after {
content: url(//aplast.ro/wp-content/themes/aplast/assets/images/aplast-white2.svg);
position: absolute;
right: 80px;
top: 50%;
transform: translateY(-50%);
}
}
.page-header .container {
position: relative;
z-index: 2;
height: 280px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #fff;
text-align: center;
}
@media (min-width: 600px) {
.page-header .container {
text-align: initial;
align-items: flex-start;
}
}
.page-header__title {
font-size: 4rem;
font-weight: 600;
letter-spacing: -0.055em;
}
@media (min-width: 768px) {
.page-header__title {
font-size: 6rem;
}
}
@media (min-width: 992px) {
.page-header__title {
font-size: 7.4rem;
}
}
.page-header__subtitle {
font-size: 1.6rem;
margin: 0 0 5px;
letter-spacing: -0.025em;
}
@media (min-width: 768px) {
.page-header__subtitle {
font-size: 1.9rem;
}
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 0;
}
.swiper-pagination-bullet {
opacity: 1;
background-color: #CECECE;
}
.swiper-pagination-bullet-active {
background-color: #000;
}
#breadcrumbs {
font-weight: 600;
font-size: 1rem;
line-height: 1;
color: #A8A8A8;
padding: 20px 20px 0;
letter-spacing: -0.025em;
}
#breadcrumbs .breadcrumb_last {
color: #2689A4;
}
.main-content {
padding: 60px 0;
}
.main-content .container {
max-width: 800px;
}
.main-content table {
width: 100%;
}
.main-content table th, .main-content table td {
padding: 10px;
border-top: 1px solid #A8A8A8;
border-bottom: 1px solid #A8A8A8;
}
.main-content table th:not(:last-of-type), .main-content table td:not(:last-of-type) {
border-right: 1px solid #A8A8A8;
}
.main-content a:not([class]) {
color: #2689A4;
transition: 0.3s ease-in-out;
}
.main-content a:not([class]):hover {
color: #005A87;
}
.main-content ul, .main-content ol {
padding-left: 15px;
}
.main-content ul li, .main-content ol li {
margin-top: 100px;
}
.empty404 {
text-align: center;
padding: 150px 0;
}
@media (min-width: 992px) {
.empty404 {
padding: 215px 0;
}
}
.empty404 .section-title__title {
margin-bottom: 15px;
}
.form__row {
display: flex;
flex-wrap: wrap;
}
.form__col {
width: 100%;
margin-bottom: 12px;
}
@media (min-width: 600px) {
.form__col {
width: 50%;
padding: 0 10px;
margin-bottom: 22px;
}
}
.form__col--full {
width: 100%;
}
.wpcf7 {
max-width: 840px;
margin: 0 auto;
}
.wpcf7-text, .wpcf7-textarea, .wpcf7 select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
background-color: transparent;
width: 100%;
border: 1px solid #DBDBDB;
padding: 15px;
font-size: 1.4rem;
font-family: "Open Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
line-height: 1;
outline: 0;
}
@media (min-width: 768px) {
.wpcf7-text, .wpcf7-textarea, .wpcf7 select {
padding: 20px 25px;
font-size: 1.6rem;
}
}
.wpcf7-text::-moz-placeholder, .wpcf7-textarea::-moz-placeholder, .wpcf7 select::-moz-placeholder {
color: #A8A8A8;
}
.wpcf7-text:-ms-input-placeholder, .wpcf7-textarea:-ms-input-placeholder, .wpcf7 select:-ms-input-placeholder {
color: #A8A8A8;
}
.wpcf7-text::placeholder, .wpcf7-textarea::placeholder, .wpcf7 select::placeholder {
color: #A8A8A8;
}
.wpcf7 select {
background-image: url(//aplast.ro/wp-content/themes/aplast/assets/images/select.svg);
background-position: right 25px center;
background-repeat: no-repeat;
height: 51px;
}
@media (min-width: 768px) {
.wpcf7 select {
height: 64px;
}
}
.wpcf7-textarea {
height: 180px;
resize: none;
}
.wpcf7-submit {
margin-top: 35px;
}
.wpcf7-acceptance {
font-size: 1.2rem;
font-weight: normal;
color: #A8A8A8;
}
.wpcf7-acceptance label {
display: flex;
}
.wpcf7-acceptance label input {
flex: 0 0 auto;
margin-right: 10px;
margin-top: 2px;
}
.wpcf7-acceptance label span {
flex: 1;
}
span.wpcf7-not-valid-tip {
display: none;
}
span.wpcf7-list-item:first-of-type {
margin: 0;
}
.wpcf7-form-control.wpcf7-not-valid {
border-color: red !important;
}
.wpcf7 form div.wpcf7-response-output {
border: none;
text-align: center;
max-width: 95%;
margin: 10px auto;
font-size: 12px;
line-height: 14px;
}
.wpcf7 form.invalid div.wpcf7-response-output {
color: red;
}
div.wpcf7-validation-errors {
color: red;
}
div.wpcf7 .ajax-loader {
display: block;
margin: 4px auto;
}
.recaptcha-container {
display: flex;
justify-content: center;
}
.production__top .section-title p {
max-width: 700px;
}
.production__content .container {
position: initial;
}
.production__row {
position: relative;
margin-bottom: 60px;
}
.production__row:nth-child(even) .production__info {
margin-left: auto;
}
.production__row:nth-child(even) .production__img {
right: initial;
left: 0;
}
.production__row:nth-child(even) .production__info__floater {
left: 50px;
}
.production__info {
width: 100%;
max-width: 550px;
padding: 45px 0;
margin: 0 auto;
text-align: center;
color: #A8A8A8;
position: relative;
}
@media (min-width: 992px) {
.production__info {
text-align: initial;
margin: initial;
max-width: initial;
width: 50%;
padding: 170px 100px;
}
}
@media (min-width: 1220px) {
.production__info {
padding: 170px 100px;
}
}
.production__info strong {
color: #000;
}
.production__info a:not(.btn):not(.wpcf7-submit) {
font-weight: bold;
color: #005A87;
transition: 0.3s ease-in-out;
}
.production__info a:not(.btn):not(.wpcf7-submit):hover {
color: #2689A4;
}
.production__info__floater {
font-weight: bold;
line-height: 1;
letter-spacing: -0.05em;
font-size: 9rem;
color: rgba(222, 227, 227, 0.3);
position: absolute;
width: 100%;
top: 80px;
left: 0;
z-index: -1;
}
.production__info__subtitle {
color: #2689A4;
font-size: 1.4rem;
line-height: 1;
letter-spacing: -0.025em;
}
.production__info__title {
font-size: 4rem;
color: #005A87;
letter-spacing: -0.025em;
margin: 15px 0;
}
.production__buttons .btn, .production__buttons .wpcf7-submit {
padding: 13px 25px;
margin: 5px 10px 5px 0;
}
.production__img {
display: block;
width: 100%;
max-width: 600px;
margin: 0 auto;
}
@media (min-width: 992px) {
.production__img {
max-width: initial;
margin: initial;
position: absolute;
width: 50%;
right: 0;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.production__contact {
position: relative;
margin-bottom: 60px;
}
.production__contact .section-title p {
max-width: 700px;
}
.production__contact img:not(.static) {
width: 100%;
display: block;
}
.banner {
margin-top: 90px;
background-color: #005A87;
}
.banner .container {
padding-top: 100px;
padding-bottom: 100px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
color: #fff;
}
@media (min-width: 768px) {
.banner .container {
height: 400px;
padding-top: 0;
padding-bottom: 0;
}
}
.banner__subtitle {
color: #8DCADE;
font-weight: 600;
font-size: 1.2rem;
letter-spacing: 0.255em;
text-transform: uppercase;
}
.banner__title {
font-weight: bold;
font-size: 3rem;
max-width: 830px;
letter-spacing: -0.025em;
margin-top: 30px;
}
@media (min-width: 768px) {
.banner__title {
font-size: 3.6rem;
}
}
.banner__title span {
color: #2689A4;
}
.banner--white .banner__subtitle {
color: #fff;
}
.page-template-page-contact .highlight h3 {
margin: 5px 0 0;
}
.contact__faq .section-title p {
max-width: 650px;
}
.faq {
max-width: 730px;
margin: 0 auto;
}
.faq__question {
display: block;
cursor: pointer;
border-bottom: 1px solid #B4B4B4;
padding: 15px 35px 15px 15px;
font-size: 1.8rem;
position: relative;
transition: 0.3s ease-in-out;
}
@media (min-width: 768px) {
.faq__question {
font-size: 2rem;
padding: 25px 35px 25px 20px;
}
}
.faq__question:hover {
color: #005A87;
}
.faq__question:after {
content: url(//aplast.ro/wp-content/themes/aplast/assets/images/select.svg);
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.faq .active .faq__question {
color: #005A87;
}
.faq .active .faq__question:after {
transform: rotate(180deg);
}
.faq__answer {
padding: 25px 20px 0;
color: #A8A8A8;
font-weight: 600;
display: none;
}
#interactive-map {
display: block;
}
#interactive-map .location {
fill: #14AFF1;
cursor: pointer;
transition: 0.3s ease-in-out;
}
#interactive-map .location--active {
fill: #106EB4;
}
.locations {
max-width: 840px;
margin: 50px auto 0;
padding: 0 20px;
}
.loc {
margin-bottom: 30px;
display: none;
opacity: 0;
}
.loc.active {
display: block;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.loc--factory .location__name:before {
color: #ED3453;
}
.loc__name {
display: block;
border-bottom: 1px solid #A8A8A8;
font-size: 2.8rem;
line-height: 1.2;
color: #005A87;
font-weight: bold;
margin-bottom: 5px;
position: relative;
}
@media (min-width: 700px) {
.loc__name {
font-size: 3rem;
}
}
.loc__name:before {
content: "•";
font-size: 2.2rem;
color: #14A94B;
position: absolute;
left: -20px;
top: 50%;
transform: translateY(-50%);
}
.loc__meta {
color: #A8A8A8;
}
@media (min-width: 700px) {
.loc__meta {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.loc__meta a {
transition: 0.3s ease-in-out;
}
.loc__meta a:hover {
color: #005A87;
}
.loc__meta address {
font-style: normal;
}
.compliance {
font-size: 1.2rem;
font-weight: normal;
color: #A8A8A8;
text-align: center;
max-width: 700px;
margin: 0 auto 50px;
}
.compliance a {
color: #2689A4;
transition: 0.3s ease-in-out;
}
.compliance a:hover {
color: #005A87;
}
.page-template-page-architects .section-title p {
max-width: 700px;
}
.page-template-page-architects .banner {
margin-top: 0;
}
.gallery {
padding-bottom: 35px;
}
.gallery .swiper-slide {
position: relative;
}
.gallery .swiper-slide::before {
content: "";
display: block;
padding-top: 45%;
}
.gallery .swiper-slide img {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.product-line {
position: relative;
margin-bottom: 60px;
}
@media (min-width: 550px) {
.product-line {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.product-line {
margin-bottom: 60px;
}
}
@media (min-width: 992px) {
.product-line .container {
padding-top: 60px;
padding-bottom: 60px;
}
}
.product-line__info {
margin: 0 auto;
max-width: 500px;
text-align: center;
background-color: #005A87;
color: #fff;
padding: 55px 25px;
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (min-width: 560px) {
.product-line__info {
transform: translateY(-120px);
}
}
@media (min-width: 992px) {
.product-line__info {
width: 50%;
margin: 0 0 0 auto;
transform: none;
}
}
@media (min-width: 550px) {
.product-line__info {
padding: 55px 65px;
min-height: 370px;
}
}
.product-line__title {
font-weight: 600;
font-size: 4.5rem;
letter-spacing: -0.025em;
margin-bottom: 25px;
}
@media (min-width: 550px) {
.product-line__title {
font-size: 5.5rem;
}
}
.product-line__img {
width: 100%;
position: relative;
height: 350px;
}
@media (min-width: 550px) {
.product-line__img {
height: 450px;
}
}
@media (min-width: 992px) {
.product-line__img {
position: absolute;
width: 80%;
height: 100%;
left: 0;
top: 0;
}
}
.product-line__img span {
position: absolute;
font-weight: bold;
font-size: 6rem;
left: 40px;
top: 40px;
line-height: 0.5;
letter-spacing: -0.05em;
z-index: 2;
color: rgba(255, 255, 255, 0.35);
}
@media (min-width: 550px) {
.product-line__img span {
font-size: 10rem;
}
}
@media (min-width: 992px) {
.product-line__img span {
top: initial;
font-size: 20rem;
bottom: 20px;
}
}
.product-line__img img {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.product-line p {
color: #8FCCE0;
}
.product-line .btn-arrow {
margin-top: 30px;
}
@media (min-width: 992px) {
.product-line--reverse .product-line__info {
margin-left: initial;
}
.product-line--reverse .product-line__img {
left: initial;
right: 0;
}
.product-line--reverse .product-line__img span {
left: initial;
bottom: initial;
top: 30px;
line-height: 1;
right: 30px;
font-size: 13.4rem;
}
}
.product-lines__bottom {
text-align: center;
color: #A8A8A8;
max-width: 850px;
margin: 0 auto 45px;
}
@media (min-width: 992px) {
.product-lines__bottom {
margin: 80px auto 0;
}
}
.tax-product-category .cats .center {
margin-top: 45px;
}
.tax-product-category .categories {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.tax-product-category .no-results {
width: 100%;
text-align: center;
}
.page-template-page-inspiration .contact {
padding-top: 0;
}
.page-template-page-inspiration .contact::before {
content: "";
display: block;
width: 90%;
max-width: 700px;
height: 0;
border-bottom: 1px solid #DBDBDB;
margin: 0 auto;
}
.masonry-gallery {
margin-bottom: 60px;
}
.masonry-gallery__item {
display: block;
position: relative;
border: 5px solid #fff;
width: 50%;
overflow: hidden;
}
.masonry-gallery__item::after {
content: "";
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
background-color: rgba(0, 90, 135, 0.3);
transition: all 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
}
.masonry-gallery__item:hover::after {
opacity: 1;
}
.masonry-gallery__item:before {
content: "";
padding-top: 56%;
display: block;
}
.masonry-gallery__item img {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.masonry-gallery__item--2::before, .masonry-gallery__item--3::before {
padding-top: 80%;
}
.masonry-gallery__item--1::before, .masonry-gallery__item--4::before {
padding-top: 100%;
}
.sustainability__row {
margin-bottom: 60px;
}
@media (min-width: 768px) {
.sustainability__row {
display: flex;
margin-bottom: initial;
}
}
.sustainability__row > div {
position: relative;
}
@media (min-width: 768px) {
.sustainability__row > div {
width: 50%;
border: 10px solid #fff;
}
}
.sustainability__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.sustainability__info {
background-color: #005A87;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px 20px;
position: relative;
}
@media (min-width: 450px) {
.sustainability__info {
padding: 40px 65px;
}
}
@media (min-width: 768px) {
.sustainability__info {
padding: 40px;
}
}
@media (min-width: 992px) {
.sustainability__info {
padding: 40px 65px;
}
}
.sustainability__info p {
font-size: 1.8rem;
font-weight: 600;
}
.sustainability__info .bigarrow {
position: absolute;
right: 0;
bottom: 15px;
background-color: #003960;
padding: 25px;
transition: 0.3s ease-in-out;
}
.sustainability__info .bigarrow svg {
fill: #fff;
display: block;
}
.sustainability__info .bigarrow:hover {
background-color: #000;
}
.sustainability__title {
font-size: 2.8rem;
margin: 0 0 15px;
}
.sustainability__rows {
max-width: 1000px;
margin: 0 auto 60px;
}
.sustainability__rows .sustainability__row:nth-child(even) {
flex-direction: row-reverse;
}
.sustainability__rows .sustainability__row:nth-child(even) .sustainability__info {
background-color: #2689A4;
}
.sustainability__rows .sustainability__row:nth-child(even) .bigarrow {
background-color: #0D5D70;
}
.sustainability__rows .sustainability__row:nth-child(even) .bigarrow:hover {
background-color: #000;
}
.number {
width: 50%;
max-width: 186px;
box-shadow: inset 0 0 0 5px #fff, inset 0 0 0 6px #DBDBDB;
padding: 35px 20px;
transition: 0.3s ease-in-out;
}
@media (min-width: 768px) {
.number {
width: 25%;
}
}
@media (min-width: 500px) {
.number {
padding: 40px 28px;
}
}
.number span {
display: block;
}
.number__text {
color: #2689A4;
font-weight: 600;
letter-spacing: -0.025em;
}
.number__no {
font-weight: bold;
font-size: 3rem;
color: #2689A4;
margin-top: 20px;
}
@media (min-width: 500px) {
.number__no {
font-size: 4.3rem;
}
}
.number:hover {
background-color: #2689A4;
border-color: #2689A4;
}
.number:hover .number__no,
.number:hover .number__text {
color: #fff;
}
.number__list {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.faq-section {
margin: 60px 0 0;
}
.clm {
width: 100%;
max-width: 600px;
margin-bottom: 30px;
border: 1px solid #A8A8A8;
padding: 30px 20px;
text-align: center;
color: #A8A8A8;
}
@media (min-width: 992px) {
.clm {
width: calc(33.33% - 15px);
margin-left: initial;
}
}
.clm__title {
color: #2689A4;
font-weight: bold;
font-size: 3.6rem;
letter-spacing: -0.025em;
margin-bottom: 30px;
}
.clm__list {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
}
@media (min-width: 992px) {
.clm__list {
flex-direction: row;
align-items: initial;
}
}
.mom__top {
padding-bottom: 90px;
}
.categories {
justify-content: center;
max-width: 1090px;
margin: 0 auto;
display: none;
}
.categories.active {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.categories__tab {
list-style: none;
text-align: center;
margin-bottom: 35px;
}
.categories__tab li {
display: inline-block;
border: 1px solid #2689A4;
padding: 20px 15px 17px;
min-width: 180px;
font-size: 1.8rem;
text-align: center;
margin: 5px 15px;
font-weight: 600;
line-height: 1;
color: #2689A4;
cursor: pointer;
transition: 0.3s ease-in-out;
}
@media (min-width: 768px) {
.categories__tab li {
font-size: 2.2rem;
min-width: 256px;
}
}
.categories__tab li:hover, .categories__tab li.active {
border-color: #005A87;
background-color: #005A87;
color: #fff;
}
.category {
width: 100%;
padding: 10px 0;
}
@media (min-width: 500px) {
.category {
width: 50%;
padding: 10px;
}
}
@media (min-width: 768px) {
.category {
width: 33.33%;
}
}
.category__inner {
position: relative;
height: 100%;
display: block;
background-color: #005A87;
transition: all 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
overflow: hidden;
}
.category__inner::before {
content: "";
padding-top: 130%;
display: block;
}
.category__inner:after {
content: "";
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
background-color: rgba(0, 90, 135, 0.3);
transition: all 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
}
.category__inner img {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.category__inner h2 {
z-index: 2;
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 50%;
transform: translateY(-50%);
color: #fff;
font-size: 2.8rem;
padding: 10px;
line-height: 1;
letter-spacing: -0.025em;
}
@media (min-width: 767px) {
.category__inner h2 {
font-size: 3.3rem;
}
}
.category__inner:hover {
box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
}
.category__inner:hover img {
transform: scale(1.05);
}
.category__inner:hover::after {
opacity: 1;
}
.downloads {
margin: 50px 0;
}
@media (min-width: 992px) {
.downloads {
margin: 100px 0;
}
}
.downloads__list {
display: flex;
flex-wrap: wrap;
text-align: center;
max-width: 890px;
margin: 0 auto;
}
.downloads__list a {
display: block;
width: 50%;
overflow: hidden;
position: relative;
margin-bottom: 50px;
padding: 10px;
font-weight: 600;
color: #A8A8A8;
transition: 0.3s ease-in-out;
}
@media (min-width: 500px) {
.downloads__list a {
width: 33.33%;
}
}
.downloads__list a img {
width: 100%;
transition: 0.3s ease-in-out;
}
.downloads__list a .cover {
position: relative;
display: block;
}
.downloads__list a span {
display: block;
margin-top: 10px;
}
.downloads__list a:hover {
color: #005A87;
}
.downloads__list a:hover img {
box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
}
.product-view .section-title {
padding-bottom: 30px;
}
.product-view__gallery {
position: relative;
padding-bottom: 40px;
}
.product-view__gallery .gallery {
padding-bottom: 0;
}
.product-view__gallery .gallery__container {
max-width: 550px;
margin: 0 auto 40px;
border: 1px solid #EAEAEA;
padding: 15px;
}
.product-view__gallery .swiper-slide::before {
padding-top: 100%;
}
.related-products {
text-align: center;
}
.related-products .btn, .related-products .wpcf7-submit {
margin: 4px;
padding: 13px 15px 11px;
font-size: 1.4rem;
}
.related-products .btn.active, .related-products .active.wpcf7-submit {
background-color: #2689A4;
}
.category__info {
color: #A8A8A8;
max-width: 1000px;
margin: 40px auto;
}
@media (min-width: 700px) {
.category__info {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 40px;
column-gap: 40px;
}
}
.spec__grid {
width: 100%;
border-collapse: collapse;
}
.spec__grid td {
border: 1px solid #8fcce0;
}
@media (max-width: 700px) {
.spec__grid td {
display: block;
margin-top: -1px;
}
}
.spec__line {
padding: 13px 13px 13px 0;
display: flex;
align-items: center;
color: #A8A8A8;
}
.spec__line strong {
display: block;
color: #000;
font-weight: bold;
}
.spec__icon {
width: 70px;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.spec__icon img {
max-height: 45px;
max-width: 45px;
display: block;
}
.product {
width: 100%;
padding: 10px 0;
display: block;
}
@media (min-width: 500px) {
.product {
width: 50%;
padding: 10px;
}
}
@media (min-width: 768px) {
.product {
width: 33.33%;
}
}
.product__inner {
position: relative;
height: 100%;
display: block;
background-color: #f2f2f2;
transition: all 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
overflow: hidden;
}
.product__inner::before {
content: "";
padding-top: 130%;
display: block;
}
.product__inner:after {
content: "";
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
background-color: rgba(0, 90, 135, 0.3);
transition: all 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
}
.product__inner img {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.product__inner h2 {
z-index: 2;
position: absolute;
width: 100%;
text-align: center;
left: 0;
bottom: 30px;
color: #fff;
font-size: 1.8rem;
padding: 10px;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
letter-spacing: -0.025em;
}
.product__inner h2 span {
display: block;
font-size: 80%;
font-weight: 400;
margin-top: 5px;
text-transform: none;
}
@media (min-width: 767px) {
.product__inner h2 {
font-size: 2.3rem;
}
}
.product__inner:hover {
box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
}
.product__inner:hover img {
transform: scale(1.05);
}
.product__inner:hover::after {
opacity: 1;
}
@-webkit-keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.wpml-ls-legacy-dropdown {
margin-left: 30px;
width: 64px;
}
.wpml-ls-legacy-dropdown > ul {
position: relative;
list-style-type: none;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu,
.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu {
visibility: visible;
background-color: transparent;
border: 0;
}
.wpml-ls-legacy-dropdown .wpml-ls-item {
padding: 0;
margin: 0;
list-style-type: none;
}
.wpml-ls-legacy-dropdown a {
display: block;
text-decoration: none;
padding: 5px 10px;
line-height: 1;
border: 0;
}
.wpml-ls-legacy-dropdown a:hover {
background-color: transparent;
}
.wpml-ls-legacy-dropdown a span {
vertical-align: middle;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
position: relative;
padding-right: calc(10px + 0.7em + 0.7em);
}
.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
padding-right: 10px;
padding-left: calc(10px + 0.7em + 0.7em);
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
content: "";
vertical-align: middle;
display: inline-block;
border: 0.35em solid transparent;
border-top: 0.5em solid;
position: absolute;
right: 10px;
top: calc(50% - 0.175em);
}
.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
right: auto;
left: 10px;
}
.wpml-ls-legacy-dropdown a:hover,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
color: #005A87;
background-color: #fff;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
visibility: hidden;
position: absolute;
top: 100%;
right: 0;
left: 0;
padding: 0;
margin: 0;
list-style-type: none;
z-index: 101;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
display: block;
width: 100%;
}
.wpml-ls-legacy-dropdown .wpml-ls-flag {
display: inline;
vertical-align: middle;
width: 18px;
height: 12px;
}
.wpml-ls-legacy-dropdown .wpml-ls-flag + span {
margin-left: 0.4em;
}
.rtl .wpml-ls-legacy-dropdown .wpml-ls-flag + span {
margin-left: 0;
margin-right: 0.4em;
}