/* Theme Name: Mineral Mining Services
Theme URI: http://www.axiom.com.au
Author: Axiom Design Partners
Author URI: https://www.axiom.com.au/
Description: Theme design by Axiom
Version: 2025.11.13
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theme-by-axiomdp */
/* Styles Structure
1. base
- form
- buttons
- typography
2. Layout
- html/body
- header
- navigation
- footer
3. Components
- hero
- section
4. Pages
- home
- contact
5. Effects
- parallax
- animation
- watermark */
/*!
Theme Name: Mineral Mining Services
Author: Axiom Design Partners
Version: 25.11.13
!*/
/** Base */
/* 1.1 form */
form select {
background: url(./assets/img/icn__chevron--select.svg) calc(100% - 12px) center/18px no-repeat;
box-sizing: border-box;
appearance: none;
border-radius: 4px !important;
margin-top: 5px;
}
form select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
form input:focus-visible,
form select:focus-visible,
form textarea:focus-visible,
form input:focus,
form select:focus,
form textarea:focus {
border-radius: 2px !important;
}
form input:not([type=checkbox]),
form button,
form select,
form optgroup,
form textarea {
background-color: var(--bs-white);
margin-bottom: 1.5rem !important;
margin-top: 0 !important;
padding: 0.8888889em 1.44444em;
font-family: "mundial", sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1rem;
line-height: 1;
letter-spacing: -0.01em;
width: 100%;
border-radius: 2px !important;
border: 1px solid rgba(36, 36, 54, 0.1);
}
form input:not([type=checkbox])::placeholder,
form button::placeholder,
form select::placeholder,
form optgroup::placeholder,
form textarea::placeholder {
color: var(--bs-gray-500);
}
form input[type=submit] {
background: var(--bs-primary);
border: 1px solid var(--bs-primary);
font-family: "mundial", sans-serif;
font-weight: 600;
font-size: 1rem;
line-height: 1;
letter-spacing: -0.015em;
text-transform: uppercase;
color: var(--bs-white);
padding: 0.8888889em 1.44444em;
position: relative;
transition: background-color 300ms ease, background-position 300ms ease;
width: 50%;
}
@media (max-width: 991.98px) {
form input[type=submit] {
width: 100%;
}
}
form input[type=submit]:hover {
box-shadow: none;
background-color: var(--bs-orange-dark);
border-color: var(--bs-orange-dark);
}
form label {
font-family: "mundial", sans-serif;
width: 100%;
}
form label span.asterisk {
color: var(--bs-primary);
display: inline-block;
margin-left: 2px;
}
.fields p {
display: flex;
gap: 24px;
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.fields p {
flex-direction: column;
gap: 0;
}
}
.fields p label {
flex: 1;
width: 100%;
}
/* 1.2 buttons */
.btn {
display: inline-flex !important;
gap: 0.5em;
align-items: center;
text-transform: uppercase;
}
.btn:after {
position: relative;
translate: 0 10%;
}
.btn.btn-outline {
background-color: transparent !important;
color: var(--bs-btn-bg) !important;
}
.btn.btn-outline:hover {
color: var(--bs-btn-hover-color) !important;
background-color: var(--bs-btn-hover-bg) !important;
border-color: var(--bs-btn-hover-border-color) !important;
}
.btn-primary {
--bs-btn-color: var(--bs-white) !important;
--bs-btn-hover-color: var(--bs-btn-color) !important;
}
.btn.has-arrow:after {
content: "";
width: 1em;
height: 100%;
aspect-ratio: 1.15;
background-color: var(--bs-primary);
mask: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>') no-repeat center;
mask-size: contain;
align-self: flex-end;
transition: translate 0.6s ease, background-color 0.6s ease;
translate: 0 -0.025em;
}
.btn.has-arrow:hover:after {
translate: 25% -0.025em;
}
.btn.btn-white.btn-outline:hover {
color: var(--bs-secondary) !important;
}
.btn--naked {
color: var(--bs-white) !important;
border-color: var(--bs-white) !important;
position: relative;
}
.btn--naked:after {
content: "";
width: 1rem;
height: auto;
aspect-ratio: 1.15;
background-color: currentColor;
mask: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>') no-repeat center;
mask-size: contain;
align-self: flex-end;
transition: all 0.6s ease;
right: 0;
}
.btn--naked:hover {
border-color: var(--bs-primary) !important;
}
.btn--naked:hover::after {
right: -0.25em;
}
.btn--naked {
color: var(--bs-primary) !important;
border: none !important;
padding: 0 !important;
transition: color 120ms ease;
background-color: transparent !important;
}
.btn--naked:hover {
background-color: transparent !important;
color: var(--bs-orange-dark) !important;
border: none !important;
}
.wp-bootstrap-blocks-button {
width: fit-content;
}
.wp-bootstrap-blocks-button:has(.center) {
margin-left: auto;
margin-right: auto;
}
@media (max-width: 991.98px) {
.btn {
--bs-btn-padding-x: 1em !important;
--bs-btn-padding-y: 0.75em !important;
--bs-btn-font-size: 0.7rem !important;
}
.btn,
.btn-primary {
font-size: 0.818182rem;
}
}
/* 1.3 typography */
:root {
font-size: var(--bs-root-font-size);
-webkit-font-smoothing: antialiased;
}
@media (max-width: 1199.98px) {
:root {
--bs-root-font-size: 16px !important;
}
}
@media (max-width: 767.98px) {
:root {
--bs-root-font-size: 14px !important;
}
}
h1, .h1 {
position: relative;
font-size: calc(1.375rem + 1.5vw);
line-height: 1;
}
@media (min-width: 1200px) {
h1, .h1 {
font-size: 2.5rem;
}
}
h1:not(.small-heading):before, .h1:not(.small-heading):before {
content: "";
position: absolute;
width: 0.8em;
height: 1em;
top: 0;
transform: translateY(10%) scale(1.5);
transform-origin: right;
background: url(./assets/img/icn__device.svg) center/contain no-repeat;
left: auto !important;
right: calc(100% + 0.25em) !important;
opacity: 1;
}
h1.active:before, .h1.active:before {
right: calc(100% + 0.25em) !important;
opacity: 1;
left: auto !important;
}
h1 + .lead, .h1 + .lead {
margin-top: -0.5em;
}
.active h1::before {
right: calc(100% + 0.25em) !important;
opacity: 1;
left: auto !important;
}
h5,
.h5,
h6,
.h6 {
font-family: "mundial", serif !important;
}
h2 {
line-height: 48px;
}
@media (max-width: 991.98px) {
h2 {
font-size: 20px;
line-height: 24px;
}
}
.section-title {
font-size: 1.1rem;
font-family: "mundial", serif !important;
font-weight: 700 !important;
padding-bottom: 1em;
text-transform: uppercase;
margin-bottom: 1em !important;
position: relative;
}
.section-title:after {
content: "";
position: absolute;
width: 100%;
border-top: 1px solid currentColor;
left: 0;
top: 100%;
}
.section-title.has-white-color:after {
opacity: 0.7;
}
.section-title.animated:after {
transform: scale(0);
transform-origin: left;
transition: transform 800ms ease 800ms;
}
.section-title.animated.active:after {
transform: scale(1);
}
h3 {
line-height: 28px !important;
}
h4 {
font-weight: 600 !important;
}
h5 {
line-height: 22px;
font-weight: 600 !important;
}
h6 {
line-height: 28px;
letter-spacing: -0.01em;
}
.lead {
font-family: "museo-slab", sans-serif;
line-height: 1.16667;
letter-spacing: -0.01em;
margin-bottom: 32px !important;
font-size: 1.25rem;
}
.lead.big {
font-weight: 700;
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
.lead.big {
font-size: 2rem;
}
}
.lead.small {
line-height: 1.35 !important;
letter-spacing: normal;
font-size: 1.125rem;
}
h1,
h2,
.h1,
.h2 {
margin-bottom: 32px !important;
}
h3,
.h3 {
margin-bottom: 0.75em !important;
}
h3:not(:first-child),
.h3:not(:first-child) {
margin-top: 2em;
}
h4,
.h4 {
margin-bottom: 16px !important;
}
@media (max-width: 991.98px) {
header a.nav-link {
font-family: "mundial", sans-serif;
font-size: 28px;
line-height: 20px;
letter-spacing: -0.015em;
font-weight: 600;
}
}
main ul:not(.post-categories):not(.wp-block-navigation) li {
margin-bottom: 1rem;
}
main ul:not(.post-categories):not(.wp-block-navigation) li:has(+ li) {
margin-bottom: 0.25rem;
}
main ul.list-tight li {
margin-bottom: 0;
}
p strong, p b, li strong, li b {
font-weight: bold;
}
.wp-block-pullquote {
padding: 0 2em;
margin: 3rem auto;
max-width: 57rem;
font-size: 1.125rem;
font-style: italic;
text-align: left;
border-left: 0.25em solid var(--bs-primary);
}
.wp-block-pullquote cite {
font-size: 1rem;
color: var(--bs-gray-600);
font-weight: 600;
}
.wp-block-embed.is-type-video iframe {
width: 100% !important;
height: auto !important;
aspect-ratio: 1.7777777778;
}
/* CSS Document */
.w-100 img {
width: 100%;
display: block;
}
section .wp-block-image {
overflow: hidden;
border-radius: 4px;
}
section .wp-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
section .wp-block-image:has(.alignleft) {
float: left;
margin: 0.5em 1.5rem 0.75rem 0;
max-width: calc(50cqw - 1.5rem);
}
section .wp-block-image:has(.alignleft) .alignleft {
margin: 0;
}
section .wp-block-image:has(.alignright) {
float: right;
margin: 0.5em 0 0.75rem 1.5rem;
max-width: calc(50cqw - 1.5rem);
}
section .wp-block-image:has(.alignright) .alignright {
margin: 0;
}
@media (min-width: 992px) {
figure[class*=extend] {
width: calc(100% + 10vw);
}
main:has(figure[class*=extend]) {
overflow: hidden;
}
figure.extend-left {
float: right;
}
}
/** 2. Layout */
/* - 2.1 html/body */
:root {
scroll-behavior: smooth;
}
html, body {
padding: 0;
margin: 0;
width: 100dvw;
height: 100%;
scroll-behavior: smooth;
}
body {
overflow-y: scroll;
min-height: 100vh;
min-height: 100dvh;
}
@media (max-width: 575.98px) {
body .container, body .wp-block-cover__inner-container, body .wp-block-group__inner-container, body .container-fluid, body .container-xxl, body .container-xl, body .container-lg, body .container-md, body .container-sm {
--bs-gutter-x: 2.5rem;
}
}
main {
flex-grow: 1;
}
/* - 2.2 header */
#page-header {
z-index: 999;
position: relative;
}
#page-header .navbar {
--bs-navbar-bg: var(--bs-white);
--bs-nav-link-color: var(--bs-secondary);
--bs-nav-link-bg: rgba(181.5, 186, 190, 0.2);
--bs-navbar-brand-color: var(--bs-nav-link-color);
--bs-navbar-padding-y: 0;
--bs-navbar-brand-padding-y: .8125rem;
--bs-nav-link-font-size: 0.9090909rem;
}
@media (min-width: 992px) {
#page-header:after {
content: "";
position: absolute;
width: 100%;
height: 200%;
top: 0;
left: 0;
background: linear-gradient(to bottom, #000, transparent);
z-index: -1;
opacity: 0;
transition: opacity 0.5s;
pointer-events: none;
}
#page-header:not(.scrolling):has(~ main .hero:first-child:not(.no-header-overlay)):after {
opacity: 0.5;
}
}
.navbar {
font-size: var(--bs-nav-link-font-size);
background-color: var(--bs-navbar-bg);
transition: background-color 0.3s;
}
@media (min-width: 992px) {
#page-header:not(.scrolling):has(~ main .hero:first-child:not(.no-header-overlay)) .navbar {
--bs-navbar-bg: transparent;
--bs-nav-link-color: var(--bs-white);
--bs-nav-link-bg: rgba(0, 0, 0, 0.1);
}
}
.navbar .navbar-brand svg, .navbar .navbar-brand img {
height: auto;
width: 12rem;
}
@media (max-width: 991.98px) {
.navbar .navbar-brand svg, .navbar .navbar-brand img {
width: 175px;
max-width: 35vw;
}
}
.navbar .navbar-brand svg #logotype, .navbar .navbar-brand img #logotype {
fill: var(--bs-navbar-brand-color);
transition: fill 0.3s ease;
}
.navbar-collapse {
justify-content: flex-end;
align-self: stretch;
}
@media (min-width: 992px) {
.navbar > .container {
height: 5.5rem;
}
.navbar .ubermenu {
--megamenu-bg: var(--bs-white);
--megamenu-width: 100%;
--megamenu-link-color: var(--bs-primary);
--megamenu-link-color-hover: var(--bs-primary);
--megamenu-hover-bg: var(--megamenu-bg);
--megamenu-desc-color: var(--bs-secondary);
--megamenu-font-size: 0.9rem;
--megamenu-min-height: 18cqw;
--submenu-padding: calc(var(--megamenu-font-size) * 0.5);
--submenu-link-color: var(--bs-secondary);
--submenu-link-color-hover: var(--bs-primary);
--ubermenu-submenu-indicator-translateY: translateY(13%);
font-size: inherit;
height: 100%;
--megamenu-width: ;
}
.scrolling .navbar .ubermenu {
--megamenu-hover-bg: var(--bs-nav-link-bg);
}
}
@media (min-width: 992px) and (min-width: 576px) {
.navbar .ubermenu {
--megamenu-width: 540px;
}
}
@media (min-width: 992px) and (min-width: 768px) {
.navbar .ubermenu {
--megamenu-width: 720px;
}
}
@media (min-width: 992px) and (min-width: 992px) {
.navbar .ubermenu {
--megamenu-width: 960px;
}
}
@media (min-width: 992px) and (min-width: 1200px) {
.navbar .ubermenu {
--megamenu-width: 1140px;
}
}
@media (min-width: 992px) and (min-width: 1400px) {
.navbar .ubermenu {
--megamenu-width: 1320px;
}
}
@media (min-width: 992px) {
.navbar .ubermenu .ubermenu-nav {
height: 100%;
}
.navbar .ubermenu .ubermenu-item.ubermenu-item-level-0 {
font-weight: 300;
height: 100%;
}
.navbar .ubermenu .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
color: var(--bs-nav-link-color);
font-weight: inherit;
height: 100%;
display: flex;
align-items: center;
transition: color 0.3s, background-color 0.5s, box-shadow 1s ease;
column-gap: 0.35em;
}
.navbar .ubermenu .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target:hover {
background-color: var(--bs-nav-link-bg);
}
.navbar .ubermenu .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target .ubermenu-sub-indicator {
position: initial;
}
.navbar .ubermenu .ubermenu-item.ubermenu-item-level-0.ubermenu-active > .ubermenu-target, .navbar .ubermenu .ubermenu-item.ubermenu-item-level-0:hover > .ubermenu-target {
background-color: var(--megamenu-hover-bg);
color: var(--submenu-link-color);
}
.navbar .ubermenu .ubermenu-item.ubermenu-item-level-0 .btn {
--bs-btn-bg: var(--bs-primary);
--bs-btn-border-color: var(--bs-primary);
--bs-btn-color: var(--bs-white);
height: auto;
background-color: var(--bs-btn-bg) !important;
font-size: 75% !important;
text-transform: uppercase;
border: 1px solid var(--bs-btn-border-color);
padding: 0.375rem 0.75rem;
color: var(--bs-btn-color) !important;
font-weight: 400;
border-radius: 2px;
}
.navbar .ubermenu .ubermenu-item.ubermenu-item-level-0 .btn:hover, .navbar .ubermenu .ubermenu-item.ubermenu-item-level-0 .btn:focus {
--bs-btn-bg: rgba(var(--bs-primary-rgb), 0.8);
--bs-btn-color: var(--bs-white);
}
#page-header:not(.scrolling):has(~ main .hero:first-child:not(.no-header-overlay)) .navbar .ubermenu .ubermenu-item.ubermenu-item-level-0 .btn {
--bs-btn-bg: transparent;
--bs-btn-border-color: var(--bs-white);
--bs-btn-color: var(--bs-white);
}
#page-header:not(.scrolling):has(~ main .hero:first-child:not(.no-header-overlay)) .navbar .ubermenu .ubermenu-item.ubermenu-item-level-0 .btn:hover, #page-header:not(.scrolling):has(~ main .hero:first-child:not(.no-header-overlay)) .navbar .ubermenu .ubermenu-item.ubermenu-item-level-0 .btn:focus {
--bs-btn-bg: var(--bs-primary);
--bs-btn-border-color: var(--bs-primary);
--bs-btn-color: var(--bs-white);
}
.navbar .ubermenu .ubermenu-item.ubermenu-item-level-0:has(> .btn) {
margin-left: 1rem;
display: inline-flex;
align-items: center;
}
.navbar .ubermenu .ubermenu-item-type-column > .ubermenu-submenu-type-stack {
height: 100%;
border-right: 1px solid #dee2e6;
padding-right: 1.5rem;
}
.navbar .ubermenu .ubermenu-item-type-column > .ubermenu-submenu-type-stack:last-child {
padding-bottom: 0;
}
.navbar .ubermenu .ubermenu-item-type-column > .ubermenu-submenu-type-stack > .ubermenu-item-normal:first-child {
margin: 0;
}
.navbar .ubermenu .ubermenu-item-type-column > .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target {
padding: 0;
}
.navbar .ubermenu .ubermenu-submenu-type-mega {
background-color: var(--megamenu-bg) !important;
border: none !important;
overflow: visible !important;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
container-type: inline-size;
display: flex !important;
gap: 1.5rem;
font-weight: 300;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-target {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-target .ubermenu-target-title {
font-size: 1.35rem;
font-family: "museo-slab", serif;
font-weight: 600;
display: block;
line-height: 1.2;
letter-spacing: normal;
background: linear-gradient(135deg, var(--submenu-link-color) 50%, var(--submenu-link-color-hover) 50.1%);
background-clip: text;
-webkit-text-fill-color: transparent;
background-position: 104% center;
background-size: 204% auto;
transition: background-position 0.6s ease-out;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-target .ubermenu-target-description {
font-family: "museo-slab", serif;
color: var(--bs-body-color);
font-size: 1rem;
line-height: 1.35;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group {
padding-right: 1.5rem;
border-right-color: #dee2e6;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group .ubermenu-target {
display: flex;
flex-direction: column;
gap: 0;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group .ubermenu-target .ubermenu-target-title {
font-size: 1.25rem;
font-family: "museo-slab", serif;
font-weight: 600;
display: block;
line-height: 1.2;
letter-spacing: normal;
background: linear-gradient(135deg, var(--submenu-link-color-hover) 50%, var(--submenu-link-color) 50.1%);
background-clip: text;
-webkit-text-fill-color: transparent;
background-position: 104% center;
background-size: 204% auto;
transition: background-position 0.6s ease-out;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group .ubermenu-target .ubermenu-target-description {
font-family: var(--bs-body-font-family);
color: var(--bs-gray-600);
font-size: 0.9rem;
line-height: 1.35;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group .ubermenu-target > .ubermenu-sub-indicator {
transform: translate(0, -50%) !important;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group .ubermenu-target > .ubermenu-sub-indicator:before {
content: "";
mask: url(assets/img/menu-arrow.svg) no-repeat right/contain;
width: 1rem;
height: 1rem;
position: relative;
background-color: var(--submenu-link-color);
transition: background-color 0.3s ease 0s;
display: block;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group .ubermenu-tab {
border-bottom: 1px solid #dee2e6;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group .ubermenu-tab:first-child {
margin-top: -1rem;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group .ubermenu-tab > .ubermenu-target {
padding: 1rem 2rem 1rem 0;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group .ubermenu-tab.ubermenu-active > .ubermenu-target {
background-color: transparent;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group .ubermenu-tab.ubermenu-active > .ubermenu-target .ubermenu-target-title {
background-position: 0% center;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tabs-group .ubermenu-tab.ubermenu-active > .ubermenu-target > .ubermenu-sub-indicator:before {
background-color: var(--bs-primary);
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tab > .ubermenu-submenu-type-tab-content-panel {
padding: 0 0 0 1.5rem;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tab > .ubermenu-submenu-type-tab-content-panel > .ubermenu-item:not(.ubermenu-item-type-custom) {
float: none;
border-bottom: 1px solid #dee2e6;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tab > .ubermenu-submenu-type-tab-content-panel > .ubermenu-item:not(.ubermenu-item-type-custom) .ubermenu-target {
padding: 0.5em 0;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-tab > .ubermenu-submenu-type-tab-content-panel > .ubermenu-item:not(.ubermenu-item-type-custom) .ubermenu-target-title {
font-size: 0.9rem;
text-transform: uppercase;
font-family: var(--bs-body-font-family);
font-weight: 600;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-content-block {
font-size: 0.9rem;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-content-block h5 {
font-size: 1rem;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-item-layout-image_only {
border-bottom: none;
}
.navbar .ubermenu .ubermenu-submenu-type-mega .ubermenu-item-layout-image_only img {
object-fit: cover;
height: var(--megamenu-min-height);
}
.navbar .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
width: 100vw;
left: auto !important;
right: calc((100vw - (var(--megamenu-width))) / -2 - 0.75rem) !important;
padding: 3rem calc((100vw - (var(--megamenu-width))) / 2 + 0.75rem);
}
.navbar .ubermenu-submenu.ubermenu-submenu-type-mega > .ubermenu-item {
opacity: 0;
transform: translateY(1rem);
transition: opacity 1s, transform 1s ease;
}
.navbar .ubermenu-submenu.ubermenu-submenu-type-mega > .ubermenu-item:nth-child(2) {
transition-delay: 0.3s;
}
.navbar .ubermenu-submenu.ubermenu-submenu-type-mega > .ubermenu-item:nth-child(3) {
transition-delay: 0.6s;
}
.navbar .ubermenu-submenu.ubermenu-submenu-type-mega > .ubermenu-item:nth-child(4) {
transition-delay: 0.9s;
}
.navbar .ubermenu-active .ubermenu-submenu.ubermenu-submenu-type-mega > .ubermenu-item {
opacity: 1;
transform: none;
}
}
@media (max-width: 991.98px) {
.navbar .ubermenu-responsive-toggle {
color: var(--bs-nav-link-color);
margin: 0 !important;
border: 1px solid var(--bs-gray-500);
padding: 0.8em 1.2em;
font-size: 0.9rem !important;
}
.navbar .ubermenu-target-description {
display: none !important;
}
.navbar .ubermenu-skin-minimal {
font-size: 1rem;
}
.navbar .ubermenu-nav > .ubermenu-item {
border-bottom: 1px solid var(--bs-gray-300);
}
.navbar .ubermenu .ubermenu-item-type-column > .ubermenu-submenu-type-stack {
padding: 0;
}
.navbar .ubermenu .ubermenu-item-type-column > .ubermenu-submenu-type-stack > .ubermenu-item-normal:first-child {
margin-top: 0;
}
.navbar .ubermenu .btn {
--bs-btn-bg: var(--bs-primary);
--bs-btn-border-color: var(--bs-primary);
--bs-btn-color: var(--bs-white);
height: auto;
background-color: var(--bs-btn-bg) !important;
font-size: inherit;
text-transform: uppercase !important;
border: 1px solid var(--bs-btn-border-color);
padding: 15px 20px;
color: var(--bs-btn-color) !important;
font-weight: 400 !important;
border-radius: 2px;
margin-bottom: 15px;
width: 100%;
}
.navbar .ubermenu li:has(+ li .btn) {
border-bottom: none;
margin-bottom: 5px;
}
}
/* - 2.3 navigation */
/* - 2.4 footer */
#page-footer {
background-color: var(--bs-purple);
padding: 80px 0;
}
@media (max-width: 991.98px) {
#page-footer {
text-align: center;
}
#page-footer figure.wp-block-image {
max-width: 234px;
margin-left: auto;
margin-right: auto;
}
#page-footer figure.wp-block-image img {
max-width: 100%;
}
}
#page-footer .section__footer--main .row {
align-items: center;
}
#page-footer .section__footer--main .wp-block-image:has(img[src*=".svg"]) {
border-radius: 0;
}
#page-footer .list__contact-options {
display: flex;
justify-content: flex-end;
gap: 1rem;
}
@media (max-width: 991.98px) {
#page-footer .list__contact-options {
justify-content: center;
}
}
#page-footer .list__contact-options p {
margin-bottom: 0;
}
#page-footer .list__contact-options > p:not([class*=icn_]) {
padding-right: 1rem;
border-right: 1px solid var(--bs-primary);
}
#page-footer .list__contact-options > p:not([class*=icn_]) a {
color: var(--bs-white);
text-decoration: none;
transition: color 150ms ease;
white-space: nowrap;
}
#page-footer .list__contact-options > p:not([class*=icn_]) a:hover {
color: var(--bs-primary);
}
#page-footer .list__contact-options > p[class*=icn_] {
position: relative;
margin-left: 0;
width: 1em;
text-indent: 9999px;
overflow: hidden;
display: block;
}
#page-footer .list__contact-options > p[class*=icn_] a {
display: block;
width: 1em;
height: 100%;
background-color: var(--bs-white);
transition: background-color 0.5s;
}
#page-footer .list__contact-options > p[class*=icn_] a:hover, #page-footer .list__contact-options > p[class*=icn_] a:focus {
background-color: var(--bs-orange);
}
#page-footer .list__contact-options > p[class*=icn_].icn__phone {
mask: url(./assets/img/icn__phone.svg) center/contain no-repeat;
}
#page-footer .list__contact-options > p[class*=icn_].icn__email {
mask: url(./assets/img/icn__email.svg) center/contain no-repeat;
}
#page-footer .list__contact-options > p[class*=icn_].icn__location {
mask: url(./assets/img/icn__location.svg) center/contain no-repeat;
}
#page-footer .list__contact-options > p[class*=icn_].icn__social--linkedIn {
mask: url(./assets/img/icn__social--linkedin.svg) center/contain no-repeat;
}
@media (max-width: 991.98px) {
#page-footer .text-end {
text-align: center !important;
}
}
.section__footer--aside {
font-size: 0.72727273rem;
padding-top: 30px;
}
@media (max-width: 991.98px) {
.section__footer--aside .text-right {
text-align: center !important;
}
.section__footer--aside .text-right .has-text-align-right {
text-align: center !important;
}
.section__footer--aside p {
margin-bottom: 0;
}
}
.section__footer--aside a {
color: var(--bs-footer-grey);
transition: color 150ms ease;
}
.section__footer--aside a:hover {
color: var(--bs-primary);
}
.container-wide {
--container-wide: 130%;
width: var(--container-wide);
position: relative;
left: 50%;
translate: -50% 0;
padding: 0 1.5rem;
max-width: 100vw;
}
.container-wide > .wp-block-group__inner-container {
padding: 0;
max-width: 100%;
}
section > .container {
container-type: inline-size;
}
@media (min-width: 1200px) {
.article > .container {
max-width: 1140px;
}
}
/* 3. Components */
/* - 3.1 hero */
.hero {
--header-height: 98px;
position: relative;
display: flex;
align-items: flex-start;
mask: url(./assets/img/msk__hero-2025.svg) right bottom no-repeat;
-webkit-mask: url(./assets/img/msk__hero-2025.svg) right bottom no-repeat;
min-height: 0;
padding: max(10vh, var(--header-height) + 3rem) 0 max(10vh, 3rem);
mask-size: 8057px auto;
background-color: var(--bs-body-color);
align-items: center;
}
@media (max-width: 991.98px) {
.hero {
--header-height: 52.25px;
}
}
@media (min-width: 992px) {
.hero:not(.splide) {
min-height: min(56.25vw, 50vh);
}
.single .hero:not(.splide) {
min-height: min(56.25vw, 80vh);
}
}
@media (max-width: 991.98px) {
.hero {
mask: unset;
-webkit-mask: unset;
padding-top: 87px;
padding-bottom: 35px;
}
}
@media (max-width: 1770px) {
.hero {
mask-size: 280vw;
}
}
.hero .wp-block-cover__inner-container {
position: relative;
z-index: 10;
}
.hero.parallaxed span.parallax {
z-index: 1;
}
.hero h1,
.hero h2 {
position: relative;
}
.hero .lead:last-child {
margin-bottom: 0 !important;
}
.hero.animated h1::before {
left: -74px;
}
.hero.active h1::before {
left: -54px;
}
.hero:not(.home):before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgba(var(--bs-secondary-rgb), 0.9), transparent);
top: 0;
left: 0;
z-index: 1;
}
.hero .wp-block-cover > .wp-block-cover__inner-container {
margin-top: var(--header-height);
}
.hero.home, .hero.feature {
padding: 0;
margin-bottom: 0;
}
.hero.home .wp-block-cover, .hero.home .wp-block-cover-image, .hero.feature .wp-block-cover, .hero.feature .wp-block-cover-image {
padding: 10vh 0 30vh;
}
@media (max-width: 991.98px) {
.hero.home .wp-block-cover, .hero.home .wp-block-cover-image, .hero.feature .wp-block-cover, .hero.feature .wp-block-cover-image {
padding: var(--section-padding) 0 calc(var(--section-padding) * 2);
}
}
.hero.home .wp-block-cover:before, .hero.feature .wp-block-cover:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgba(var(--bs-secondary-rgb), 0.9), transparent);
top: 0;
left: 0;
z-index: 1;
}
.hero.home .wp-block-cover__inner-container, .hero.feature .wp-block-cover__inner-container {
container-type: inline-size;
}
.hero.home .wp-block-cover .row > [class*=col] h1:not(.small-heading), .hero.home .wp-block-cover .row > [class*=col] .h1, .hero.feature .wp-block-cover .row > [class*=col] h1:not(.small-heading), .hero.feature .wp-block-cover .row > [class*=col] .h1 {
font-size: max(5.5cqw, 2.5rem);
line-height: 1.1;
}
.hero.home .wp-block-cover .row > [class*=col] .small-heading, .hero.feature .wp-block-cover .row > [class*=col] .small-heading {
margin-bottom: 0.5em !important;
}
.hero.home .wp-block-cover .row > [class*=col] .lead.big, .hero.feature .wp-block-cover .row > [class*=col] .lead.big {
font-size: max(2.78cqw, 1.25rem);
}
.hero.home.nk-awb, .hero.feature.nk-awb {
height: auto;
}
.hero.home.nk-awb .wp-block-cover, .hero.feature.nk-awb .wp-block-cover {
width: 100vw !important;
padding: 5rem 0;
display: flex;
min-height: calc(100dvh - var(--header-height) / 2) !important;
align-items: flex-end;
}
@media (orientation: portrait) {
.hero.home.nk-awb .wp-block-cover, .hero.feature.nk-awb .wp-block-cover {
min-height: 80dvw !important;
}
}
@media (min-width: 1200px) {
.hero.home.nk-awb .wp-block-cover .wp-block-cover__inner-container, .hero.feature.nk-awb .wp-block-cover .wp-block-cover__inner-container {
translate: 0 -25%;
}
}
.hero.feature.nk-awb .wp-block-cover {
height: 56.25vw !important;
max-height: calc(100dvh - var(--header-height) / 2);
}
@media (min-width: 1200px) {
.hero.feature.nk-awb .wp-block-cover .wp-block-cover__inner-container {
translate: none;
}
}
.hero img {
width: 100%;
}
@media (min-width: 992px) {
#page-header:has(+ main > .hero:not(.no-header-overlay):first-child) {
position: fixed;
width: 100%;
opacity: 0;
animation: fadeIn 1s 0.5s;
animation-direction: normal;
animation-fill-mode: both;
}
@keyframes fadeIn {
to {
opacity: 1;
}
}
.hero.fh {
height: 47.3684210526vw;
max-height: calc(100vh - 2rem) !important;
max-height: calc(100dvh - 2rem) !important;
align-items: center;
}
}
@media (min-width: 992px) and (max-width: 1399.98px) {
.hero.fh {
height: 60vw;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.hero.fh {
height: 80vw;
}
}
.hero:not(.home):has(video):before {
content: none;
}
.hero .small-heading {
font-size: 1.35rem;
font-family: var(--bs-font-sans-serif);
text-transform: uppercase;
margin-bottom: 0 !important;
font-weight: 600;
color: var(--bs-white);
}
.hero .small-heading a {
text-decoration: none;
color: inherit;
}
.hero .small-heading a:hover, .hero .small-heading a:focus {
opacity: 0.8;
}
@media (max-width: 991.98px) {
.hero .small-heading {
font-size: 1.25rem !important;
}
}
body.service .hero {
padding-bottom: 15vh;
padding-top: 15vh;
}
body.service .hero :last-child {
margin-bottom: 0 !important;
}
@media (max-width: 1199.98px) {
body.service .hero {
padding-bottom: 15vw;
padding-top: 15vw;
}
}
.hero.splide {
position: relative;
}
.hero.splide .splide__arrows,
.hero.splide .slider-progress {
display: none;
}
.hero.splide .splide__track {
height: 100%;
overflow: visible;
animation-delay: 0.3s;
}
.hero.splide .splide__track.splide__show--1 .splide__list > * {
width: 100vw;
}
.hero.splide .splide__track.splide__show--1 .splide__list > * img {
width: 100%;
height: 100%;
}
.hero.splide .splide__track .splide__list {
align-items: stretch;
min-width: fit-content;
}
.hero.splide .splide__track .splide__list .wp-block-cover.splide__slide {
width: 100vw !important;
padding: 5rem 0;
height: min(56.25vw, 100dvh - 98px - 2rem) !important;
display: flex;
}
.hero.splide .splide__slide {
opacity: 1;
}
.hero.splide .splide__pagination {
position: absolute;
right: 1.5rem;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 99;
margin: 0;
padding: 0;
flex-direction: column;
gap: 1rem;
transform: skewY(-20deg);
}
@media (max-width: 991.98px) {
.hero.splide .splide__pagination {
flex-direction: row;
height: unset;
bottom: calc(var(--section-padding) * 2);
transform: none;
gap: 0.5rem;
display: none;
}
}
.hero.splide .splide__pagination li {
margin: 0 !important;
display: block;
}
.hero.splide .splide__pagination li button {
width: 1em;
height: 1em;
display: block;
padding: 0;
margin: 0 !important;
border: none;
border-radius: 0 !important;
background-color: rgba(255, 255, 255, 0.5);
transition: background-color 300ms ease;
}
@media (max-width: 991.98px) {
.hero.splide .splide__pagination li button {
border-radius: 50% !important;
}
}
.hero.splide .splide__pagination li button.is-active {
background-color: var(--bs-white);
}
/* - 3.2 sections */
:root {
--section-padding: clamp(4rem, 10vh, 8rem);
}
@media (max-width: 991.98px) {
:root {
--section-padding: 4vh;
}
}
main section:not(.hero), main > article {
padding: var(--section-padding) 0;
}
.section__cta--footer,
.section__our-workshop {
position: relative;
}
.section__cta--footer::before,
.section__our-workshop::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(var(--bs-secondary-rgb), 0.95) 32.51%, rgba(var(--bs-secondary-rgb), 0) 103.24%);
z-index: 1;
}
.section__cta--footer .wp-block-cover__inner-container,
.section__our-workshop .wp-block-cover__inner-container {
position: relative;
z-index: 10;
}
.cards .card {
position: relative;
background: #FFFFFF;
border-radius: 4px;
border: none;
padding: 2rem 2rem 4rem 2rem;
height: 100%;
}
.cards .card.no-button {
padding-bottom: 32px;
}
.cards .card .wp-bootstrap-blocks-button {
position: absolute;
bottom: 2rem;
}
.section__inset--top,
.section__inset--top-medium {
position: relative;
margin-top: calc(var(--section-padding) * -1);
z-index: 10;
}
.section__inset--top-medium {
margin-top: -164px;
}
@media (max-width: 991.98px) {
.section__inset--top-medium {
margin-top: -100px;
}
}
section[class*=gradient-overlay] .wp-block-cover__inner-container {
z-index: 1;
}
section[class*=gradient-overlay]:after {
content: "";
background: linear-gradient(120deg, rgba(var(--bs-dark-rgb), 0.7) 25%, transparent 85%);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media (max-width: 767.98px) {
section[class*=gradient-overlay]:after {
background: rgba(var(--bs-dark-rgb), 0.5) !important;
}
}
section.gradient-overlay-right:after {
background: linear-gradient(-120deg, rgba(var(--bs-dark-rgb), 0.7) 25%, transparent 85%);
}
.pt-section {
padding-top: var(--section-padding) !important;
}
.pb-section {
padding-bottom: var(--section-padding) !important;
}
.pl-section {
padding-left: var(--section-padding) !important;
}
.pr-section {
padding-right: var(--section-padding) !important;
}
.py-section {
padding-top: var(--section-padding) !important;
padding-bottom: calc(var(--section-padding) * 2) !important;
}
.pt-section-lg {
padding-top: calc(var(--section-padding) * 2) !important;
}
.pb-section-lg {
padding-bottom: calc(var(--section-padding) * 2) !important;
}
.pl-section-lg {
padding-left: calc(var(--section-padding) * 2) !important;
}
.pr-section-lg {
padding-right: calc(var(--section-padding) * 2) !important;
}
.py-section-lg {
padding-top: calc(var(--section-padding) * 2) !important;
padding-bottom: calc(var(--section-padding) * 2) !important;
}
.mt-section {
margin-top: var(--section-padding);
}
.mb-section {
margin-bottom: var(--section-padding);
}
.ml-section {
margin-left: var(--section-padding);
}
.mr-section {
margin-right: var(--section-padding);
}
.my-section {
margin-top: var(--section-padding);
margin-bottom: calc(var(--section-padding) * 2);
}
.mt-section-lg {
margin-top: calc(var(--section-padding) * 2) !important;
}
.mb-section-lg {
margin-bottom: calc(var(--section-padding) * 2) !important;
}
.ml-section-lg {
margin-left: calc(var(--section-padding) * 2) !important;
}
.mr-section-lg {
margin-right: calc(var(--section-padding) * 2) !important;
}
.my-section-lg {
margin-top: calc(var(--section-padding) * 2) !important;
margin-bottom: calc(var(--section-padding) * 2) !important;
}
.card {
--card-font-size: 0.875rem;
font-size: var(--card-font-size);
container-type: inline-size;
overflow: hidden;
}
.card .card-img-top {
object-fit: cover;
object-position: center;
height: auto !important;
aspect-ratio: 1.6180339888;
filter: none;
transition: filter 0.6s ease-out;
margin-bottom: 0;
overflow: hidden;
}
.card .card-img-top img {
height: auto !important;
aspect-ratio: 1.6180339888;
filter: none;
transition: filter 0.6s ease-out;
}
.card img {
object-fit: cover;
object-position: center;
}
.card img.card-bg {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.card .card-title {
margin-bottom: var(--bs-card-title-spacer-y) !important;
}
.card-deck .card {
position: relative;
transform: translateY(0);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.03), 0px 10px 36px rgba(0, 0, 0, 0.08);
border: none;
}
.card-deck .card .card-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
.card-deck .card .card-link:hover ~ .card-body .card-title, .card-deck .card .card-link:focus ~ .card-body .card-title {
color: var(--bs-primary);
}
.card-deck .card .card-link:hover ~ .card-body .read-more, .card-deck .card .card-link:focus ~ .card-body .read-more {
color: var(--bs-secondary);
}
.card-deck .card .card-link:hover + .card-img-top, .card-deck .card .card-link:focus + .card-img-top {
filter: brightness(0.7) grayscale(0.7);
}
.card:not(.sticky-post) .card-title {
font-size: 1.25rem;
}
.card.wp-block-group {
height: 100%;
}
.card.wp-block-group > .wp-block-group__inner-container {
padding: 0;
display: flex;
flex-direction: column;
height: 100%;
margin: 0;
}
.card.wp-block-group .card-body {
display: grid;
}
.card.wp-block-group .card-body > .wp-block-group__inner-container {
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
height: 100%;
}
.card.wp-block-group .card-body > .wp-block-group__inner-container .card-text {
flex-grow: 1;
margin-bottom: 1rem;
}
@media (max-width: 991.98px) {
.card.wp-block-group .card-body > .wp-block-group__inner-container .card-text, .card.wp-block-group .card-body > .wp-block-group__inner-container .read-more, .card.wp-block-group .card-body > .wp-block-group__inner-container .wp-block-post-excerpt__more-link {
display: none;
}
}
@media (max-width: 991.98px) {
.card.wp-block-group .card-body {
min-height: 60cqw;
color: white;
z-index: 0;
}
.card.wp-block-group .card-body .card-title {
margin-bottom: 0 !important;
font-weight: 400;
}
.card.wp-block-group .card-body:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% + 2rem);
background: linear-gradient(0deg, #000, transparent);
opacity: 0.75;
z-index: -1;
}
.card.wp-block-group .card-body > .wp-block-group__inner-container {
justify-content: flex-end;
}
}
.card.wp-block-group .card-title a {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
}
@media (max-width: 991.98px) {
.card.wp-block-group .card-img-top {
position: absolute;
bottom: 0;
height: 100% !important;
aspect-ratio: inherit;
}
.card.wp-block-group .card-img-top img {
height: 100% !important;
aspect-ratio: auto;
object-fit: cover;
}
}
@media (min-width: 992px) {
.card.wp-block-group:has(a:hover) {
overflow: hidden;
}
.card.wp-block-group:has(a:hover) .read-more, .card.wp-block-group:has(a:hover) .wp-block-post-excerpt__more-link {
color: var(--bs-secondary);
}
.card.wp-block-group:has(a:hover) .read-more:after, .card.wp-block-group:has(a:hover) .wp-block-post-excerpt__more-link:after {
right: -0.25em;
}
.card.wp-block-group:has(a:hover) .card-title {
color: var(--bs-primary);
}
.card.wp-block-group:has(a:hover) .card-img-top {
filter: brightness(0.7) grayscale(0.7);
}
}
.card-deck {
--grid-columns: 3;
display: grid;
grid-template-columns: repeat(var(--grid-columns), 1fr);
gap: 1.5rem;
}
.card-deck > li {
margin-bottom: 0 !important;
}
@media (max-width: 1199.98px) {
.card-deck .card-text, .card-deck .read-more {
display: none;
}
.card-deck .card-title {
margin-bottom: 0px !important;
}
.card-deck .card:not(.sticky-post) .card-title {
font-size: min(1.125rem, 8cqw) !important;
line-height: 1.2 !important;
}
}
@media (max-width: 991.98px) {
.card-deck {
--grid-columns: 2;
}
.home .card-deck > :nth-child(3) {
display: none;
}
}
@media (max-width: 575.98px) {
.card-deck {
--grid-columns: 1;
}
}
.read-more, .wp-block-post-excerpt__more-link {
font-weight: 600 !important;
text-transform: uppercase;
font-size: 87.5% !important;
color: var(--bs-primary);
transition: color 0.3s;
text-decoration: none;
position: relative;
display: flex;
line-height: 1;
gap: 0.3rem;
}
.read-more:after, .wp-block-post-excerpt__more-link:after {
content: "";
width: 1rem;
height: auto;
aspect-ratio: 1.15;
background-color: currentColor;
mask: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>') no-repeat center;
mask-size: contain;
align-self: flex-end;
transition: all 0.6s ease;
right: 0;
top: -1px;
display: block;
position: relative;
}
.read-more:hover:after, .wp-block-post-excerpt__more-link:hover:after {
right: 0.5em;
}
.news-feed .card .card-body {
display: flex;
flex-direction: column;
}
.news-feed .card .card-body .card-text {
flex-grow: 1;
}
.news-feed .card .card-body .card-title {
transition: color 0.3s ease;
}
.card .post-categories {
--cat-text: rgb(166.8, 172.2, 177);
--cat-background: transparent;
--cat-border: rgb(166.8, 172.2, 177);
--cat-font-size: 60%;
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.2em;
position: relative;
z-index: 1;
margin-bottom: 0.5em;
}
.card .post-categories li {
display: flex;
position: relative;
align-items: center;
}
.card .post-categories li:before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: var(--cat-background);
border: 1px solid var(--cat-border);
transform: skew(-20deg);
transition: background-color 300ms ease, border-color 300ms ease;
z-index: -1;
}
.card .post-categories li a {
padding: 0.6em 1.2em;
font-weight: 600;
font-size: var(--cat-font-size);
line-height: 1;
color: var(--cat-text);
text-transform: uppercase;
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.015em;
transition: padding 500ms ease, color 500ms ease;
text-decoration: none;
}
.card .post-categories li:hover a {
padding: 0.6em 1.8em;
color: #fff !important;
}
.card .post-categories li:hover:before {
background-color: var(--bs-orange);
border-color: var(--bs-orange);
}
@media (min-width: 768px) {
.card.sticky-post {
grid-column: 1/-1;
overflow: hidden;
}
.card.sticky-post .card-body {
position: absolute;
bottom: 0;
width: 100%;
color: #fff;
z-index: 1;
padding: calc(var(--bs-card-spacer-y) * 2) 40% calc(var(--bs-card-spacer-y) * 2) calc(var(--bs-card-spacer-x) * 2);
}
}
@media (min-width: 768px) and (max-width: 1399.98px) {
.card.sticky-post .card-body {
padding-right: 20%;
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.card.sticky-post .card-body {
padding-right: calc(var(--bs-card-spacer-x) * 2);
}
}
@media (min-width: 768px) {
.card.sticky-post .card-body:after {
content: "";
position: absolute;
width: 100%;
height: 120%;
background: linear-gradient(to top, #000 50%, transparent);
opacity: 0.6;
z-index: -1;
left: 0;
bottom: 0;
}
.card.sticky-post .card-body .card-title {
--lineHeight: 1.2em;
font-size: calc(1.375rem + 1.5vw);
color: var(--bs-secondary);
transition: all 0.3s ease;
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.card.sticky-post .card-body .card-title {
font-size: 2.5rem;
}
}
@media (min-width: 768px) {
.card.sticky-post .card-body .card-title span {
display: inline;
color: inherit;
background: linear-gradient(var(--bs-primary) 0 0) 0/100% calc(var(--lineHeight) * 1.2) no-repeat;
box-decoration-break: clone;
padding: 0.25em;
font-weight: 800;
}
.card.sticky-post .card-body .card-text {
font-size: 1.25rem;
}
.card.sticky-post .read-more {
color: #fff;
font-size: 1rem;
}
.card.sticky-post .card-link:hover ~ .card-body .read-more, .card.sticky-post .card-link:focus ~ .card-body .read-more {
color: var(--bs-primary);
}
.card.sticky-post .card-link:hover ~ .card-body .card-title, .card.sticky-post .card-link:focus ~ .card-body .card-title {
color: var(--bs-secondary);
}
.card.sticky-post .post-categories {
--cat-text: #fff;
--cat-background: transparent;
--cat-border: #fff;
--cat-font-size: 75%;
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.2em;
position: relative;
z-index: 1;
margin-bottom: 1em;
}
.card.sticky-post .post-categories li {
display: flex;
position: relative;
align-items: center;
}
.card.sticky-post .post-categories li:before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: var(--cat-background);
border: 1px solid var(--cat-border);
transform: skew(-20deg);
transition: background-color 300ms ease, border-color 300ms ease;
z-index: -1;
}
.card.sticky-post .post-categories li a {
padding: 0.6em 1.2em;
font-weight: 600;
font-size: var(--cat-font-size);
line-height: 1;
color: var(--cat-text);
text-transform: uppercase;
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.015em;
transition: padding 500ms ease, color 500ms ease;
text-decoration: none;
}
.card.sticky-post .post-categories li:hover a {
padding: 0.6em 1.8em;
color: #fff !important;
}
.card.sticky-post .post-categories li:hover:before {
background-color: var(--bs-orange);
border-color: var(--bs-orange);
}
}
@media (max-width: 767.98px) {
.card.sticky-post .post-categories {
display: none;
}
}
.pagination li {
border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
margin-right: -1px;
}
.pagination li:first-child {
border-radius: var(--bs-pagination-border-radius) 0 0 var(--bs-pagination-border-radius);
}
.pagination li:last-child {
border-radius: 0 var(--bs-pagination-border-radius) var(--bs-pagination-border-radius) 0;
}
.pagination li a, .pagination li span {
display: block;
padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
line-height: 1.5 !important;
font-size: var(--bs-pagination-font-size) !important;
}
.pagination li a {
text-decoration: none;
}
.pagination li a:hover, .pagination li a:focus {
border-color: var(--bs-pagination-hover-border-color);
background-color: var(--bs-pagination-hover-bg);
}
@media (min-width: 992px) {
.hero.has-post-thumbnail {
width: 100%;
max-height: none;
align-items: flex-end;
height: auto;
}
}
.post-single .hero .wp-block-cover__inner-container [class*=col] {
display: flex;
flex-direction: column;
}
.post-single .hero .post-categories {
margin-top: 1rem;
--cat-text: #fff;
--cat-background: transparent;
--cat-border: #fff;
--cat-font-size: 75%;
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.2em;
position: relative;
z-index: 1;
}
.post-single .hero .post-categories li {
display: flex;
position: relative;
align-items: center;
}
.post-single .hero .post-categories li:before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: var(--cat-background);
border: 1px solid var(--cat-border);
transform: skew(-20deg);
transition: background-color 300ms ease, border-color 300ms ease;
z-index: -1;
}
.post-single .hero .post-categories li a {
padding: 0.6em 1.2em;
font-weight: 600;
font-size: var(--cat-font-size);
line-height: 1;
color: var(--cat-text);
text-transform: uppercase;
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.015em;
transition: padding 500ms ease, color 500ms ease;
text-decoration: none;
}
.post-single .hero .post-categories li:hover a {
padding: 0.6em 1.8em;
color: #fff !important;
}
.post-single .hero .post-categories li:hover:before {
background-color: var(--bs-orange);
border-color: var(--bs-orange);
}
.post-single .hero h1, .post-single .hero .h1 {
font-size: max(3.6cqw, 2.5rem);
line-height: 1.1;
}
.post-single .hero .small-heading {
margin-bottom: 0.5em !important;
}
.post-single .hero a, .news-feed .hero a, .category .hero a, .archive .hero a {
text-decoration: none;
}
.post-meta {
color: rgb(133.7553648069, 142.4849785408, 150.2446351931);
font-size: 0.9rem;
}
.article .post-meta {
padding-top: 1rem;
margin-top: 2rem;
position: relative;
}
.article .post-meta:before {
content: "";
border-top: 1px solid rgb(133.7553648069, 142.4849785408, 150.2446351931);
width: 50%;
display: block;
position: absolute;
top: 0;
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.infographic svg #ring-1 .wheel {
animation: spin 40s linear infinite;
transform-origin: center;
}
.infographic #ring-2, .infographic #ring-3, .infographic #ring-logo {
opacity: 0;
transform: scale(1.3) rotate(20deg);
transform-origin: center;
transition: all 0.6s ease;
}
.infographic.active #ring-2, .infographic.active #ring-3, .infographic.active #ring-logo {
opacity: 1;
transform: none;
}
.infographic.active #ring-2 {
transition-delay: 0.3s;
}
.infographic.active #ring-3 {
transition-delay: 0.6s;
}
.infographic.active #ring-logo {
transition-delay: 0.9s;
}
.got-what-it-takes .headline {
overflow: visible;
}
.got-what-it-takes .headline img {
rotate: -2deg;
}
@media (min-width: 768px) {
.got-what-it-takes .headline img {
translate: -1rem;
}
}
.got-what-it-takes .subhead {
overflow: visible;
}
.got-what-it-takes .subhead a {
display: block;
position: relative;
}
.got-what-it-takes .subhead img {
max-width: 50%;
translate: 18% -2%;
rotate: 1deg;
}
.got-what-it-takes video {
filter: contrast(1.2);
}
.cool-horizontal-timeline-body, .cool-vertical-timeline-body {
--ctlb-desc-bt-spacing: 1em;
--ctlb-sub-head-font-size: 0.825rem;
--ctlb-sub-head-font-weight: inherit;
--ctlb-sub-head-line-height: inherit;
--ctlb-container-top-padding: 1rem;
--ctlb-container-right-padding: 1rem;
--ctlb-container-bottom-padding: 1rem;
--ctlb-container-left-padding: 1rem;
--ctlb-body-font-size: var(--ctlb-sub-head-font-size);
--ctlb-body-font-weight: var(--ctlb-sub-head-font-weight);
}
.cool-vertical-timeline-body .timeline-content .story-content {
padding: var(--ctlb-container-top-padding) var(--ctlb-container-right-padding) var(--ctlb-container-bottom-padding) var(--ctlb-container-left-padding);
}
.cool-vertical-timeline-body .timeline-content .story-content .ctlb-block-image {
margin: calc(var(--ctlb-container-top-padding) * -1) calc(var(--ctlb-container-right-padding) * -1) var(--ctlb-container-bottom-padding) calc(var(--ctlb-container-left-padding) * -1);
border-radius: 0;
}
.cool-vertical-timeline-body .timeline-content .story-content p:not(.timeline-block_desc, .ctlb-block-desc) {
font-size: var(--ctlb-sub-head-font-size);
font-weight: var(--ctlb-sub-head-font-weight);
color: var(--ctlb-sub-heading-color);
}
.cool-vertical-timeline-body .timeline-content .story-content p:not(.timeline-block_desc, .ctlb-block-desc):not(:last-child) {
margin-bottom: 1em;
}
@media (min-width: 768px) {
.cool-vertical-timeline-body .animated .ctlb-year-label, .cool-vertical-timeline-body .animated .timeline-block-icon {
scale: 0;
transition: scale 0.6s ease-in-out;
}
.cool-vertical-timeline-body .animated .timeline-block-timeline .timeline-block-detail, .cool-vertical-timeline-body .animated .timeline-block-timeline .story-time {
opacity: 0;
transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.cool-vertical-timeline-body .animated .timeline-block-timeline .story-time {
transition-delay: 0.25s;
}
.cool-vertical-timeline-body .animated .timeline-block-timeline.position-right .timeline-block-detail {
transform: translate(10%, 0);
}
.cool-vertical-timeline-body .animated .timeline-block-timeline.position-right .story-time {
transform: translate(-10%, 0);
}
.cool-vertical-timeline-body .animated .timeline-block-timeline.position-left .timeline-block-detail {
transform: translate(-10%, 0);
}
.cool-vertical-timeline-body .animated .timeline-block-timeline.position-left .story-time {
transform: translate(10%, 0);
}
.cool-vertical-timeline-body .animated.active .ctlb-year-label, .cool-vertical-timeline-body .animated.active .timeline-block-icon {
scale: 1;
}
.cool-vertical-timeline-body .animated.active .timeline-block-timeline .timeline-block-detail, .cool-vertical-timeline-body .animated.active .timeline-block-timeline .story-time {
opacity: 1;
transform: none;
}
}
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
font-size: 0.875rem !important;
padding: 0.8888889em 1.44444em !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
background-color: var(--bs-white);
line-height: 1;
}
.gform_wrapper.gravity-theme input[type=color]:focus, .gform_wrapper.gravity-theme input[type=color]:focus-visible, .gform_wrapper.gravity-theme input[type=date]:focus, .gform_wrapper.gravity-theme input[type=date]:focus-visible, .gform_wrapper.gravity-theme input[type=datetime-local]:focus, .gform_wrapper.gravity-theme input[type=datetime-local]:focus-visible,
.gform_wrapper.gravity-theme input[type=datetime]:focus,
.gform_wrapper.gravity-theme input[type=datetime]:focus-visible, .gform_wrapper.gravity-theme input[type=email]:focus, .gform_wrapper.gravity-theme input[type=email]:focus-visible, .gform_wrapper.gravity-theme input[type=month]:focus, .gform_wrapper.gravity-theme input[type=month]:focus-visible,
.gform_wrapper.gravity-theme input[type=number]:focus,
.gform_wrapper.gravity-theme input[type=number]:focus-visible, .gform_wrapper.gravity-theme input[type=password]:focus, .gform_wrapper.gravity-theme input[type=password]:focus-visible, .gform_wrapper.gravity-theme input[type=search]:focus, .gform_wrapper.gravity-theme input[type=search]:focus-visible,
.gform_wrapper.gravity-theme input[type=tel]:focus,
.gform_wrapper.gravity-theme input[type=tel]:focus-visible, .gform_wrapper.gravity-theme input[type=text]:focus, .gform_wrapper.gravity-theme input[type=text]:focus-visible, .gform_wrapper.gravity-theme input[type=time]:focus, .gform_wrapper.gravity-theme input[type=time]:focus-visible, .gform_wrapper.gravity-theme input[type=url]:focus, .gform_wrapper.gravity-theme input[type=url]:focus-visible,
.gform_wrapper.gravity-theme input[type=week]:focus,
.gform_wrapper.gravity-theme input[type=week]:focus-visible, .gform_wrapper.gravity-theme select:focus, .gform_wrapper.gravity-theme select:focus-visible, .gform_wrapper.gravity-theme textarea:focus, .gform_wrapper.gravity-theme textarea:focus-visible {
outline: 4px solid rgba(var(--bs-primary-rgb), 0.2);
border-color: var(--bs-primary);
}
.gform_wrapper.gravity-theme input[type=color]::placeholder, .gform_wrapper.gravity-theme input[type=date]::placeholder, .gform_wrapper.gravity-theme input[type=datetime-local]::placeholder,
.gform_wrapper.gravity-theme input[type=datetime]::placeholder, .gform_wrapper.gravity-theme input[type=email]::placeholder, .gform_wrapper.gravity-theme input[type=month]::placeholder,
.gform_wrapper.gravity-theme input[type=number]::placeholder, .gform_wrapper.gravity-theme input[type=password]::placeholder, .gform_wrapper.gravity-theme input[type=search]::placeholder,
.gform_wrapper.gravity-theme input[type=tel]::placeholder, .gform_wrapper.gravity-theme input[type=text]::placeholder, .gform_wrapper.gravity-theme input[type=time]::placeholder, .gform_wrapper.gravity-theme input[type=url]::placeholder,
.gform_wrapper.gravity-theme input[type=week]::placeholder, .gform_wrapper.gravity-theme select::placeholder, .gform_wrapper.gravity-theme textarea::placeholder {
font-size: 0.875rem !important;
}
.gform_wrapper.gravity-theme input[type=file] {
font-size: 0.875rem !important;
margin-bottom: 0 !important;
}
.gform_wrapper.gravity-theme .gfield_description:not(.validation_message) {
margin-top: 0;
padding-top: 0;
}
.gform_wrapper.gravity-theme .ginput_container_consent {
display: flex;
align-items: flex-start;
gap: 1em;
font-size: 0.875rem !important;
}
.gform_wrapper.gravity-theme .ginput_container_consent input {
margin-top: 0.5em;
}
.gform_wrapper.gravity-theme .ginput_container_consent label {
font-size: inherit;
}
.gform_wrapper.gravity-theme #field_submit {
justify-content: flex-end;
}
.gform_wrapper.gravity-theme .gform_drop_area {
display: flex;
align-items: center;
justify-content: center;
gap: 1.5rem;
padding: 0.8888889em 1.44444em !important;
}
.gform_wrapper.gravity-theme .gform_drop_area > * {
margin: 0 !important;
}
.gform_wrapper.gravity-theme .gform_drop_area button {
width: auto;
font-size: 0.875rem;
text-transform: uppercase;
padding: 0.8888889em 1.44444em;
border-radius: 2px;
line-height: 1;
}
body .gform-theme--foundation {
--gf-form-gap-x: 1rem;
--gf-form-gap-y: 1rem;
--gf-field-gap-x: 0.75rem;
--gf-field-gap-y: 0.75rem;
--gf-font-size: 1rem;
}
body .gform-theme--foundation .hidden_label .gfield_label,
body .gform-theme--foundation .hidden_sub_label {
display: block;
}
body .gform-theme--foundation .hidden_label .gfield_label .gfield_required,
body .gform-theme--foundation .hidden_sub_label .gfield_required {
display: none;
}
body .gform-theme--foundation input[type=color], body .gform-theme--foundation input[type=date], body .gform-theme--foundation input[type=datetime-local],
body .gform-theme--foundation input[type=datetime], body .gform-theme--foundation input[type=email], body .gform-theme--foundation input[type=month],
body .gform-theme--foundation input[type=number], body .gform-theme--foundation input[type=password], body .gform-theme--foundation input[type=search],
body .gform-theme--foundation input[type=tel], body .gform-theme--foundation input[type=text], body .gform-theme--foundation input[type=time], body .gform-theme--foundation input[type=url],
body .gform-theme--foundation input[type=week], body .gform-theme--foundation select, body .gform-theme--foundation textarea {
font-size: 0.875rem !important;
padding: 0 0.75rem !important;
margin-bottom: 0 !important;
background-color: var(--bs-white);
}
body .gform-theme--foundation input[type=color]:focus, body .gform-theme--foundation input[type=color]:focus-visible, body .gform-theme--foundation input[type=date]:focus, body .gform-theme--foundation input[type=date]:focus-visible, body .gform-theme--foundation input[type=datetime-local]:focus, body .gform-theme--foundation input[type=datetime-local]:focus-visible,
body .gform-theme--foundation input[type=datetime]:focus,
body .gform-theme--foundation input[type=datetime]:focus-visible, body .gform-theme--foundation input[type=email]:focus, body .gform-theme--foundation input[type=email]:focus-visible, body .gform-theme--foundation input[type=month]:focus, body .gform-theme--foundation input[type=month]:focus-visible,
body .gform-theme--foundation input[type=number]:focus,
body .gform-theme--foundation input[type=number]:focus-visible, body .gform-theme--foundation input[type=password]:focus, body .gform-theme--foundation input[type=password]:focus-visible, body .gform-theme--foundation input[type=search]:focus, body .gform-theme--foundation input[type=search]:focus-visible,
body .gform-theme--foundation input[type=tel]:focus,
body .gform-theme--foundation input[type=tel]:focus-visible, body .gform-theme--foundation input[type=text]:focus, body .gform-theme--foundation input[type=text]:focus-visible, body .gform-theme--foundation input[type=time]:focus, body .gform-theme--foundation input[type=time]:focus-visible, body .gform-theme--foundation input[type=url]:focus, body .gform-theme--foundation input[type=url]:focus-visible,
body .gform-theme--foundation input[type=week]:focus,
body .gform-theme--foundation input[type=week]:focus-visible, body .gform-theme--foundation select:focus, body .gform-theme--foundation select:focus-visible, body .gform-theme--foundation textarea:focus, body .gform-theme--foundation textarea:focus-visible {
outline: 4px solid rgba(var(--bs-primary-rgb), 0.2);
border-color: var(--bs-primary);
}
body .gform-theme--foundation input[type=color]::placeholder, body .gform-theme--foundation input[type=date]::placeholder, body .gform-theme--foundation input[type=datetime-local]::placeholder,
body .gform-theme--foundation input[type=datetime]::placeholder, body .gform-theme--foundation input[type=email]::placeholder, body .gform-theme--foundation input[type=month]::placeholder,
body .gform-theme--foundation input[type=number]::placeholder, body .gform-theme--foundation input[type=password]::placeholder, body .gform-theme--foundation input[type=search]::placeholder,
body .gform-theme--foundation input[type=tel]::placeholder, body .gform-theme--foundation input[type=text]::placeholder, body .gform-theme--foundation input[type=time]::placeholder, body .gform-theme--foundation input[type=url]::placeholder,
body .gform-theme--foundation input[type=week]::placeholder, body .gform-theme--foundation select::placeholder, body .gform-theme--foundation textarea::placeholder {
font-size: 0.875rem !important;
}
body .gform-theme--foundation .gfield_description:not(.validation_message) {
margin-top: 0.25rem;
padding-top: 0;
font-size: 0.75rem !important;
}
body .gform-theme--foundation .ginput_container_consent {
display: flex;
align-items: flex-start;
gap: 1em;
font-size: 0.875rem !important;
}
body .gform-theme--foundation .ginput_container_consent input {
margin-top: 0.5em;
}
body .gform-theme--foundation .ginput_container_consent label {
font-size: inherit;
}
body .gform-theme--foundation #field_submit [type=submit] {
font-size: 1rem;
padding: 0.75rem 1rem;
margin-bottom: 0;
}
body .gform-theme--foundation .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
body .gform-theme--foundation .gform_required_legend {
font-size: 0.875rem;
}
.grecaptcha-badge {
visibility: hidden !important;
}
.error404 {
display: grid;
grid-template-rows: min-content auto min-content;
}
.error404 > div:last-of-type {
display: none !important;
}
.error404 main {
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
padding: 10dvh 0;
}
.error404 main:after {
content: "";
background: black;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
opacity: 0.35;
}
.error404 main .container {
position: relative;
z-index: 1;
}
.error404 .btn {
text-transform: uppercase;
margin-right: 1em;
}
.btn-back:before {
content: "";
width: 1em;
height: 1em;
background: url(./assets/img/icn__device.svg) center/contain no-repeat;
transition: all 300ms ease;
display: inline-block;
translate: -0.125em 0;
transform: scaleX(-1);
filter: none;
}
.btn-back:after {
content: none !important;
}
.btn-back:hover:before {
translate: -0.5em 0;
filter: brightness(10);
}
.wp-block-embed-vimeo iframe {
display: block;
}
.wp-block-group.pum-trigger {
position: relative;
container-type: inline-size;
overflow: hidden;
border-radius: 2px;
box-shadow: 0 1rem 2rem rgba(var(--bs-body-color-rgb), 0.2);
outline: none;
}
.wp-block-group.pum-trigger .popup-trigger-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 1rem;
background: rgba(var(--bs-secondary-rgb), 0.2);
transition: background-color 0.5s ease;
}
.wp-block-group.pum-trigger .popup-trigger-overlay > .wp-block-group__inner-container {
transition: opacity 0.5s ease, scale 0.6s ease;
}
.interviews .wp-block-group.pum-trigger .popup-trigger-overlay {
background: linear-gradient(20deg, rgba(var(--bs-secondary-rgb), 0.8), transparent 50%);
}
.wp-block-group.pum-trigger.pum-video > *:first-child {
padding: 0;
margin: 0;
}
.wp-block-group.pum-trigger.pum-video > *:first-child:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block;
background: url(assets/img/video-play.svg) no-repeat center;
z-index: 1;
background-size: 22cqw;
filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.5));
opacity: 0.3;
transition: all 0.6s ease;
}
.wp-block-group.pum-trigger.pum-video:hover > *:first-child:before {
opacity: 0.7;
background-size: 24cqw;
}
.wp-block-group.pum-trigger figure {
margin-bottom: 0;
}
.wp-block-group.pum-trigger:hover {
box-shadow: none;
}
.wp-block-group.pum-trigger:hover .popup-trigger-overlay {
background-color: rgba(var(--bs-secondary-rgb), 0.6);
}
.wp-block-group.pum-trigger:hover .popup-trigger-overlay > .wp-block-group__inner-container {
opacity: 0.3;
scale: 0.8;
}
.interview .wp-block-heading {
font-family: "museo-slab", sans-serif !important;
margin-bottom: 0 !important;
}
.interview .popup-trigger-overlay > .wp-block-group__inner-container {
transform-origin: bottom left;
}
.slick-slide .interview .popup-trigger-overlay > .wp-block-group__inner-container {
transform: 0 100%;
}
.cards .slick-slide .interview .popup-trigger-overlay > .wp-block-group__inner-container {
opacity: 0;
}
.slick-slide.slick-current .interview .popup-trigger-overlay > .wp-block-group__inner-container {
transform: none;
}
.cards .slick-slide.slick-current .interview .popup-trigger-overlay > .wp-block-group__inner-container {
opacity: 1;
}
.wp-block-cb-carousel, .wp-block-essential-blocks-post-carousel {
--dot-size: 0.77778rem;
--arrow-size: 1.5rem;
--slick-gap: 0.75rem;
margin: 0 calc(var(--slick-gap) * -1);
}
.wp-block-cb-carousel .slick-slide, .wp-block-essential-blocks-post-carousel .slick-slide {
padding: 0 var(--slick-gap);
outline: none;
}
@media (min-width: 1400px) {
.container-wide .wp-block-cb-carousel, .container-wide .wp-block-essential-blocks-post-carousel {
--slick-gap: 1.5rem;
}
}
.wp-block-cb-carousel .slick-dots, .wp-block-essential-blocks-post-carousel .slick-dots {
bottom: auto;
position: relative;
padding-top: 1.0005rem;
}
.wp-block-cb-carousel .slick-dots li, .wp-block-essential-blocks-post-carousel .slick-dots li {
width: auto;
height: auto;
margin-bottom: 0 !important;
}
.wp-block-cb-carousel .slick-dots li button, .wp-block-essential-blocks-post-carousel .slick-dots li button {
color: currentColor;
padding: 0;
margin: 0 !important;
width: auto;
height: auto;
text-indent: 10000px;
overflow: hidden;
opacity: 0.6;
transition: opacity 0.3s, scale 0.3s;
}
.wp-block-cb-carousel .slick-dots li button:before, .wp-block-essential-blocks-post-carousel .slick-dots li button:before {
background-color: currentColor;
color: inherit;
border-radius: calc(var(--dot-size) / 2) !important;
width: var(--dot-size) !important;
height: var(--dot-size) !important;
position: relative;
display: block;
opacity: 1 !important;
transition: width 0.6s ease, background-color 0.3s;
}
.wp-block-cb-carousel .slick-dots li.slick-active, .wp-block-essential-blocks-post-carousel .slick-dots li.slick-active {
width: auto !important;
}
.wp-block-cb-carousel .slick-dots li.slick-active button, .wp-block-essential-blocks-post-carousel .slick-dots li.slick-active button {
opacity: 1;
}
.wp-block-cb-carousel .slick-dots li.slick-active button:before, .wp-block-essential-blocks-post-carousel .slick-dots li.slick-active button:before {
width: calc(var(--dot-size) * 3) !important;
color: inherit;
}
.wp-block-cb-carousel .slick-dots li:not(.slick-active) button:hover, .wp-block-essential-blocks-post-carousel .slick-dots li:not(.slick-active) button:hover {
scale: 1.2;
opacity: 1;
}
.wp-block-cb-carousel .slick-next, .wp-block-cb-carousel .slick-prev, .wp-block-essential-blocks-post-carousel .slick-next, .wp-block-essential-blocks-post-carousel .slick-prev {
z-index: 1;
margin: 0 !important;
color: #fff;
width: var(--arrow-size);
height: var(--arrow-size);
border-top: currentColor 2px solid;
border-right: currentColor 2px solid;
border-radius: 0 !important;
}
.wp-block-cb-carousel .slick-next:before, .wp-block-cb-carousel .slick-prev:before, .wp-block-essential-blocks-post-carousel .slick-next:before, .wp-block-essential-blocks-post-carousel .slick-prev:before {
content: none;
}
.wp-block-cb-carousel .slick-next:focus, .wp-block-cb-carousel .slick-prev:focus, .wp-block-essential-blocks-post-carousel .slick-next:focus, .wp-block-essential-blocks-post-carousel .slick-prev:focus {
color: currentColor;
}
.wp-block-cb-carousel .slick-next.slick-disabled, .wp-block-cb-carousel .slick-prev.slick-disabled, .wp-block-essential-blocks-post-carousel .slick-next.slick-disabled, .wp-block-essential-blocks-post-carousel .slick-prev.slick-disabled {
display: none !important;
}
.wp-block-cb-carousel .slick-next, .wp-block-essential-blocks-post-carousel .slick-next {
right: 2.25rem;
rotate: 45deg;
transform-origin: center top;
}
.wp-block-cb-carousel .slick-prev, .wp-block-essential-blocks-post-carousel .slick-prev {
left: 2.25rem;
rotate: -135deg;
transform-origin: center top;
}
.wp-block-cb-carousel-v2 {
--dot-size: 0.77778rem;
--arrow-size: 2rem;
--swiper-gap: 0.75rem;
}
.wp-block-cb-carousel-v2 .swiper {
margin-bottom: 0 !important;
}
.wp-block-cb-carousel-v2 .swiper-wrapper {
column-gap: 0;
}
.wp-block-cb-carousel-v2 .swiper-slide {
margin-right: 0 !important;
padding-left: var(--swiper-gap);
padding-right: var(--swiper-gap);
}
.wp-block-cb-carousel-v2 .swiper-pagination {
bottom: auto;
position: relative;
padding-top: 1.0005rem;
}
.wp-block-cb-carousel-v2 .swiper-pagination .swiper-pagination-bullet {
background-color: currentColor;
color: inherit;
border-radius: calc(var(--dot-size) / 2) !important;
width: var(--dot-size) !important;
height: var(--dot-size) !important;
position: relative;
display: block;
opacity: 0.6;
transition: width 0.6s ease, background-color 0.3s, opacity 0.3s, scale 0.3s;
}
.wp-block-cb-carousel-v2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
width: calc(var(--dot-size) * 3) !important;
color: inherit;
background-color: currentColor !important;
}
.wp-block-cb-carousel-v2 .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
scale: 1.2;
opacity: 1;
}
.wp-block-cb-carousel-v2 .swiper-button-next, .wp-block-cb-carousel-v2 .swiper-button-prev {
color: currentColor;
height: auto !important;
width: auto !important;
}
.wp-block-cb-carousel-v2 .swiper-button-next:after, .wp-block-cb-carousel-v2 .swiper-button-prev:after {
font-size: var(--arrow-size) !important;
}
.wp-block-cb-carousel-v2 .swiper-button-next {
right: 0;
translate: calc(100% + var(--swiper-gap));
}
.wp-block-cb-carousel-v2 .swiper-button-prev {
left: 0;
translate: calc(-100% - var(--swiper-gap));
}
.wp-block-cb-carousel.cards {
--slick-gap: 3.5rem;
--arrow-size: 2.5rem;
width: 100%;
}
@media (min-width: 992px) {
.wp-block-cb-carousel.cards {
margin: 0;
filter: drop-shadow(0 1rem 1rem rgba(var(--bs-body-color-rgb), 0.4));
position: relative;
left: 50%;
translate: -50%;
}
.wp-block-cb-carousel.cards .slick-list, .wp-block-cb-carousel.cards .slick-track,
.wp-block-cb-carousel.cards .slick-slide > * {
height: 100%;
}
.wp-block-cb-carousel.cards .slick-slide {
position: relative;
filter: brightness(0.7);
transition: all 0.5s ease;
}
.wp-block-cb-carousel.cards .slick-slide img {
aspect-ratio: 0.8 !important;
object-fit: cover;
}
.wp-block-cb-carousel.cards .slick-slide.slick-current {
z-index: 1;
filter: none;
}
.wp-block-cb-carousel.cards .slick-slide .pum-trigger {
box-shadow: none;
}
.wp-block-cb-carousel.cards .slick-slide:has(+ .slick-current) {
translate: 95%;
transform-origin: left;
}
.wp-block-cb-carousel.cards .slick-slide.slick-current + .slick-slide {
translate: -95%;
transform-origin: right;
}
.wp-block-cb-carousel.cards .slick-slide:has(+ .slick-current), .wp-block-cb-carousel.cards .slick-slide.slick-current + .slick-slide {
scale: 0.8;
}
.wp-block-cb-carousel.cards .slick-prev, .wp-block-cb-carousel.cards .slick-next {
height: calc(100% - var(--dot-size) - 1.0005rem);
rotate: 0deg;
border: none;
overflow: hidden;
}
.wp-block-cb-carousel.cards .slick-prev:after, .wp-block-cb-carousel.cards .slick-next:after {
content: "";
z-index: 1;
margin: 0 !important;
color: #fff;
width: calc(var(--arrow-size) * 0.5);
height: calc(var(--arrow-size) * 0.5);
border-top: currentColor 2px solid;
border-right: currentColor 2px solid;
border-radius: 0 !important;
display: block;
opacity: 0;
transition: opacity 0.3s, translate 0.6s ease, width 0.3s ease, height 0.3s ease;
}
.wp-block-cb-carousel.cards .slick-prev:hover:after, .wp-block-cb-carousel.cards .slick-next:hover:after {
opacity: 0.7 !important;
}
.wp-block-cb-carousel.cards .slick-next {
right: 0.75rem;
}
.wp-block-cb-carousel.cards .slick-next:after {
right: 1.5rem;
rotate: 45deg;
transform-origin: center;
translate: -200% -50%;
}
.wp-block-cb-carousel.cards .slick-prev {
left: 0.75rem;
}
.wp-block-cb-carousel.cards .slick-prev:after {
left: 2.25rem;
rotate: -135deg;
transform-origin: center;
translate: 200% -50%;
}
.wp-block-cb-carousel.cards:hover .slick-next:after {
translate: 0% -50%;
}
.wp-block-cb-carousel.cards:hover .slick-prev:after {
translate: 100% -50%;
}
.wp-block-cb-carousel.cards:hover .slick-prev:after, .wp-block-cb-carousel.cards:hover .slick-next:after {
opacity: 0.3;
}
}
.wp-block-cb-carousel.values-slider .slick-list {
overflow: visible;
}
.wp-block-cb-carousel.values-slider .slick-slide {
height: 100%;
}
.value.card {
--bs-card-spacer-y: 1.125rem;
--bs-card-spacer-x: 1.125rem;
--bs-card-border-width: 0;
--bs-card-border-color: transparent;
--bs-card-border-radius: 2px;
--bs-card-inner-border-radius: 3px;
--bs-card-bg: transparent;
--card-font-size: 1rem;
position: relative;
aspect-ratio: 1.6465863454;
}
.value.card:after {
content: "";
display: block;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
background-color: currentColor;
opacity: 0.05;
}
.value.card > .wp-block-group__inner-container {
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
display: flex;
flex-direction: column;
}
.value.card .wp-block-image {
width: 4.444rem;
aspect-ratio: 1.0764925373;
order: 2;
align-self: flex-end;
}
.value.card .wp-block-image img {
object-fit: contain;
}
.value.card p:last-of-type {
flex-grow: 1;
}
.values-simple {
--padding-x: 3rem;
--padding-y: calc(var(--padding-x) * 0.6667);
--line-ratio: calc(39 / 102);
--gutter: var(--padding-x);
border-radius: 2px;
backdrop-filter: blur(5px);
overflow: hidden;
}
.values-simple > .wp-block-group__inner-container {
padding: var(--padding-y) var(--padding-x);
}
.values-simple p {
color: rgb(209.6, 210.2, 212.4);
}
.values-simple p.text-small {
font-size: 0.9rem;
}
.values-simple p:last-child, .values-simple h1, .values-simple h2, .values-simple h3, .values-simple h4, .values-simple h5, .values-simple h6 {
margin-bottom: 0 !important;
}
.values-simple .row {
column-gap: var(--gutter);
}
.values-simple .row > [class*=col] {
position: relative;
}
@media (min-width: 768px) {
.values-simple .row > [class*=col]:after {
content: "";
position: absolute;
top: 0;
left: calc(100% + var(--gutter) / 2);
translate: -50%;
aspect-ratio: var(--line-ratio);
height: 100%;
background-color: var(--bs-primary);
mask-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
mask-size: 100% 100%;
mask-repeat: no-repeat;
}
.values-simple .row > [class*=col]:last-child:after {
content: none;
}
}
@media (max-width: 767.98px) {
.values-simple .row > [class*=col] {
padding-left: 0;
padding-right: 0;
}
.values-simple .row > [class*=col]:not(:last-child) {
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(222, 226, 230, 0.2);
}
}
.services-slider {
--bs-card-spacer-y: 1.125rem;
--bs-card-spacer-x: 1.125rem;
--bs-card-border-width: 0;
--bs-card-border-color: transparent;
--bs-card-border-radius: 2px;
--bs-card-inner-border-radius: 3px;
--bs-card-bg: transparent;
--card-font-size: 1rem;
color: var(--bs-body-color);
}
.services-slider .slick-list {
overflow: visible;
}
section.wp-block-group:has(.services-slider) {
overflow: hidden;
}
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .ebpg-carousel-post-holder {
overflow: hidden;
border-radius: 4px;
}
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .ebpg-carousel-post-holder .ebpg-entry-wrapper {
justify-content: space-between;
padding: var(--bs-card-spacer-y) calc(var(--bs-card-spacer-x) * 2.5) var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .ebpg-carousel-post-holder .ebpg-entry-wrapper:after {
content: "";
width: 1.25rem;
height: auto;
aspect-ratio: 1.15;
background-color: currentColor;
mask: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>') no-repeat center;
mask-size: contain;
align-self: flex-end;
transition: all 0.6s ease;
position: absolute;
right: var(--bs-card-spacer-x);
}
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .ebpg-carousel-post-holder .ebpg-entry-wrapper .slick-dots li.slick-active {
width: auto;
}
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .slick-slide {
--bs-body-color: var(--bs-white);
color: var(--bs-body-color);
}
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .ebpg-entry-header {
top: 0;
}
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .ebpg-entry-title {
font-size: calc(1.26rem + 0.12vw);
margin-bottom: 0 !important;
}
@media (min-width: 1200px) {
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .ebpg-entry-title {
font-size: 1.35rem;
}
}
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .ebpg-entry-title a {
font-size: inherit;
color: inherit;
display: block;
}
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .ebpg-entry-thumbnail:after {
background-color: rgba(0, 0, 0, 0.3);
}
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .ebpg-entry-thumbnail img {
height: auto;
aspect-ratio: 1.3636363636;
transition: filter 0.6s ease;
}
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .ebpg-carousel-post-holder:hover .ebpg-entry-wrapper > * {
transform: none;
}
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .ebpg-carousel-post-holder:hover .ebpg-entry-title a {
text-decoration: none;
}
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .ebpg-carousel-post-holder:hover .ebpg-entry-wrapper:after {
translate: 25%;
background-color: var(--bs-primary);
}
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .ebpg-carousel-post-holder:hover .ebpg-entry-thumbnail img {
filter: grayscale(1) brightness(0.7);
}
.services-slider .eb-post-carousel-wrapper.eb-post-carousel-9kaym .ebpg-carousel-post-holder:hover .ebpg-entry-thumbnail:after {
background-color: rgba(var(--bs-secondary-rgb), 0.65);
}
section:has(.interviews) {
overflow: visible;
}
@media (min-width: 992px) {
.interviews .slick-dotted.slick-slider.cards {
margin-top: -50%;
margin-bottom: var(--section-padding);
}
}
.interviews:has(.has-touch) {
align-items: center;
}
.interviews .has-touch .slick-arrow {
display: none !important;
}
.team-bios figure {
max-width: 200px;
}
@media (max-width: 767.98px) {
.team-bios figure {
max-width: 150px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 767.98px) {
.team-bios {
text-align: center;
}
}
.team-member .wp-block-image {
margin-bottom: 0;
}
.team-member .wp-block-image img {
max-width: 100%;
width: 250px;
height: auto;
}
.team-member p {
font-size: 0.9rem;
}
.solutions .solution {
opacity: 0;
translate: 0 4rem;
transition: opacity 1s, translate 1s ease;
transition-delay: 1s;
}
.solutions .solution .wp-block-image {
height: 4rem;
}
.solutions .solution .wp-block-image img {
object-fit: contain;
object-position: bottom left;
}
.solutions.active .solution {
opacity: 1;
translate: none;
}
.solutions > :nth-child(5n-5) .solution {
transition-delay: 0.2s;
}
.solutions > :nth-child(5n-4) .solution {
transition-delay: 0.4s;
}
.solutions > :nth-child(5n-3) .solution {
transition-delay: 0.6s;
}
.solutions > :nth-child(5n-3) .solution {
transition-delay: 0.8s;
}
.wp-block-essential-blocks-advanced-tabs .tabTitles li {
font-size: 1rem;
text-transform: uppercase;
}
.wp-block-essential-blocks-advanced-tabs .tab-title-text {
font-size: inherit;
line-height: 1;
}
.pathway-links {
--line-ratio: calc(39 / 102);
display: flex;
flex-wrap: wrap;
column-gap: 6rem;
}
@media (max-width: 767.98px) {
.pathway-links {
flex-direction: column;
padding: 0 1rem;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0);
backdrop-filter: brightness(0.5) blur(5px);
overflow: hidden;
}
.pathway-links .pathway-wrapper h3:after {
position: absolute;
top: 50%;
translate: 0 -50%;
}
.pathway-links .pathway-wrapper:not(:last-child) {
border-bottom: 1px solid rgba(222, 226, 230, 0.2);
}
}
.pathway-wrapper {
position: relative;
padding: 1rem 0;
}
@media (min-width: 768px) {
.pathway-wrapper:after {
content: "";
position: absolute;
top: 50%;
left: calc(100% + 3rem);
translate: -50% -50%;
aspect-ratio: var(--line-ratio);
height: 100%;
background-color: var(--bs-primary);
mask-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
mask-size: 100% 100%;
mask-repeat: no-repeat;
}
.pathway-wrapper:last-child:after {
content: none;
}
}
.pathway-wrapper h3 {
margin-bottom: 0 !important;
transition: color 0.5s;
}
.pathway-wrapper .pathway-desc {
font-size: 0.9rem;
opacity: 0.8;
transition: opacity 0.5s;
}
.pathway-wrapper .pathway-desc:last-child {
margin-bottom: 0;
}
a.pathway-wrapper {
text-decoration: none;
}
a.pathway-wrapper h3:after {
content: "";
width: 1em;
height: auto;
aspect-ratio: 1.15;
background-color: var(--bs-primary);
mask: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>') no-repeat center;
mask-size: contain;
align-self: flex-end;
transition: all 0.6s ease;
right: 0;
top: -1px;
display: inline-block;
position: relative;
margin-left: 0.5em;
translate: 0 0.2em;
transition: translate 0.5s ease 0.2s;
}
a.pathway-wrapper:hover h3 {
color: var(--bs-primary);
}
a.pathway-wrapper:hover h3:after {
translate: 0.5em 0.2em;
}
a.pathway-wrapper:hover .pathway-desc {
opacity: 1;
}
.link-box {
aspect-ratio: 1.3666666667;
overflow: hidden;
padding: 0;
border: none;
isolation: isolate;
}
.link-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
transition: background-color 0.6s ease;
}
.link-box .card-body {
display: flex;
flex-direction: column;
justify-content: flex-end;
background: linear-gradient(to top right, var(--bs-secondary), transparent);
z-index: 1;
}
.link-box .card-body:after {
content: "";
width: 1.25rem;
height: auto;
aspect-ratio: 1.15;
background-color: currentColor;
mask: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>') no-repeat center;
mask-size: contain;
align-self: flex-end;
transition: all 0.6s ease;
position: absolute;
}
.link-box .card-body > :last-child {
margin-bottom: 0;
}
.link-box .link-title {
margin-bottom: 0 !important;
text-wrap-style: balance;
}
.link-box .link-description {
position: relative;
margin: 0.6em 0 0 0;
padding: 0.6em 0 0 0;
}
.link-box .link-description:before {
content: "";
width: 2rem;
height: 2px;
display: block;
background-color: var(--bs-primary);
position: absolute;
top: 0;
}
.link-box .card-bg {
transition: filter 0.6s ease;
}
.link-box:has(.card-link:hover):before {
background-color: rgba(var(--bs-secondary-rgb), 0.65);
}
.link-box:has(.card-link:hover) .card-body:after {
tanslate: 25%;
background-color: var(--bs-primary);
}
.link-box:has(.card-link:hover) .card-bg {
filter: grayscale(1) brightness(0.7);
}
@media (min-width: 1200px) {
.list__equipment {
grid-template-columns: repeat(4, 1fr);
}
}
.list__equipment .card {
padding: 0;
}
.list__equipment .card .wp-block-image {
margin-top: -10cqw;
}
.list__equipment .card .wp-block-image img {
height: auto;
object-fit: contain;
object-position: left bottom;
aspect-ratio: 1.6030927835;
width: min(100%, 10rem);
}
.list__equipment .card h4, .list__equipment .card .h4 {
margin-bottom: 0 !important;
}
.list__equipment .card > :last-child {
margin-bottom: 0;
}
.list__equipment > [class*=col] {
margin-bottom: 1.5rem;
container-type: inline-size;
}
/** 4. Pages */
/* - 4.1 home */
body.home .section__about-us, body.home-test .section__about-us, body.page-template-default .section__about-us {
padding: 0;
}
body.home .section__about-us .cards, body.home-test .section__about-us .cards, body.page-template-default .section__about-us .cards {
font-size: 0.818181rem;
row-gap: 24px;
}
body.home .section__about-us .cards .card, body.home-test .section__about-us .cards .card, body.page-template-default .section__about-us .cards .card {
gap: 0.8889em;
}
body.home .section__about-us .cards .card > *, body.home-test .section__about-us .cards .card > *, body.page-template-default .section__about-us .cards .card > * {
margin-bottom: 0 !important;
}
body.home .section__about-us .cards .card-icon img, body.home-test .section__about-us .cards .card-icon img, body.page-template-default .section__about-us .cards .card-icon img {
object-fit: contain;
object-position: left;
height: 4.3636rem;
}
body.home .list__services, body.home-test .list__services, body.page-template-default .list__services {
display: flex;
flex-direction: column;
gap: 1rem;
column-count: 1;
}
body.home .list__services + .wp-bootstrap-blocks-button, body.home-test .list__services + .wp-bootstrap-blocks-button, body.page-template-default .list__services + .wp-bootstrap-blocks-button {
margin-top: 1rem;
}
body.home .list__services + .wp-bootstrap-blocks-button .btn, body.home-test .list__services + .wp-bootstrap-blocks-button .btn, body.page-template-default .list__services + .wp-bootstrap-blocks-button .btn {
--btn-padding-right: calc(var(--bs-btn-padding-x) * 2);
border: none;
color: #fff;
position: relative;
overflow: hidden;
border-radius: 0;
z-index: 0;
display: inline-block !important;
transition: padding 0.5s ease;
padding-right: var(--btn-padding-right);
}
body.home .list__services + .wp-bootstrap-blocks-button .btn:before, body.home-test .list__services + .wp-bootstrap-blocks-button .btn:before, body.page-template-default .list__services + .wp-bootstrap-blocks-button .btn:before {
content: "";
width: 150%;
height: 100%;
background-color: var(--bs-primary);
z-index: -1;
position: absolute;
top: 0;
right: 0;
transform: skewX(-30deg);
transform-origin: top right;
}
body.home .list__services + .wp-bootstrap-blocks-button .btn:hover, body.home .list__services + .wp-bootstrap-blocks-button .btn:focus, body.home-test .list__services + .wp-bootstrap-blocks-button .btn:hover, body.home-test .list__services + .wp-bootstrap-blocks-button .btn:focus, body.page-template-default .list__services + .wp-bootstrap-blocks-button .btn:hover, body.page-template-default .list__services + .wp-bootstrap-blocks-button .btn:focus {
background: transparent;
padding-right: calc(var(--btn-padding-right) + var(--bs-btn-padding-x));
}
/* - 4.2 contact */
.contact-us .icn__location,
.contact-us .icn__phone,
.contact-us .icn__email {
position: relative;
margin-left: 32px;
}
.contact-us .icn__location a,
.contact-us .icn__phone a,
.contact-us .icn__email a {
color: var(--bs-dark);
transition: color 150ms ease;
}
.contact-us .icn__location a:hover,
.contact-us .icn__phone a:hover,
.contact-us .icn__email a:hover {
color: var(--bs-primary);
}
.contact-us .icn__location::before,
.contact-us .icn__phone::before,
.contact-us .icn__email::before {
content: "";
position: absolute;
right: calc(100% + 0.5em);
top: 0;
width: 1em;
height: calc(1em * var(--bs-body-line-height));
background-color: var(--bs-primary);
}
.contact-us .icn__location.icn__location::before,
.contact-us .icn__phone.icn__location::before,
.contact-us .icn__email.icn__location::before {
mask: url(./assets/img/icn__location.svg) center/contain no-repeat;
-webkit-mask: url(./assets/img/icn__location.svg) center/contain no-repeat;
}
.contact-us .icn__location.icn__phone::before,
.contact-us .icn__phone.icn__phone::before,
.contact-us .icn__email.icn__phone::before {
mask: url(./assets/img/icn__phone.svg) center/contain no-repeat;
-webkit-mask: url(./assets/img/icn__phone.svg) center/contain no-repeat;
}
.contact-us .icn__location.icn__email::before,
.contact-us .icn__phone.icn__email::before,
.contact-us .icn__email.icn__email::before {
mask: url(./assets/img/icn__email.svg) center/contain no-repeat;
-webkit-mask: url(./assets/img/icn__email.svg) center/contain no-repeat;
}
.contact-us.has-white-color .icn__location a,
.contact-us.has-white-color .icn__phone a,
.contact-us.has-white-color .icn__email a {
color: #fff;
}
.hero.contact {
--map-header: 0px;
padding: 0;
height: 40vh;
min-height: 20rem;
}
.hero.contact:before {
content: unset;
}
.hero.contact iframe {
height: calc(100% + var(--map-header)) !important;
width: 100% !important;
margin-top: calc(var(--map-header) * -1);
}
/* - 4.3 career */
.job_filters .search_jobs {
display: grid;
gap: 1.5rem;
padding: 0 !important;
grid-template-columns: repeat(3, 1fr);
}
.job_filters .search_jobs:before {
display: none;
}
.job_filters .search_jobs > div {
display: flex;
flex: 1;
padding: 0 !important;
width: 100% !important;
}
.job_filters .search_jobs > div:nth-child(3) {
display: none;
}
.job_filters .search_jobs > div.search_submit input {
padding: 16px 24px !important;
background-position-x: calc(50% + 88px);
}
.job_filters .search_jobs > div.search_submit:hover input {
background-position-x: calc(50% + 94px);
}
.job_filters .search_jobs > div input {
margin: 0 !important;
}
@media (max-width: 991.98px) {
.job_filters .search_jobs {
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
}
.job_filters .search_jobs .search_submit {
grid-column-start: 1;
grid-column-end: 3;
}
}
@media (max-width: 575.98px) {
.job_filters .search_jobs {
grid-template-columns: none;
}
.job_filters .search_jobs .search_submit {
grid-column-start: 1;
grid-column-end: 1;
}
}
.job_types {
display: none;
}
.job_filters {
background-color: transparent;
}
.job_filters input:not([type=submit]) {
background-color: var(--bs-white);
font-weight: 400;
font-size: 18px;
line-height: 22px;
}
.job_filters .search_jobs > div:empty {
display: none;
}
.job_filters .showing_jobs {
display: none !important;
}
.careers ul.job_listings {
display: grid;
grid-template-columns: max-content min- max-content;
}
.careers ul.job_listings li {
margin-bottom: 0 !important;
grid-column: span 3;
display: grid;
grid-template-columns: subgrid;
}
.careers ul.job_listings li a {
padding: 1rem;
grid-column: span 3;
display: grid;
grid-template-columns: subgrid;
align-items: center;
justify-content: space-between;
transition: background-color 500ms ease;
}
@media (max-width: 991.98px) {
.careers ul.job_listings li a {
padding: 0.875rem 0;
grid-template-columns: auto;
justify-content: center;
text-align: center;
}
}
.careers ul.job_listings li a .company_logo {
display: none;
}
.careers ul.job_listings li a .position {
padding-left: 0px !important;
width: auto !important;
}
@media (max-width: 991.98px) {
.careers ul.job_listings li a .position {
width: 100% !important;
}
}
.careers ul.job_listings li a .position h3 {
font-family: "museo-slab", sans-serif !important;
font-weight: 600;
font-size: calc(1.275rem + 0.3vw);
line-height: 28px !important;
color: var(--bs-dark);
margin-bottom: 0 !important;
}
@media (min-width: 1200px) {
.careers ul.job_listings li a .position h3 {
font-size: 1.5rem;
}
}
.careers ul.job_listings li a .location {
width: auto !important;
text-align: center !important;
color: var(--bs-dark) !important;
}
@media (max-width: 991.98px) {
.careers ul.job_listings li a .location {
width: 100% !important;
padding-left: 0 !important;
}
}
.careers ul.job_listings li a .meta {
width: auto !important;
padding: 0 !important;
position: relative;
font-family: "mundial", sans-serif;
font-size: 1rem;
line-height: initial;
letter-spacing: -1%;
font-weight: 400;
display: flex;
justify-content: flex-end;
}
@media (max-width: 991.98px) {
.careers ul.job_listings li a .meta {
width: 100% !important;
padding-left: 0;
padding-right: 52px !important;
text-align: left;
font-size: 0.9rem;
}
.careers ul.job_listings li a .meta time {
line-height: 1em;
white-space: nowrap;
}
}
.careers ul.job_listings li a .meta li {
margin-left: 1em;
}
.careers ul.job_listings li a .meta .job-type {
color: var(--bs-orange-dark);
font-weight: 700;
}
@media (min-width: 992px) {
.careers ul.job_listings li a .meta::after {
content: "";
position: relative;
display: block;
background-color: var(--bs-primary);
width: 1em;
height: 1.25em;
mask: url(./assets/img/icn__device.svg) center/contain no-repeat;
-webkit-mask: url(./assets/img/icn__device.svg) center/contain no-repeat;
transition: translate 500ms ease;
margin-left: 1em;
translate: 0 0;
}
}
.careers ul.job_listings li a:hover {
background-color: var(--bs-light);
}
.careers ul.job_listings li a:hover .meta::after {
translate: 50% 0;
}
/* - 4.4 who we are */
/* - 4.5 what we do */
.section__our-values {
background: linear-gradient(90deg, rgba(var(--bs-secondary-rgb), 0.95) 32.51%, rgba(var(--bs-secondary-rgb), 0) 103.24%), #32353F;
}
.section__our-values .list__values .scb-container, .section__our-values .list__values .value {
display: flex;
flex-direction: column;
gap: 0.5em;
}
.section__our-values .list__values .scb-container > *, .section__our-values .list__values .value > * {
margin-bottom: 0 !important;
}
@media (max-width: 991.98px) {
.section__our-values .list__values .scb-container, .section__our-values .list__values .value {
/*calc(50% - 12px);
min-width: calc(50% - 12px)*/
}
}
.section__our-values .list__values .scb-container figure, .section__our-values .list__values .value figure {
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
}
.section__our-values .list__values .scb-container figure img, .section__our-values .list__values .value figure img {
width: 100%;
height: 100%;
object-fit: contain;
}
.list__services {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem 1.5rem;
}
@media (max-width: 991.98px) {
.list__services {
grid-template-columns: auto;
}
}
.list__services > li {
/*max-width: calc(50% - 12px);*/
width: 100%;
margin-bottom: 0;
}
.list__services > li h4 {
margin-bottom: 0 !important;
}
.list__services > li a {
color: var(--bs-dark);
text-decoration: none;
padding: 24px;
padding-right: 50px;
position: relative;
display: block;
background-color: var(--bs-white);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
}
.list__services > li a::after {
content: "";
position: absolute;
display: block;
width: 24px;
height: 32px;
right: 24px;
top: calc(50% - 15px);
background: url(./assets/img/icn__device.svg) center/contain no-repeat;
transition: right 500ms ease;
}
.list__services > li a:hover::after {
right: 18px;
}
.section__our-workshop-services .cards {
row-gap: 24px;
}
.card.project {
--label-spacer-y: calc(var(--bs-card-spacer-y) / 2);
--label-spacer-x: calc(var(--bs-card-spacer-x) * 1.5);
box-shadow: none;
border-radius: 4px;
}
.card.project .card-body {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
aspect-ratio: 1.5;
max-width: 100%;
background: linear-gradient(to top right, var(--bs-secondary), transparent);
}
@media (min-width: 992px) {
.card.project .card-body {
min-height: 80cqw;
}
}
.card.project .card-body a {
color: inherit;
text-decoration: none;
transition: color 0.3s;
}
.card.project .card-body a:hover {
color: var(--bs-primary);
}
.card.project .commodity {
align-self: flex-end;
font-weight: 700;
text-transform: uppercase;
flex-grow: 1;
order: -1;
text-align: right;
opacity: 0.8;
font-size: 0.9rem;
line-height: 1;
text-shadow: 0 1px 0.1rem rgba(var(--bs-secondary-rgb), 0.6);
}
.card.project .card-header {
padding: 0;
border: none;
background-color: transparent;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.card.project .card-header .card-title {
margin: 0 !important;
text-shadow: 0 2px 0.3rem rgba(var(--bs-secondary-rgb), 0.6);
}
.card.project .card-header span {
font-weight: 600;
font-size: 1rem;
color: var(--bs-gray-400);
text-shadow: 0 2px 0.3rem rgba(var(--bs-secondary-rgb), 0.6);
display: block;
}
.card.project .card-header .project-location:before {
content: "";
display: inline-block;
background-color: var(--bs-gray-600);
width: 0.9em;
height: 0.9em;
mask: url(./assets/img/icn__location.svg) center/contain no-repeat;
translate: -0.1em 0.1em;
}
.card.project .project-services {
margin: 1rem 0 0 0;
padding: 1rem 0 0 0;
list-style: none;
display: flex;
column-gap: 0.3rem;
flex-wrap: wrap;
position: relative;
}
.card.project .project-services li {
white-space: nowrap;
margin-bottom: 0 !important;
}
.card.project .project-services li.label {
font-weight: 600;
}
.card.project .project-services li:not(.label):not(:last-child):after {
content: ",";
display: inline-block;
margin-left: -0.1em;
}
.card.project .project-services:before {
content: "";
width: 2rem;
height: 2px;
display: block;
background-color: var(--bs-primary);
position: absolute;
top: 0;
}
.card.project .project-pathway {
position: absolute;
top: calc(var(--label-spacer-y) * -1);
left: calc(var(--label-spacer-x) * -1);
color: var(--bs-secondary) !important;
text-transform: uppercase;
letter-spacing: 0.02em;
font-size: 85% !important;
text-shadow: none !important;
z-index: 1;
padding: var(--label-spacer-y) var(--label-spacer-x) var(--label-spacer-y) calc(var(--label-spacer-x) + var(--bs-card-spacer-x));
transition: padding 0.5s ease, left 0.5s ease;
}
.card.project .project-pathway:after {
content: "";
background-color: var(--bs-body-bg);
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
top: 0;
left: 0;
border-bottom-right-radius: 0.5em;
transform: skewX(-30deg);
box-shadow: 2px 2px 1em rgba(0, 0, 0, 0.2);
}
.card.project .project-pathway:has(a:hover) {
--label-spacer-x: calc((var(--bs-card-spacer-x) * 1.5) + var(--bs-card-spacer-x));
}
.card.project .project-status {
letter-spacing: 0.02em;
font-size: 75% !important;
text-transform: uppercase;
background-color: rgba(var(--bs-primary-rgb), 0.8);
color: white !important;
text-shadow: none !important;
border-radius: 2px;
padding: 0.125em 0.5em 0.3em;
font-weight: 600;
line-height: 1;
margin-top: 1em;
}
.card.project.type-2 .card-header {
position: relative;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x) calc(var(--bs-card-spacer-y) * 2);
aspect-ratio: 1.5;
justify-content: flex-end;
background: linear-gradient(to top right, var(--bs-black), transparent);
}
.card.project.type-2 .card-header a {
color: inherit;
text-decoration: none;
}
.card.project.type-2 .card-body {
aspect-ratio: inherit;
min-height: 0;
position: relative;
background: none;
justify-content: flex-start;
}
.card.project.type-2 .card-footer {
display: flex;
padding: 0;
align-items: center;
gap: 1rem;
margin-bottom: -1px;
}
.card.project.type-2 .project-services {
padding-top: 0;
margin: 0;
}
.card.project.type-2 .project-services:before {
content: none;
}
.card.project.type-2 .project-pathway {
font-weight: 600;
position: relative;
top: auto;
left: auto;
padding: var(--label-spacer-y) var(--bs-card-spacer-x);
}
.card.project.type-2 .project-pathway:after {
transform: skewX(30deg);
border-radius: 0 0.5em 0 0;
right: 0;
left: auto;
width: 150%;
}
.card.project.type-2 .project-status {
background: none;
position: relative;
margin: 0;
height: 70%;
display: flex;
align-items: center;
padding: 0.5em 1em 0.7em;
color: var(--bs-primary) !important;
}
.card.project.type-2 .project-status:after {
content: "";
position: absolute;
background-color: rgb(var(--bs-white-rgb), 0.1);
width: 100%;
height: 100%;
z-index: -1;
transform: skewX(30deg);
left: 0;
border-radius: 0 0.25em 0 0.25em;
}
.card.project:has(a.card-link) .client, .card.project:has(a.card-link) .card-title, .card.project:has(a.card-link) .project-location, .card.project:has(a.card-link) .project-status, .card.project:has(a.card-link) .project-pathway, .card.project:has(a.card-link) .project-services, .card.project:has(a.card-link) .commodity {
transition: opacity 0.5s, translate 0.5s ease;
}
.card.project:has(a.card-link) img {
transition: all 1s;
}
.card.project:has(a.card-link):hover .client, .card.project:has(a.card-link):hover .card-title, .card.project:has(a.card-link):hover .project-location, .card.project:has(a.card-link):hover .project-status {
translate: -50%;
opacity: 0;
}
.card.project:has(a.card-link):hover .project-services {
translate: 0 50%;
opacity: 0;
}
.card.project:has(a.card-link):hover .commodity {
opacity: 0;
}
.card.project:has(a.card-link):hover .project-pathway {
translate: 0 -100%;
}
.card.project:has(a.card-link):hover img {
scale: 1.5;
transition-duration: 20s;
}
.single-project .project-location {
margin-top: 1rem !important;
}
.single-project .project-location:has(.commodity) {
display: flex;
align-items: center;
gap: 1rem;
}
.single-project .project-location:has(.commodity) .commodity {
font-size: 1rem;
display: block;
padding: 0.1em 0.4em 0.2em 0.4em;
font-weight: 600;
text-transform: uppercase;
background: var(--bs-primary);
border-radius: 4px;
font-family: var(--bs-body-font-family);
line-height: 1;
}
.single-project #project-header nav {
display: flex;
align-items: center;
gap: 2rem;
margin-bottom: 0.5rem;
}
.single-project #project-header nav .small-heading {
margin-bottom: 0 !important;
}
.single-project #project-header nav a:hover {
color: var(--bs-primary);
}
.single-project .project-meta {
display: flex;
gap: 1rem 2rem;
position: relative;
padding: 1rem 1.5rem;
max-width: fit-content;
flex-wrap: wrap;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0);
backdrop-filter: brightness(0.5) blur(5px);
overflow: hidden;
margin-top: 1rem;
}
.single-project .project-meta > span {
display: flex;
flex-direction: column;
}
.single-project .project-meta strong {
text-transform: uppercase;
font-size: 70%;
font-weight: 700;
color: var(--bs-primary);
}
.single-project .project-meta a {
color: inherit;
}
.single-project .project-meta a:hover, .single-project .project-meta a:focus {
text-decoration: underline;
}
@media (max-width: 575.98px) {
.single-project .project-meta {
flex-direction: column;
max-width: 100%;
}
.single-project .project-meta > span {
flex-direction: row;
align-items: flex-end;
gap: 0.75rem;
}
.single-project .project-meta > span strong {
min-width: 6.6em;
}
}
/** 5. Effects */
/* - 5.1 Parallax */
/** Fancy stuff - parallax */
.parallaxed {
overflow: hidden;
}
.parallaxed span.parallax {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover !important;
}
.parallaxed span.parallax + img {
display: none;
}
/* - 5.2 Watermark */
/** Fancy stuff - watermark */
/* - 5.3 Animation */
/** Fancy stuff - animation */
/* css animations */
.animated,
.animated-children > * {
transition: all 1.2s ease-in-out;
}
.animated.fadeInLeft {
transform: translateX(-20px);
opacity: 0;
}
.animated.fadeInLeft.active {
transform: none;
opacity: 1;
}
.animated.fadeInRight {
transform: translateX(20px);
opacity: 0;
}
.animated.fadeInRight.active {
transform: none;
opacity: 1;
}
.animated.fadeInTop {
transform: translateY(-30px);
opacity: 0;
}
.animated.fadeInTop.active {
transform: none;
opacity: 1;
}
.animated.fadeInBottom {
transform: translateY(30px);
opacity: 0;
}
.animated.fadeInBottom.active {
transform: none;
opacity: 1;
}
.animated-children.fadeInLeft > * {
transform: translateX(-20px);
opacity: 0;
}
.animated-children.fadeInLeft.active > * {
transform: translateX(-20px);
opacity: 1;
}
.animated-children.fadeInRight > * {
transform: translateX(20px);
opacity: 0;
}
.animated-children.fadeInRight.active > * {
transform: translateX(20px);
opacity: 1;
}
.animated-children.fadeInTop > * {
transform: translateY(-30px);
opacity: 0;
}
.animated-children.fadeInTop.active > * {
transform: translateY(-30px);
opacity: 1;
}
.animated-children.fadeInBottom > * {
transform: translateY(30px);
opacity: 0;
}
.animated-children.fadeInBottom.active > * {
transform: translateY(30px);
opacity: 1;
}
.animated.fadeIn,
.animated-children.fadeIn > * {
opacity: 0;
}
.animated.fadeIn.active,
.animated-children.fadeIn > *.active {
opacity: 1 !important;
}
.animated.rollInLeft {
opacity: 0;
transform: translateX(-100%) rotate(-180deg);
}
.animated.rollInLeft.slight {
transform: translateX(-100%) rotate(-20deg);
}
.animated.rollInLeft.active {
opacity: 1;
transform: none;
}
.animated.fadeOut,
.animated-children.fadeOut > * {
opacity: 1;
}
.animated.fadeOut.active,
.animated-children.fadeOut > *.active {
opacity: 0;
}
.animated.img__hover--grow {
overflow: hidden;
position: relative;
}
.animated.img__hover--grow img {
transition: 5s ease-out;
}
.animated.img__hover--grow:hover img {
transform: scale(1.125);
-webkit-transform: scale(1.125);
}
.animated.bounce-vertical__inner--arrows.active .wp-block-button__link::before, .animated.bounce-vertical__inner--arrows.active .wp-block-button__link::after {
animation: bounces 2s ease 2 forwards;
}
@keyframes bounces {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-8px);
}
60% {
transform: translateY(-4px);
}
}
@media (min-width: 992px) {
.animation-delay-100 {
animation-delay: 100ms !important;
}
.transition-delay-100 {
transition-delay: 100ms !important;
}
.animation-speed-100 {
animation-duration: 100ms !important;
}
.transition-speed-100 {
transition-duration: 100ms !important;
}
.animation-delay-200 {
animation-delay: 200ms !important;
}
.transition-delay-200 {
transition-delay: 200ms !important;
}
.animation-speed-200 {
animation-duration: 200ms !important;
}
.transition-speed-200 {
transition-duration: 200ms !important;
}
.animation-delay-300 {
animation-delay: 300ms !important;
}
.transition-delay-300 {
transition-delay: 300ms !important;
}
.animation-speed-300 {
animation-duration: 300ms !important;
}
.transition-speed-300 {
transition-duration: 300ms !important;
}
.animation-delay-400 {
animation-delay: 400ms !important;
}
.transition-delay-400 {
transition-delay: 400ms !important;
}
.animation-speed-400 {
animation-duration: 400ms !important;
}
.transition-speed-400 {
transition-duration: 400ms !important;
}
.animation-delay-500 {
animation-delay: 500ms !important;
}
.transition-delay-500 {
transition-delay: 500ms !important;
}
.animation-speed-500 {
animation-duration: 500ms !important;
}
.transition-speed-500 {
transition-duration: 500ms !important;
}
.animation-delay-600 {
animation-delay: 600ms !important;
}
.transition-delay-600 {
transition-delay: 600ms !important;
}
.animation-speed-600 {
animation-duration: 600ms !important;
}
.transition-speed-600 {
transition-duration: 600ms !important;
}
.animation-delay-700 {
animation-delay: 700ms !important;
}
.transition-delay-700 {
transition-delay: 700ms !important;
}
.animation-speed-700 {
animation-duration: 700ms !important;
}
.transition-speed-700 {
transition-duration: 700ms !important;
}
.animation-delay-800 {
animation-delay: 800ms !important;
}
.transition-delay-800 {
transition-delay: 800ms !important;
}
.animation-speed-800 {
animation-duration: 800ms !important;
}
.transition-speed-800 {
transition-duration: 800ms !important;
}
.animation-delay-900 {
animation-delay: 900ms !important;
}
.transition-delay-900 {
transition-delay: 900ms !important;
}
.animation-speed-900 {
animation-duration: 900ms !important;
}
.transition-speed-900 {
transition-duration: 900ms !important;
}
.animation-delay-1000 {
animation-delay: 1000ms !important;
}
.transition-delay-1000 {
transition-delay: 1000ms !important;
}
.animation-speed-1000 {
animation-duration: 1000ms !important;
}
.transition-speed-1000 {
transition-duration: 1000ms !important;
}
.animation-delay-1100 {
animation-delay: 1100ms !important;
}
.transition-delay-1100 {
transition-delay: 1100ms !important;
}
.animation-speed-1100 {
animation-duration: 1100ms !important;
}
.transition-speed-1100 {
transition-duration: 1100ms !important;
}
.animation-delay-1200 {
animation-delay: 1200ms !important;
}
.transition-delay-1200 {
transition-delay: 1200ms !important;
}
.animation-speed-1200 {
animation-duration: 1200ms !important;
}
.transition-speed-1200 {
transition-duration: 1200ms !important;
}
.animation-delay-1300 {
animation-delay: 1300ms !important;
}
.transition-delay-1300 {
transition-delay: 1300ms !important;
}
.animation-speed-1300 {
animation-duration: 1300ms !important;
}
.transition-speed-1300 {
transition-duration: 1300ms !important;
}
.animation-delay-1400 {
animation-delay: 1400ms !important;
}
.transition-delay-1400 {
transition-delay: 1400ms !important;
}
.animation-speed-1400 {
animation-duration: 1400ms !important;
}
.transition-speed-1400 {
transition-duration: 1400ms !important;
}
.animation-delay-1500 {
animation-delay: 1500ms !important;
}
.transition-delay-1500 {
transition-delay: 1500ms !important;
}
.animation-speed-1500 {
animation-duration: 1500ms !important;
}
.transition-speed-1500 {
transition-duration: 1500ms !important;
}
.animation-delay-1600 {
animation-delay: 1600ms !important;
}
.transition-delay-1600 {
transition-delay: 1600ms !important;
}
.animation-speed-1600 {
animation-duration: 1600ms !important;
}
.transition-speed-1600 {
transition-duration: 1600ms !important;
}
.animation-delay-1700 {
animation-delay: 1700ms !important;
}
.transition-delay-1700 {
transition-delay: 1700ms !important;
}
.animation-speed-1700 {
animation-duration: 1700ms !important;
}
.transition-speed-1700 {
transition-duration: 1700ms !important;
}
.animation-delay-1800 {
animation-delay: 1800ms !important;
}
.transition-delay-1800 {
transition-delay: 1800ms !important;
}
.animation-speed-1800 {
animation-duration: 1800ms !important;
}
.transition-speed-1800 {
transition-duration: 1800ms !important;
}
.animation-delay-1900 {
animation-delay: 1900ms !important;
}
.transition-delay-1900 {
transition-delay: 1900ms !important;
}
.animation-speed-1900 {
animation-duration: 1900ms !important;
}
.transition-speed-1900 {
transition-duration: 1900ms !important;
}
.animation-delay-2000 {
animation-delay: 2000ms !important;
}
.transition-delay-2000 {
transition-delay: 2000ms !important;
}
.animation-speed-2000 {
animation-duration: 2000ms !important;
}
.transition-speed-2000 {
transition-duration: 2000ms !important;
}
.animation-delay-2100 {
animation-delay: 2100ms !important;
}
.transition-delay-2100 {
transition-delay: 2100ms !important;
}
.animation-speed-2100 {
animation-duration: 2100ms !important;
}
.transition-speed-2100 {
transition-duration: 2100ms !important;
}
.animation-delay-2200 {
animation-delay: 2200ms !important;
}
.transition-delay-2200 {
transition-delay: 2200ms !important;
}
.animation-speed-2200 {
animation-duration: 2200ms !important;
}
.transition-speed-2200 {
transition-duration: 2200ms !important;
}
.animation-delay-2300 {
animation-delay: 2300ms !important;
}
.transition-delay-2300 {
transition-delay: 2300ms !important;
}
.animation-speed-2300 {
animation-duration: 2300ms !important;
}
.transition-speed-2300 {
transition-duration: 2300ms !important;
}
.animation-delay-2400 {
animation-delay: 2400ms !important;
}
.transition-delay-2400 {
transition-delay: 2400ms !important;
}
.animation-speed-2400 {
animation-duration: 2400ms !important;
}
.transition-speed-2400 {
transition-duration: 2400ms !important;
}
.animation-delay-2500 {
animation-delay: 2500ms !important;
}
.transition-delay-2500 {
transition-delay: 2500ms !important;
}
.animation-speed-2500 {
animation-duration: 2500ms !important;
}
.transition-speed-2500 {
transition-duration: 2500ms !important;
}
.animation-delay-2600 {
animation-delay: 2600ms !important;
}
.transition-delay-2600 {
transition-delay: 2600ms !important;
}
.animation-speed-2600 {
animation-duration: 2600ms !important;
}
.transition-speed-2600 {
transition-duration: 2600ms !important;
}
.animation-delay-2700 {
animation-delay: 2700ms !important;
}
.transition-delay-2700 {
transition-delay: 2700ms !important;
}
.animation-speed-2700 {
animation-duration: 2700ms !important;
}
.transition-speed-2700 {
transition-duration: 2700ms !important;
}
.animation-delay-2800 {
animation-delay: 2800ms !important;
}
.transition-delay-2800 {
transition-delay: 2800ms !important;
}
.animation-speed-2800 {
animation-duration: 2800ms !important;
}
.transition-speed-2800 {
transition-duration: 2800ms !important;
}
.animation-delay-2900 {
animation-delay: 2900ms !important;
}
.transition-delay-2900 {
transition-delay: 2900ms !important;
}
.animation-speed-2900 {
animation-duration: 2900ms !important;
}
.transition-speed-2900 {
transition-duration: 2900ms !important;
}
.animation-delay-3000 {
animation-delay: 3000ms !important;
}
.transition-delay-3000 {
transition-delay: 3000ms !important;
}
.animation-speed-3000 {
animation-duration: 3000ms !important;
}
.transition-speed-3000 {
transition-duration: 3000ms !important;
}
.animation-delay-3100 {
animation-delay: 3100ms !important;
}
.transition-delay-3100 {
transition-delay: 3100ms !important;
}
.animation-speed-3100 {
animation-duration: 3100ms !important;
}
.transition-speed-3100 {
transition-duration: 3100ms !important;
}
.animation-delay-3200 {
animation-delay: 3200ms !important;
}
.transition-delay-3200 {
transition-delay: 3200ms !important;
}
.animation-speed-3200 {
animation-duration: 3200ms !important;
}
.transition-speed-3200 {
transition-duration: 3200ms !important;
}
.animation-delay-3300 {
animation-delay: 3300ms !important;
}
.transition-delay-3300 {
transition-delay: 3300ms !important;
}
.animation-speed-3300 {
animation-duration: 3300ms !important;
}
.transition-speed-3300 {
transition-duration: 3300ms !important;
}
.animation-delay-3400 {
animation-delay: 3400ms !important;
}
.transition-delay-3400 {
transition-delay: 3400ms !important;
}
.animation-speed-3400 {
animation-duration: 3400ms !important;
}
.transition-speed-3400 {
transition-duration: 3400ms !important;
}
.animation-delay-3500 {
animation-delay: 3500ms !important;
}
.transition-delay-3500 {
transition-delay: 3500ms !important;
}
.animation-speed-3500 {
animation-duration: 3500ms !important;
}
.transition-speed-3500 {
transition-duration: 3500ms !important;
}
.animation-delay-3600 {
animation-delay: 3600ms !important;
}
.transition-delay-3600 {
transition-delay: 3600ms !important;
}
.animation-speed-3600 {
animation-duration: 3600ms !important;
}
.transition-speed-3600 {
transition-duration: 3600ms !important;
}
.animation-delay-3700 {
animation-delay: 3700ms !important;
}
.transition-delay-3700 {
transition-delay: 3700ms !important;
}
.animation-speed-3700 {
animation-duration: 3700ms !important;
}
.transition-speed-3700 {
transition-duration: 3700ms !important;
}
.animation-delay-3800 {
animation-delay: 3800ms !important;
}
.transition-delay-3800 {
transition-delay: 3800ms !important;
}
.animation-speed-3800 {
animation-duration: 3800ms !important;
}
.transition-speed-3800 {
transition-duration: 3800ms !important;
}
.animation-delay-3900 {
animation-delay: 3900ms !important;
}
.transition-delay-3900 {
transition-delay: 3900ms !important;
}
.animation-speed-3900 {
animation-duration: 3900ms !important;
}
.transition-speed-3900 {
transition-duration: 3900ms !important;
}
.animation-delay-4000 {
animation-delay: 4000ms !important;
}
.transition-delay-4000 {
transition-delay: 4000ms !important;
}
.animation-speed-4000 {
animation-duration: 4000ms !important;
}
.transition-speed-4000 {
transition-duration: 4000ms !important;
}
.animation-delay-4100 {
animation-delay: 4100ms !important;
}
.transition-delay-4100 {
transition-delay: 4100ms !important;
}
.animation-speed-4100 {
animation-duration: 4100ms !important;
}
.transition-speed-4100 {
transition-duration: 4100ms !important;
}
.animation-delay-4200 {
animation-delay: 4200ms !important;
}
.transition-delay-4200 {
transition-delay: 4200ms !important;
}
.animation-speed-4200 {
animation-duration: 4200ms !important;
}
.transition-speed-4200 {
transition-duration: 4200ms !important;
}
.animation-delay-4300 {
animation-delay: 4300ms !important;
}
.transition-delay-4300 {
transition-delay: 4300ms !important;
}
.animation-speed-4300 {
animation-duration: 4300ms !important;
}
.transition-speed-4300 {
transition-duration: 4300ms !important;
}
.animation-delay-4400 {
animation-delay: 4400ms !important;
}
.transition-delay-4400 {
transition-delay: 4400ms !important;
}
.animation-speed-4400 {
animation-duration: 4400ms !important;
}
.transition-speed-4400 {
transition-duration: 4400ms !important;
}
.animation-delay-4500 {
animation-delay: 4500ms !important;
}
.transition-delay-4500 {
transition-delay: 4500ms !important;
}
.animation-speed-4500 {
animation-duration: 4500ms !important;
}
.transition-speed-4500 {
transition-duration: 4500ms !important;
}
.animation-delay-4600 {
animation-delay: 4600ms !important;
}
.transition-delay-4600 {
transition-delay: 4600ms !important;
}
.animation-speed-4600 {
animation-duration: 4600ms !important;
}
.transition-speed-4600 {
transition-duration: 4600ms !important;
}
.animation-delay-4700 {
animation-delay: 4700ms !important;
}
.transition-delay-4700 {
transition-delay: 4700ms !important;
}
.animation-speed-4700 {
animation-duration: 4700ms !important;
}
.transition-speed-4700 {
transition-duration: 4700ms !important;
}
.animation-delay-4800 {
animation-delay: 4800ms !important;
}
.transition-delay-4800 {
transition-delay: 4800ms !important;
}
.animation-speed-4800 {
animation-duration: 4800ms !important;
}
.transition-speed-4800 {
transition-duration: 4800ms !important;
}
.animation-delay-4900 {
animation-delay: 4900ms !important;
}
.transition-delay-4900 {
transition-delay: 4900ms !important;
}
.animation-speed-4900 {
animation-duration: 4900ms !important;
}
.transition-speed-4900 {
transition-duration: 4900ms !important;
}
.animation-delay-5000 {
animation-delay: 5000ms !important;
}
.transition-delay-5000 {
transition-delay: 5000ms !important;
}
.animation-speed-5000 {
animation-duration: 5000ms !important;
}
.transition-speed-5000 {
transition-duration: 5000ms !important;
}
.animation-delay-5100 {
animation-delay: 5100ms !important;
}
.transition-delay-5100 {
transition-delay: 5100ms !important;
}
.animation-speed-5100 {
animation-duration: 5100ms !important;
}
.transition-speed-5100 {
transition-duration: 5100ms !important;
}
.animation-delay-5200 {
animation-delay: 5200ms !important;
}
.transition-delay-5200 {
transition-delay: 5200ms !important;
}
.animation-speed-5200 {
animation-duration: 5200ms !important;
}
.transition-speed-5200 {
transition-duration: 5200ms !important;
}
.animation-delay-5300 {
animation-delay: 5300ms !important;
}
.transition-delay-5300 {
transition-delay: 5300ms !important;
}
.animation-speed-5300 {
animation-duration: 5300ms !important;
}
.transition-speed-5300 {
transition-duration: 5300ms !important;
}
.animation-delay-5400 {
animation-delay: 5400ms !important;
}
.transition-delay-5400 {
transition-delay: 5400ms !important;
}
.animation-speed-5400 {
animation-duration: 5400ms !important;
}
.transition-speed-5400 {
transition-duration: 5400ms !important;
}
.animation-delay-5500 {
animation-delay: 5500ms !important;
}
.transition-delay-5500 {
transition-delay: 5500ms !important;
}
.animation-speed-5500 {
animation-duration: 5500ms !important;
}
.transition-speed-5500 {
transition-duration: 5500ms !important;
}
.animation-delay-5600 {
animation-delay: 5600ms !important;
}
.transition-delay-5600 {
transition-delay: 5600ms !important;
}
.animation-speed-5600 {
animation-duration: 5600ms !important;
}
.transition-speed-5600 {
transition-duration: 5600ms !important;
}
.animation-delay-5700 {
animation-delay: 5700ms !important;
}
.transition-delay-5700 {
transition-delay: 5700ms !important;
}
.animation-speed-5700 {
animation-duration: 5700ms !important;
}
.transition-speed-5700 {
transition-duration: 5700ms !important;
}
.animation-delay-5800 {
animation-delay: 5800ms !important;
}
.transition-delay-5800 {
transition-delay: 5800ms !important;
}
.animation-speed-5800 {
animation-duration: 5800ms !important;
}
.transition-speed-5800 {
transition-duration: 5800ms !important;
}
.animation-delay-5900 {
animation-delay: 5900ms !important;
}
.transition-delay-5900 {
transition-delay: 5900ms !important;
}
.animation-speed-5900 {
animation-duration: 5900ms !important;
}
.transition-speed-5900 {
transition-duration: 5900ms !important;
}
.animation-delay-6000 {
animation-delay: 6000ms !important;
}
.transition-delay-6000 {
transition-delay: 6000ms !important;
}
.animation-speed-6000 {
animation-duration: 6000ms !important;
}
.transition-speed-6000 {
transition-duration: 6000ms !important;
}
.animation-delay-6100 {
animation-delay: 6100ms !important;
}
.transition-delay-6100 {
transition-delay: 6100ms !important;
}
.animation-speed-6100 {
animation-duration: 6100ms !important;
}
.transition-speed-6100 {
transition-duration: 6100ms !important;
}
.animation-delay-6200 {
animation-delay: 6200ms !important;
}
.transition-delay-6200 {
transition-delay: 6200ms !important;
}
.animation-speed-6200 {
animation-duration: 6200ms !important;
}
.transition-speed-6200 {
transition-duration: 6200ms !important;
}
.animation-delay-6300 {
animation-delay: 6300ms !important;
}
.transition-delay-6300 {
transition-delay: 6300ms !important;
}
.animation-speed-6300 {
animation-duration: 6300ms !important;
}
.transition-speed-6300 {
transition-duration: 6300ms !important;
}
.animation-delay-6400 {
animation-delay: 6400ms !important;
}
.transition-delay-6400 {
transition-delay: 6400ms !important;
}
.animation-speed-6400 {
animation-duration: 6400ms !important;
}
.transition-speed-6400 {
transition-duration: 6400ms !important;
}
.animation-delay-6500 {
animation-delay: 6500ms !important;
}
.transition-delay-6500 {
transition-delay: 6500ms !important;
}
.animation-speed-6500 {
animation-duration: 6500ms !important;
}
.transition-speed-6500 {
transition-duration: 6500ms !important;
}
.animation-delay-6600 {
animation-delay: 6600ms !important;
}
.transition-delay-6600 {
transition-delay: 6600ms !important;
}
.animation-speed-6600 {
animation-duration: 6600ms !important;
}
.transition-speed-6600 {
transition-duration: 6600ms !important;
}
.animation-delay-6700 {
animation-delay: 6700ms !important;
}
.transition-delay-6700 {
transition-delay: 6700ms !important;
}
.animation-speed-6700 {
animation-duration: 6700ms !important;
}
.transition-speed-6700 {
transition-duration: 6700ms !important;
}
.animation-delay-6800 {
animation-delay: 6800ms !important;
}
.transition-delay-6800 {
transition-delay: 6800ms !important;
}
.animation-speed-6800 {
animation-duration: 6800ms !important;
}
.transition-speed-6800 {
transition-duration: 6800ms !important;
}
.animation-delay-6900 {
animation-delay: 6900ms !important;
}
.transition-delay-6900 {
transition-delay: 6900ms !important;
}
.animation-speed-6900 {
animation-duration: 6900ms !important;
}
.transition-speed-6900 {
transition-duration: 6900ms !important;
}
.animation-delay-7000 {
animation-delay: 7000ms !important;
}
.transition-delay-7000 {
transition-delay: 7000ms !important;
}
.animation-speed-7000 {
animation-duration: 7000ms !important;
}
.transition-speed-7000 {
transition-duration: 7000ms !important;
}
.animation-delay-7100 {
animation-delay: 7100ms !important;
}
.transition-delay-7100 {
transition-delay: 7100ms !important;
}
.animation-speed-7100 {
animation-duration: 7100ms !important;
}
.transition-speed-7100 {
transition-duration: 7100ms !important;
}
.animation-delay-7200 {
animation-delay: 7200ms !important;
}
.transition-delay-7200 {
transition-delay: 7200ms !important;
}
.animation-speed-7200 {
animation-duration: 7200ms !important;
}
.transition-speed-7200 {
transition-duration: 7200ms !important;
}
.animation-delay-7300 {
animation-delay: 7300ms !important;
}
.transition-delay-7300 {
transition-delay: 7300ms !important;
}
.animation-speed-7300 {
animation-duration: 7300ms !important;
}
.transition-speed-7300 {
transition-duration: 7300ms !important;
}
.animation-delay-7400 {
animation-delay: 7400ms !important;
}
.transition-delay-7400 {
transition-delay: 7400ms !important;
}
.animation-speed-7400 {
animation-duration: 7400ms !important;
}
.transition-speed-7400 {
transition-duration: 7400ms !important;
}
.animation-delay-7500 {
animation-delay: 7500ms !important;
}
.transition-delay-7500 {
transition-delay: 7500ms !important;
}
.animation-speed-7500 {
animation-duration: 7500ms !important;
}
.transition-speed-7500 {
transition-duration: 7500ms !important;
}
.animation-delay-7600 {
animation-delay: 7600ms !important;
}
.transition-delay-7600 {
transition-delay: 7600ms !important;
}
.animation-speed-7600 {
animation-duration: 7600ms !important;
}
.transition-speed-7600 {
transition-duration: 7600ms !important;
}
.animation-delay-7700 {
animation-delay: 7700ms !important;
}
.transition-delay-7700 {
transition-delay: 7700ms !important;
}
.animation-speed-7700 {
animation-duration: 7700ms !important;
}
.transition-speed-7700 {
transition-duration: 7700ms !important;
}
.animation-delay-7800 {
animation-delay: 7800ms !important;
}
.transition-delay-7800 {
transition-delay: 7800ms !important;
}
.animation-speed-7800 {
animation-duration: 7800ms !important;
}
.transition-speed-7800 {
transition-duration: 7800ms !important;
}
.animation-delay-7900 {
animation-delay: 7900ms !important;
}
.transition-delay-7900 {
transition-delay: 7900ms !important;
}
.animation-speed-7900 {
animation-duration: 7900ms !important;
}
.transition-speed-7900 {
transition-duration: 7900ms !important;
}
.animation-delay-8000 {
animation-delay: 8000ms !important;
}
.transition-delay-8000 {
transition-delay: 8000ms !important;
}
.animation-speed-8000 {
animation-duration: 8000ms !important;
}
.transition-speed-8000 {
transition-duration: 8000ms !important;
}
.animation-delay-8100 {
animation-delay: 8100ms !important;
}
.transition-delay-8100 {
transition-delay: 8100ms !important;
}
.animation-speed-8100 {
animation-duration: 8100ms !important;
}
.transition-speed-8100 {
transition-duration: 8100ms !important;
}
.animation-delay-8200 {
animation-delay: 8200ms !important;
}
.transition-delay-8200 {
transition-delay: 8200ms !important;
}
.animation-speed-8200 {
animation-duration: 8200ms !important;
}
.transition-speed-8200 {
transition-duration: 8200ms !important;
}
.animation-delay-8300 {
animation-delay: 8300ms !important;
}
.transition-delay-8300 {
transition-delay: 8300ms !important;
}
.animation-speed-8300 {
animation-duration: 8300ms !important;
}
.transition-speed-8300 {
transition-duration: 8300ms !important;
}
.animation-delay-8400 {
animation-delay: 8400ms !important;
}
.transition-delay-8400 {
transition-delay: 8400ms !important;
}
.animation-speed-8400 {
animation-duration: 8400ms !important;
}
.transition-speed-8400 {
transition-duration: 8400ms !important;
}
.animation-delay-8500 {
animation-delay: 8500ms !important;
}
.transition-delay-8500 {
transition-delay: 8500ms !important;
}
.animation-speed-8500 {
animation-duration: 8500ms !important;
}
.transition-speed-8500 {
transition-duration: 8500ms !important;
}
.animation-delay-8600 {
animation-delay: 8600ms !important;
}
.transition-delay-8600 {
transition-delay: 8600ms !important;
}
.animation-speed-8600 {
animation-duration: 8600ms !important;
}
.transition-speed-8600 {
transition-duration: 8600ms !important;
}
.animation-delay-8700 {
animation-delay: 8700ms !important;
}
.transition-delay-8700 {
transition-delay: 8700ms !important;
}
.animation-speed-8700 {
animation-duration: 8700ms !important;
}
.transition-speed-8700 {
transition-duration: 8700ms !important;
}
.animation-delay-8800 {
animation-delay: 8800ms !important;
}
.transition-delay-8800 {
transition-delay: 8800ms !important;
}
.animation-speed-8800 {
animation-duration: 8800ms !important;
}
.transition-speed-8800 {
transition-duration: 8800ms !important;
}
.animation-delay-8900 {
animation-delay: 8900ms !important;
}
.transition-delay-8900 {
transition-delay: 8900ms !important;
}
.animation-speed-8900 {
animation-duration: 8900ms !important;
}
.transition-speed-8900 {
transition-duration: 8900ms !important;
}
.animation-delay-9000 {
animation-delay: 9000ms !important;
}
.transition-delay-9000 {
transition-delay: 9000ms !important;
}
.animation-speed-9000 {
animation-duration: 9000ms !important;
}
.transition-speed-9000 {
transition-duration: 9000ms !important;
}
.animation-delay-9100 {
animation-delay: 9100ms !important;
}
.transition-delay-9100 {
transition-delay: 9100ms !important;
}
.animation-speed-9100 {
animation-duration: 9100ms !important;
}
.transition-speed-9100 {
transition-duration: 9100ms !important;
}
.animation-delay-9200 {
animation-delay: 9200ms !important;
}
.transition-delay-9200 {
transition-delay: 9200ms !important;
}
.animation-speed-9200 {
animation-duration: 9200ms !important;
}
.transition-speed-9200 {
transition-duration: 9200ms !important;
}
.animation-delay-9300 {
animation-delay: 9300ms !important;
}
.transition-delay-9300 {
transition-delay: 9300ms !important;
}
.animation-speed-9300 {
animation-duration: 9300ms !important;
}
.transition-speed-9300 {
transition-duration: 9300ms !important;
}
.animation-delay-9400 {
animation-delay: 9400ms !important;
}
.transition-delay-9400 {
transition-delay: 9400ms !important;
}
.animation-speed-9400 {
animation-duration: 9400ms !important;
}
.transition-speed-9400 {
transition-duration: 9400ms !important;
}
.animation-delay-9500 {
animation-delay: 9500ms !important;
}
.transition-delay-9500 {
transition-delay: 9500ms !important;
}
.animation-speed-9500 {
animation-duration: 9500ms !important;
}
.transition-speed-9500 {
transition-duration: 9500ms !important;
}
.animation-delay-9600 {
animation-delay: 9600ms !important;
}
.transition-delay-9600 {
transition-delay: 9600ms !important;
}
.animation-speed-9600 {
animation-duration: 9600ms !important;
}
.transition-speed-9600 {
transition-duration: 9600ms !important;
}
.animation-delay-9700 {
animation-delay: 9700ms !important;
}
.transition-delay-9700 {
transition-delay: 9700ms !important;
}
.animation-speed-9700 {
animation-duration: 9700ms !important;
}
.transition-speed-9700 {
transition-duration: 9700ms !important;
}
.animation-delay-9800 {
animation-delay: 9800ms !important;
}
.transition-delay-9800 {
transition-delay: 9800ms !important;
}
.animation-speed-9800 {
animation-duration: 9800ms !important;
}
.transition-speed-9800 {
transition-duration: 9800ms !important;
}
.animation-delay-9900 {
animation-delay: 9900ms !important;
}
.transition-delay-9900 {
transition-delay: 9900ms !important;
}
.animation-speed-9900 {
animation-duration: 9900ms !important;
}
.transition-speed-9900 {
transition-duration: 9900ms !important;
}
.animation-delay-10000 {
animation-delay: 10000ms !important;
}
.transition-delay-10000 {
transition-delay: 10000ms !important;
}
.animation-speed-10000 {
animation-duration: 10000ms !important;
}
.transition-speed-10000 {
transition-duration: 10000ms !important;
}
.animation-delay-10100 {
animation-delay: 10100ms !important;
}
.transition-delay-10100 {
transition-delay: 10100ms !important;
}
.animation-speed-10100 {
animation-duration: 10100ms !important;
}
.transition-speed-10100 {
transition-duration: 10100ms !important;
}
.animation-delay-10200 {
animation-delay: 10200ms !important;
}
.transition-delay-10200 {
transition-delay: 10200ms !important;
}
.animation-speed-10200 {
animation-duration: 10200ms !important;
}
.transition-speed-10200 {
transition-duration: 10200ms !important;
}
.animation-delay-10300 {
animation-delay: 10300ms !important;
}
.transition-delay-10300 {
transition-delay: 10300ms !important;
}
.animation-speed-10300 {
animation-duration: 10300ms !important;
}
.transition-speed-10300 {
transition-duration: 10300ms !important;
}
.animation-delay-10400 {
animation-delay: 10400ms !important;
}
.transition-delay-10400 {
transition-delay: 10400ms !important;
}
.animation-speed-10400 {
animation-duration: 10400ms !important;
}
.transition-speed-10400 {
transition-duration: 10400ms !important;
}
.animation-delay-10500 {
animation-delay: 10500ms !important;
}
.transition-delay-10500 {
transition-delay: 10500ms !important;
}
.animation-speed-10500 {
animation-duration: 10500ms !important;
}
.transition-speed-10500 {
transition-duration: 10500ms !important;
}
.animation-delay-10600 {
animation-delay: 10600ms !important;
}
.transition-delay-10600 {
transition-delay: 10600ms !important;
}
.animation-speed-10600 {
animation-duration: 10600ms !important;
}
.transition-speed-10600 {
transition-duration: 10600ms !important;
}
.animation-delay-10700 {
animation-delay: 10700ms !important;
}
.transition-delay-10700 {
transition-delay: 10700ms !important;
}
.animation-speed-10700 {
animation-duration: 10700ms !important;
}
.transition-speed-10700 {
transition-duration: 10700ms !important;
}
.animation-delay-10800 {
animation-delay: 10800ms !important;
}
.transition-delay-10800 {
transition-delay: 10800ms !important;
}
.animation-speed-10800 {
animation-duration: 10800ms !important;
}
.transition-speed-10800 {
transition-duration: 10800ms !important;
}
.animation-delay-10900 {
animation-delay: 10900ms !important;
}
.transition-delay-10900 {
transition-delay: 10900ms !important;
}
.animation-speed-10900 {
animation-duration: 10900ms !important;
}
.transition-speed-10900 {
transition-duration: 10900ms !important;
}
.animation-delay-11000 {
animation-delay: 11000ms !important;
}
.transition-delay-11000 {
transition-delay: 11000ms !important;
}
.animation-speed-11000 {
animation-duration: 11000ms !important;
}
.transition-speed-11000 {
transition-duration: 11000ms !important;
}
.animation-delay-11100 {
animation-delay: 11100ms !important;
}
.transition-delay-11100 {
transition-delay: 11100ms !important;
}
.animation-speed-11100 {
animation-duration: 11100ms !important;
}
.transition-speed-11100 {
transition-duration: 11100ms !important;
}
.animation-delay-11200 {
animation-delay: 11200ms !important;
}
.transition-delay-11200 {
transition-delay: 11200ms !important;
}
.animation-speed-11200 {
animation-duration: 11200ms !important;
}
.transition-speed-11200 {
transition-duration: 11200ms !important;
}
.animation-delay-11300 {
animation-delay: 11300ms !important;
}
.transition-delay-11300 {
transition-delay: 11300ms !important;
}
.animation-speed-11300 {
animation-duration: 11300ms !important;
}
.transition-speed-11300 {
transition-duration: 11300ms !important;
}
.animation-delay-11400 {
animation-delay: 11400ms !important;
}
.transition-delay-11400 {
transition-delay: 11400ms !important;
}
.animation-speed-11400 {
animation-duration: 11400ms !important;
}
.transition-speed-11400 {
transition-duration: 11400ms !important;
}
.animation-delay-11500 {
animation-delay: 11500ms !important;
}
.transition-delay-11500 {
transition-delay: 11500ms !important;
}
.animation-speed-11500 {
animation-duration: 11500ms !important;
}
.transition-speed-11500 {
transition-duration: 11500ms !important;
}
.animation-delay-11600 {
animation-delay: 11600ms !important;
}
.transition-delay-11600 {
transition-delay: 11600ms !important;
}
.animation-speed-11600 {
animation-duration: 11600ms !important;
}
.transition-speed-11600 {
transition-duration: 11600ms !important;
}
.animation-delay-11700 {
animation-delay: 11700ms !important;
}
.transition-delay-11700 {
transition-delay: 11700ms !important;
}
.animation-speed-11700 {
animation-duration: 11700ms !important;
}
.transition-speed-11700 {
transition-duration: 11700ms !important;
}
.animation-delay-11800 {
animation-delay: 11800ms !important;
}
.transition-delay-11800 {
transition-delay: 11800ms !important;
}
.animation-speed-11800 {
animation-duration: 11800ms !important;
}
.transition-speed-11800 {
transition-duration: 11800ms !important;
}
.animation-delay-11900 {
animation-delay: 11900ms !important;
}
.transition-delay-11900 {
transition-delay: 11900ms !important;
}
.animation-speed-11900 {
animation-duration: 11900ms !important;
}
.transition-speed-11900 {
transition-duration: 11900ms !important;
}
.animation-delay-12000 {
animation-delay: 12000ms !important;
}
.transition-delay-12000 {
transition-delay: 12000ms !important;
}
.animation-speed-12000 {
animation-duration: 12000ms !important;
}
.transition-speed-12000 {
transition-duration: 12000ms !important;
}
}