@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-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-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-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 {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
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(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-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: 50%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.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;
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;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
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;
backface-visibility: hidden;
}
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s;
}
[data-aos] {
pointer-events: none;
}
[data-aos].aos-animate {
pointer-events: auto;
}
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media screen {
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, transform;
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: none;
}
html:not(.no-js) [data-aos=fade-up] {
transform: translate3d(0, 100px, 0);
}
html:not(.no-js) [data-aos=fade-down] {
transform: translate3d(0, -100px, 0);
}
html:not(.no-js) [data-aos=fade-right] {
transform: translate3d(-100px, 0, 0);
}
html:not(.no-js) [data-aos=fade-left] {
transform: translate3d(100px, 0, 0);
}
html:not(.no-js) [data-aos=fade-up-right] {
transform: translate3d(-100px, 100px, 0);
}
html:not(.no-js) [data-aos=fade-up-left] {
transform: translate3d(100px, 100px, 0);
}
html:not(.no-js) [data-aos=fade-down-right] {
transform: translate3d(-100px, -100px, 0);
}
html:not(.no-js) [data-aos=fade-down-left] {
transform: translate3d(100px, -100px, 0);
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, transform;
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translateZ(0) scale(1);
}
html:not(.no-js) [data-aos=zoom-in] {
transform: scale(0.6);
}
html:not(.no-js) [data-aos=zoom-in-up] {
transform: translate3d(0, 100px, 0) scale(0.6);
}
html:not(.no-js) [data-aos=zoom-in-down] {
transform: translate3d(0, -100px, 0) scale(0.6);
}
html:not(.no-js) [data-aos=zoom-in-right] {
transform: translate3d(-100px, 0, 0) scale(0.6);
}
html:not(.no-js) [data-aos=zoom-in-left] {
transform: translate3d(100px, 0, 0) scale(0.6);
}
html:not(.no-js) [data-aos=zoom-out] {
transform: scale(1.2);
}
html:not(.no-js) [data-aos=zoom-out-up] {
transform: translate3d(0, 100px, 0) scale(1.2);
}
html:not(.no-js) [data-aos=zoom-out-down] {
transform: translate3d(0, -100px, 0) scale(1.2);
}
html:not(.no-js) [data-aos=zoom-out-right] {
transform: translate3d(-100px, 0, 0) scale(1.2);
}
html:not(.no-js) [data-aos=zoom-out-left] {
transform: translate3d(100px, 0, 0) scale(1.2);
}
html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
transition-property: transform;
visibility: hidden;
}
html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
visibility: visible;
transform: translateZ(0);
}
html:not(.no-js) [data-aos=slide-up] {
transform: translate3d(0, 100%, 0);
}
html:not(.no-js) [data-aos=slide-down] {
transform: translate3d(0, -100%, 0);
}
html:not(.no-js) [data-aos=slide-right] {
transform: translate3d(-100%, 0, 0);
}
html:not(.no-js) [data-aos=slide-left] {
transform: translate3d(100%, 0, 0);
}
html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
backface-visibility: hidden;
transition-property: transform;
}
html:not(.no-js) [data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg);
}
html:not(.no-js) [data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0);
}
html:not(.no-js) [data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg);
}
html:not(.no-js) [data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0);
}
html:not(.no-js) [data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg);
}
html:not(.no-js) [data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0);
}
html:not(.no-js) [data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg);
}
html:not(.no-js) [data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0);
}
}
.hidden, .gform_validation_container {
position: absolute;
heigh: 0;
width: 0;
visibility: hidden;
opacity: 0;
}
@media only screen and (min-width: 48em) {
.mobile-only {
display: none;
}
}
@media only screen and (max-width: 47.9375em) {
.desktop-only {
display: none;
}
}    html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace; font-size: 1em; }  a {
background-color: transparent;
text-decoration-thickness: 1px;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration-style: dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
} html { box-sizing: border-box;
} *, *::before, *::after {
box-sizing: inherit;
}
button {
cursor: pointer;
}
body {
font-size: 1.6rem;
font-family: "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
color: #282319;
line-height: 1.4;
}
h1,
.h1,
h2,
.h2,
.text-with-image--logo .text-with-image__title,
h3,
.h3,
.page-template-my-subscription .contact-form__title,
.page-template-my-equipment .contact-form__title,
.page-template-my-products .contact-form__title,
.page-template-my-stories .contact-form__title,
.story__description h2,
.equipment__description h2,
.stories-row__list--1 .story-excerpt__title,
h4,
.h4,
h5,
.h5,
.login #loginform h4,
h6,
.h6 {
margin: 0 0 0.5em;
color: #282319;
line-height: 1.05;
}
@media only screen and (min-width: 48em) {
h1,
.h1,
h2,
.h2,
.text-with-image--logo .text-with-image__title,
h3,
.h3,
.page-template-my-subscription .contact-form__title,
.page-template-my-equipment .contact-form__title,
.page-template-my-products .contact-form__title,
.page-template-my-stories .contact-form__title,
.story__description h2,
.equipment__description h2,
.stories-row__list--1 .story-excerpt__title,
h4,
.h4,
h5,
.h5,
.login #loginform h4,
h6,
.h6 {
line-height: 1.2;
}
}
h1,
.h1 {
margin: 3.5rem 0 0;
color: #002dd7;
font-size: 3.6rem;
line-height: 1.2;
font-weight: 700;
}
@media only screen and (min-width: 48em) {
h1,
.h1 {
font-size: 5.6rem;
line-height: 1.1;
}
}
h2,
.h2,
.text-with-image--logo .text-with-image__title {
font-weight: 700;
font-size: 3.6rem;
}
h3,
.h3,
.page-template-my-subscription .contact-form__title,
.page-template-my-equipment .contact-form__title,
.page-template-my-products .contact-form__title,
.page-template-my-stories .contact-form__title,
.story__description h2,
.equipment__description h2,
.stories-row__list--1 .story-excerpt__title {
font-weight: 700;
font-size: 2.8rem;
}
h4,
.h4 {
font-size: 2.2rem;
font-weight: 700;
}
h5,
.h5,
.login #loginform h4 {
font-weight: 700;
font-size: 1.8rem;
}
h6,
.h6 {
font-weight: 700;
font-size: 1.6rem;
}
p {
margin-bottom: 1em;
}
.introduction, .story__introduction, .equipment__introduction {
font-size: 1.8rem;
line-height: 1.4;
color: #5a5550;
}
a {
color: #ff5a00;
}
.centered {
text-align: center;
}
.button, body.login form input[type=submit]#wp-submit, .text-with-image--logo .text-with-image__link, .login .oauthloginbutton,
.login .mo_oauth_login_button,
.account .oauthloginbutton,
.account .mo_oauth_login_button {
appearance: none;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 1.3rem 2.5rem 1.4rem;
border-radius: 10rem;
border: 0;
font-family: "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
font-weight: 700;
background: #002dd7;
color: #ffffff;
text-decoration: none;
cursor: pointer;
text-align: center;
outline: none;
font-size: 2rem;
line-height: 1;
white-space: nowrap;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media only screen and (min-width: 48em) {
.button:hover, body.login form input[type=submit]#wp-submit:hover, .text-with-image--logo .text-with-image__link:hover, .login .oauthloginbutton:hover,
.login .mo_oauth_login_button:hover,
.account .oauthloginbutton:hover,
.account .mo_oauth_login_button:hover, .button:focus, body.login form input[type=submit]#wp-submit:focus, .text-with-image--logo .text-with-image__link:focus, .login .oauthloginbutton:focus,
.login .mo_oauth_login_button:focus,
.account .oauthloginbutton:focus,
.account .mo_oauth_login_button:focus {
background: #0087FF;
color: #ffffff;
}
}
.button--secondary {
background-color: #ff5a00;
}
@media only screen and (min-width: 48em) {
.button--secondary:hover, .button--secondary:focus {
background: #FF914B;
}
}
.button--small, .login .oauthloginbutton,
.login .mo_oauth_login_button,
.account .oauthloginbutton,
.account .mo_oauth_login_button {
padding: 1rem 2rem;
font-size: 1.4rem;
}
.button--bordered {
background: none;
border: 0.1rem solid #002dd7;
color: #002dd7;
}
@media only screen and (min-width: 48em) {
.button--bordered:hover {
background: #002dd7;
}
.button--bordered:hover svg .fill {
fill: #ffffff;
}
}
.button--bordered svg .fill {
fill: #002dd7;
}
.button--bordered-white {
border-color: #ffffff;
color: #ffffff;
}
.button svg, body.login form input[type=submit]#wp-submit svg, .text-with-image--logo .text-with-image__link svg, .login .oauthloginbutton svg,
.login .mo_oauth_login_button svg,
.account .oauthloginbutton svg,
.account .mo_oauth_login_button svg {
margin-left: 1rem;
}
.filters {
margin: 2rem 0 4rem;
}
.filters__form {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
@media only screen and (min-width: 48em) {
.filters__form {
flex-direction: row;
}
}
.filters__group {
display: flex;
flex-direction: column;
margin: 1.5rem 0 3rem;
width: 100%;
max-width: 30rem;
}
@media only screen and (min-width: 48em) {
.filters__group {
margin: 1.5rem;
}
}
.filters__filter label {
display: block;
margin-bottom: 1rem;
color: #5a5550;
}
.gform_validation_errors {
margin-bottom: 1.5rem;
padding: 2rem;
border-radius: 0.8rem;
background: rgba(255, 145, 75, 0.2);
}
.gform_validation_errors .gform_submission_error {
margin: 0;
font-size: 1.6rem;
font-weight: 400;
color: #ff5a00;
}
.gfield {
margin-bottom: 1.5rem;
}
.gfield input,
.gfield textarea {
width: 100%;
}
.gfield_error input {
border: 0.1rem solid #FF914B;
}
.gfield_error .gfield_validation_message {
margin: 0.5rem 0 0 0.3rem;
color: #ff5a00;
font-size: 1.4rem;
}
.consent {
padding: 0.5rem 2rem;
color: #BEB9AA;
font-size: 1.4rem;
}
.hidden_label label {
display: none;
}
.gform_footer {
position: relative;
}
.gform_footer .gform_ajax_spinner {
position: absolute;
filter: brightness(2);
bottom: 10px;
right: 8px;
opacity: 0.5;
width: 35px;
}
picture {
display: block;
}
picture.cover img {
object-fit: cover;
}
picture.contain img {
object-fit: contain;
}
picture span {
opacity: 0.3;
}
img {
display: block;
font-size: 0;
}
svg {
display: block;
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]), textarea {
appearance: none;
border: 0.1rem solid #EDEAE5;
background: white;
border-radius: 0.8rem;
transition: border-color 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #BEB9AA;
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button])::placeholder, textarea::placeholder {
color: #BEB9AA;
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):focus, input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):focus-visible, textarea:focus, textarea:focus-visible {
outline: none;
box-shadow: none;
border-color: #002dd7;
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]) {
padding: 0.5rem 2rem;
height: 5rem;
}
textarea {
display: block;
padding: 1.5rem 2rem;
resize: none;
}
.gform_button {
display: block;
width: 100%;
margin-top: 1.5rem;
background: #ff5a00;
}
.gform_button:hover, .gform_button:focus {
background: #FF914B;
color: #ffffff;
}
.loader {
display: inline-block;
position: relative;
width: 12rem;
height: 12rem;
mix-blend-mode: multiply;
}
.loader div {
box-sizing: border-box;
display: block;
position: absolute;
width: 10rem;
height: 10rem;
margin: 1rem;
border: 1rem solid #D7D2C8;
border-radius: 50%;
animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #D7D2C8 transparent transparent transparent;
}
.loader div:nth-child(1) {
animation-delay: -0.45s;
}
.loader div:nth-child(2) {
animation-delay: -0.3s;
}
.loader div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes loader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ss-main {
position: relative;
cursor: pointer;
}
.ss-main.slim-select--search {
height: 6rem;
}
@media only screen and (min-width: 48em) {
.ss-main.slim-select--search {
font-size: 2rem;
}
}
.ss-main.slim-select--search .ss-single-selected {
padding: 1.5rem 3rem;
height: 5.5rem;
}
.ss-main.slim-select--search .ss-single-selected:after {
width: 4.1rem;
height: 4.1rem;
}
@media only screen and (min-width: 48em) {
.ss-main.slim-select--search .ss-single-selected {
padding: 2rem 4rem;
height: 7rem;
}
.ss-main.slim-select--search .ss-single-selected:after {
width: 5.6rem;
height: 5.6rem;
}
}
.ss-main.slim-select--search .ss-deselect {
position: absolute;
z-index: 2;
right: 0.7rem;
border-radius: 50%;
width: 4.3rem;
height: 4.3rem;
font-size: 0;
color: #BEB9AA;
background: #BEB9AA url('data:image/svg+xml;utf8,<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="fill" d="M8.41797 7.75L12.8438 3.36719L13.7461 2.46484C13.875 2.33594 13.875 2.12109 13.7461 1.94922L12.8008 1.00391C12.6289 0.875 12.4141 0.875 12.2852 1.00391L7 6.33203L1.67188 1.00391C1.54297 0.875 1.32812 0.875 1.15625 1.00391L0.210938 1.94922C0.0820312 2.12109 0.0820312 2.33594 0.210938 2.46484L5.53906 7.75L0.210938 13.0781C0.0820312 13.207 0.0820312 13.4219 0.210938 13.5938L1.15625 14.5391C1.32812 14.668 1.54297 14.668 1.67188 14.5391L7 9.21094L11.3828 13.6367L12.2852 14.5391C12.4141 14.668 12.6289 14.668 12.8008 14.5391L13.7461 13.5938C13.875 13.4219 13.875 13.207 13.7461 13.0781L8.41797 7.75Z" fill="white"/></svg> ') no-repeat center;
}
@media only screen and (min-width: 48em) {
.ss-main.slim-select--search .ss-deselect {
width: 5.8rem;
height: 5.8rem;
}
}
.ss-main.slim-select--search .ss-search {
margin: 1rem;
}
.ss-main.slim-select--search .ss-search input {
width: 100%;
}
.ss-single-selected {
display: flex;
align-items: center;
padding: 1.2rem 2rem;
height: 5rem;
border: 0.1rem solid #f4f4f4;
border-radius: 10rem;
background: #ffffff;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.ss-single-selected:hover {
background-color: #F8F6F2;
}
.ss-single-selected:after {
content: "";
display: block;
position: absolute;
right: 0.8rem;
width: 3.6rem;
height: 3.6rem;
border-radius: 50%;
background: #002dd7 url('data:image/svg+xml;utf8,<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.48446 8.73429C7.77092 9.02075 8.17196 9.02075 8.45842 8.73429L15.1042 2.03117C15.3907 1.74471 15.3907 1.28638 15.1042 1.05721L14.7032 0.656169C14.4167 0.36971 14.0157 0.36971 13.7292 0.656169L8.00008 6.49992L2.21362 0.598877C1.92716 0.36971 1.52612 0.36971 1.23966 0.598877L0.838623 1.05721C0.552165 1.28638 0.552165 1.74471 0.838623 2.03117L7.48446 8.73429Z" fill="white"/></svg> ') no-repeat center;
}
.ss-single-selected .placeholder {
color: #9c9c9c;
}
.ss-open-below:after {
transform: scaleY(-1);
}
.ss-content {
position: absolute;
z-index: 99;
margin-top: 1.5rem;
width: 100%;
background: #ffffff;
border-radius: 2rem;
box-shadow: 0;
opacity: 0;
transform: translateY(-0.3rem) scaleY(0);
transform-origin: top center;
transition: all 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.ss-list {
max-height: 30rem;
overflow-y: auto;
}
.ss-open {
opacity: 1;
transform: translateY(0) scaleY(1);
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.ss-open .ss-option {
opacity: 1;
transition: opacity 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 125ms;
}
.ss-option {
padding: 1rem 2rem;
opacity: 0;
transition: opacity 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.ss-option:first-of-type {
padding: 1.5rem 2rem 1rem;
border-top-left-radius: 2rem;
border-top-right-radius: 2rem;
}
.ss-option:last-of-type {
padding: 1rem 2rem 1.5rem;
border-bottom-left-radius: 2rem;
border-bottom-right-radius: 2rem;
}
.ss-option:hover {
background: #F8F6F2;
}
.ss-hide {
display: none;
}
.switch {
position: relative;
display: inline-block;
width: 11.8rem;
height: 4.1rem;
}
.switch__checkbox {
opacity: 0;
width: 0;
height: 0;
}
.switch__checkbox:checked + span:before {
transform: translateX(6.4rem);
}
.switch__slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #BEB9AA;
transition: 0.4s;
border-radius: 4rem;
}
.switch__slider:before {
position: absolute;
content: "";
height: 2.7rem;
width: 2.7rem;
left: 1.3rem;
bottom: 0.7rem;
background-color: #5a5550;
transition: 0.4s;
border-radius: 50%;
}
html {
font-size: 10px;
height: 100%;
box-sizing: border-box;
scroll-behavior: smooth;
}
body {
overflow-x: hidden;
display: flex;
flex-direction: column;
min-height: 100%;
width: 100vw;
}
body #page {
position: relative;
flex-grow: 1;
display: flex;
flex-direction: column;
min-height: 100%;
}
body #page main {
flex-grow: 1;
display: flex;
flex-direction: column;
}
body #page .site__page-overlay {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 98;
background: rgba(40, 35, 25, 0.3);
}
#user_switching_switch_on {
position: fixed;
background: black;
z-index: 100;
bottom: 0;
margin: 0;
padding: 0.5rem 1rem;
opacity: 0.5;
font-size: 1.2rem;
}
#user_switching_switch_on a {
color: white;
}
.main-footer {
position: relative;
padding: 5rem 2.5rem;
background: #002dd7;
}
@media only screen and (min-width: 48em) {
.main-footer {
padding: 5rem 6rem;
}
}
.main-footer--upgrade {
padding: 2.4rem 0 3.3rem;
color: #ffffff;
}
@media only screen and (max-width: 47.9375em) {
.main-footer--upgrade {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
}
}
.main-footer__upgrade-bar {
position: absolute;
top: -1rem;
left: 0;
width: 100%;
height: 1rem;
z-index: 1;
background: #ffffff;
}
.main-footer__upgrade-bar-background {
position: absolute;
left: 0;
width: 100%;
height: 1rem;
background: rgba(255, 90, 0, 0.2);
}
.main-footer__upgrade-bar-inside {
position: absolute;
top: 0;
left: 0;
height: 1rem;
background: #ff5a00;
}
.main-footer__upgrade-wrapper {
position: relative;
display: flex;
justify-content: center;
max-width: 112rem;
margin: 0 auto;
padding: 0 3rem;
}
@media only screen and (min-width: 48em) {
.main-footer__upgrade-wrapper {
padding: 0;
}
}
.main-footer__upgrade-wrapper div {
font-size: 1.8rem;
line-height: 2.2rem;
}
@media only screen and (min-width: 48em) {
.main-footer__upgrade-wrapper div {
font-size: 2.2rem;
line-height: 2.7rem;
}
}
.main-footer__upgrade-wrapper a {
position: absolute;
top: 50%;
left: 2.5rem;
transform: translateY(-50%);
}
@media only screen and (min-width: 48em) {
.main-footer__upgrade-wrapper a {
left: 0;
}
}
.main-footer__upgrade-wrapper a svg {
margin-left: 0.8rem;
}
.main-footer a {
color: #ffffff;
}
@media only screen and (min-width: 48em) {
.main-footer__primary {
display: flex;
justify-content: space-between;
}
}
@media only screen and (min-width: 48em) {
.main-footer__navigation {
display: flex;
}
}
.main-footer__logo {
display: flex;
align-items: center;
margin-right: 4rem;
width: 16rem;
}
@media only screen and (max-width: 47.9375em) {
.main-footer__logo {
display: none;
}
}
.main-footer__logo svg {
width: 16rem;
}
.main-footer__logo svg .fill {
fill: #ffffff;
}
.main-footer__navigation-level-1 {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0 3rem;
list-style: none;
width: 100%;
}
@media only screen and (min-width: 48em) {
.main-footer__navigation-level-1 {
display: flex;
}
.main-footer__navigation-level-1 a {
font-weight: bold;
margin-right: 4rem;
}
}
.main-footer__navigation-level-1 a {
display: block;
padding: 1rem 0;
text-decoration: none;
}
.main-footer__socials {
display: flex;
justify-content: center;
align-items: center;
margin: 3rem 0;
}
@media only screen and (min-width: 48em) {
.main-footer__socials {
margin: 0;
}
}
@media only screen and (min-width: 48em) {
.main-footer__secondary {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 3rem;
}
}
.main-footer__legal-navigation__level-1 {
list-style: none;
display: flex;
justify-content: center;
}
.main-footer__legal-navigation__level-1 a {
padding: 1rem;
text-decoration: none;
opacity: 0.6;
}
.main-footer__site-info {
margin: 2rem 0 0;
text-align: center;
opacity: 0.6;
}
@media only screen and (min-width: 48em) {
.main-footer__site-info {
margin: 0 0 0 3rem;
}
}
.main-header {
position: relative;
z-index: 101;
display: flex;
justify-content: space-between;
width: 100%;
}
@media only screen and (min-width: 80em) {
.main-header {
padding: 0 4rem;
background: none;
}
}
@media only screen and (max-width: 79.9375em) {
.main-header--search-bar--active .main-header__primary {
opacity: 0;
}
.main-header--search-bar--active .mobile-navigation__icon {
display: none;
}
.main-header--sticky {
position: fixed;
background: white;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
}
.main-header--upgrade .main-header__secondary {
display: none !important;
}
@media only screen and (min-width: 48em) {
.main-header--upgrade .main-header__secondary {
display: flex !important;
padding: 4.5rem 0.5rem 1.5rem 0;
}
}
@media only screen and (min-width: 48em) {
.main-header--upgrade {
position: absolute;
top: 0;
left: 0;
width: 100vw;
}
}
.main-header--upgrade .main-header__primary {
padding: 6rem 0 1.5rem 2rem;
}
.main-header--upgrade .account-menu__avatar {
pointer-events: none;
}
@media only screen and (max-width: 79.9375em) {
.main-header--mobile-nav-active {
position: fixed;
}
.main-header--mobile-nav-active .main-header__logo svg .fill {
fill: #ffffff;
}
.main-header--mobile-nav-active .main-header__primary,
.main-header--mobile-nav-active .main-header__secondary {
background: #002dd7;
}
.main-header--mobile-nav-active .main-header__primary:after {
content: "";
position: absolute;
display: block;
top: 100%;
left: 0;
right: 0;
width: 100vw;
height: 3rem;
background: linear-gradient(to top, rgba(0, 45, 215, 0), #002dd7);
}
}
.main-header__primary {
display: flex;
position: relative;
z-index: 51;
padding: 2rem 0 2rem 2.5rem;
}
.main-header__logo {
display: flex;
align-items: center;
margin-right: 4rem;
width: 16rem;
}
.main-header__logo svg {
width: 100%;
}
.main-header__logo svg .fill {
fill: #002dd7;
transition: fill 125ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.main-header__secondary {
display: flex;
align-items: center;
padding: 2rem 2.5rem 2rem 0;
}
.account-menu {
position: relative;
display: none;
}
@media only screen and (min-width: 80em) {
.account-menu {
display: block;
}
}
.account-menu--active .account-menu__icon svg .fill {
fill: #002dd7;
}
.account-menu--active .account-menu__popover {
right: 0;
opacity: 1;
transform: scaleY(1);
transition: opacity 125ms cubic-bezier(0.39, 0.575, 0.565, 1), transform 125ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.account-menu__icon, .account-menu__avatar {
cursor: pointer;
}
.account-menu__avatar {
display: flex;
align-items: center;
}
.account-menu__avatar picture {
height: 4rem;
}
.account-menu__avatar img {
border-radius: 50%;
}
.account-menu__avatar-initials {
display: flex;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
background: #BEB9AA;
color: #ffffff;
font-weight: 700;
border-radius: 50%;
text-transform: uppercase;
letter-spacing: 0.2rem;
}
.account-menu__avatar-initials span {
margin-right: -0.2rem;
}
.account-menu__description {
color: #9c9c9c;
}
.account-menu__popover {
position: absolute;
top: 4rem;
right: -999rem;
opacity: 0;
transform: scaleY(0.9);
transform-origin: top;
transition: opacity 125ms cubic-bezier(0.39, 0.575, 0.565, 1), transform 125ms cubic-bezier(0.39, 0.575, 0.565, 1), right 0ms linear 125ms;
padding-top: 3rem;
max-width: 35rem;
width: 100vw;
}
.account-menu__container {
background: white;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1);
border-radius: 2rem;
padding: 0.1rem;
}
.account-menu__container .login {
padding: 4rem;
}
.account-menu__title {
padding: 4rem 4rem 0;
}
.account-menu__navigation-link {
display: block;
padding: 1.2rem 4rem;
color: #5a5550;
text-decoration: none;
}
.account-menu__navigation-link--active {
color: #002dd7;
}
.account-menu__navigation-link:hover {
background: #F8F6F2;
}
.account-menu__log-out {
display: block;
margin: 1rem 4rem 4rem;
color: #9c9c9c;
}
.main-navigation {
display: none;
}
@media only screen and (min-width: 80em) {
.main-navigation {
display: flex;
align-items: center;
}
}
.main-navigation ul {
list-style: none;
}
.main-navigation__level-1 {
display: flex;
}
.main-navigation__level-1 li {
margin-right: 4rem;
}
.main-navigation__level-1 li a {
color: #282319;
text-decoration: none;
}
.main-navigation__level-1 li a:hover {
color: #002dd7;
}
.mobile-navigation {
position: fixed;
z-index: 50;
top: 0;
left: -999rem;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow-y: auto;
opacity: 0;
width: 100%;
height: 100%;
background: #002dd7;
color: #ffffff;
transition: opacity 125ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media only screen and (min-width: 80em) {
.mobile-navigation {
display: none;
}
}
.mobile-navigation a {
color: #ffffff;
}
.mobile-navigation--mobile-nav-active {
left: 0;
opacity: 1;
}
.mobile-navigation__icon {
position: relative;
z-index: 51;
display: flex;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
}
@media only screen and (min-width: 80em) {
.mobile-navigation__icon {
display: none;
}
}
.mobile-navigation__icon--mobile-nav-active .mobile-navigation__icon-bar {
background: #ffffff;
}
.mobile-navigation__icon--mobile-nav-active .mobile-navigation__icon-bar--top {
transform: translateY(0) rotate(45deg);
}
.mobile-navigation__icon--mobile-nav-active .mobile-navigation__icon-bar--bottom {
transform: scaleX(1) translate(0, 0) rotate(-45deg);
}
.mobile-navigation__icon-bar {
position: absolute;
display: block;
height: 0.2rem;
background: #002dd7;
border-radius: 0.1rem;
width: 2.2rem;
transition: all 250ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.mobile-navigation__icon-bar--top {
transform: translateY(-0.4rem);
}
.mobile-navigation__icon-bar--bottom {
transform: scaleX(0.7) translate(0.3rem, 0.4rem);
}
.mobile-navigation__main-nav {
position: sticky;
bottom: 0;
padding: 9rem 7.5rem 3rem;
}
.mobile-navigation__main-nav ul {
list-style: none;
}
.mobile-navigation__main-nav a {
display: block;
padding: 1rem 0;
font-size: 1.8rem;
text-decoration: none;
}
.mobile-navigation__footer {
padding: 3rem 7.5rem;
background: #002dd7;
box-shadow: 1rem 0 4rem 1rem rgba(0, 0, 0, 0.15);
border-top-left-radius: 2rem;
border-top-right-radius: 2rem;
}
.mobile-navigation__login {
display: block;
}
.mobile-navigation__log-out {
opacity: 0.6;
text-decoration: underline;
}
.mobile-navigation__signup {
margin-top: 2rem;
text-align: center;
}
.mobile-navigation__signup a {
font-weight: bold;
}
.mobile-navigation__navigation-link {
display: block;
padding: 1.5rem 0;
font-weight: 700;
font-size: 1.8rem;
text-decoration: none;
}
.mobile-navigation__user-details {
display: flex;
justify-content: space-between;
align-items: center;
padding: 2rem 0 0;
}
.mobile-navigation__logout {
opacity: 0.6;
text-decoration: underline;
}
.main-search {
align-self: flex-start;
}
@media only screen and (min-width: 80em) {
.main-search {
margin-right: 3rem;
}
}
@media only screen and (max-width: 79.9375em) {
.main-search .search-bar {
top: -0.5rem;
}
}
@media only screen and (max-width: 79.9375em) {
.main-header--search-bar--active .main-search .search-bar__input {
border: 0.1rem solid #ffffff !important;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1);
}
.main-header--search-bar--active .main-search .search-bar__icon--search {
background: #002dd7;
}
.main-header--search-bar--active .main-search .search-bar__icon--search svg .fill {
fill: white;
}
.main-header--search-bar--active .main-search .search-bar {
margin-right: -1rem;
z-index: 99;
}
.main-header--search-bar--active .main-search .search-bar__input {
left: auto;
right: 0;
}
}
.page-header {
position: relative;
margin-bottom: 4rem;
padding: 4rem 0 3rem;
background: #F8F6F2;
}
@media only screen and (min-width: 48em) {
.page-header {
padding: 10rem 0;
}
}
.page-header--image:after {
content: "";
display: block;
position: absolute;
z-index: 2;
bottom: 0;
width: 100%;
height: 70%;
}
.page-header--light:after {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.page-header--light .page-header__title {
color: #ffffff;
}
.page-header--light .page-header__subtitle {
color: #ffffff;
}
.page-header--dark:after {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
}
.page-header--dark .page-header__title {
color: #282319;
}
.page-header--dark .page-header__subtitle {
color: #282319;
}
@media only screen and (min-width: 48em) {
.page-header--text-only {
padding: 8rem 0;
}
}
.page-header--text-only .page-header__title {
margin: 0;
color: #002dd7;
text-align: left;
}
.page-header--text-only .page-header__subtitle {
color: #002dd7;
}
.page-header .page-width {
position: relative;
z-index: 3;
}
.page-header__title {
text-align: left;
color: #ffffff;
}
.page-header__subtitle {
text-align: left;
color: #ffffff;
margin: 2.6rem 0 2.2rem;
font-size: 2.2rem;
line-height: 1.25;
}
.page-header__image {
overflow: hidden;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.page-header__image img {
width: 100%;
height: 100%;
}
.page-width {
padding-left: 2.5rem;
padding-right: 2.5rem;
margin-left: auto;
margin-right: auto;
max-width: 124rem;
width: 100%;
}
@media only screen and (min-width: 48em) {
.page-width {
padding-left: 6rem;
padding-right: 6rem;
}
}
.reading-width, .filterable-grid__description {
max-width: 70rem;
}
.login {
width: 100%;
color: #5a5550;
}
.login__form {
display: flex;
flex-direction: column;
}
.login__input {
margin-bottom: 1.5rem;
}
.login__forgot-password-link {
display: block;
margin: 2rem 0;
color: #5a5550;
text-align: center;
text-decoration: none;
}
.login__divider {
position: relative;
margin: 2rem 0;
width: 100%;
text-align: center;
}
.login__divider:before, .login__divider:after {
content: "";
display: block;
position: absolute;
top: 50%;
height: 0.1rem;
width: calc(50% - 2rem);
background: #EDEAE5;
}
.login__divider:after {
right: 0;
}
.login__sso {
display: flex;
flex-direction: column;
}
.login__signup {
margin: 1rem 0 0;
text-align: center;
}
.login__signup-link {
color: #002dd7;
font-weight: bold;
text-decoration: none;
}
.login .oauthloginbutton,
.login .mo_oauth_login_button,
.account .oauthloginbutton,
.account .mo_oauth_login_button {
display: block;
margin-bottom: 1rem;
padding: 1.2rem;
border: 0.1rem solid #D7D2C8;
border-radius: 0.8rem;
background: #ffffff;
color: #282319;
width: 100%;
height: auto;
background-repeat: no-repeat;
background-position: 1.8rem 0.9rem;
box-shadow: none;
}
.login .oauthloginbutton:hover,
.login .mo_oauth_login_button:hover,
.account .oauthloginbutton:hover,
.account .mo_oauth_login_button:hover {
background-color: #002dd7;
background-repeat: no-repeat;
background-position: 1.8rem 0.9rem;
border-color: #002dd7;
color: white;
}
.login .oauthloginbutton i,
.login .mo_oauth_login_button i,
.account .oauthloginbutton i,
.account .mo_oauth_login_button i {
display: none;
}
.mo_oauth_login_button:hover .mo_oauth_login_button_text {
color: #ffffff;
}
.mo_oauth_login_button .mo_oauth_login_button_text {
color: #282319;
}
.oauthloginbutton:first-of-type {
order: 2;
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0312 10.7344C20.0312 10.1094 19.9531 9.64062 19.875 9.13281H10.6562V12.4531H16.125C15.9297 13.8984 14.4844 16.6328 10.6562 16.6328C7.33594 16.6328 4.64062 13.8984 4.64062 10.5C4.64062 5.07031 11.0469 2.57031 14.4844 5.89062L17.1406 3.35156C15.4609 1.78906 13.2344 0.8125 10.6562 0.8125C5.26562 0.8125 0.96875 5.14844 0.96875 10.5C0.96875 15.8906 5.26562 20.1875 10.6562 20.1875C16.2422 20.1875 20.0312 16.2812 20.0312 10.7344Z' fill='%23002DD7'/%3E%3C/svg%3E%0A");
}
.oauthloginbutton:first-of-type:hover {
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0312 10.7344C20.0312 10.1094 19.9531 9.64062 19.875 9.13281H10.6562V12.4531H16.125C15.9297 13.8984 14.4844 16.6328 10.6562 16.6328C7.33594 16.6328 4.64062 13.8984 4.64062 10.5C4.64062 5.07031 11.0469 2.57031 14.4844 5.89062L17.1406 3.35156C15.4609 1.78906 13.2344 0.8125 10.6562 0.8125C5.26562 0.8125 0.96875 5.14844 0.96875 10.5C0.96875 15.8906 5.26562 20.1875 10.6562 20.1875C16.2422 20.1875 20.0312 16.2812 20.0312 10.7344Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.oauthloginbutton:nth-of-type(2) {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='fill' d='M4.65625 18V6.32031H1.02344V18H4.65625ZM2.82031 4.75781C3.99219 4.75781 4.92969 3.78125 4.92969 2.60938C4.92969 1.47656 3.99219 0.539062 2.82031 0.539062C1.6875 0.539062 0.75 1.47656 0.75 2.60938C0.75 3.78125 1.6875 4.75781 2.82031 4.75781ZM18.2109 18H18.25V11.5938C18.25 8.46875 17.5469 6.04688 13.875 6.04688C12.1172 6.04688 10.9453 7.02344 10.4375 7.92188H10.3984V6.32031H6.92188V18H10.5547V12.2188C10.5547 10.6953 10.8281 9.25 12.7031 9.25C14.5781 9.25 14.6172 10.9688 14.6172 12.3359V18H18.2109Z' fill='%23002DD7'/%3E%3C/svg%3E");
}
.oauthloginbutton:nth-of-type(2):hover {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='fill' d='M4.65625 18V6.32031H1.02344V18H4.65625ZM2.82031 4.75781C3.99219 4.75781 4.92969 3.78125 4.92969 2.60938C4.92969 1.47656 3.99219 0.539062 2.82031 0.539062C1.6875 0.539062 0.75 1.47656 0.75 2.60938C0.75 3.78125 1.6875 4.75781 2.82031 4.75781ZM18.2109 18H18.25V11.5938C18.25 8.46875 17.5469 6.04688 13.875 6.04688C12.1172 6.04688 10.9453 7.02344 10.4375 7.92188H10.3984V6.32031H6.92188V18H10.5547V12.2188C10.5547 10.6953 10.8281 9.25 12.7031 9.25C14.5781 9.25 14.6172 10.9688 14.6172 12.3359V18H18.2109Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
.login .row a:first-of-type, .account .row a:first-of-type {
order: 2;
}
.login .row a:first-of-type .mo_oauth_login_button, .account .row a:first-of-type .mo_oauth_login_button {
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0312 10.7344C20.0312 10.1094 19.9531 9.64062 19.875 9.13281H10.6562V12.4531H16.125C15.9297 13.8984 14.4844 16.6328 10.6562 16.6328C7.33594 16.6328 4.64062 13.8984 4.64062 10.5C4.64062 5.07031 11.0469 2.57031 14.4844 5.89062L17.1406 3.35156C15.4609 1.78906 13.2344 0.8125 10.6562 0.8125C5.26562 0.8125 0.96875 5.14844 0.96875 10.5C0.96875 15.8906 5.26562 20.1875 10.6562 20.1875C16.2422 20.1875 20.0312 16.2812 20.0312 10.7344Z' fill='%23002DD7'/%3E%3C/svg%3E%0A");
}
.login .row a:first-of-type .mo_oauth_login_button:hover, .account .row a:first-of-type .mo_oauth_login_button:hover {
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0312 10.7344C20.0312 10.1094 19.9531 9.64062 19.875 9.13281H10.6562V12.4531H16.125C15.9297 13.8984 14.4844 16.6328 10.6562 16.6328C7.33594 16.6328 4.64062 13.8984 4.64062 10.5C4.64062 5.07031 11.0469 2.57031 14.4844 5.89062L17.1406 3.35156C15.4609 1.78906 13.2344 0.8125 10.6562 0.8125C5.26562 0.8125 0.96875 5.14844 0.96875 10.5C0.96875 15.8906 5.26562 20.1875 10.6562 20.1875C16.2422 20.1875 20.0312 16.2812 20.0312 10.7344Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.login .row a:nth-of-type(2) .mo_oauth_login_button, .account .row a:nth-of-type(2) .mo_oauth_login_button {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='fill' d='M4.65625 18V6.32031H1.02344V18H4.65625ZM2.82031 4.75781C3.99219 4.75781 4.92969 3.78125 4.92969 2.60938C4.92969 1.47656 3.99219 0.539062 2.82031 0.539062C1.6875 0.539062 0.75 1.47656 0.75 2.60938C0.75 3.78125 1.6875 4.75781 2.82031 4.75781ZM18.2109 18H18.25V11.5938C18.25 8.46875 17.5469 6.04688 13.875 6.04688C12.1172 6.04688 10.9453 7.02344 10.4375 7.92188H10.3984V6.32031H6.92188V18H10.5547V12.2188C10.5547 10.6953 10.8281 9.25 12.7031 9.25C14.5781 9.25 14.6172 10.9688 14.6172 12.3359V18H18.2109Z' fill='%23002DD7'/%3E%3C/svg%3E");
}
.login .row a:nth-of-type(2) .mo_oauth_login_button:hover, .account .row a:nth-of-type(2) .mo_oauth_login_button:hover {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='fill' d='M4.65625 18V6.32031H1.02344V18H4.65625ZM2.82031 4.75781C3.99219 4.75781 4.92969 3.78125 4.92969 2.60938C4.92969 1.47656 3.99219 0.539062 2.82031 0.539062C1.6875 0.539062 0.75 1.47656 0.75 2.60938C0.75 3.78125 1.6875 4.75781 2.82031 4.75781ZM18.2109 18H18.25V11.5938C18.25 8.46875 17.5469 6.04688 13.875 6.04688C12.1172 6.04688 10.9453 7.02344 10.4375 7.92188H10.3984V6.32031H6.92188V18H10.5547V12.2188C10.5547 10.6953 10.8281 9.25 12.7031 9.25C14.5781 9.25 14.6172 10.9688 14.6172 12.3359V18H18.2109Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
.login #loginform .row {
margin: 2rem 0;
}
.login #loginform h4 {
margin: 2rem 0 1rem;
}
.login #loginform br {
display: none;
}
.breadcrumbs {
position: relative;
z-index: 2;
margin: -4rem 0 4rem;
padding: 1rem 2.5rem;
background: #ffffff;
}
@media only screen and (min-width: 48em) {
.breadcrumbs {
margin: 0;
padding: 0 6rem;
background: none;
}
}
.breadcrumbs span span {
display: flex;
align-items: center;
font-size: 1.4rem;
}
.breadcrumbs span span a {
display: flex;
align-items: center;
font-weight: bold;
color: #282319;
text-decoration: none;
}
.breadcrumbs span span a:after {
content: "";
display: inline-block;
width: 3rem;
height: 3rem;
background: url('data:image/svg+xml;utf8,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.0078 15.1367C18.2227 14.9219 18.2227 14.6211 18.0508 14.4062L12.9805 9.42188C12.7656 9.20703 12.4219 9.20703 12.25 9.42188L11.9492 9.72266C11.7344 9.9375 11.7344 10.2383 11.9492 10.4531L16.332 14.75L11.9492 19.0898C11.7344 19.3047 11.7344 19.6055 11.9492 19.8203L12.25 20.1211C12.4219 20.3359 12.7656 20.3359 12.9805 20.1211L18.0078 15.1367Z" fill="black"/></svg>') no-repeat center;
}
@media only screen and (min-width: 48em) {
.breadcrumbs span span a:after {
width: 5rem;
}
}
.call-to-action {
margin: 4rem 0;
}
@media only screen and (max-width: 47.9375em) {
.call-to-action .page-width {
padding: 0;
}
}
.call-to-action__container {
display: grid;
gap: 3rem;
padding: 4rem;
background: #F8F6F2;
}
@media only screen and (min-width: 48em) {
.call-to-action__container {
align-items: center;
gap: 5%;
padding: calc(3rem + 3vw) calc(4rem + 4vw) calc(3rem + 3vw) calc(3rem + 3vw);
border-radius: 2rem;
}
}
.call-to-action__avatar {
display: grid;
grid-template-columns: 10rem auto;
gap: 10%;
align-items: center;
color: #5a5550;
}
@media only screen and (min-width: 48em) {
.call-to-action__avatar {
grid-template-columns: 1fr;
gap: 2rem;
max-width: 20rem;
text-align: center;
}
}
.call-to-action__avatar img {
margin: 0 auto;
width: 9rem;
height: 9rem;
border-radius: 50%;
}
@media only screen and (min-width: 48em) {
.call-to-action__avatar img {
width: 12.5rem;
height: 12.5rem;
}
}
.call-to-action__button {
margin-top: 3rem;
}
.contact-form {
margin: 4rem 0;
}
.contact-form .page-width {
max-width: 96rem;
}
@media only screen and (max-width: 47.9375em) {
.contact-form .page-width {
padding: 0;
}
}
.contact-form__container {
display: grid;
align-items: center;
padding: 3rem;
background-color: #F8F6F2;
}
@media only screen and (min-width: 48em) {
.contact-form__container {
gap: 5rem;
grid-template-columns: 3fr 4fr;
padding: 5rem 7rem;
border-radius: 2rem;
}
}
.contact-form__content a {
color: #282319;
font-weight: 700;
text-decoration: none;
}
.contact-form__content a:hover {
color: #ff5a00;
}
.contact-form__avatar {
display: flex;
align-items: center;
justify-content: center;
margin: 3rem 0;
color: #5a5550;
}
.contact-form__avatar img {
margin-right: 3rem;
width: 9rem;
height: 9rem;
object-fit: cover;
border-radius: 50%;
}
.contact-form__confidential {
display: flex;
justify-content: center;
align-items: center;
padding: 1.5rem 10%;
margin-bottom: 1.5rem;
border-radius: 0.8rem;
background: #D7D2C8;
color: #5a5550;
}
.contact-form__confidential svg {
margin-right: 1rem;
}
.contact-form__consent {
padding: 1rem 2rem;
font-size: 1.4rem;
color: #5a5550;
}
.contact-form__form {
display: flex;
flex-direction: column;
}
.contact-form__form input {
width: 100%;
}
.contact-form__form input:not([type=checkbox]), .contact-form__form textarea {
margin-bottom: 1.5rem;
}
.contact-form__form textarea {
max-height: 15rem;
}
.contact-form__form .button, .contact-form__form body.login form input[type=submit]#wp-submit, body.login form .contact-form__form input[type=submit]#wp-submit, .contact-form__form .text-with-image--logo .text-with-image__link, .text-with-image--logo .contact-form__form .text-with-image__link, .contact-form__form .login .oauthloginbutton, .login .contact-form__form .oauthloginbutton,
.contact-form__form .login .mo_oauth_login_button,
.login .contact-form__form .mo_oauth_login_button,
.contact-form__form .account .oauthloginbutton,
.account .contact-form__form .oauthloginbutton,
.contact-form__form .account .mo_oauth_login_button,
.account .contact-form__form .mo_oauth_login_button {
margin-top: 1.5rem;
}
.contact-form__2 .page-width {
max-width: 124rem;
}
.contact-form__2 .page-width .contact-form__container {
grid-template-columns: 1fr !important;
}
.contact-form__2 .page-width .contact-form__container .gform_page {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3rem 4rem;
}
@media only screen and (max-width: 79.9375em) {
.contact-form__2 .page-width .contact-form__container .gform_page {
grid-template-columns: 1fr;
}
}
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_fields {
display: contents;
}
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_fields .gform_fields {
display: contents;
}
@media only screen and (max-width: 79.9375em) {
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_fields .gform_fields {
display: block;
}
}
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_fields .gform_fields .gfield .gfield_label {
display: block;
margin-bottom: 1rem;
margin-top: 2rem;
}
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_fields .gform_fields .gfield:first-child {
grid-column: span 3;
}
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_footer {
grid-column: 3; justify-self: end; align-self: center;
width: 100%;
}
@media only screen and (max-width: 79.9375em) {
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_footer {
grid-column: 1;
margin-top: 2rem;
}
}
.contact-form__2 .page-width .contact-form__container .gform_page .gform_page_footer input[type=button] {
width: 100%;
}
.content-section {
position: relative;
margin: 4rem 0;
}
.count-graph {
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
}
@media only screen and (max-width: 47.9375em) {
.count-graph {
color: #ff5a00;
}
}
@media only screen and (min-width: 48em) {
.count-graph {
flex-direction: column;
height: 18rem;
width: 18rem;
text-align: center;
}
}
@media only screen and (min-width: 48em) {
.count-graph--small {
height: 10rem;
width: 10rem;
}
.count-graph--small .count-graph__subject {
display: none;
}
}
.count-graph--small .count-graph__number {
margin: 0;
}
@media only screen and (min-width: 48em) {
.count-graph--small .count-graph__number {
font-size: 2rem;
}
}
.count-graph__ring-circle {
transition: 0.35s stroke-dashoffset;
transform: rotate(-90deg);
transform-origin: 50% 50%;
}
.count-graph__ring {
position: absolute;
left: 0;
top: 0;
}
@media only screen and (max-width: 47.9375em) {
.count-graph__ring {
display: none;
}
}
.count-graph__subject {
white-space: nowrap;
}
@media only screen and (max-width: 47.9375em) {
.count-graph__subject {
font-size: 1.4rem;
}
}
.count-graph__number {
line-height: 1;
letter-spacing: -0.03em;
font-size: 1.6rem;
font-weight: bold;
white-space: nowrap;
}
@media only screen and (min-width: 48em) {
.count-graph__number {
font-size: 3.6rem;
margin-bottom: 0.5rem;
}
}
.count-graph__number-divider {
margin: 0 -0.2em;
}
.count-graph__number-max {
font-weight: 400;
}
@media only screen and (min-width: 48em) {
.count-graph__number-max {
font-weight: 300;
}
}
.count-graph__bar {
width: 100%;
height: 0.8rem;
border-radius: 1rem;
background: rgba(255, 90, 0, 0.2);
}
@media only screen and (min-width: 48em) {
.count-graph__bar {
display: none;
}
}
.count-graph__bar-current {
height: 0.8rem;
border-radius: 1rem;
max-width: 100% !important;
background: #ff5a00;
}
.downloads {
margin: 4rem 0;
}
.download {
position: relative;
display: flex;
margin-bottom: 2rem;
padding-right: 5rem;
background: #F8F6F2;
text-decoration: none;
border-radius: 1rem;
overflow: hidden;
max-width: 100%;
}
.download:hover .download__title {
text-decoration: underline;
}
.download:hover .download__download-icon {
transform: scale(1.1);
}
.download__icon {
flex-shrink: 0;
display: flex;
justify-content: center;
padding: 1.8rem 0;
width: 5rem;
background: rgba(0, 45, 215, 0.06);
}
@media only screen and (min-width: 48em) {
.download__icon {
width: 6rem;
}
}
.download__info {
padding: 1.2rem 2rem;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.download__title {
margin-bottom: 0.5rem;
color: #002dd7;
overflow-wrap: break-word;
max-width: calc(100% - 2.2rem);
}
.download__meta {
font-size: 1.6rem;
color: #002dd7;
}
.download__size {
font-weight: bold;
color: #282319;
}
.download__download-icon {
position: absolute;
right: 2rem;
top: 1.8rem;
transition: transform 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.equipment-excerpt {
display: flex;
flex-direction: column;
align-items: center;
color: #282319;
text-decoration: none;
text-align: center;
}
.equipment-excerpt:hover .equipment-excerpt__image {
box-shadow: 0 3rem 4rem 0 rgba(0, 0, 0, 0.15);
}
.equipment-excerpt:hover .equipment-excerpt__image img {
transform: scale(1.03);
}
.equipment-excerpt__image {
overflow: hidden;
display: block;
width: 80%;
height: 24rem;
background: #ffffff;
border-radius: 2rem;
transition: box-shadow 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@media only screen and (min-width: 48em) {
.equipment-excerpt__image {
width: 87.5%;
height: 20rem;
}
}
.equipment-excerpt__image--isolated {
padding: 3rem;
}
.equipment-excerpt__image--isolated.cover img {
object-fit: contain;
}
.equipment-excerpt__image--isolated img {
mix-blend-mode: multiply;
}
.equipment-excerpt__image img {
display: block;
height: 100%;
width: 100%;
transition: transform 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.equipment-excerpt__content {
position: relative;
padding: 2rem 1rem 0;
}
@media only screen and (min-width: 48em) {
.equipment-excerpt__content {
padding: 3rem 1.5rem 0;
}
}
.equipment-excerpt__description {
color: #9c9c9c;
}
.equipment-excerpt__label {
position: absolute;
top: -2.5rem;
left: 0;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
width: 4.4rem;
height: 4.4rem;
border-radius: 50%;
border: 0.5rem solid #ffffff;
}
.equipment-excerpt__label img {
width: 1.9rem;
height: auto;
}
.filterable-grid {
margin: 2rem 0 4rem;
}
.filterable-grid__title {
text-align: center;
}
.filterable-grid__description {
margin: 0 auto 4rem;
max-width: 100%;
columns: 2;
}
@media only screen and (max-width: 47.9375em) {
.filterable-grid__description {
columns: 1;
}
}
.filterable-grid__header-title {
margin: 0;
}
.filterable-grid__count {
color: #5a5550;
white-space: nowrap;
}
.filterable-grid__number {
font-weight: 700;
}
.filterable-grid__grid {
display: grid;
gap: 3rem;
margin: 3rem 0 0;
transition: opacity 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 500ms;
}
@media only screen and (min-width: 34em) {
.filterable-grid__grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 48em) {
.filterable-grid__grid {
gap: 6rem 5rem;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (min-width: 80em) {
.filterable-grid__grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 5rem 0 0;
}
.filterable-grid__grid .equipment-excerpt {
max-width: 24rem;
}
}
.filterable-grid__loader {
position: absolute;
left: -999rem;
margin-top: 8rem;
transform: translateX(-50%);
opacity: 0;
transition: opacity 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 500ms;
}
.filterable-grid__loader--loading {
left: 50%;
opacity: 1;
}
.filterable-grid__loader--loading + .filterable-grid__grid {
opacity: 0.3;
}
.filterable-grid__no-results {
grid-column: 1/-1;
margin: 3rem auto;
max-width: 50rem;
font-weight: 400;
text-align: center;
}
.filterable-grid__no-results .button, .filterable-grid__no-results body.login form input[type=submit]#wp-submit, body.login form .filterable-grid__no-results input[type=submit]#wp-submit, .filterable-grid__no-results .text-with-image--logo .text-with-image__link, .text-with-image--logo .filterable-grid__no-results .text-with-image__link, .filterable-grid__no-results .login .oauthloginbutton, .login .filterable-grid__no-results .oauthloginbutton,
.filterable-grid__no-results .login .mo_oauth_login_button,
.login .filterable-grid__no-results .mo_oauth_login_button,
.filterable-grid__no-results .account .oauthloginbutton,
.account .filterable-grid__no-results .oauthloginbutton,
.filterable-grid__no-results .account .mo_oauth_login_button,
.account .filterable-grid__no-results .mo_oauth_login_button {
margin-top: 3rem;
}
@media only screen and (max-width: 26.9375em) {
.filterable-grid__no-results .button, .filterable-grid__no-results body.login form input[type=submit]#wp-submit, body.login form .filterable-grid__no-results input[type=submit]#wp-submit, .filterable-grid__no-results .text-with-image--logo .text-with-image__link, .text-with-image--logo .filterable-grid__no-results .text-with-image__link, .filterable-grid__no-results .login .oauthloginbutton, .login .filterable-grid__no-results .oauthloginbutton,
.filterable-grid__no-results .login .mo_oauth_login_button,
.login .filterable-grid__no-results .mo_oauth_login_button,
.filterable-grid__no-results .account .oauthloginbutton,
.account .filterable-grid__no-results .oauthloginbutton,
.filterable-grid__no-results .account .mo_oauth_login_button,
.account .filterable-grid__no-results .mo_oauth_login_button {
display: block;
}
}
#pagination_container {
width: 100%;
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
margin: 3rem auto;
flex-wrap: wrap;
}
.pagination a {
display: flex;
justify-content: center;
align-items: center;
margin: 0 0.7rem;
text-decoration: none;
text-align: center;
}
.pagination__arrow {
visibility: hidden;
pointer-events: none;
}
.pagination__arrow--active {
visibility: unset;
pointer-events: unset;
}
.pagination__arrow--prev svg {
transform: scaleX(-1);
}
.pagination__arrow .fill {
fill: #BEB9AA;
}
.pagination__arrow:hover .fill {
fill: #002dd7;
}
.pagination__number {
color: #5a5550;
font-weight: bold;
width: 2.2rem;
height: 3.2rem;
}
.pagination__number--active {
width: 3.2rem;
background: #002dd7;
color: white;
border-radius: 50%;
}
.process-row {
margin: 4rem 0;
}
.process-row__title {
margin: 0 auto;
max-width: 50rem;
text-align: center;
}
.process-row__grid, .process-row__row {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 5rem 0 0;
gap: 3rem;
}
@media only screen and (min-width: 48em) {
.process-row__grid, .process-row__row {
gap: 4rem;
}
}
.process-row__grid .round-excerpt, .process-row__row .round-excerpt {
margin: 0 0 3rem;
}
@media only screen and (min-width: 48em) {
.process-row__grid .round-excerpt, .process-row__row .round-excerpt {
width: 24rem;
margin: 0 0 4rem;
}
}
.process-row .show-more__button-row {
margin-top: 0;
}
.process-row__action {
display: flex;
justify-content: center;
align-items: center;
}
.products-grid {
margin: 4rem 0;
}
.products-grid__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
margin: 3rem 0 0;
}
@media only screen and (min-width: 48em) {
.products-grid__grid {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 5rem 0;
}
}
@media only screen and (max-width: 47.9375em) {
.products-grid__grid .round-excerpt .round-excerpt__image {
width: calc(50vw - 6rem);
height: calc(50vw - 6rem);
}
}
@media only screen and (max-width: 47.9375em) {
.products-grid__grid .round-excerpt .round-excerpt__title {
font-size: 1.6rem;
}
}
.products-grid__grid .round-excerpt picture span.title {
opacity: 1;
font-size: 1.6rem;
font-weight: 700;
text-align: center;
}
@media only screen and (min-width: 48em) {
.products-grid__grid .round-excerpt {
max-width: 19rem;
}
}
.resetpass__form {
text-align: left;
}
.resetpass__form form {
width: 100%;
}
.resetpass__list {
margin: 2rem 0;
}
.resetpass__list--item {
list-style-type: none;
list-style-position: outside;
padding-left: 3rem;
line-height: 3rem;
position: relative;
}
.resetpass__list--item:before {
content: "";
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9554 0.648975L4.13244 9.47189L1.01291 6.35236C0.855355 6.22632 0.634782 6.22632 0.47723 6.35236L0.130615 6.73048C-0.0269369 6.85653 -0.0269369 7.10861 0.130615 7.26616L3.88035 11.0159C4.0064 11.1419 4.25848 11.1419 4.38452 11.0159L13.8376 1.56278C13.9952 1.40522 13.9952 1.15314 13.8376 1.0271L13.491 0.648975C13.3335 0.522933 13.1129 0.522933 12.9554 0.648975Z' fill='%23282319'/%3E%3C/svg%3E%0A");
display: block;
position: absolute;
width: 2rem;
height: 3rem;
left: 0;
}
.resetpass__input {
margin-bottom: 1.5rem;
width: 100%;
}
.resetpass__label {
width: 100%;
display: block;
position: relative;
}
.resetpass__hint {
color: #5a5550;
font-size: 80%;
}
.resetpass__submit {
width: 100%;
}
.resetpass__divider {
position: relative;
margin: 2rem 0;
width: 100%;
text-align: center;
}
.resetpass__divider:before, .resetpass__divider:after {
content: "";
display: block;
position: absolute;
top: 50%;
height: 0.1rem;
width: calc(50% - 2rem);
background: #EDEAE5;
}
.resetpass__divider:after {
right: 0;
}
.resetpass__sso {
display: flex;
flex-direction: column;
width: 100%;
}
.round-excerpt {
display: flex;
flex-direction: column;
align-items: center;
color: #282319;
text-decoration: none;
}
.round-excerpt:hover .round-excerpt__image {
box-shadow: 0 3rem 4rem 0 rgba(0, 0, 0, 0.15);
}
.round-excerpt:hover .round-excerpt__icon {
background: #002dd7;
}
.round-excerpt:hover .round-excerpt__icon svg .fill {
fill: #ffffff;
}
.round-excerpt.swiper-slide {
width: 21rem;
}
@media only screen and (min-width: 48em) {
.round-excerpt.swiper-slide {
width: 24rem;
}
}
.round-excerpt.swiper-slide .round-excerpt__image {
width: 19rem;
height: 19rem;
}
.round-excerpt.swiper-slide .round-excerpt__image--isolated {
padding: 1.5rem;
width: 16rem;
height: 16rem;
}
.round-excerpt__thumbnail {
position: relative;
margin-bottom: 3rem;
}
.round-excerpt__image {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
width: 65vw;
height: 65vw;
border-radius: 50%;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
transition: box-shadow 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
background-color: #F8F6F2;
}
@media only screen and (min-width: 34em) {
.round-excerpt__image {
width: calc(50vw - 2.5rem - 2rem);
height: calc(50vw - 2.5rem - 2rem);
}
}
@media only screen and (min-width: 48em) {
.round-excerpt__image {
width: 19rem;
height: 19rem;
}
}
.round-excerpt__image--isolated {
padding: 3rem;
}
.round-excerpt__image--isolated.cover img {
object-fit: contain;
}
.round-excerpt__image--isolated img {
mix-blend-mode: multiply;
}
.round-excerpt__image img {
display: block;
width: 100%;
height: 100%;
}
.round-excerpt__icon {
position: absolute;
bottom: 0;
right: 1rem;
display: inline-flex;
align-items: center;
padding: 0.5rem 1.5rem;
background: white;
border-radius: 5rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
transition: background 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.round-excerpt__icon svg .fill {
fill: #ff5a00;
transition: fill 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.round-excerpt__content {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.round-excerpt__description {
color: #9c9c9c;
}
.progress-footer {
display: block;
position: fixed;
z-index: 99;
left: 0;
right: 0;
bottom: 0;
padding: 1.5rem 0;
height: 7.7rem;
background: #002dd7;
}
.progress-footer__bar, .progress-footer__bar-count {
display: block;
position: absolute;
height: 1rem;
left: 0;
right: 0;
top: 0;
margin-top: -1rem;
}
.progress-footer__bar {
background: rgba(255, 90, 0, 0.2);
}
.progress-footer__bar-count {
background: #ff5a00;
right: auto;
margin-top: 0;
}
.progress-footer .page-width {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(16rem, 1fr);
align-items: center;
height: 100%;
}
@media only screen and (min-width: 27em) {
.progress-footer .page-width {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(22rem, 1fr);
}
}
.progress-footer__previous {
position: relative;
}
.progress-footer__previous:hover svg .fill {
fill: #ff5a00;
}
.progress-footer__steps {
text-align: center;
width: 100%;
color: #ffffff;
font-size: 2rem;
}
@media only screen and (max-width: 26.9375em) {
.progress-footer__next {
font-size: 1.6rem;
}
}
.progress-footer__next--disabled {
opacity: 20%;
pointer-events: none;
}
.seo-text {
margin: 4rem auto;
max-width: 60rem;
}
.search-bar {
position: relative;
}
@media only screen and (min-width: 80em) {
.search-bar {
width: 45rem;
}
}
.search-bar--large {
position: relative;
z-index: 99;
}
.search-bar--large .search-bar__input {
border: 0.1rem solid #ffffff !important;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1);
}
.search-bar--large .search-bar__icon--search {
background: #002dd7;
}
.search-bar--large .search-bar__icon--search svg .fill {
fill: white;
}
@media only screen and (min-width: 48em) {
.search-bar--large {
max-width: 54rem;
width: 100%;
}
}
.search-bar--large .search-bar__input {
position: static;
padding: 1rem 3rem !important;
height: 7rem !important;
font-size: 2rem;
color: #002dd7;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 47.9375em) {
.search-bar--large .search-bar__input {
width: calc(100vw - 5rem);
height: 6rem !important;
}
}
.search-bar--large .search-bar__input:focus, .search-bar--large .search-bar__input:focus-visible {
outline: none;
border-color: #ffffff;
}
.search-bar--large .search-bar__input:-ms-input-placeholder {
color: #002dd7 !important;
}
.search-bar--large .search-bar__input::placeholder {
color: #002dd7 !important;
}
.search-bar--large .search-bar__icon {
width: 5rem;
height: 5rem;
}
@media only screen and (min-width: 48em) {
.search-bar--large .search-bar__icon {
width: 6rem;
height: 6rem;
}
}
@media only screen and (min-width: 80em) {
.main-search .search-bar {
width: 34rem;
}
}
.search-bar:hover .search-bar__input {
border: 0.1rem solid #ffffff !important;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1);
}
.search-bar:hover .search-bar__icon--search {
background: #002dd7;
}
.search-bar:hover .search-bar__icon--search svg .fill {
fill: white;
}
.search-bar--active .search-bar__icon--search {
display: none;
}
.search-bar--active .search-bar__icon--clear {
display: flex;
}
.search-bar__input {
border-radius: 20rem !important;
border: 0.1rem solid #BEB9AA;
box-shadow: none;
transition: all 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
width: 100%;
}
.search-bar__input:focus, .search-bar__input:focus-visible {
outline: none;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1) !important;
border-color: #002dd7;
}
@media only screen and (max-width: 47.9375em) {
.search-bar__input {
width: calc(100vw - 5rem);
}
}
.main-search .search-bar__input {
position: absolute;
z-index: 2;
left: -999rem;
width: calc(100vw - 3rem);
}
@media only screen and (min-width: 80em) {
.main-search .search-bar__input {
position: static;
width: 100%;
}
}
.main-search .search-bar__input:focus {
border: 0.1rem solid #ffffff !important;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1) !important;
}
.main-search .search-bar__input:focus + .search-bar__icon--search {
background: #002dd7;
}
.main-search .search-bar__input:focus + .search-bar__icon--search svg .fill {
fill: white;
}
.search-bar__icon {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
right: 0.7rem;
top: 0.5rem;
width: 4rem;
height: 4rem;
z-index: 3;
appearance: none;
background: none;
border: 0;
border-radius: 50%;
transition: all 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.search-bar__icon--clear {
display: none;
background: #BEB9AA;
}
.search-bar__icon svg .fill {
fill: #002dd7;
}
@media only screen and (min-width: 80em) {
.search-bar__icon svg .fill {
fill: #BEB9AA;
}
}
.search-bar__icon-svg {
flex-shrink: 0;
}
.search-bar__result {
display: block;
padding: 0.7rem 3rem;
color: #5a5550;
text-decoration: none;
transition: background-color 75ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.search-bar__result:hover {
background: #F8F6F2;
}
.search-bar__highlight {
background: none;
font-weight: 700;
color: #282319;
}
.search-bar__all-results {
margin-top: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 3rem 1.5rem;
background: #002dd7;
color: white;
font-weight: 700;
text-decoration: none;
transition: background-color 75ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.search-bar__all-results:hover {
background: #0087FF;
}
.search-bar__all-results:hover svg {
transform: translateX(0.5rem);
}
.search-bar__all-results svg {
transition: transform 75ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.search-bar__all-results svg .fill {
fill: white;
}
.searchwp-live-search-results {
margin-top: 0.5rem;
padding: 2rem 0 0;
border-radius: 2rem !important;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1) !important;
max-height: none !important;
min-height: 12rem !important;
}
.searchwp-live-search-results .spinner {
top: 4rem !important;
}
.searchwp-live-search-results .spinner > div > div {
background-color: #BEB9AA !important;
}
.searchwp-live-search-result--focused {
background: #F8F6F2 !important;
}
.searchwp-live-search-no-min-chars:after {
padding: 5rem 0 0 !important;
color: #BEB9AA;
}
.ep-autosuggest {
border-radius: 2rem;
padding: 2rem 0 0;
border-radius: 2rem !important;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1) !important;
max-height: none !important;
min-height: 12rem !important;
}
.ep-autosuggest ul li {
padding: 0;
}
.ep-autosuggest ul li a {
text-decoration: none;
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid rgba(30, 30, 30, 0.1);
color: #5a5550;
text-decoration: none;
transition: background-color 75ms cubic-bezier(0.39, 0.575, 0.565, 1);
padding: 10px !important;
}
.ep-autosuggest ul li a .ep-highlight {
font-style: normal;
}
.show-more__js--show .show-more__item--hidden {
display: flex;
}
.show-more__js--show .show-more__button svg {
transform: scaleY(-1);
}
.show-more__item--hidden {
display: none;
}
.show-more__button-row {
display: flex;
justify-content: center;
margin: 3rem 0 0;
}
.show-more__button {
margin: 0 auto;
}
.slider-row {
margin: 5rem 0;
}
.slider-row .swiper-wrapper {
transition-timing-function: linear;
}
.side-call-to-action {
position: fixed;
z-index: 105;
top: 7rem;
right: 0;
padding: 1rem 0.5rem;
background: #ff5a00;
color: #ffffff;
border-top-left-radius: 2rem;
border-bottom-left-radius: 2rem;
text-decoration: none;
}
@media only screen and (min-width: 80em) {
.side-call-to-action {
display: flex;
flex-direction: column;
align-items: center;
top: 18rem;
padding: 1.5rem 1rem;
}
}
.side-call-to-action__title {
display: none;
margin-bottom: 0.6rem;
-ms-writing-mode: tb-rl;
writing-mode: tb-rl;
transform: rotate(-180deg);
}
@media only screen and (min-width: 80em) {
.side-call-to-action__title {
display: block;
}
}
.stories-row {
margin: 4rem 0;
}
.stories-row__header {
position: relative;
margin-bottom: 2rem;
text-align: center;
}
.stories-row__title {
color: #282319;
}
@media only screen and (max-width: 33.9375em) {
.stories-row__title {
font-size: 3.6rem;
}
}
.stories-row__list {
display: grid;
align-items: stretch;
gap: 3rem;
margin: 5rem auto;
max-width: 110rem;
}
@media only screen and (min-width: 48em) {
.stories-row__list--cta {
max-width: 96rem;
padding: 0 6rem;
}
}
.stories-row__list--2 .story-excerpt__footer, .stories-row__list--3 .story-excerpt__footer {
background-color: #ffffff;
}
@media only screen and (min-width: 48em) {
.stories-row__list--2, .stories-row__list--3 {
grid-template-columns: 1fr 1fr;
max-width: 70rem;
}
}
@media only screen and (min-width: 80em) {
.stories-row__list--3 {
grid-template-columns: 1fr 1fr 1fr;
max-width: 100rem;
}
}
.stories-row__make-story-cta {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 7.5rem 2.2rem 6.2rem;
background: #EBEFFF;
border: 0.1rem dashed #D7D2C8;
border-radius: 2rem;
}
.stories-row__make-story-title {
font-size: 2.8rem;
}
.stories-row__make-story-text {
margin: 1.7rem 0 3.7rem;
text-align: center;
}
.stories-row .show-more__button-row {
grid-column: 1/-1;
margin: 2rem 0 0;
}
.story-excerpt {
display: flex;
flex-direction: column;
background: #ffffff;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
border-radius: 2rem;
overflow: hidden;
color: #282319;
transition: all 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
text-decoration: none;
max-height: 36rem;
}
@media only screen and (min-width: 48em) {
.story-excerpt:hover {
cursor: pointer;
box-shadow: 0 3rem 4rem 0 rgba(0, 0, 0, 0.15);
transform: translateY(-0.2rem);
}
.story-excerpt:hover .story-excerpt__link {
color: #002dd7;
}
.story-excerpt:hover .story-excerpt__link svg .fill {
fill: #002dd7;
}
}
@media only screen and (min-width: 48em) {
.stories-row__list--1 .story-excerpt {
flex-direction: row;
height: 44rem;
}
}
.stories-row__list--1 .story-excerpt__image {
flex-grow: 1;
}
.stories-row__list--1 .story-excerpt__image img {
height: 100%;
}
@media only screen and (min-width: 48em) {
.stories-row__list--1 .story-excerpt__content {
max-width: 45rem;
}
}
@media only screen and (min-width: 80em) {
.stories-row__list--1 .story-excerpt__content {
max-width: 50rem;
}
}
@media only screen and (min-width: 48em) {
.stories-row__list--1 .story-excerpt__description {
display: flex;
flex-direction: column;
justify-content: center;
padding: 5rem;
}
}
.stories-row__list--1 .story-excerpt__text {
display: block;
}
@media only screen and (min-width: 48em) {
.stories-row__list--1 .story-excerpt__footer {
padding-left: calc(3rem + 3vmax);
padding-right: calc(3rem + 3vmax);
}
}
.story-excerpt__image img {
display: block;
width: 100%;
max-width: 100%;
height: 23rem;
}
.story-excerpt__content {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.story-excerpt__title {
font-size: 2rem;
}
.story-excerpt__description {
flex-grow: 1;
padding: 3rem;
}
.story-excerpt__tag.tag {
margin-bottom: 2rem;
}
.story-excerpt__text {
display: none;
color: #5a5550;
}
.story-excerpt__footer {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
padding: 1.5rem 3rem;
background: #F5F2EC;
}
.story-excerpt__link {
display: flex;
align-items: center;
color: #e65100;
transition: color 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.story-excerpt__link svg {
margin-left: 0.5rem;
}
.story-excerpt__link svg .fill {
transition: fill 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
fill: #ff5a00;
}
.show-more__js:not(.show-more__js--show) .story-excerpt.show-more__item--hidden {
display: none;
}
.tag {
display: inline-flex;
margin: 0 0.5rem 1rem 0;
padding: 0.5rem 1.5rem;
border-radius: 5rem;
font-size: 1.4rem;
color: #5a5550;
background: #F8F6F2;
text-decoration: none;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.tag:hover {
background: #002dd7;
color: #ffffff;
}
.video__container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
border-radius: 2rem;
}
.video__object {
border: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video__title {
margin-top: 2rem;
}
.usp-list {
margin: 2rem 0 4rem;
}
.usp-list__usp {
display: grid;
grid-template-columns: 2rem auto;
gap: 2rem;
margin: 1rem 0;
}
.usp-list__check {
display: flex;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
background: rgba(0, 45, 215, 0.1);
border-radius: 50%;
}
.equipment-label {
display: grid;
grid-template-columns: 100%;
gap: 1.2rem;
align-items: center;
margin: 4rem 0;
padding: 2rem 3rem;
background: #ffffff;
border-radius: 1rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 48em) {
.equipment-label {
grid-template-columns: 8rem 1fr;
gap: 3rem;
margin: 6rem 0;
padding: 2.4rem 3rem 2.4rem 2.4rem;
}
}
.equipment-label__image {
display: flex;
justify-content: center;
align-items: center;
width: 8rem;
height: 8rem;
border-radius: 50%;
}
.equipment-label__image img {
display: block;
width: 4.4rem;
height: auto;
object-fit: contain;
}
.equipment-label__title {
position: relative;
display: flex;
align-items: center;
margin-bottom: 1.2rem;
font-size: 1.8rem;
}
.equipment-label__title svg {
margin-left: 0.4rem;
}
.equipment-label__bubble {
display: none;
position: absolute;
top: 3.3rem;
left: -0.6rem;
z-index: 1;
padding: 1.6rem;
background: #F8F6F2;
border-radius: 1rem;
font-size: 1.4rem;
line-height: 2.2rem;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.equipment-label__bubble:before {
position: absolute;
top: -1.5rem;
left: 35%;
content: "";
border-left: 1rem solid transparent;
border-right: 1rem solid transparent;
border-bottom: 1rem solid #F8F6F2;
width: 1.7rem;
height: 1.7rem;
}
.equipment-label__description {
color: #5a5550;
}
.empty-space-cta__wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 2.2rem;
background: #EBEFFF;
border: 0.1rem dashed #D7D2C8;
border-radius: 2rem;
}
.empty-space-cta__title {
font-size: 1.8rem;
text-align: center;
}
.empty-space-cta__description {
margin: 1rem 0 1.9rem;
color: #5a5550;
text-align: center;
}
.empty-space-cta__modal {
display: none;
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
width: 100vw;
padding: 4.5rem 6rem;
flex-direction: column;
justify-content: center;
align-items: center;
background: #ffffff;
border-radius: 2rem 2rem 0 0;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@media only screen and (min-width: 48em) {
.empty-space-cta__modal {
top: 50%;
left: 50%;
bottom: unset;
transform: translate(-50%, -50%);
width: 45.6rem;
border-radius: 2rem;
}
}
.empty-space-cta__modal-title {
margin: 2.4rem 0 1.6rem;
text-align: center;
font-size: 2.4rem;
}
.empty-space-cta__modal-text {
font-size: 1.8rem;
text-align: center;
}
.empty-space-cta__modal-buttons {
display: flex;
justify-content: space-between;
}
.empty-space-cta__modal-buttons span,
.empty-space-cta__modal-buttons a {
width: calc(50% - 0.6rem);
}
.subscription-plans {
padding-top: 5.4rem;
background: #F8F6F2;
}
.subscription-plans .subscription-plan {
position: relative;
display: none;
flex-direction: column;
padding: 4rem;
background: #ffffff;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan {
display: flex;
border-radius: 1.5rem;
border: 0.1rem solid #F5F2EC;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1);
}
}
.subscription-plans .subscription-plan--quote {
padding-bottom: 6rem;
}
.subscription-plans .subscription-plan--mobile-logged-out {
display: flex;
}
.subscription-plans .subscription-plan:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #EBEFFF;
border-radius: 1.5rem 1.5rem 0 0;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan:before {
height: 1.5rem;
}
}
.subscription-plans .subscription-plan--selected {
display: flex;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan--selected {
box-shadow: 0 3rem 4rem 0 rgba(0, 0, 0, 0.15);
}
}
.subscription-plans .subscription-plan--selected:before {
background: #002dd7;
}
.subscription-plans .subscription-plan__selected {
position: absolute;
top: 3.5rem;
right: 2.5rem;
padding: 0.8rem 1.6rem;
background: #FF914B;
color: #ffffff;
border-radius: 3rem;
}
.subscription-plans .subscription-plan__price {
margin-bottom: 0;
font-size: 2.8rem;
line-height: 3.3rem;
}
.subscription-plans .subscription-plan__price--yearly {
display: none;
}
.subscription-plans .subscription-plan__caption {
margin-bottom: 2.4rem;
font-size: 1.4rem;
line-height: 2.2rem;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan__caption {
margin-bottom: 0;
}
}
.subscription-plans .subscription-plan__caption--yearly {
display: none;
}
.subscription-plans .subscription-plan__table-head {
position: relative;
margin: 1.6rem 0;
padding-bottom: 1.6rem;
font-weight: 700;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan__table-head {
margin: 0;
padding-bottom: 2.4rem;
}
}
.subscription-plans .subscription-plan__table-head:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
background: #002DD7;
width: 45%;
height: 1px;
border-radius: 2rem;
}
.subscription-plans .subscription-plan__table {
margin: 0 0 3rem;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan__table {
margin: 2.4rem 0 3rem;
}
}
.subscription-plans .subscription-plan__table tr:not(:last-of-type):not(.subscription-plan__has-second-row) td {
padding-bottom: 1.6rem;
}
.subscription-plans .subscription-plan__table td {
position: relative;
vertical-align: middle;
font-size: 1.4rem;
line-height: 2.2rem;
max-width: 100%;
white-space: nowrap;
}
.subscription-plans .subscription-plan__table td:nth-of-type(2) {
text-align: right;
}
.subscription-plans .subscription-plan__button {
margin-top: auto;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan__button {
order: 1;
}
}
.subscription-plans .subscription-plan__button--current {
background: #D7D2C8;
pointer-events: none;
}
.subscription-plans .subscription-plan__button input {
appearance: none;
width: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 1.3rem 2.5rem 1.4rem;
border-radius: 10rem;
border: 0;
font-family: "Helvetica Neue", "Helvetica", "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
font-weight: 700;
background: #002dd7;
color: #ffffff;
text-decoration: none;
cursor: pointer;
text-align: center;
outline: none;
font-size: 2rem;
line-height: 1;
white-space: nowrap;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media only screen and (min-width: 80em) {
.subscription-plans .subscription-plan__button input:hover, .subscription-plans .subscription-plan__button input:focus {
background: #0087FF;
color: #ffffff;
}
}
.subscription-plans .subscription-plan__tooltip {
display: inline-block;
margin-left: 0.4rem;
}
.subscription-plans .subscription-plan__tooltip-bubble {
display: none;
position: absolute;
top: 3.3rem;
left: -0.6rem;
width: 180%;
z-index: 1;
padding: 1.6rem;
background: #F8F6F2;
border-radius: 1rem;
font-size: 1.4rem;
line-height: 2.2rem;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
white-space: normal;
}
.subscription-plans .subscription-plan__tooltip-bubble:before {
position: absolute;
top: -1.5rem;
left: 5rem;
content: "";
border-left: 1rem solid transparent;
border-right: 1rem solid transparent;
border-bottom: 1rem solid #F8F6F2;
width: 1.7rem;
height: 1.7rem;
}
.subscription-plans .subscription-plan__quote {
margin-top: 1.6rem;
text-align: center;
color: #9c9c9c;
cursor: pointer;
}
@media only screen and (min-width: 48em) {
.subscription-plans .subscription-plan__quote {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 2.3rem;
}
}
@media only screen and (min-width: 48em) {
.subscription-plans {
padding: 8.2rem 0 7.7rem;
}
}
.subscription-plans__header {
margin: 0 auto 4rem;
max-width: 60rem;
text-align: center;
}
.subscription-plans__header h2 {
margin-bottom: 1.8rem;
font-size: 2.8rem;
}
@media only screen and (min-width: 48em) {
.subscription-plans__header h2 {
font-size: 3.6rem;
}
}
.subscription-plans__header p {
margin-bottom: 0;
}
.subscription-plans__time-switch {
display: none;
justify-content: center;
align-items: center;
margin-bottom: 5.2rem;
}
@media only screen and (min-width: 80em) {
.subscription-plans__time-switch {
display: flex;
}
}
.subscription-plans__time-switch span {
font-size: 1.8rem;
}
.subscription-plans__time-switch .switch {
margin: 0 1.6rem;
}
.subscription-plans__plans {
position: relative;
display: grid;
grid-template-columns: 100%;
max-width: 112rem;
margin: 0 auto;
}
@media only screen and (min-width: 80em) {
.subscription-plans__plans {
grid-template-columns: repeat(3, 1fr);
gap: 7.2rem;
}
}
@media only screen and (min-width: 80em) {
.subscription-plans__plans .subscription-plan:not(:nth-of-type(2)) .subscription-plan__tooltip {
display: none;
}
}
.subscription-plans__mobile-switcher {
display: flex;
justify-content: space-between;
padding: 2.5rem 3.7rem 0;
background: #ffffff;
}
.subscription-plans__mobile-switcher h2 {
margin-bottom: 0;
padding-bottom: 1rem;
border-bottom: 0.4rem solid #EBEFFF;
font-weight: 400;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.subscription-plans__mobile-switcher h2.active {
font-weight: 700;
border-color: #002dd7;
}
@media only screen and (min-width: 80em) {
.subscription-plans__mobile-switcher {
display: none;
}
}
.subscription-plans__plan-title {
margin-bottom: 1.6rem;
}
.backlinks {
max-width: 96rem;
margin: 4rem auto 6rem;
width: 100%;
}
@media only screen and (max-width: 47.9375em) {
.backlinks {
padding: 0;
}
}
.backlinks--closed .backlinks__icon {
transform: rotate(180deg);
}
.backlinks--closed .backlinks-container {
display: none;
}
.backlinks__header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 6rem;
padding: 2rem 2.5rem;
font-size: 1.8rem;
font-weight: 700;
cursor: pointer;
border: none;
background-color: #F8F6F2;
}
@media only screen and (min-width: 48em) {
.backlinks__header {
border-radius: 0.6rem;
}
}
.backlinks__icon-wrapper {
margin-right: 1.8rem;
transition: transform 0.3s ease;
width: 1.2rem;
}
.backlinks__icon {
transition: transform 0.3s ease;
}
.backlinks-container {
padding: 0 2.5rem;
}
.backlinks-container__content:first-child {
margin-top: 2.3rem;
}
@media only screen and (min-width: 48em) {
.backlinks-container__content {
display: grid;
grid-template-columns: 12.7rem auto;
align-items: baseline;
}
}
.backlinks-container__title {
margin: 0 0 1.7rem;
font-size: 1.4rem;
font-weight: 500;
color: #5a5550;
}
.backlinks-container__chips a {
color: #9c9c9c;
line-height: 2.2rem;
margin: 0 1.6rem 1.6rem 0;
}
.specifications {
max-width: 96rem;
margin: 4rem auto 6rem;
width: 100%;
}
@media only screen and (max-width: 47.9375em) {
.specifications {
padding: 0;
}
}
.specifications--closed .specifications__icon {
transform: rotate(180deg);
}
.specifications--closed .specifications-container {
display: none;
}
.specifications__header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 6rem;
padding: 2rem 2.5rem;
font-size: 1.8rem;
font-weight: 700;
cursor: pointer;
border: none;
background-color: #F8F6F2;
}
@media only screen and (min-width: 48em) {
.specifications__header {
border-radius: 0.6rem;
}
}
.specifications__icon-wrapper {
margin-right: 1.8rem;
transition: transform 0.3s ease;
width: 1.2rem;
}
.specifications__icon {
transition: transform 0.3s ease;
}
.specifications-container {
padding: 0 2.5rem;
}
.specifications-container__content:first-child {
margin-top: 2.3rem;
}
@media only screen and (min-width: 48em) {
.specifications-container__content {
display: grid;
grid-template-columns: 12.7rem auto;
align-items: baseline;
}
}
.specifications-container h4 {
margin-top: 2rem;
}
.specifications-container dl {
display: grid;
grid-gap: 4px 16px;
grid-template-columns: max-content;
}
.specifications-container dl dt {
font-weight: bold;
margin: 0.5rem 0;
}
.specifications-container dl dd {
margin: 0.5rem 0;
grid-column-start: 2;
}
@media only screen and (max-width: 47.9375em) {
.specifications-container dl {
grid-template-columns: 1fr;
grid-gap: 4px;
}
.specifications-container dl dt {
margin: 0.7825rem 0 0 0;
}
.specifications-container dl dt:first-of-type {
margin-top: 0;
}
.specifications-container dl dt, .specifications-container dl dd {
grid-column: span 1;
}
.specifications-container dl dd {
margin: 0 0 0.5rem 0;
}
}
.specifications-container__title {
margin: 0 0 1.7rem;
font-size: 1.4rem;
font-weight: 500;
color: #5a5550;
}
.specifications-container__chips a {
color: #9c9c9c;
line-height: 2.2rem;
margin: 0 1.6rem 1.6rem 0;
}
.equipment_group-grid {
margin: 4rem 0;
}
.equipment_group-grid__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 3rem;
margin: 3rem 0 0;
}
@media only screen and (max-width: 79.9375em) {
.equipment_group-grid__grid {
gap: 6rem 5rem;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 26.9375em) {
.equipment_group-grid__grid {
display: flex;
overflow-x: scroll;
gap: 3rem;
margin: 3rem -2.5rem 0;
}
}
@media only screen and (max-width: 47.9375em) {
.equipment_group-grid__grid .round-excerpt .round-excerpt__image {
width: calc(50vw - 6rem);
height: calc(50vw - 6rem);
}
}
@media only screen and (max-width: 47.9375em) {
.equipment_group-grid__grid .round-excerpt .round-excerpt__title {
font-size: 1.6rem;
}
}
.products-row__title {
text-align: center;
}
.products-row__action {
display: flex;
justify-content: center;
align-items: center;
margin-top: 3rem;
}
.text-section--centered .text-section__text {
text-align: center;
}
.text-section__text {
margin: 0 auto;
max-width: 70rem;
}
.text-section__text img {
display: block;
margin: 3rem 0;
width: 100%;
height: auto;
border-radius: 2rem;
}
.text-section__text ul, .text-section__text ol {
margin: 1.5rem 0 2.5rem 4rem;
}
.text-section__text ul li, .text-section__text ol li {
margin-bottom: 1rem;
}
.text-with-image--right .text-with-image__visual {
order: 2;
}
.text-with-image--right.text-with-image--background .page-width:before {
left: 0;
right: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 50rem;
}
@media only screen and (min-width: 48em) {
.text-with-image--right.text-with-image--background .page-width:before {
right: 20%;
}
}
.text-with-image--logo .text-with-image__image {
display: block;
height: 0;
padding-top: 98.73150106%;
width: 100%;
}
.text-with-image--logo .text-with-image__image img {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
clip-path: url(#textWithImageClip);
border-radius: none;
box-shadow: none;
}
.text-with-image--logo .text-with-image__link {
margin-top: 3rem;
}
.text-with-image--background .page-width {
padding: 3rem;
}
.text-with-image--background .page-width:before {
content: "";
display: block;
position: absolute;
background: #F5F2EC;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-bottom-left-radius: 50rem;
}
@media only screen and (min-width: 48em) {
.text-with-image--background .page-width:before {
left: 20%;
}
}
@media only screen and (min-width: 48em) {
.text-with-image--background .page-width {
padding: 4rem 8rem;
}
}
.text-with-image .page-width {
position: relative;
display: grid;
gap: 3rem;
z-index: 2;
}
@media only screen and (min-width: 48em) {
.text-with-image .page-width {
grid-template-columns: 1fr 1fr;
gap: 9%;
align-items: center;
max-width: 106rem;
}
}
.text-with-image--subscription .page-width {
gap: 2rem;
}
@media only screen and (min-width: 48em) {
.text-with-image--subscription .page-width {
gap: 4rem;
}
}
.text-with-image--subscription .text-with-image__image img {
border-radius: 1rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.text-with-image--subscription .text-with-image__title {
margin-bottom: 1.6rem;
font-size: 2.2rem;
}
.text-with-image__image {
position: relative;
z-index: 2;
}
.text-with-image__image img {
max-width: 100%;
border-radius: 2rem;
box-shadow: 0 3rem 4rem 0 rgba(0, 0, 0, 0.15);
}
.text-with-image__text {
position: relative;
z-index: 2;
}
.text-with-image__link {
display: block;
margin-top: 2rem;
}
.video-row__title {
margin-bottom: 5rem;
text-align: center;
}
.video-row__videos {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.video-row__video {
margin-bottom: 5vw;
width: 100%;
}
@media only screen and (min-width: 48em) {
.video-row__video {
flex-basis: 46%;
margin: 2%;
}
}
@media only screen and (min-width: 80em) {
.video-row__video {
flex-basis: 29%;
}
}
.usps {
margin-top: 6rem;
margin-bottom: 12.4rem;
}
@media only screen and (min-width: 48em) {
.usps {
margin-top: 10rem;
margin-bottom: 16rem;
}
}
.usps--small {
margin-top: 4rem;
margin-bottom: 2.4rem;
}
@media only screen and (min-width: 48em) {
.usps--small {
margin-top: 14rem;
margin-bottom: 6rem;
}
}
.usps__title {
margin-bottom: 3.2rem;
font-size: 2.8rem;
text-align: center;
}
@media only screen and (min-width: 48em) {
.usps__title {
margin-bottom: 8rem;
font-size: 3.6rem;
}
}
.usps__grid {
display: grid;
grid-template-columns: 100%;
gap: 8rem;
}
@media only screen and (min-width: 48em) {
.usps__grid {
grid-template-columns: repeat(3, 25rem);
justify-content: space-between;
gap: 0;
}
}
.usps__grid--4 {
margin: 0 -2.5rem;
padding: 0 2.5rem;
overflow-x: scroll;
grid-template-columns: repeat(4, 25rem);
gap: 4rem;
-ms-overflow-style: none;
scrollbar-width: none;
}
.usps__grid--4::-webkit-scrollbar {
display: none;
}
@media only screen and (min-width: 48em) {
.usps__grid--4 {
margin: 0 -6rem;
padding: 0 6rem;
}
}
@media only screen and (min-width: 80em) {
.usps__grid--4 {
margin: 0;
padding: 0;
}
}
.usps__grid--4 .usps__usp {
align-items: flex-start;
max-width: 25rem;
}
.usps__grid--4 .usps__usp-image {
margin-bottom: 4.6rem;
}
.usps__grid--4 .usps__usp-title {
margin-bottom: 0.8rem;
font-size: 1.8rem;
text-align: left;
}
.usps__grid--4 .usps__usp-description {
font-size: 1.6rem;
text-align: left;
}
.usps__usp {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
max-width: 30rem;
}
.usps__usp-image {
margin-bottom: 2.4rem;
}
@media only screen and (min-width: 48em) {
.usps__usp-image {
margin-bottom: 6rem;
}
}
.usps__usp-image img {
max-width: 100%;
}
.usps__usp-title {
margin-bottom: 2.4rem;
font-size: 2.2rem;
text-align: center;
}
.usps__usp-description {
margin-bottom: 0;
font-size: 2rem;
text-align: center;
}
.how-it-works {
padding-top: 4rem;
background: #F8F6F2;
}
@media only screen and (min-width: 48em) {
.how-it-works {
padding: 8rem 0 4rem;
}
}
.how-it-works__title {
margin-bottom: 0;
font-size: 2.8rem;
}
@media only screen and (min-width: 48em) {
.how-it-works__title {
font-size: 3.6rem;
text-align: center;
}
}
.how-it-works__grid-wrapper {
max-width: 124rem;
margin: 0 auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
@media only screen and (min-width: 48em) {
.how-it-works__grid-wrapper {
padding-left: 6rem;
padding-right: 6rem;
}
}
.how-it-works__grid {
margin: 0 -2.5rem;
padding: 3.7rem 2.5rem 4.4rem;
overflow-x: scroll;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 2.4rem;
-ms-overflow-style: none;
scrollbar-width: none;
}
.how-it-works__grid::-webkit-scrollbar {
display: none;
}
@media only screen and (min-width: 48em) {
.how-it-works__grid {
margin: 0 calc((100vw - 124rem) / -2 - 6rem);
padding: 4rem calc((100vw - 124rem) / 2 + 6rem);
gap: 4rem;
}
}
.how-it-works__step {
position: relative;
width: 25rem;
padding: 3.2rem 2rem 3.8rem;
background: #ffffff;
border-radius: 1rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 48em) {
.how-it-works__step {
width: 32.5rem;
}
}
.how-it-works__step-label {
padding: 0.6rem 1.6rem;
border-radius: 4rem;
color: #002dd7;
background: #EBEFFF;
}
.how-it-works__step-title {
margin: 1.6rem 0;
font-size: 2.8rem;
}
.how-it-works__step-description {
margin-bottom: 0;
}
.how-it-works__step-arrow {
position: absolute;
top: 3.2rem;
right: -0.9rem;
padding: 0.9rem 1.8rem;
background: #ffffff;
border-radius: 2rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
body.page-template-reset-password .main-footer {
margin: 0;
}
.account {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
background: #F8F6F2;
}
.account__container {
display: flex;
flex-direction: column;
align-items: center;
margin: 5vh 0;
padding: 3rem 7rem 5rem;
background: white;
border-radius: 2rem;
max-width: 46rem;
width: 100%;
text-align: center;
}
.account__icon {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 3rem;
width: 7.5rem;
height: 7.5rem;
background: #002dd7;
border-radius: 50%;
}
.account__input {
margin-bottom: 3rem;
width: 100%;
}
.account__instruction {
margin-bottom: 3rem;
color: #5a5550;
}
.account__button {
width: 100%;
}
body.single-equipment .main-footer {
margin: 0;
}
.equipment {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.equipment .page-width {
flex-grow: 1;
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 62em) {
.equipment .page-width {
flex-direction: row;
}
}
.equipment__content {
padding: 4rem 0;
}
@media only screen and (min-width: 62em) {
.equipment__content {
padding: 4rem 13% 10rem 0;
}
}
.equipment__title {
max-width: 50rem;
}
.equipment__subtitle {
margin-top: 4rem;
}
.equipment__gallery {
display: grid;
gap: 3rem;
margin: 3rem 0;
align-items: flex-start;
}
@media only screen and (min-width: 48em) {
.equipment__gallery {
gap: 4rem;
grid-template-columns: 26rem auto;
margin: 5rem 0;
}
}
.equipment__products-title {
font-weight: bold;
}
.equipment__products-list {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin: 2rem 0;
}
.equipment__product {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 8rem;
font-size: 1.2rem;
text-align: center;
transition: color 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
color: #282319;
text-decoration: none;
}
.equipment__product:hover {
color: #002dd7;
}
.equipment__product:hover img {
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.equipment__product a {
color: #282319;
text-decoration: none;
}
.equipment__product-thumbnail img {
margin-bottom: 0.5rem;
width: 6rem;
border-radius: 50%;
transition: box-shadow 125ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.equipment__image {
background: #ffffff;
border-radius: 2rem;
overflow: hidden;
}
.equipment__image.equipment__image--isolated {
padding: 3rem;
}
.equipment__image.equipment__image--isolated.cover img {
object-fit: contain;
}
.equipment__image.equipment__image--isolated img {
mix-blend-mode: multiply;
}
.equipment__image img {
display: block;
width: 100%;
height: auto;
max-height: 50vh;
}
.equipment__description h2,
.equipment__description h3,
.equipment__description h4 {
margin-top: 1.2em;
}
.equipment__description ul,
.equipment__description ol {
margin: 1.2em 2em;
}
.equipment__videos {
margin: 4rem 0;
}
.equipment__videos--multiple {
display: grid;
gap: 2rem;
}
@media only screen and (min-width: 48em) {
.equipment__videos--multiple {
grid-template-columns: 1fr 1fr;
}
}
.equipment__tags {
margin: 4rem 0;
}
.equipment__tags-links {
margin: 2rem 0;
}
.equipment__sidebar {
position: relative;
padding: 4rem 0;
}
.equipment__sidebar:before {
content: "";
position: absolute;
display: block;
z-index: -1;
background: #F8F6F2;
left: -2.5rem;
right: -2.5rem;
top: 0;
bottom: 0;
}
@media only screen and (min-width: 48em) {
.equipment__sidebar:before {
left: -6rem;
right: -6rem;
}
}
@media only screen and (min-width: 62em) {
.equipment__sidebar:before {
left: 0;
right: -100vw;
}
}
@media only screen and (min-width: 62em) {
.equipment__sidebar {
flex-basis: 47rem;
flex-shrink: 0.2;
padding: 4rem 0 4rem 7rem;
}
}
.equipment__sidebar-sticky {
position: sticky;
top: 4rem;
}
.equipment__sidebar-supplier {
margin: 0 0 4rem;
padding: 4rem;
background: #ffffff;
border-radius: 2rem;
text-align: center;
}
@media only screen and (min-width: 62em) {
.equipment__sidebar-supplier {
margin: 2rem 0 4rem;
}
}
.equipment__sidebar-supplier-image {
display: block;
margin: 0 auto 2rem;
max-width: 20rem;
}
.equipment__sidebar-supplier-image img {
width: 100%;
max-height: 10rem;
}
.equipment__sidebar-supplier-description {
font-size: 1.4rem;
}
.equipment__sidebar-supplier-link {
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.5rem;
color: #002dd7;
font-size: 1.4rem;
font-weight: bold;
text-decoration: none;
}
.equipment__sidebar-supplier-link:hover svg {
transform: translateX(0.5rem);
}
.equipment__sidebar-supplier-link svg {
margin-left: 0.5rem;
transition: transform 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.equipment__sidebar-supplier-link svg .fill {
fill: #002dd7;
}
.equipment__sidebar-title {
margin-bottom: 2rem;
}
.page-template-processes-archive .page-header {
margin: 0;
padding-bottom: 6rem;
}
@media only screen and (min-width: 48em) {
.page-template-processes-archive .page-header {
padding-bottom: 9rem;
}
}
.page-template-processes-archive .process-grid {
position: relative;
z-index: 99;
margin-top: -4rem;
}
.page-template-processes-archive .filters__group {
margin: 0 0 5rem;
max-width: 50rem;
}
.page-template-processes-archive .process-grid__filters {
justify-content: flex-start;
}
.tax-products main > .content {
padding: 10rem 0;
}
body.login {
color: #282319;
background: #F8F6F2;
}
body.login div#login {
padding: 0;
max-width: 42rem;
width: 100%;
}
body.login div#login h1 a {
margin-bottom: 4rem;
height: 6.1rem;
width: 25rem;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Laag_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 391.8 94.4' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%23002dd7%7D%3C/style%3E%3Cpath class='st0' d='M94.4 47.2C94.4 21.1 73.3 0 47.2 0v47.2C47.2 21.1 26.1 0 0 0v47.2c0 26.1 21.1 47.2 47.2 47.2s47.2-21.1 47.2-47.2zM151.8 25.7h10.8v36h-7V37.4v-2.9-2.9l-6.8 30.2h-7.3l-6.8-30.2v30.1h-7v-36h10.9l6.6 28.3 6.6-28.3zM179.3 45.5c1.3-.2 2.2-.4 2.8-.6 1-.4 1.5-1.1 1.5-2 0-1.1-.4-1.8-1.2-2.3-.8-.4-1.9-.6-3.4-.6-1.7 0-2.8.4-3.5 1.2-.5.6-.8 1.4-1 2.4h-6.7c.1-2.3.8-4.2 2-5.7 1.8-2.3 5-3.5 9.5-3.5 2.9 0 5.5.6 7.8 1.7 2.3 1.2 3.4 3.3 3.4 6.5V57.9c0 .9.2 1.5.4 1.9.2.3.6.6 1 .8v1h-7.6c-.2-.5-.4-1-.4-1.5-.1-.5-.1-1-.2-1.6-1 1-2.1 1.9-3.3 2.7-1.5.9-3.2 1.3-5.1 1.3-2.4 0-4.4-.7-6-2.1-1.6-1.4-2.4-3.3-2.4-5.8 0-3.3 1.3-5.6 3.8-7.1 1.4-.8 3.4-1.4 6.1-1.7l2.5-.3zm4.2 3.3c-.4.3-.9.5-1.3.7-.5.2-1.1.3-1.9.5l-1.6.3c-1.5.3-2.6.6-3.2 1-1.1.6-1.6 1.6-1.6 3 0 1.2.3 2 1 2.6.7.5 1.5.8 2.4.8 1.5 0 2.9-.4 4.2-1.3 1.3-.9 1.9-2.5 2-4.8v-2.8zM195.9 25.8h6.8v19.4l8.8-10h8.7l-9.5 9.9 9.9 16.6h-8.5l-6.4-11.4-2.9 3v8.4H196V25.8zM229 31.9h-7.1v-6.4h7.1v6.4zm-7.1 3.2h7.1v26.6h-7.1V35.1zM255.2 36.6c1.7 1.4 2.6 3.8 2.6 7.2v17.9h-7.1V45.5c0-1.4-.2-2.5-.6-3.2-.7-1.4-2-2.1-3.9-2.1-2.3 0-4 1-4.8 3-.5 1.1-.7 2.4-.7 4.1v14.4h-7V35.1h6.7V39c.9-1.4 1.7-2.4 2.5-3 1.4-1.1 3.2-1.6 5.4-1.6 2.9 0 5.1.8 6.9 2.2zM274.9 35.1c1.7.7 3.1 2 4.1 3.9v-3.8h6.8v25.2c0 3.4-.6 6-1.7 7.8-2 3-5.8 4.5-11.4 4.5-3.4 0-6.2-.7-8.3-2-2.1-1.3-3.3-3.3-3.6-6h7.6c.2.8.5 1.4 1 1.8.7.6 2 1 3.8 1 2.5 0 4.2-.8 5-2.5.6-1.1.8-2.9.8-5.4v-1.7c-.7 1.1-1.4 2-2.1 2.6-1.4 1.1-3.2 1.6-5.4 1.6-3.4 0-6.1-1.2-8.2-3.6-2-2.4-3.1-5.7-3.1-9.8 0-4 1-7.3 3-10s4.8-4 8.4-4c1.1-.3 2.3 0 3.3.4zm2.3 19c1.1-1.2 1.7-3.2 1.7-5.9 0-2.5-.5-4.4-1.6-5.8s-2.5-2-4.3-2c-2.4 0-4.1 1.1-5 3.4-.5 1.2-.7 2.7-.7 4.5 0 1.5.3 2.9.8 4.1.9 2.2 2.6 3.4 5.1 3.4 1.6.2 2.9-.4 4-1.7zM315.8 44.6c-.1-1-.5-1.9-1-2.7-.8-1.1-2-1.6-3.6-1.6-2.4 0-4 1.2-4.8 3.5-.5 1.2-.7 2.9-.7 4.9 0 1.9.2 3.5.7 4.7.8 2.2 2.4 3.3 4.7 3.3 1.6 0 2.8-.4 3.5-1.3.7-.9 1.1-2 1.2-3.4h7.1c-.2 2.1-.9 4.1-2.3 6-2.2 3-5.4 4.6-9.7 4.6-4.3 0-7.4-1.3-9.5-3.8s-3-5.8-3-9.9c0-4.6 1.1-8.1 3.3-10.7 2.2-2.5 5.3-3.8 9.2-3.8 3.3 0 6.1.7 8.2 2.2 2.1 1.5 3.4 4.1 3.8 7.9h-7.1zM347.9 58.4c-2.2 2.8-5.7 4.2-10.2 4.2-4.6 0-8-1.4-10.2-4.2s-3.4-6.1-3.4-10c0-3.8 1.1-7.2 3.4-10 2.2-2.8 5.7-4.2 10.2-4.2 4.6 0 8 1.4 10.2 4.2 2.2 2.8 3.4 6.1 3.4 10 0 3.9-1.1 7.3-3.4 10zm-5.5-3.8c1.1-1.4 1.6-3.5 1.6-6.2s-.5-4.7-1.6-6.2c-1.1-1.4-2.7-2.2-4.7-2.2s-3.6.7-4.7 2.2c-1.1 1.4-1.6 3.5-1.6 6.2s.5 4.7 1.6 6.2c1.1 1.4 2.7 2.2 4.7 2.2s3.6-.8 4.7-2.2zM386.9 35.2c1.1.5 2.2 1.3 3.1 2.4.7.9 1.3 2.1 1.5 3.4.2.9.2 2.2.2 3.9v16.8h-7.1V44.8c0-1-.2-1.8-.5-2.5-.6-1.2-1.8-1.9-3.4-1.9-1.9 0-3.2.8-4 2.4-.4.8-.6 1.9-.6 3.1v15.8h-7V45.9c0-1.6-.2-2.7-.5-3.4-.6-1.3-1.7-1.9-3.4-1.9-2 0-3.3.6-4 1.9-.4.7-.6 1.8-.6 3.3v16h-7.1V35.1h6.8V39c.9-1.4 1.7-2.4 2.4-3 1.4-1 3.1-1.6 5.2-1.6 2 0 3.7.4 4.9 1.3 1 .8 1.8 1.9 2.3 3.2.9-1.6 2-2.7 3.4-3.4 1.4-.7 3-1.1 4.8-1.1 1.3.1 2.5.3 3.6.8zM289.3 54.4h7.4v7.3h-7.4v-7.3z'/%3E%3C/svg%3E");
background-size: 25rem;
}
body.login #login_error, body.login .message, body.login .success {
padding: 2rem;
border: 0;
box-shadow: none;
border-radius: 0.8rem;
}
body.login form {
padding: 5rem;
border: 0;
border-radius: 2rem;
}
body.login form .forgetmenot {
float: none;
}
body.login form input[type=checkbox], body.login form input[type=radio] {
width: 1.5rem;
height: 1.5rem;
}
body.login form input[type=checkbox]:before, body.login form input[type=radio]:before {
margin: -0.3rem 0rem 0rem -0.4rem;
height: 2rem;
width: 2rem;
}
.page__related-equipment-title {
margin-top: 5rem;
text-align: center;
}
.page__related-equipment {
display: grid;
grid-template-columns: 1fr;
gap: 3rem;
margin: 5rem 0;
}
@media only screen and (min-width: 48em) {
.page__related-equipment {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (min-width: 80em) {
.page__related-equipment {
gap: 4rem;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.page__related-equipment .equipment-excerpt {
flex-shrink: 0;
min-width: 0;
}
.not-found-404__container {
padding: 7rem;
max-width: 60rem;
}
.not-found-404__link {
margin-top: 3rem;
display: block;
}
.not-found-404 .search-bar {
margin-top: 3rem;
width: auto;
}
.home .main-footer {
margin-top: 10rem;
}
.home__header {
position: relative;
overflow-x: hidden;
padding: 3rem 2.5rem;
width: 100vw;
}
@media only screen and (min-width: 48em) {
.home__header {
display: flex;
align-items: center;
margin: 0 auto;
max-width: 100rem;
overflow: visible;
}
}
.home__header--section {
margin: 15rem auto;
}
@media only screen and (min-width: 48em) {
.home__header--section {
margin: 0 auto 15rem;
}
}
@media only screen and (min-width: 48em) {
.home__header-group {
width: 60vw;
}
}
.home__title {
margin-bottom: 3rem;
color: #282319;
max-width: 60vw;
}
@media only screen and (min-width: 48em) {
.home__title {
font-size: 4.4rem;
max-width: none;
}
}
.home__text {
margin-bottom: 3rem;
max-width: 70vw;
}
@media only screen and (min-width: 48em) {
.home__text {
max-width: none;
}
}
.home__cta {
display: block;
max-width: 35rem;
}
@media only screen and (min-width: 48em) {
.home__cta {
max-width: 20rem;
}
}
.home__image {
position: absolute;
top: 3rem;
right: -30%;
width: 70%;
}
@media only screen and (min-width: 48em) {
.home__image {
position: static;
width: 100%;
}
}
.home__image img {
display: block;
width: 100%;
max-height: 30rem;
}
@media only screen and (min-width: 48em) {
.home__image img {
max-height: none;
}
}
.home .front-main-search {
position: relative;
z-index: 99;
margin-top: -9.5rem;
}
.home .front-main-search .search-bar {
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1);
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.home .front-main-search .search-bar #search {
height: 7rem;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1);
color: #002dd7;
}
.home .front-main-search .search-bar #search:-ms-input-placeholder {
color: #002dd7;
}
.home .front-main-search .search-bar #search::placeholder {
color: #002dd7;
}
.home .front-main-search .search-bar .search-bar__icon {
background-color: #002dd7;
color: #ffffff;
height: 6rem;
width: 6rem;
}
.home .front-main-search .search-bar .search-bar__icon svg {
fill: #ffffff;
}
.page-template-form-confirmation .account__container {
max-width: 70rem;
width: 84%;
padding: 5rem 8%;
}
@media only screen and (min-width: 48em) {
.production-challenge {
margin: 5vh 0 10vh;
}
}
.production-challenge__form {
margin: 0 -3rem;
padding: 4rem;
background: #F8F6F2;
}
@media only screen and (min-width: 48em) {
.production-challenge__form {
margin: 0;
padding: 6rem;
border-radius: 3rem;
}
}
.production-challenge__form-header {
text-align: center;
margin: 0 auto 1rem;
max-width: 45rem;
}
.production-challenge__confidential {
display: flex;
justify-content: center;
align-items: center;
margin: 2rem 0;
color: #002dd7;
}
.production-challenge__confidential svg {
margin-right: 1rem;
}
.production-challenge .gform_page {
position: relative;
}
.production-challenge .gform_fields {
display: grid;
gap: 2rem;
}
@media only screen and (min-width: 48em) {
.production-challenge .gform_fields {
gap: 3rem 4rem;
grid-template-columns: 1fr 1fr 1fr;
}
}
.production-challenge .gform_page:last-of-type {
margin: 0 auto;
max-width: 65rem;
}
@media only screen and (min-width: 48em) {
.production-challenge .gform_page:last-of-type .gform_fields {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 48em) {
.production-challenge .gform_page:last-of-type .gfield_html {
grid-column: 1/3;
}
}
.production-challenge .gfield {
margin: 0;
}
@media only screen and (min-width: 48em) {
.production-challenge .gfield_html {
grid-column: 1/4;
}
}
.production-challenge .gfield_label {
display: block;
margin-bottom: 1rem;
}
.production-challenge .gform_page_footer .button, .production-challenge .gform_page_footer .login .oauthloginbutton, .login .production-challenge .gform_page_footer .oauthloginbutton,
.production-challenge .gform_page_footer .login .mo_oauth_login_button,
.login .production-challenge .gform_page_footer .mo_oauth_login_button,
.production-challenge .gform_page_footer .account .oauthloginbutton,
.account .production-challenge .gform_page_footer .oauthloginbutton,
.production-challenge .gform_page_footer .account .mo_oauth_login_button,
.account .production-challenge .gform_page_footer .mo_oauth_login_button, .production-challenge .gform_page_footer .text-with-image--logo .text-with-image__link, .text-with-image--logo .production-challenge .gform_page_footer .text-with-image__link, .production-challenge .gform_page_footer body.login form input[type=submit]#wp-submit, body.login form .production-challenge .gform_page_footer input[type=submit]#wp-submit {
margin-top: 3rem;
background: #002dd7;
width: 100%;
}
@media only screen and (min-width: 48em) {
.production-challenge .gform_page_footer .button, .production-challenge .gform_page_footer .login .oauthloginbutton, .login .production-challenge .gform_page_footer .oauthloginbutton,
.production-challenge .gform_page_footer .login .mo_oauth_login_button,
.login .production-challenge .gform_page_footer .mo_oauth_login_button,
.production-challenge .gform_page_footer .account .oauthloginbutton,
.account .production-challenge .gform_page_footer .oauthloginbutton,
.production-challenge .gform_page_footer .account .mo_oauth_login_button,
.account .production-challenge .gform_page_footer .mo_oauth_login_button, .production-challenge .gform_page_footer .text-with-image--logo .text-with-image__link, .text-with-image--logo .production-challenge .gform_page_footer .text-with-image__link, .production-challenge .gform_page_footer body.login form input[type=submit]#wp-submit, body.login form .production-challenge .gform_page_footer input[type=submit]#wp-submit {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
width: calc(33% - 2.6rem);
}
}
.production-challenge .gform_previous_button {
display: none;
}
@media only screen and (min-width: 48em) {
.production-challenge .gform_page:last-of-type .gform_page_footer .button, .production-challenge .gform_page:last-of-type .gform_page_footer .login .oauthloginbutton, .login .production-challenge .gform_page:last-of-type .gform_page_footer .oauthloginbutton,
.production-challenge .gform_page:last-of-type .gform_page_footer .login .mo_oauth_login_button,
.login .production-challenge .gform_page:last-of-type .gform_page_footer .mo_oauth_login_button,
.production-challenge .gform_page:last-of-type .gform_page_footer .account .oauthloginbutton,
.account .production-challenge .gform_page:last-of-type .gform_page_footer .oauthloginbutton,
.production-challenge .gform_page:last-of-type .gform_page_footer .account .mo_oauth_login_button,
.account .production-challenge .gform_page:last-of-type .gform_page_footer .mo_oauth_login_button, .production-challenge .gform_page:last-of-type .gform_page_footer .text-with-image--logo .text-with-image__link, .text-with-image--logo .production-challenge .gform_page:last-of-type .gform_page_footer .text-with-image__link, .production-challenge .gform_page:last-of-type .gform_page_footer body.login form input[type=submit]#wp-submit, body.login form .production-challenge .gform_page:last-of-type .gform_page_footer input[type=submit]#wp-submit {
width: calc(50% - 2rem);
}
}
.production-challenge .gf_placeholder {
display: none;
}
.gform_wrapper .ss-search {
padding: 1rem;
}
.gform_wrapper .ss-search input {
height: 4rem !important;
}
.gform_wrapper .ss-content {
border-radius: 0.8rem;
}
.gform_wrapper .gfield_select .ss-single-selected {
border-radius: 0.8rem;
box-shadow: none;
border: 0.1rem solid #F5F2EC;
}
.gform_wrapper .gfield_select .ss-single-selected:hover {
background-color: #ffffff;
}
.gform_wrapper .gfield_select .ss-single-selected:after {
background: transparent url('data:image/svg+xml;utf8,<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.48446 8.73429C7.77092 9.02075 8.17196 9.02075 8.45842 8.73429L15.1042 2.03117C15.3907 1.74471 15.3907 1.28638 15.1042 1.05721L14.7032 0.656169C14.4167 0.36971 14.0157 0.36971 13.7292 0.656169L8.00008 6.49992L2.21362 0.598877C1.92716 0.36971 1.52612 0.36971 1.23966 0.598877L0.838623 1.05721C0.552165 1.28638 0.552165 1.74471 0.838623 2.03117L7.48446 8.73429Z" fill="black"/></svg> ') no-repeat center;
}
.gform_wrapper .gfield_select .ss-single-selected .placeholder {
color: #282319;
}
.gform_wrapper .ss-option:first-of-type {
border-radius: 0;
}
.gform_wrapper .ss-option:last-of-type {
border-bottom-left-radius: 0.8rem;
border-bottom-right-radius: 0.8rem;
}
body.search-results .main-search {
display: none;
}
body.search-results .page-header {
padding-bottom: 7rem;
}
.search-results__results {
width: 100%;
}
@media only screen and (min-width: 48em) {
.search-results__results {
display: flex;
}
}
.search-results__results-title {
width: 100%;
}
.search-results__header {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 4rem;
width: 100%;
}
@media only screen and (min-width: 48em) {
.search-results__header {
margin-top: 9rem;
}
}
.search-results__header-row {
display: flex;
justify-content: space-between;
width: 100%;
}
.search-results__header-row .button, .search-results__header-row .login .oauthloginbutton, .login .search-results__header-row .oauthloginbutton,
.search-results__header-row .login .mo_oauth_login_button,
.login .search-results__header-row .mo_oauth_login_button,
.search-results__header-row .account .oauthloginbutton,
.account .search-results__header-row .oauthloginbutton,
.search-results__header-row .account .mo_oauth_login_button,
.account .search-results__header-row .mo_oauth_login_button, .search-results__header-row .text-with-image--logo .text-with-image__link, .text-with-image--logo .search-results__header-row .text-with-image__link, .search-results__header-row body.login form input[type=submit]#wp-submit, body.login form .search-results__header-row input[type=submit]#wp-submit {
display: none;
background-color: #F8F6F2;
color: #282319;
font-size: 1.6rem;
font-weight: 400;
white-space: nowrap;
}
@media only screen and (max-width: 79.9375em) {
.search-results__header-row .button, .search-results__header-row .login .oauthloginbutton, .login .search-results__header-row .oauthloginbutton,
.search-results__header-row .login .mo_oauth_login_button,
.login .search-results__header-row .mo_oauth_login_button,
.search-results__header-row .account .oauthloginbutton,
.account .search-results__header-row .oauthloginbutton,
.search-results__header-row .account .mo_oauth_login_button,
.account .search-results__header-row .mo_oauth_login_button, .search-results__header-row .text-with-image--logo .text-with-image__link, .text-with-image--logo .search-results__header-row .text-with-image__link, .search-results__header-row body.login form input[type=submit]#wp-submit, body.login form .search-results__header-row input[type=submit]#wp-submit {
display: flex;
gap: 1.6rem;
}
}
.search-results__header__clear-filter {
color: #9c9c9c;
font-size: 1.4rem;
cursor: pointer;
text-decoration: underline;
margin-left: auto;
margin-right: 1rem;
}
.search-results__results-title {
display: flex;
justify-content: space-between;
width: 100%;
}
.search-results__results-title .close {
display: none;
}
@media only screen and (max-width: 79.9375em) {
.search-results__results-title .close {
display: inline-block;
background-color: #5a5550;
height: 2.3rem;
cursor: pointer;
}
}
.search-results__count {
color: #BEB9AA;
}
.search-results__filter {
display: none;
margin-right: 2.6rem;
width: 30%;
min-width: 22rem;
}
@media only screen and (min-width: 80em) {
.search-results__filter {
display: inline-block;
}
}
.search-results__filter fieldset {
border: 0;
margin-top: 3.1rem;
}
.search-results__filter fieldset legend {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 1.7rem;
text-transform: capitalize;
}
.search-results__filter fieldset ul {
list-style-type: none;
}
.search-results__filter fieldset ul li {
margin-bottom: 1.2rem;
line-height: 1.5rem;
}
.search-results__filter fieldset ul li input[type=checkbox] {
margin: 0;
font: inherit;
width: 2.2rem;
height: 2.2rem;
border: 2px solid;
border-radius: 0.15em;
cursor: pointer;
position: relative;
color: #282319;
accent-color: #ff5a00;
}
.search-results__filter fieldset ul li label {
bottom: 0.5rem;
position: relative;
}
.search-results__filter-open {
display: block;
position: fixed;
inset: 0 0 6rem 0;
width: 100%;
z-index: 200;
background-color: #fff;
padding: 0 2.7rem 2.4rem;
overflow-y: scroll;
}
.search-results__grid {
display: grid;
gap: 3rem;
margin: 3rem 0 0;
}
@media only screen and (min-width: 34em) {
.search-results__grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 48em) {
.search-results__grid {
gap: 6rem 5rem;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (min-width: 80em) {
.search-results__grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.search-results__chips div {
display: inline-flex;
width: max-content;
background-color: #F8F6F2;
padding: 0.6rem 1.6rem;
margin: 1rem 1rem 0 0;
border-radius: 2.8rem;
color: #5a5550;
}
.search-results__chips div a {
color: #5a5550;
}
.search-results__chips div span {
display: inline-block;
cursor: pointer;
padding-left: 1.3rem;
margin-left: 0.4rem;
}
.search-results__chips div svg path {
fill: #5a5550;
}
.search-results__search-bar.search-bar {
position: relative;
z-index: 99;
margin-top: -7rem;
}
.search-results__search-bar.search-bar .search-bar__input {
border: 0.1rem solid #ffffff !important;
box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1);
}
.search-results__search-bar.search-bar .search-bar__icon--search {
background: #002dd7;
}
.search-results__search-bar.search-bar .search-bar__icon--search svg .fill {
fill: white;
}
@media only screen and (min-width: 48em) {
.search-results__search-bar.search-bar {
max-width: 54rem;
width: 100%;
}
}
.search-results__search-bar.search-bar .search-bar__input {
position: static;
padding: 1rem 3rem !important;
height: 7rem !important;
font-size: 2rem;
color: #002dd7;
}
@media only screen and (max-width: 47.9375em) {
.search-results__search-bar.search-bar .search-bar__input {
width: calc(100vw - 5rem);
height: 6rem !important;
}
}
.search-results__search-bar.search-bar .search-bar__input:focus, .search-results__search-bar.search-bar .search-bar__input:focus-visible {
outline: none;
border-color: #ffffff;
}
.search-results__search-bar.search-bar .search-bar__icon--search {
width: 5rem;
height: 5rem;
}
@media only screen and (min-width: 48em) {
.search-results__search-bar.search-bar .search-bar__icon--search {
width: 6rem;
height: 6rem;
}
}
.sign-up {
margin-top: 0;
padding: 8rem 0;
background: #F8F6F2;
}
.sign-up__form {
margin: 0 auto;
max-width: 50rem;
}
body.single .main-footer {
margin: 0;
}
.story {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.story .page-width {
flex-grow: 1;
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 62em) {
.story .page-width {
flex-direction: row;
}
}
.story__description h2,
.story__description h3,
.story__description h4 {
margin-top: 1.2em;
}
.story__description ul,
.story__description ol {
margin: 1.2em 2em;
}
.story__content {
padding: 4rem 0;
}
@media only screen and (min-width: 62em) {
.story__content {
padding: 4rem 13% 10rem 0;
}
}
.story__sidebar {
position: relative;
padding: 4rem 0;
}
.story__sidebar:before {
content: "";
position: absolute;
display: block;
z-index: -1;
background: #F8F6F2;
left: -2.5rem;
right: -2.5rem;
top: 0;
bottom: 0;
}
@media only screen and (min-width: 48em) {
.story__sidebar:before {
left: -6rem;
right: -6rem;
}
}
@media only screen and (min-width: 62em) {
.story__sidebar:before {
left: 0;
right: -100vw;
}
}
@media only screen and (min-width: 62em) {
.story__sidebar {
flex-basis: 47rem;
flex-shrink: 0.2;
padding: 4rem 0 4rem 7rem;
}
}
.story__sidebar-supplier {
margin: 0 0 4rem;
padding: 4rem;
background: #ffffff;
border-radius: 2rem;
text-align: center;
}
@media only screen and (min-width: 62em) {
.story__sidebar-supplier {
margin: 2rem 0 4rem;
}
}
.story__sidebar-supplier-image {
display: block;
margin: 0 auto 2rem;
max-width: 20rem;
}
.story__sidebar-supplier-image img {
width: 100%;
max-height: 10rem;
}
.story__sidebar-supplier-description {
font-size: 1.4rem;
}
.story__sidebar-supplier-link {
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.5rem;
color: #002dd7;
font-size: 1.4rem;
font-weight: bold;
text-decoration: none;
}
.story__sidebar-supplier-link:hover svg {
transform: translateX(0.5rem);
}
.story__sidebar-supplier-link svg {
margin-left: 0.5rem;
transition: transform 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.story__sidebar-supplier-link svg .fill {
fill: #002dd7;
}
.story__sidebar-title {
margin-bottom: 2rem;
}
.story__date {
margin: 0 0 2rem;
}
.story__image {
margin: 0 0 3rem;
}
.story__image img {
max-width: 100%;
max-height: 40rem;
border-radius: 2rem;
}
.story__related-equipment-title {
margin-top: 5rem;
}
.story__related-equipment {
display: grid;
grid-template-columns: 1fr;
gap: 3rem;
margin: 5rem 0;
}
@media only screen and (min-width: 48em) {
.story__related-equipment {
grid-template-columns: 1fr 1fr;
}
}
.story__related-equipment .equipment-excerpt {
flex-shrink: 0;
min-width: 0;
}
.story__related-products {
display: flex;
gap: 3rem;
}
.tax-process .page-header__title {
text-align: left;
}
.product-search__container {
margin: -5rem 0 3rem;
}
@media only screen and (min-width: 48em) {
.product-search__container {
margin: -7rem 0 7rem;
}
}
.product-groups-grid__filters .page-width {
display: flex;
align-items: flex-start;
overflow-x: auto;
}
@media only screen and (min-width: 48em) {
.product-groups-grid__filters .page-width {
flex-wrap: wrap;
}
}
.product-groups-grid__filter {
display: inline-flex;
margin: 0 1.5rem 1.5rem 0;
padding: 0.8rem 1.6rem;
color: #002dd7;
border: 0.1rem solid #002dd7;
border-radius: 2rem;
text-decoration: none;
white-space: nowrap;
}
.product-groups-grid__filter--active, .product-groups-grid__filter:hover {
background: #002dd7;
color: white;
}
@media only screen and (min-width: 48em) {
.product-groups-grid .products-grid__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
}
.my-subscription-content .my-subscription-header {
margin: 3rem 0;
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-header {
margin: 6rem 0 3.5rem;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
.my-subscription-content .my-subscription-header__wrapper {
flex-grow: 1;
max-width: 60rem;
}
.my-subscription-content .my-subscription-header__header {
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-header__header {
margin-bottom: 2rem;
}
}
.my-subscription-content .my-subscription-header__text {
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-header__text {
margin-bottom: 0;
}
}
.my-subscription-content .my-subscription-header__action input {
appearance: none;
padding: 1.5rem 2.5rem;
border-radius: 3rem;
border: 0.1rem solid #ff5a00;
background: #ffffff;
color: #ff5a00;
font-weight: 700;
cursor: pointer;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.my-subscription-content .my-subscription-header__action input:hover, .my-subscription-content .my-subscription-header__action input:active {
background: #ff5a00;
color: #ffffff;
}
.my-subscription-content .my-subscription-current-plan {
margin: 3.5rem 0 6rem;
}
.my-subscription-content .my-subscription-current-plan__plan {
display: flex;
flex-direction: column;
align-items: center;
padding: 2.5rem;
border: 0.1rem solid #F8F6F2;
border-radius: 1rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-current-plan__plan {
flex-direction: row;
justify-content: space-between;
padding: 5.5rem 4.5rem;
}
}
.my-subscription-content .my-subscription-current-plan__title {
margin-bottom: 1.6rem;
font-size: 2.8rem;
line-height: 3.4rem;
font-weight: 700;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-current-plan__title {
margin-bottom: 0;
font-size: 3.5rem;
line-height: 4.2rem;
}
}
.my-subscription-content .my-subscription-current-plan__price, .my-subscription-content .my-subscription-current-plan__end-date {
margin-bottom: 0;
}
.my-subscription-content .my-subscription-current-plan__price span {
font-size: 2.8rem;
line-height: 3.4rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-current-plan__price span {
font-size: 3.6rem;
line-height: 4.2rem;
}
}
.my-subscription-content .my-subscription-current-plan__end-date {
margin: 1.6rem 0 3.8rem;
max-width: 29rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-current-plan__end-date {
margin: 0;
}
}
.my-subscription-content .my-subscription-limits {
margin: 6rem 0 4rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-limits {
margin: 6rem 0 6.9rem;
}
}
.my-subscription-content .my-subscription-limits__wrapper {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-limits__wrapper {
flex-direction: row;
justify-content: space-between;
}
}
.my-subscription-content .my-subscription-limits__card {
flex: 1;
padding: 2.4rem;
border: 0.1rem solid #F8F6F2;
border-radius: 1rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.my-subscription-content .my-subscription-limits__card:not(:last-of-type) {
margin-bottom: 2.4rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-limits__card:not(:last-of-type) {
margin-bottom: 0;
margin-right: 7.2rem;
}
}
.my-subscription-content .my-subscription-limits__card p {
font-size: 1.8rem;
line-height: 2.2rem;
}
.my-subscription-content .my-subscription-limits__card p.my-subscription-limits__additional {
font-size: 1.4rem;
line-height: 2.2rem;
}
.my-subscription-content .my-subscription-limits__card .button, .my-subscription-content .my-subscription-limits__card .login .oauthloginbutton, .login .my-subscription-content .my-subscription-limits__card .oauthloginbutton,
.my-subscription-content .my-subscription-limits__card .login .mo_oauth_login_button,
.login .my-subscription-content .my-subscription-limits__card .mo_oauth_login_button,
.my-subscription-content .my-subscription-limits__card .account .oauthloginbutton,
.account .my-subscription-content .my-subscription-limits__card .oauthloginbutton,
.my-subscription-content .my-subscription-limits__card .account .mo_oauth_login_button,
.account .my-subscription-content .my-subscription-limits__card .mo_oauth_login_button, .my-subscription-content .my-subscription-limits__card .text-with-image--logo .text-with-image__link, .text-with-image--logo .my-subscription-content .my-subscription-limits__card .text-with-image__link, .my-subscription-content .my-subscription-limits__card body.login form input[type=submit]#wp-submit, body.login form .my-subscription-content .my-subscription-limits__card input[type=submit]#wp-submit {
margin-bottom: 1.2rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-limits__card .button, .my-subscription-content .my-subscription-limits__card .login .oauthloginbutton, .login .my-subscription-content .my-subscription-limits__card .oauthloginbutton,
.my-subscription-content .my-subscription-limits__card .login .mo_oauth_login_button,
.login .my-subscription-content .my-subscription-limits__card .mo_oauth_login_button,
.my-subscription-content .my-subscription-limits__card .account .oauthloginbutton,
.account .my-subscription-content .my-subscription-limits__card .oauthloginbutton,
.my-subscription-content .my-subscription-limits__card .account .mo_oauth_login_button,
.account .my-subscription-content .my-subscription-limits__card .mo_oauth_login_button, .my-subscription-content .my-subscription-limits__card .text-with-image--logo .text-with-image__link, .text-with-image--logo .my-subscription-content .my-subscription-limits__card .text-with-image__link, .my-subscription-content .my-subscription-limits__card body.login form input[type=submit]#wp-submit, body.login form .my-subscription-content .my-subscription-limits__card input[type=submit]#wp-submit {
margin-bottom: 1.6rem;
}
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-limits__card-title {
margin-bottom: 3.2rem;
}
}
.my-subscription-content .my-subscription-limits__items {
font-size: 2.8rem;
line-height: 3.4rem;
}
.my-subscription-content .my-subscription-limits__total {
font-weight: 400;
}
.my-subscription-content .my-subscription-limits__additional {
margin-bottom: 0;
color: #5a5550;
}
.my-subscription-content .my-subscription-limits__bar {
position: relative;
display: block;
margin-bottom: 2.4rem;
height: 0.7rem;
width: 100%;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-limits__bar {
margin-bottom: 3.2rem;
}
}
.my-subscription-content .my-subscription-limits__inside {
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 0.7rem;
background: #ff5a00;
border-radius: 2rem;
}
.my-subscription-content .my-subscription-limits__background {
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 0.7rem;
opacity: 0.2;
width: 100%;
background: #ff5a00;
border-radius: 2rem;
}
.my-subscription-content .my-subscription-limits__cancel {
display: inline-block;
margin-top: 2.4rem;
text-decoration: underline;
cursor: pointer;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-limits__cancel {
margin-top: 3.2rem;
}
}
.my-subscription-content .my-subscription-purchasing {
padding: 3.2rem 0 3.7rem;
background: #F5F2EC;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing {
padding: 5.7rem 0 8.3rem;
}
}
.my-subscription-content .my-subscription-purchasing__table {
margin: 0 -2.5rem;
width: calc(100% + 5rem);
border-collapse: collapse;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__table {
margin: 0;
width: 100%;
}
}
.my-subscription-content .my-subscription-purchasing__head:after {
height: 1.6rem;
display: table-row;
content: "";
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__head:after {
height: 2.4rem;
}
}
.my-subscription-content .my-subscription-purchasing__head th {
text-align: left;
}
.my-subscription-content .my-subscription-purchasing__head th:first-of-type {
padding-left: 2.5rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__head th:first-of-type {
padding-left: 0;
}
}
.my-subscription-content .my-subscription-purchasing__body td {
background: #ffffff;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__body td:first-child, .my-subscription-content .my-subscription-purchasing__body td:nth-child(2) {
border-radius: 1rem 0 0 1rem;
}
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__body td:last-child {
border-radius: 0 1rem 1rem 0;
}
}
.my-subscription-content .my-subscription-purchasing__body td:first-of-type, .my-subscription-content .my-subscription-purchasing__body td:nth-of-type(2) {
position: relative;
padding: 2rem 0 2rem 2.5rem;
width: 40%;
font-size: 1.4rem;
line-height: 2.2rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__body td:first-of-type, .my-subscription-content .my-subscription-purchasing__body td:nth-of-type(2) {
width: 25%;
max-width: 27rem;
padding: 3.4rem 0 3.4rem 3.2rem;
font-size: 1.8rem;
}
.my-subscription-content .my-subscription-purchasing__body td:first-of-type:before, .my-subscription-content .my-subscription-purchasing__body td:nth-of-type(2):before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1.3rem;
height: 100%;
background: #002dd7;
border-radius: 1rem 0 0 1rem;
}
}
.my-subscription-content .my-subscription-purchasing__body td:nth-of-type(3) {
width: 25%;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__body td:nth-of-type(3) {
width: 25%;
padding-right: 5px;
}
}
.my-subscription-content .my-subscription-purchasing__body td:last-of-type {
padding-right: 2rem;
width: 35%;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__body td:last-of-type {
padding-right: 5.2rem;
width: 50%;
text-align: right;
}
}
.my-subscription-content .my-subscription-purchasing__body td a {
font-size: 1.4rem;
line-height: 2.2rem;
color: #002dd7;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
cursor: pointer;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__body td a {
font-size: 1.8rem;
}
}
.my-subscription-content .my-subscription-purchasing__body td a:hover, .my-subscription-content .my-subscription-purchasing__body td a:active {
font-weight: 700;
}
.my-subscription-content .my-subscription-purchasing__load-more {
display: flex;
justify-content: center;
}
.my-subscription-content .my-subscription-purchasing__load-more .button, .my-subscription-content .my-subscription-purchasing__load-more .login .oauthloginbutton, .login .my-subscription-content .my-subscription-purchasing__load-more .oauthloginbutton,
.my-subscription-content .my-subscription-purchasing__load-more .login .mo_oauth_login_button,
.login .my-subscription-content .my-subscription-purchasing__load-more .mo_oauth_login_button,
.my-subscription-content .my-subscription-purchasing__load-more .account .oauthloginbutton,
.account .my-subscription-content .my-subscription-purchasing__load-more .oauthloginbutton,
.my-subscription-content .my-subscription-purchasing__load-more .account .mo_oauth_login_button,
.account .my-subscription-content .my-subscription-purchasing__load-more .mo_oauth_login_button, .my-subscription-content .my-subscription-purchasing__load-more .text-with-image--logo .text-with-image__link, .text-with-image--logo .my-subscription-content .my-subscription-purchasing__load-more .text-with-image__link, .my-subscription-content .my-subscription-purchasing__load-more body.login form input[type=submit]#wp-submit, body.login form .my-subscription-content .my-subscription-purchasing__load-more input[type=submit]#wp-submit {
margin: 0 auto;
}
.my-subscription-content .my-subscription-purchasing__spacer {
height: 1.8rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-purchasing__spacer {
height: 2.4rem;
}
}
.my-subscription-content .my-subscription-modal {
display: none;
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
width: 100vw;
padding: 4.5rem 6rem;
flex-direction: column;
justify-content: center;
align-items: center;
background: #ffffff;
border-radius: 2rem 2rem 0 0;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-modal {
top: 50%;
left: 50%;
bottom: unset;
transform: translate(-50%, -50%);
width: 45rem;
border-radius: 2rem;
}
}
.my-subscription-content .my-subscription-modal__times {
position: absolute;
top: 3.8rem;
right: 3.8rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-modal__times {
display: none;
}
}
.my-subscription-content .my-subscription-modal__title {
margin: 2.4rem 0 1.6rem;
font-size: 1.8rem;
line-height: 2.2rem;
font-weight: 500;
text-align: center;
}
@media only screen and (min-width: 48em) {
.my-subscription-content .my-subscription-modal__title {
font-size: 2.4rem;
line-height: 2.9rem;
}
}
.my-subscription-content .my-subscription-modal__text {
margin-bottom: 2.4rem;
font-size: 1.8rem;
line-height: 2.2rem;
text-align: center;
}
.my-subscription-content__h2 {
margin-bottom: 1.5rem;
font-size: 1.8rem;
line-height: 2.2rem;
}
@media only screen and (min-width: 48em) {
.my-subscription-content__h2 {
margin-bottom: 3rem;
font-size: 2.2rem;
line-height: 2.7rem;
}
}
.upgrade-step-1 {
flex-grow: 1;
padding: 4rem 0 8rem;
background: #F8F6F2;
}
@media only screen and (min-width: 48em) {
.upgrade-step-1 {
padding-top: 11.2rem;
}
}
@media only screen and (min-width: 80em) {
.upgrade-step-1 {
padding: 15.4rem 0 5.6rem;
}
}
.upgrade-step-1__title {
margin: 0 0 4rem;
font-size: 2.2rem;
line-height: 2.7rem;
text-align: center;
color: #282319;
}
@media only screen and (min-width: 80em) {
.upgrade-step-1__title {
margin: 0 0 5.5rem;
font-size: 3.6rem;
line-height: 4.2rem;
}
}
.upgrade-step-1 .subscription-plans {
padding: 0;
}
@media only screen and (min-width: 80em) {
.upgrade-step-1 .subscription-plan__tooltip {
display: none;
}
}
.upgrade-step-2 {
position: relative;
flex-grow: 1;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-details__wrapper {
max-width: 56rem;
margin-left: auto;
padding-right: 5vw;
}
}
.upgrade-step-2 .step-2-details__title {
margin-bottom: 2.4rem;
color: #282319;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-details__title {
margin-bottom: 6rem;
}
}
.upgrade-step-2 .step-2-details__account {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-details__account {
flex-direction: row;
}
}
.upgrade-step-2 .step-2-details__account-details:first-of-type {
margin-bottom: 2.4rem;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-details__account-details {
width: 50%;
}
.upgrade-step-2 .step-2-details__account-details:first-of-type {
padding-right: 1vw;
margin-bottom: 0;
}
.upgrade-step-2 .step-2-details__account-details:last-of-type {
padding-left: 2vw;
}
}
.upgrade-step-2 .step-2-details__section-header {
margin-bottom: 1.8rem;
display: flex;
justify-content: space-between;
}
.upgrade-step-2 .step-2-details__section-title {
margin-bottom: 0;
}
.upgrade-step-2 .step-2-details__edit {
color: #002dd7;
text-decoration: none;
font-size: 1.8rem;
}
.upgrade-step-2 .step-2-details__edit:hover, .upgrade-step-2 .step-2-details__edit:active {
font-weight: 700;
}
.upgrade-step-2 .step-2-details__address {
font-style: normal;
word-break: break-all;
}
.upgrade-step-2 .step-2-details__additional {
margin-top: 4rem;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-details__additional {
margin: 3.2rem 0;
}
}
.upgrade-step-2 .step-2-details__show-additional {
cursor: pointer;
}
.upgrade-step-2 .step-2-details__input-wrapper input {
width: 80%;
border-radius: 0.6rem;
}
.upgrade-step-2 .step-2-details__input-wrapper span {
margin-top: 0.8rem;
display: block;
font-size: 1.4rem;
color: #5a5550;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-summary__wrapper {
max-width: 56rem;
margin-right: auto;
padding-left: 5vw;
}
}
.upgrade-step-2 .step-2-summary__title {
margin-bottom: 3.2rem;
}
.upgrade-step-2 .step-2-summary__product {
padding: 2.3rem 3.4rem 2.3rem 2.3rem;
background: #EBEFFF;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-summary__product {
padding: 2.3rem 4.9rem 2.3rem 3.1rem;
}
}
.upgrade-step-2 .step-2-summary__product div {
display: flex;
justify-content: space-between;
}
.upgrade-step-2 .step-2-summary__product div:first-of-type {
margin-bottom: 0.8rem;
font-size: 1.8rem;
}
.upgrade-step-2 .step-2-summary__product-small {
font-size: 1.4rem;
}
.upgrade-step-2 .step-2-summary__product-small--black {
color: #282319;
}
.upgrade-step-2 .step-2-summary__included {
padding: 2.2rem;
background: #ffffff;
color: #5a5550;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-summary__included {
padding: 2.3rem 3rem 3.2rem;
}
}
.upgrade-step-2 .step-2-summary__included div {
margin-bottom: 1.6rem;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-summary__included div {
margin-bottom: 0.8rem;
}
}
.upgrade-step-2 .step-2-summary__included div:first-of-type {
margin-bottom: 1.6rem;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2 .step-2-summary__included div:first-of-type {
margin-bottom: 1.2rem;
}
}
.upgrade-step-2 .step-2-summary__valid {
margin: 2.4rem 0;
}
.upgrade-step-2 .step-2-summary__valid span {
display: block;
margin-bottom: 0.8rem;
}
.upgrade-step-2 .step-2-summary__price {
width: 100%;
border-collapse: collapse;
}
.upgrade-step-2 .step-2-summary__price tr {
border-top: 0.1rem solid #BEB9AA;
}
.upgrade-step-2 .step-2-summary__price tr td {
padding: 2.4rem 0;
}
.upgrade-step-2 .step-2-summary__price tr td:nth-of-type(2) {
text-align: right;
font-size: 1.8rem;
}
.upgrade-step-2 .step-2-summary__price tr:nth-of-type(2) td {
padding: 2.4rem 0 0.8rem;
color: #5a5550;
}
.upgrade-step-2 .step-2-summary__price tr:last-of-type {
border-top: none;
}
.upgrade-step-2 .step-2-summary__price tr:last-of-type td {
padding: 0;
font-size: 1.8rem;
}
.upgrade-step-2 .step-2-summary__addons {
display: grid;
grid-template-areas: "title title price" "buttons buttons buttons";
row-gap: 2.4rem;
padding: 2.4rem;
background: #EBEFFF;
border-radius: 1rem;
}
@media only screen and (min-width: 48em) {
.upgrade-step-2 .step-2-summary__addons {
grid-template-areas: "title buttons price";
grid-template-columns: 2fr 1fr 1fr;
padding: 1.6rem 2.4rem 1.9rem 3.6rem;
}
}
.upgrade-step-2 .step-2-summary__addons-title {
grid-area: title;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.upgrade-step-2 .step-2-summary__addons-title div {
display: flex;
font-size: 1.8rem;
}
.upgrade-step-2 .step-2-summary__addons-title span {
display: block;
}
.upgrade-step-2 .step-2-summary__addons-buttons {
grid-area: buttons;
display: flex;
align-items: center;
}
.upgrade-step-2 .step-2-summary__addons-buttons span {
display: flex;
align-items: center;
justify-content: center;
width: 3.5rem;
height: 3.5rem;
background: #002dd7;
border-radius: 50%;
color: #ffffff;
cursor: pointer;
}
.upgrade-step-2 .step-2-summary__addons-buttons span.disabled {
opacity: 0.5;
pointer-events: none;
}
.upgrade-step-2 .step-2-summary__addons-input {
appearance: none;
-moz-appearance: textfield;
width: 5rem;
padding: 0 !important;
background: transparent !important;
border: none !important;
text-align: center;
}
.upgrade-step-2 .step-2-summary__addons-input::-webkit-inner-spin-button, .upgrade-step-2 .step-2-summary__addons-input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.upgrade-step-2 .step-2-summary__addons-price {
grid-area: price;
display: flex;
justify-content: end;
font-size: 1.8rem;
}
@media only screen and (min-width: 48em) {
.upgrade-step-2 .step-2-summary__addons-price {
align-items: center;
}
}
.upgrade-step-2 .step-2-summary__lowercase {
text-transform: lowercase;
}
.upgrade-step-2__submit-form {
padding: 2.2rem 2.5rem 11.5rem;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2__submit-form {
position: absolute;
bottom: 8.5rem;
right: calc(50% + 5vw);
width: 50%;
max-width: calc(56rem - 5vw);
padding: 4.1rem 0;
border-top: 0.1rem solid #D7D2C8;
}
}
.upgrade-step-2 input[type=checkbox]:checked + label .upgrade-step-2__checkbox {
background: #002dd7;
border-color: #002dd7;
}
.upgrade-step-2 input[type=checkbox]:checked + label .upgrade-step-2__checkbox:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1.5rem;
height: 1.5rem;
background: url(//making.com/wp-content/themes/making/assets/images/check-white.png) no-repeat center center;
background-size: contain;
}
.upgrade-step-2__checkbox-label {
position: relative;
margin-left: 0.8rem;
display: block;
cursor: pointer;
}
.upgrade-step-2__checkbox {
position: absolute;
top: 0.8rem;
display: block;
width: 2.2rem;
height: 2.2rem;
border: 0.2rem solid #9c9c9c;
border-radius: 0.5rem;
transition: all 75ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.upgrade-step-2__checkbox-text {
display: block;
margin-left: 3.1rem;
}
.upgrade-step-2__checkbox-text span {
color: #002dd7;
}
.upgrade-step-2__submit {
display: block;
margin-top: 3.2rem;
width: 100%;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2__submit {
margin-top: 2.5rem;
width: 50%;
}
}
.upgrade-step-2__submit:disabled {
pointer-events: none;
opacity: 0.6;
}
@media only screen and (min-width: 48em) {
.upgrade-step-2 {
display: flex;
flex-direction: column;
}
}
@media only screen and (min-width: 48em) and (min-width: 80em) {
.upgrade-step-2 {
flex-direction: row;
}
}
.upgrade-step-2__checkout {
padding: 1.6rem 2.5rem 6rem;
background: #ffffff;
}
@media only screen and (min-width: 48em) {
.upgrade-step-2__checkout {
padding-top: 17rem;
}
}
@media only screen and (min-width: 80em) {
.upgrade-step-2__checkout {
min-height: 88rem;
width: 50%;
padding: 17rem 0 8.5rem;
}
}
.upgrade-step-2__summary {
padding: 2.5rem;
background: #F5F2EC;
}
@media only screen and (min-width: 80em) {
.upgrade-step-2__summary {
width: 50%;
padding: 17rem 0 8.5rem;
}
}
.upgrade-step-3 {
display: flex;
align-items: center;
flex-grow: 1;
background: #F8F6F2;
}
.upgrade-step-3__wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 44.5rem;
margin: 6rem 2.5rem;
padding: 2.4rem;
background: #ffffff;
border-radius: 2rem;
}
@media only screen and (min-width: 48em) {
.upgrade-step-3__wrapper {
margin: 0 auto;
padding: 4.5rem 6rem;
}
}
.upgrade-step-3__title {
margin: 2.3rem 0 1.2rem;
}
.upgrade-step-3__text {
margin-bottom: 2.3rem;
text-align: center;
}
.upgrade-step-3__button {
width: 100%;
}
.supplier-flow-page .home__header--section {
margin-bottom: 12.6rem;
}
.supplier-flow-page .text-section {
margin-bottom: 6.6rem;
}
.supplier-flow-page .text-section__text {
max-width: 54rem;
}
.supplier__header {
padding: 4rem 0;
background: #F8F6F2;
}
.supplier__header .page-width {
width: auto;
}
@media only screen and (min-width: 48em) {
.supplier__header .page-width {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
}
.supplier__header-title {
margin: 0;
}
.supplier__header-introduction {
max-width: 60rem;
}
@media only screen and (max-width: 47.9375em) {
.supplier__header-introduction {
display: none;
}
}
.supplier__header-cta {
display: flex;
align-items: center;
text-align: center;
}
@media only screen and (max-width: 47.9375em) {
.supplier__header-cta {
display: none;
}
}
.supplier__header-cta-title {
margin: 0 2rem 0 0;
}
.supplier__navigation {
border-bottom: 0.1rem solid #EDEAE5;
max-width: 100%;
background: white;
}
.supplier__navigation .page-width {
display: flex;
justify-content: space-between;
align-items: center;
}
.supplier__navigation-links {
flex-grow: 1;
display: flex;
}
@media only screen and (max-width: 47.9375em) {
.supplier__navigation-links {
overflow-x: auto;
margin: 0 -2.5rem;
padding: 0 2.5rem;
-ms-overflow-style: none;
scrollbar-width: none;
}
.supplier__navigation-links::-webkit-scrollbar {
display: none;
}
}
.supplier__navigation-links .my-making__navigation-link:not(:last-of-type) {
margin-right: 5%;
}
.supplier__navigation-link {
display: flex;
justify-content: center;
align-items: center;
padding: 2rem 0;
color: #282319;
text-decoration: none;
white-space: nowrap;
border-bottom: 0.2rem solid transparent;
transition: border-color 125ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.supplier__navigation-link--active, .supplier__navigation-link:hover {
border-color: #002dd7;
}
@media only screen and (max-width: 47.9375em) {
.supplier__navigation-cta {
display: none;
}
}
.supplier__title {
margin-top: 4rem;
}
.supplier .my-products-list .round-excerpt {
max-width: 19rem !important;
}
.my-making__header {
padding: 4rem 0;
background: #F8F6F2;
}
.my-making__header .page-width {
width: auto;
}
@media only screen and (min-width: 48em) {
.my-making__header .page-width {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
}
.my-making__header-title {
margin: 0;
}
.my-making__header-introduction {
max-width: 60rem;
}
@media only screen and (max-width: 47.9375em) {
.my-making__header-introduction {
display: none;
}
}
.my-making__header-cta {
display: flex;
align-items: center;
text-align: center;
}
@media only screen and (max-width: 47.9375em) {
.my-making__header-cta {
display: none;
}
}
.my-making__header-cta-title {
margin: 0 2rem 0 0;
}
.my-making__navigation {
border-bottom: 0.1rem solid #EDEAE5;
max-width: 100%;
background: white;
}
.my-making__navigation .page-width {
display: flex;
justify-content: space-between;
align-items: center;
}
.my-making__navigation-links {
flex-grow: 1;
display: flex;
}
@media only screen and (max-width: 47.9375em) {
.my-making__navigation-links {
overflow-x: auto;
margin: 0 -2.5rem;
padding: 0 2.5rem;
-ms-overflow-style: none;
scrollbar-width: none;
}
.my-making__navigation-links::-webkit-scrollbar {
display: none;
}
}
.my-making__navigation-links .my-making__navigation-link:not(:last-of-type) {
margin-right: 5%;
}
.my-making__navigation-link {
display: flex;
justify-content: center;
align-items: center;
padding: 2rem 0;
color: #282319;
text-decoration: none;
white-space: nowrap;
border-bottom: 0.2rem solid transparent;
transition: border-color 125ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.my-making__navigation-link--active, .my-making__navigation-link:hover {
border-color: #002dd7;
}
@media only screen and (max-width: 47.9375em) {
.my-making__navigation-cta {
display: none;
}
}
.my-making__title {
margin-top: 4rem;
}
.introduction-message {
display: none;
margin-top: 4rem;
padding: 4rem;
background: rgba(0, 45, 215, 0.05);
border-radius: 2rem;
transition: all 250ms cubic-bezier(0.39, 0.575, 0.565, 1), opacity 125ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media only screen and (min-width: 48em) {
.introduction-message {
gap: 4vw;
justify-content: space-between;
padding: 4vw 6vw;
}
}
.introduction-message--active {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 48em) {
.introduction-message--active {
flex-direction: row;
align-items: center;
}
}
.introduction-message--hide {
height: 0;
padding: 0 4rem;
margin: 0;
opacity: 0;
pointer-events: none;
}
@media only screen and (min-width: 48em) {
.introduction-message--hide {
padding: 0 6vw;
}
}
.introduction-message__tutorial {
display: flex;
flex-direction: column;
background: rgba(255, 255, 255, 0.5);
margin-top: 3rem;
padding: 4rem 4rem 3rem;
border-radius: 2rem;
}
@media only screen and (min-width: 48em) {
.introduction-message__tutorial {
margin: 0;
align-items: center;
justify-content: center;
text-align: center;
white-space: nowrap;
}
}
.introduction-message__tutorial .count-graph {
margin: 2rem 0;
filter: grayscale(1);
}
.introduction-message__dismiss-button {
margin-top: 2rem;
min-width: 20rem;
}
.page-template-my-subscription .contact-form__container,
.page-template-my-equipment .contact-form__container,
.page-template-my-products .contact-form__container,
.page-template-my-stories .contact-form__container {
align-items: flex-start;
background: none;
}
.page-template-my-subscription .contact-form__confidential,
.page-template-my-equipment .contact-form__confidential,
.page-template-my-products .contact-form__confidential,
.page-template-my-stories .contact-form__confidential {
display: none;
}
.page-template-my-subscription textarea,
.page-template-my-equipment textarea,
.page-template-my-products textarea,
.page-template-my-stories textarea {
height: 15rem;
}
.my-equipment-excerpt {
cursor: pointer;
}
.my-equipment-excerpt__figure {
position: relative;
display: flex;
justify-content: center;
width: 100%;
}
.my-making-detail__body .main-footer {
display: none;
}
.my-making-detail__page-width {
display: grid;
}
@media only screen and (min-width: 48em) {
.my-making-detail__page-width {
gap: 4rem;
grid-template-columns: auto 18rem;
grid-template-areas: "content aside";
}
}
@media only screen and (min-width: 48em) {
.my-making-detail__content {
grid-area: content;
}
}
@media only screen and (min-width: 48em) {
.my-making-detail__aside {
grid-area: aside;
position: relative;
}
}
.my-making-detail__post {
margin-top: 2.8rem;
}
@media only screen and (min-width: 48em) {
.my-making-detail__post {
margin-top: 6.8rem;
}
}
.my-making-detail__excerpt {
color: #9c9c9c;
}
.my-making-detail__excerpt p {
font-size: 1.6rem;
line-height: 2.2rem;
}
@media only screen and (min-width: 48em) {
.my-making-detail__title, .my-making-detail__excerpt {
max-width: 47rem;
}
}
@media only screen and (min-width: 80em) {
.my-making-detail__title, .my-making-detail__excerpt {
max-width: 63.6rem;
}
}
.my-making-detail__suggestions {
background: #F8F6F2;
margin: 0 -2.5rem 4rem;
padding: 3rem;
}
@media only screen and (min-width: 48em) {
.my-making-detail__suggestions {
border-radius: 2rem;
margin: 0 0 4rem;
padding: 3rem 4.5rem;
}
}
.my-making-detail__count {
position: sticky;
top: 4rem;
margin-top: 2rem;
bottom: 10rem;
}
.my-making-detail__count .button, .my-making-detail__count .login .oauthloginbutton, .login .my-making-detail__count .oauthloginbutton,
.my-making-detail__count .login .mo_oauth_login_button,
.login .my-making-detail__count .mo_oauth_login_button,
.my-making-detail__count .account .oauthloginbutton,
.account .my-making-detail__count .oauthloginbutton,
.my-making-detail__count .account .mo_oauth_login_button,
.account .my-making-detail__count .mo_oauth_login_button, .my-making-detail__count .text-with-image--logo .text-with-image__link, .text-with-image--logo .my-making-detail__count .text-with-image__link, .my-making-detail__count body.login form input[type=submit]#wp-submit, body.login form .my-making-detail__count input[type=submit]#wp-submit {
display: none;
}
@media only screen and (min-width: 48em) {
.my-making-detail__count .button, .my-making-detail__count .login .oauthloginbutton, .login .my-making-detail__count .oauthloginbutton,
.my-making-detail__count .login .mo_oauth_login_button,
.login .my-making-detail__count .mo_oauth_login_button,
.my-making-detail__count .account .oauthloginbutton,
.account .my-making-detail__count .oauthloginbutton,
.my-making-detail__count .account .mo_oauth_login_button,
.account .my-making-detail__count .mo_oauth_login_button, .my-making-detail__count .text-with-image--logo .text-with-image__link, .text-with-image--logo .my-making-detail__count .text-with-image__link, .my-making-detail__count body.login form input[type=submit]#wp-submit, body.login form .my-making-detail__count input[type=submit]#wp-submit {
text-align: center;
margin: 2rem auto;
position: relative;
display: block;
}
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt {
max-width: 8rem;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt:hover .my-making-excerpt__status--unlinked {
display: inline-flex;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt.my-making-excerpt--unlinked {
opacity: 0.5;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt .round-excerpt__thumbnail {
margin: 0 0 1rem;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt .round-excerpt__image {
width: 6rem;
height: 6rem;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt .round-excerpt__title {
font-size: 1.2rem;
font-weight: 400;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt .my-making-excerpt__status {
align-items: center;
justify-content: center;
background: rgba(40, 35, 25, 0.5);
top: 0;
padding: 0;
width: 6rem;
height: 6rem;
box-shadow: none;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt .my-making-excerpt__status svg {
transform: rotate(45deg);
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt .my-making-excerpt__status svg .fill {
fill: #ffffff;
}
.my-making-detail__linked-products .round-excerpt.my-product-excerpt .my-making-excerpt__status--linked {
display: none;
}
@media only screen and (min-width: 48em) {
.my-making-detail__products-list .round-excerpt.my-product-excerpt {
max-width: 12.5rem;
}
}
@media only screen and (min-width: 48em) {
.my-making-detail__products-list .round-excerpt.my-product-excerpt .round-excerpt__image {
width: 12.5rem;
height: 12.5rem;
}
}
.my-making-excerpt {
cursor: pointer;
}
.my-making-excerpt:hover .my-equipment-excerpt__image {
border: 0.1rem solid #002dd7;
}
.my-making-excerpt:hover .my-making-excerpt__status {
background: #002dd7;
}
.my-making-excerpt:hover .my-making-excerpt__status svg .fill {
fill: #ffffff;
}
.my-making-excerpt--linked .my-making-excerpt__status--linked {
display: inline-flex;
}
.my-making-excerpt--linked .my-equipment-excerpt__image {
border: 0.1rem solid #002dd7;
}
.my-making-excerpt--unlinked .my-making-excerpt__status--unlinked {
display: inline-flex;
}
.my-making-excerpt__status {
display: none;
position: absolute;
z-index: 2;
right: 0;
bottom: -1rem;
padding: 1rem 2rem;
border-radius: 5rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
background: #ffffff;
}
.my-making-excerpt__status--current, .my-making-excerpt__status--linked {
background: #002dd7;
}
.my-making-excerpt__status--current {
display: inline-flex;
color: #ffffff;
font-weight: bold;
}
.my-making-excerpt__status--current svg .fill {
fill: white;
}
.my-making-list {
margin-top: 1.5rem;
}
.my-making-list__title {
margin-bottom: 3rem;
}
.my-making-list__excerpt {
display: grid;
grid-gap: 2rem;
grid-template-columns: 4fr 5fr;
align-items: center;
margin-bottom: 2rem;
padding: 3rem;
border-radius: 2rem;
background: #F5F2EC;
}
@media only screen and (min-width: 48em) {
.my-making-list__excerpt {
display: grid;
grid-gap: 3rem;
grid-template-columns: 2fr 4fr 4fr 3fr;
padding: 2rem 4rem;
}
}
.my-making-list__image {
padding: 0;
}
.my-making-list__image img {
display: block;
border-radius: 2rem;
width: 100%;
background-color: #fff;
}
@media only screen and (max-width: 47.9375em) {
.my-making-list__linked {
grid-column: 1/3;
}
}
.my-making-list__label {
display: inline-flex;
margin-bottom: 1rem;
padding: 0.8rem 2rem;
border-radius: 5rem;
font-size: 1.2rem;
}
.my-making-list__label--linked {
background: rgba(0, 45, 215, 0.1);
color: #002dd7;
}
.my-making-list__label--unlinked {
background: rgba(255, 90, 0, 0.1);
color: #ff5a00;
font-size: 1.4rem;
}
.my-making-list__products {
font-size: 1.2rem;
}
.my-making-list__actions {
display: flex;
justify-content: flex-end;
align-items: center;
}
@media only screen and (max-width: 47.9375em) {
.my-making-list__actions {
grid-column: 1/3;
}
}
.my-making-list__actions .button, .my-making-list__actions .login .oauthloginbutton, .login .my-making-list__actions .oauthloginbutton,
.my-making-list__actions .login .mo_oauth_login_button,
.login .my-making-list__actions .mo_oauth_login_button,
.my-making-list__actions .account .oauthloginbutton,
.account .my-making-list__actions .oauthloginbutton,
.my-making-list__actions .account .mo_oauth_login_button,
.account .my-making-list__actions .mo_oauth_login_button, .my-making-list__actions .text-with-image--logo .text-with-image__link, .text-with-image--logo .my-making-list__actions .text-with-image__link, .my-making-list__actions body.login form input[type=submit]#wp-submit, body.login form .my-making-list__actions input[type=submit]#wp-submit {
flex-grow: 1;
}
.my-making-list__view {
padding: 1rem;
font-weight: bold;
color: #002dd7;
}
.my-making-list .button, .my-making-list .login .oauthloginbutton, .login .my-making-list .oauthloginbutton,
.my-making-list .login .mo_oauth_login_button,
.login .my-making-list .mo_oauth_login_button,
.my-making-list .account .oauthloginbutton,
.account .my-making-list .oauthloginbutton,
.my-making-list .account .mo_oauth_login_button,
.account .my-making-list .mo_oauth_login_button, .my-making-list .text-with-image--logo .text-with-image__link, .text-with-image--logo .my-making-list .text-with-image__link, .my-making-list body.login form input[type=submit]#wp-submit, body.login form .my-making-list input[type=submit]#wp-submit {
font-size: 1.5rem;
}
.my-making-list .button:last-child, .my-making-list .login .oauthloginbutton:last-child, .login .my-making-list .oauthloginbutton:last-child,
.my-making-list .login .mo_oauth_login_button:last-child,
.login .my-making-list .mo_oauth_login_button:last-child,
.my-making-list .account .oauthloginbutton:last-child,
.account .my-making-list .oauthloginbutton:last-child,
.my-making-list .account .mo_oauth_login_button:last-child,
.account .my-making-list .mo_oauth_login_button:last-child, .my-making-list .text-with-image--logo .text-with-image__link:last-child, .text-with-image--logo .my-making-list .text-with-image__link:last-child, .my-making-list body.login form input[type=submit]#wp-submit:last-child, body.login form .my-making-list input[type=submit]#wp-submit:last-child {
margin-left: 1rem;
}
.my-making-list .excerpt__image--isolated {
padding: 0;
}
.my-making-list__search {
position: relative;
margin-bottom: 3rem;
}
.my-making-list__search .search-bar {
margin: 0 0 5rem;
}
.my-making-list__search .search-bar__input {
padding: 1rem 3rem !important;
height: 6rem !important;
border: 0.1rem solid white !important;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
width: 100%;
}
.my-making-list__search .search-bar__icon {
background: #002dd7;
width: 5rem;
height: 5rem;
}
.my-making-list__search .search-bar__icon svg .fill {
fill: white;
}
.my-making-list__search .loader {
position: absolute;
z-index: 99;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.my-making-list-header {
margin: 4rem 0;
}
@media only screen and (min-width: 48em) {
.my-making-list-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 4rem 0 2rem;
width: 100%;
}
}
.my-making-list-header__group {
max-width: 60rem;
}
.my-making-list-header__title {
display: flex;
align-items: center;
}
.my-making-list-header__title-count {
margin-left: 0.8rem;
font-size: 1.8rem;
font-weight: 400;
color: #5a5550;
}
@media only screen and (min-width: 48em) {
.my-making-list-header__count {
display: grid;
grid-template-columns: auto auto;
align-items: center;
gap: 2rem;
text-align: right;
}
}
@media only screen and (max-width: 47.9375em) {
.my-making-list-header__count-text {
display: none;
}
}
.my-making-list-header__count-title {
margin-bottom: 1rem;
font-weight: bold;
}
.my-making-list-header__list-count {
max-width: 10rem;
color: #BEB9AA;
font-size: 1.4rem;
text-align: right;
}
.my-making-list-header__upgrade-link {
margin-top: 1rem;
flex-basis: 100%;
}
@media only screen and (min-width: 48em) {
.my-making-list-header__upgrade-link {
margin-top: 0.5rem;
text-align: right;
}
}
.my-making-summary {
display: flex;
align-items: center;
padding: 4rem 0;
}
@media only screen and (min-width: 62em) {
.my-making-summary {
min-height: calc(100vh - 22rem);
}
}
.my-making-summary__body main {
background: #F8F6F2;
}
.my-making-summary__body .main-footer {
display: none;
}
.my-making-summary__grid {
display: grid;
}
@media only screen and (min-width: 62em) {
.my-making-summary__grid {
grid-template-columns: 1fr auto 2fr auto 1fr;
margin-bottom: 5vh;
}
}
.my-making-summary__divider {
display: flex;
justify-content: center;
align-items: center;
margin: -1.8rem 0 3rem;
}
@media only screen and (min-width: 62em) {
.my-making-summary__divider {
margin: 0 6rem;
width: 0.1rem;
background: #CAD2F0;
}
}
@media only screen and (max-width: 61.9375em) {
.my-making-summary__divider--equals {
visibility: hidden;
}
}
.my-making-summary__divider-icon {
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
width: 3.4rem;
height: 3.4rem;
background: #CAD2F0;
border-radius: 50%;
}
@media only screen and (min-width: 62em) {
.my-making-summary__divider-icon {
outline: 1rem solid #F8F6F2;
}
}
@media only screen and (max-width: 61.9375em) {
.my-making-summary__divider-icon svg.arrow-right {
transform: rotate(90deg);
}
.my-making-summary__divider-icon svg.arrow-right .fill {
fill: #002dd7;
}
}
.my-making-summary__title {
margin-bottom: 3rem;
}
.my-making-summary__main-post {
display: flex;
align-items: flex-start;
gap: 2rem;
padding: 1.5rem 1.5rem 4rem;
background: #ffffff;
border-radius: 1rem;
}
@media only screen and (min-width: 62em) {
.my-making-summary__main-post {
flex-direction: column;
}
}
.my-making-summary__main-post-image {
flex-shrink: 0;
display: block;
overflow: hidden;
border-radius: 1rem;
min-width: 12rem;
width: 40%;
}
@media only screen and (min-width: 62em) {
.my-making-summary__main-post-image {
width: 100%;
min-width: 16rem;
}
}
.my-making-summary__main-post-image img {
width: 100%;
}
.my-making-summary__link {
display: flex;
align-items: center;
margin-bottom: 1rem;
padding: 1rem 2rem;
background: white;
border-radius: 1rem;
}
.my-making-summary__link--unlinked {
opacity: 0.5;
}
.my-making-summary__link-title {
margin: 0;
padding: 0 0 0 2rem;
font-weight: 400;
line-height: 1.5;
}
.my-making-summary__link-title strong {
display: block;
}
.my-making-summary__link-image {
position: relative;
}
.my-making-summary__link-picture img {
width: 6rem;
height: 6rem;
border-radius: 50%;
}
.my-making-summary__link-action {
position: absolute;
right: 0;
bottom: 0;
}
.my-making-summary__link-action-icon {
border-radius: 5rem;
padding: 0.4rem 1rem;
}
.my-making-summary__link-action-icon--linked {
background: #002dd7;
}
.my-making-summary__link-action-icon--unlinked {
background: #ff5a00;
}
.my-making-summary__link-action-icon--unlinked svg {
transform: rotate(45deg);
}
.my-making-summary__link-action-icon--unlinked svg .fill {
fill: white;
}
.my-making-summary__link-action-icon svg {
width: 1rem;
}
.my-making-summary__checkout-table {
margin: 0 0 3rem;
width: 100%;
}
.my-making-summary__checkout-table td {
padding: 0.5rem 0;
}
.my-making-summary__checkout-table-number {
text-align: right;
}
.my-making-summary__checkout-table-totals {
color: #ff5a00;
}
.my-making-summary__button {
display: block;
padding: 1.8rem 3rem;
}
.my-product-detail__body .main-footer {
display: none;
}
.my-product-excerpt {
position: relative;
}
.my-product-excerpt__hide {
display: none;
}
.my-product-excerpt__show-links {
padding: 0.5rem 2rem;
color: #002dd7;
text-decoration: underline;
cursor: pointer;
font-size: 1.4rem;
}
.my-product-excerpt--show-links .my-product-excerpt__show-links {
color: #ffffff;
background: #002dd7;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
.my-product-excerpt--show-links .my-product-excerpt__show {
display: none;
}
.my-product-excerpt--show-links .my-product-excerpt__hide {
display: block;
}
.my-product-excerpt--show-links .my-product-excerpt__linked-equipment {
display: block;
}
.my-product-excerpt__linked-equipment {
display: none;
position: absolute;
z-index: 99;
margin-top: -0.1rem;
padding: 2rem 2rem 2rem 3rem;
border-radius: 1rem;
background: #002dd7;
color: #ffffff;
text-align: left;
}
@media only screen and (min-width: 48em) {
.my-product-excerpt__linked-equipment {
left: 50%;
transform: translateX(-50%);
}
}
@media only screen and (max-width: 47.9375em) {
.my-product-excerpt:nth-child(odd) .my-product-excerpt__linked-equipment {
left: 0;
}
}
@media only screen and (max-width: 47.9375em) {
.my-product-excerpt:nth-child(even) .my-product-excerpt__linked-equipment {
right: 0;
}
}
.my-product-excerpt__equipment-link {
display: block;
padding: 0.5rem 3rem 0.5rem 0;
color: #ffffff;
white-space: nowrap;
font-size: 1.4rem;
background: url('data:image/svg+xml;utf8,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.0078 15.1367C18.2227 14.9219 18.2227 14.6211 18.0508 14.4062L12.9805 9.42188C12.7656 9.20703 12.4219 9.20703 12.25 9.42188L11.9492 9.72266C11.7344 9.9375 11.7344 10.2383 11.9492 10.4531L16.332 14.75L11.9492 19.0898C11.7344 19.3047 11.7344 19.6055 11.9492 19.8203L12.25 20.1211C12.4219 20.3359 12.7656 20.3359 12.9805 20.1211L18.0078 15.1367Z" fill="white"/></svg>') no-repeat right;
}
.my-products__suggestions, .my-products__products-search {
margin: 4rem 0;
}
.my-products__suggestions .page-width, .my-products__products-search .page-width {
padding-top: 4rem;
padding-bottom: 4rem;
background: #F5F2EC;
border-radius: 2rem;
}
.my-products__suggestions .my-products-list, .my-products__products-search .my-products-list {
margin: 3rem 0;
}
.my-products-list {
display: flex;
gap: 2rem;
flex-wrap: wrap;
}
@media only screen and (min-width: 48em) {
.my-products-list {
gap: 4rem;
}
}
.my-products-list .round-excerpt {
width: calc(50vw - 5rem);
}
@media only screen and (min-width: 48em) {
.my-products-list .round-excerpt {
max-width: 15rem;
}
}
.my-products-list .round-excerpt .round-excerpt__image {
width: calc(50vw - 5rem);
height: calc(50vw - 5rem);
}
@media only screen and (min-width: 48em) {
.my-products-list .round-excerpt .round-excerpt__image {
width: 15rem;
height: 15rem;
}
}
@media only screen and (min-width: 48em) {
.my-profile-content {
background: linear-gradient(90deg, white 50%, #f8f6f2 50%);
}
}
.my-profile-content__form {
display: flex;
flex-direction: column;
width: 100%;
}
@media only screen and (min-width: 48em) {
.my-profile-content__form {
flex-direction: row;
}
}
.my-profile-content__address {
padding: 3.2rem 0 4rem;
}
@media only screen and (min-width: 48em) {
.my-profile-content__address {
padding: 4rem 5vw 15rem;
width: 50%;
}
}
.my-profile-content__profile {
margin: 0 -2.5rem;
padding: 4rem 2.5rem;
background: #F8F6F2;
}
@media only screen and (min-width: 48em) {
.my-profile-content__profile {
padding: 4rem 5vw 15rem;
width: 50%;
}
}
.my-profile-content__section-title {
font-size: 1.8rem;
margin-bottom: 2.4rem;
}
@media only screen and (min-width: 48em) {
.my-profile-content__section-title {
font-size: 2.2rem;
}
}
.my-profile-content__input-section:first-of-type {
margin-bottom: 3.2rem;
}
@media only screen and (min-width: 48em) {
.my-profile-content__input-section:first-of-type {
margin-bottom: 4rem;
}
}
.my-profile-content__input:not(:last-of-type) {
margin-bottom: 1.6rem;
}
@media only screen and (min-width: 48em) {
.my-profile-content__input:not(:last-of-type) {
margin-bottom: 2.4rem;
}
}
.my-profile-content__input--half-width:first-of-type {
margin-right: 2.2rem;
}
@media only screen and (min-width: 48em) {
.my-profile-content__input--half-width:first-of-type {
margin-right: 2.6rem;
}
}
.my-profile-content__input input {
width: 100%;
}
.my-profile-content__input input:disabled {
background: #f4f4f4 !important;
}
.my-profile-content__input input#company_logo {
width: calc(100% - 5rem);
}
.my-profile-content__input textarea,
.my-profile-content__input select {
display: inline-block;
width: 100%;
}
.my-profile-content__input select {  appearance: none;
padding: 0.5rem 2rem;
height: 5rem;
border-radius: 0.8rem;
border: 0.1rem solid #EDEAE5;
background: #ffffff url(//making.com/wp-content/themes/making/assets/images/Icon-angle-down.svg) no-repeat right;
background-position-x: 96%;
cursor: pointer;
}
.my-profile-content__two-inputs {
display: flex;
justify-content: space-between;
}
.my-profile-content__input-error {
border-color: #FF0046 !important;
}
.my-profile-content__error {
display: block;
margin: 0.4rem 0 0 1rem;
color: #FF0046;
font-size: 1.2rem;
}
.my-profile-content__error::first-letter {
text-transform: capitalize;
}
.my-profile-content__image {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 14rem;
padding: 2rem 2.5rem 2.5rem;
background: #ffffff;
border-radius: 0.8rem;
border: 0.1rem solid #EDEAE5;
cursor: pointer;
}
@media only screen and (min-width: 48em) {
.my-profile-content__image {
height: 12rem;
}
}
.my-profile-content__image div {
margin: auto;
max-height: 100%;
max-width: 100%;
}
.my-profile-content__image img {
width: auto;
height: 100%;
object-fit: contain;
}
.my-profile-content__pencil {
position: absolute;
top: 2rem;
right: 2.4rem;
width: 2rem;
height: auto;
}
.my-profile-content__upload-svg {
margin-bottom: 0.8rem;
}
.my-profile-content__upload-svg--primary path {
fill: #002dd7;
}
.my-profile-content__filename {
color: #002dd7;
text-decoration: underline;
word-break: break-all;
text-align: center;
}
.my-profile-content__password {
display: inline-block;
margin-top: 1.6rem;
color: #002dd7;
}
@media only screen and (min-width: 48em) {
.my-profile-content__password {
margin: 2.4rem 0 4rem;
}
}
.my-profile-content__password:hover, .my-profile-content__password:active {
font-weight: 700;
}
@media only screen and (min-width: 48em) {
.my-profile-content__submit-wrapper {
display: flex;
}
}
@media only screen and (max-width: 47.9375em) {
.my-profile-content__submit-wrapper {
position: fixed;
left: 0;
bottom: 0;
width: 100vw;
z-index: 1;
background: #ffffff;
padding: 1.1rem 2.4rem;
}
.my-profile-content__submit-wrapper input {
width: 100%;
}
}.searchwp-live-search-results {
box-sizing: border-box;
-moz-box-sizing: border-box;
background: #fff;
-webkit-box-shadow: 0 0 2px 0 rgba(30,30,30,0.4);
box-shadow: 0 0 2px 0 rgba(30,30,30,0.4);
border-radius: 3px;
width: 315px;
min-width: 315px;
min-height: 175px;
max-height: 300px;
}
.searchwp-live-search-result {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 10px;
border-bottom:1px solid rgba(30,30,30,0.1);
}
.searchwp-live-search-result:last-child {
border-bottom: none;
}
.searchwp-live-search-result--img {
flex-shrink: 0;
-ms-flex-preferred-size: 70px;
flex-basis: 70px;
}
.searchwp-live-search-results-container.swp-ls--img-sm .searchwp-live-search-result--img {
-ms-flex-preferred-size: 70px;
flex-basis: 70px;
}
.searchwp-live-search-results-container.swp-ls--img-m .searchwp-live-search-result--img {
-ms-flex-preferred-size: 110px;
flex-basis: 110px;
}
.searchwp-live-search-results-container.swp-ls--img-l .searchwp-live-search-result--img {
-ms-flex-preferred-size: 150px;
flex-basis: 150px;
}
.searchwp-live-search-result--img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: top;
}
.searchwp-live-search-result--info {
flex: 1 1 250px;
overflow: hidden;
text-overflow: ellipsis;
}
.searchwp-live-search-result--title {
margin-top: 0;
font-size: 1.1em;
font-weight: bold;
}
.searchwp-live-search-result--desc {
font-size: 0.9em;
}
.searchwp-live-search-result--ecommerce {
margin-left: auto;
text-align: end;
flex-shrink: 0;
}
.searchwp-live-search-result--ecommerce *{
font-size: 1em;
}
.searchwp-live-search-no-min-chars .spinner {
opacity: 0.3;
}
.searchwp-live-search-result--focused {
background: #f7f7f7;
} .searchwp-live-search-instructions {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
@keyframes searchwp-spinner-line-fade-more {
0%, 100% {
opacity: 0; }
1% {
opacity: 1;
}
}
@keyframes searchwp-spinner-line-fade-quick {
0%, 39%, 100% {
opacity: 0.25; }
40% {
opacity: 1;
}
}
@keyframes searchwp-spinner-line-fade-default {
0%, 100% {
opacity: 0.22; }
1% {
opacity: 1;
}
}