body {
background-color: #f3f4f6;
color: #273956;
transition: 0.3s background-color ease-in-out;
overflow: hidden;
}
body.loaded {
overflow: initial;
}
body.dark-theme {
color: #ffffff;
background-color: #0e2242;
}
body.dark-theme::-webkit-scrollbar {
width: 5px;
height: 5px;
}
body.dark-theme::-webkit-scrollbar-thumb {
background: #0e2242;
}
body.dark-theme::-webkit-scrollbar-track {
background: #f3f4f6;
}
body.dark-theme {
scrollbar-face-color: #0e2242;
scrollbar-track-color: #f3f4f6;
}
body.dark-theme * {
color: #ffffff;
}
body::-webkit-scrollbar {
width: 5px;
height: 5px;
}
body::-webkit-scrollbar-thumb {
background: #f3f4f6;
}
body::-webkit-scrollbar-track {
background: #0e2242;
}
body {
scrollbar-face-color: #f3f4f6;
scrollbar-track-color: #0e2242;
}
html * {
font-family: Montserrat, sans-serif;
}
img {
height: auto;
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6, .heading-title, .heading-subtitle, .heading-xl, .heading-lg, .heading-md, .heading-sm, .heading-xs, .heading-micro {
font-family: Barlow, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: 0.05em;
color: inherit;
margin: 0;
}
.heading-title {
font-weight: 600;
font-size: 32px;
line-height: 100%;
margin: 0 0 32px 0;
}
@media (min-width: 992px) {
.heading-title {
font-size: 56px;
}
}
@media (min-width: 1400px) {
.heading-title {
font-size: 3.5vw;
margin-bottom: 48px;
}
}
.heading-subtitle {
font-size: 20px;
line-height: 120%;
font-family: Montserrat, sans-serif;
}
@media (min-width: 1200px) {
.heading-subtitle {
font-size: 28px;
}
}
h1, .heading-xl, p.heading-xl {
font-size: 48px;
line-height: 100%;
margin: 0 0 32px 0;
}
@media (max-width: 992px) {
h1, .heading-xl, p.heading-xl {
font-size: 1.8rem;
}
}
@media (min-width: 1400px) {
h1, .heading-xl, p.heading-xl {
margin-bottom: 48px;
font-size: 56px;
}
}
h2, .heading-lg, p.heading-lg {
font-weight: 600;
font-size: 32px;
line-height: 120%;
margin: 0 0 24px 0;
}
@media (max-width: 992px) {
h2, .heading-lg, p.heading-lg {
font-size: 1.6rem;
}
}
@media (min-width: 1400px) {
h2, .heading-lg, p.heading-lg {
margin-bottom: 32px;
font-size: 2.5vw;
}
}
h3, .heading-md, p.heading-md {
font-weight: 600;
font-size: 28px;
line-height: 120%;
margin: 0 0 16px 0;
}
@media (max-width: 992px) {
h3, .heading-md, p.heading-md {
font-size: 1.4rem;
}
}
@media (min-width: 1400px) {
h3, .heading-md, p.heading-md {
margin-bottom: 24px;
font-size: 32px;
}
}
h4, .heading-sm, p.heading-sm {
font-weight: 700;
font-size: 24px;
line-height: 120%;
margin: 0 0 16px 0;
}
@media (max-width: 992px) {
h4, .heading-sm, p.heading-sm {
font-size: 1.2rem;
}
}
@media (min-width: 1400px) {
h4, .heading-sm, p.heading-sm {
font-size: 28px;
}
}
h5, .heading-xs, p.heading-xs {
font-size: 20px;
line-height: 120%;
margin: 0 0 16px 0;
}
@media (max-width: 992px) {
h5, .heading-xs, p.heading-xs {
font-size: 1.1rem;
}
}
@media (min-width: 1400px) {
h5, .heading-xs, p.heading-xs {
font-size: 24px;
}
}
h6, .heading-micro, p.heading-micro {
font-size: 14px;
line-height: 120%;
color: #41516a;
letter-spacing: 0.16em;
text-transform: uppercase;
margin: 0 0 16px 0;
}
@media (max-width: 992px) {
h6, .heading-micro, p.heading-micro {
font-size: 0.8rem;
}
}
p, .text-xl, .text-md, .text-sm, .text-xs {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 220%;
letter-spacing: 0.02em;
}
p, .text-md {
font-size: 12px;
}
@media (min-width: 992px) {
p, .text-md {
font-size: 16px;
}
}
.text-xl {
font-size: 16px;
}
@media (min-width: 992px) {
.text-xl {
font-size: 18px;
}
}
.text-sm {
font-size: 12px;
}
@media (min-width: 992px) {
.text-sm {
font-size: 14px;
}
}
.text-xs {
line-height: 150%;
font-size: 12px;
}
a {
color: #1dc0ab;
text-decoration: none;
background-color: transparent;
transition: 0.4s opacity ease-in-out, 0.4s color ease-in-out, 0.4s background-color ease-in-out, 0.4s border-color ease-in-out, 0.4s box-shadow ease-in-out;
}
a:hover {
text-decoration: underline;
color: #1dc0ab;
}
a.permalink {
font-family: Montserrat, sans-serif;
text-decoration: none;
color: #41ead4;
display: inline-flex;
align-items: center;
}
a.permalink:hover {
color: #1dc0ab;
text-decoration: underline;
}
a.permalink.size-xs {
font-size: 12px;
}
a.nav-link {
padding: 0;
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.05em;
text-align: center;
text-transform: uppercase;
}
a .material-icons, button .material-icons, .button .material-icons, input[type="submit"] .material-icons, input[type="button"] .material-icons {
font-size: 150%;
margin-right: 8px;
}
a .button-content, button .button-content, .button .button-content, input[type="submit"] .button-content, input[type="button"] .button-content {
display: flex;
align-items: center;
}
a .spinner-content, button .spinner-content, .button .spinner-content, input[type="submit"] .spinner-content, input[type="button"] .spinner-content {
display: flex;
justify-content: center;
align-items: center;
}
button, input[type="submit"], .button {
cursor: pointer;
font-size: 14px;
padding: 16px 32px;
text-align: center;
color: #011638;
background-color: #f3f4f6;
border-radius: 4px;
text-decoration: none;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.04em;
text-transform: uppercase;
display: inline-flex;
justify-content: center;
align-items: center;
border: 2px solid rgba(255, 255, 255, 0);
transition: 0.4s opacity ease-in-out, 0.4s color ease-in-out, 0.4s background-color ease-in-out, 0.4s border-color ease-in-out, 0.4s box-shadow ease-in-out;
}
button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, .button:hover, .button:focus {
outline: none;
text-decoration: none;
box-shadow: rgba(1, 22, 56, 0.1) 0px 4px 6px -1px, rgba(1, 22, 56, 0.06) 0px 2px 4px -1px;
}
button.size-lg, input[type="submit"].size-lg, .button.size-lg {
font-size: 16px;
padding: 16px 32px;
}
@media (min-width: 992px) {
button.size-lg, input[type="submit"].size-lg, .button.size-lg {
min-width: 180px;
}
}
button.size-md, input[type="submit"].size-md, .button.size-md {
font-size: 14px;
padding: 16px 32px;
}
button.size-sm, input[type="submit"].size-sm, .button.size-sm {
font-size: 12px;
padding: 12px 32px;
}
button.size-xs, input[type="submit"].size-xs, .button.size-xs {
font-size: 10px;
padding: 8px 12px;
}
button.primary, input[type="submit"].primary, .button.primary {
color: #011638;
background-color: #ffffff;
}
button.primary:focus, button.primary:hover, input[type="submit"].primary:focus, input[type="submit"].primary:hover, .button.primary:focus, .button.primary:hover {
background-color: #f3f4f6;
}
button.secondary, input[type="submit"].secondary, .button.secondary {
color: #ffffff;
background-color: #1b2e4c;
}
button.secondary:focus, button.secondary:hover, input[type="submit"].secondary:focus, input[type="submit"].secondary:hover, .button.secondary:focus, .button.secondary:hover {
background-color: #011638;
}
button.accent, input[type="submit"].accent, .button.accent {
color: #011638;
background-color: #41ead4;
}
button.accent:focus, button.accent:hover, input[type="submit"].accent:focus, input[type="submit"].accent:hover, .button.accent:focus, .button.accent:hover {
background-color: #1dc0ab;
}
button.bordered, input[type="submit"].bordered, .button.bordered {
background-color: rgba(255, 255, 255, 0);
border: 2px solid;
}
button.bordered.primary, input[type="submit"].bordered.primary, .button.bordered.primary {
color: #ffffff;
border-color: #ffffff;
}
button.bordered.primary:focus, button.bordered.primary:hover, input[type="submit"].bordered.primary:focus, input[type="submit"].bordered.primary:hover, .button.bordered.primary:focus, .button.bordered.primary:hover {
color: #011638;
border-color: #ffffff;
}
button.bordered.secondary, input[type="submit"].bordered.secondary, .button.bordered.secondary {
color: #1b2e4c;
border-color: #1b2e4c;
}
button.bordered.secondary:focus, button.bordered.secondary:hover, input[type="submit"].bordered.secondary:focus, input[type="submit"].bordered.secondary:hover, .button.bordered.secondary:focus, .button.bordered.secondary:hover {
color: #ffffff;
border-color: #011638;
}
button.bordered.accent, input[type="submit"].bordered.accent, .button.bordered.accent {
color: #41ead4;
border-color: #41ead4;
}
button.bordered.accent:focus, button.bordered.accent:hover, input[type="submit"].bordered.accent:focus, input[type="submit"].bordered.accent:hover, .button.bordered.accent:focus, .button.bordered.accent:hover {
color: #011638;
border-color: #1dc0ab;
}
button.text, input[type="submit"].text, .button.text {
background-color: rgba(255, 255, 255, 0);
padding: 0;
}
button.text.primary, input[type="submit"].text.primary, .button.text.primary {
color: #ffffff;
}
button.text.primary:focus, button.text.primary:hover, input[type="submit"].text.primary:focus, input[type="submit"].text.primary:hover, .button.text.primary:focus, .button.text.primary:hover {
color: #f6f5ea;
}
button.text.secondary, input[type="submit"].text.secondary, .button.text.secondary {
color: #1b2e4c;
}
button.text.secondary:focus, button.text.secondary:hover, input[type="submit"].text.secondary:focus, input[type="submit"].text.secondary:hover, .button.text.secondary:focus, .button.text.secondary:hover {
color: #011638;
}
button.text.accent, input[type="submit"].text.accent, .button.text.accent {
color: #41ead4;
}
button.text.accent:focus, button.text.accent:hover, input[type="submit"].text.accent:focus, input[type="submit"].text.accent:hover, .button.text.accent:focus, .button.text.accent:hover {
color: #1dc0ab;
}
button.text:focus, button.text:hover, input[type="submit"].text:focus, input[type="submit"].text:hover, .button.text:focus, .button.text:hover {
background-color: rgba(255, 255, 255, 0);
text-decoration: none;
box-shadow: none;
}
button:disabled, input[type="submit"]:disabled, .button:disabled {
cursor: not-allowed;
opacity: 0.6;
}
.icon-button {
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-size: 32px;
border-radius: 100%;
transition: 0.4s opacity ease-in-out, 0.4s color ease-in-out, 0.4s background-color ease-in-out, 0.4s border-color ease-in-out, 0.4s box-shadow ease-in-out;
}
.icon-button:hover, .icon-button:focus {
outline: none;
box-shadow: rgba(1, 22, 56, 0.1) 0px 4px 6px -1px, rgba(1, 22, 56, 0.06) 0px 2px 4px -1px;
text-decoration: none;
}
.icon-button span, .icon-button i {
color: inherit;
}
.icon-button.size-lg {
font-size: 48px;
padding: 16px;
}
.icon-button.size-md {
font-size: 32px;
padding: 16px;
}
.icon-button.size-sm {
font-size: 24px;
padding: 12px;
}
.icon-button.size-xs {
font-size: 16px;
padding: 8px 12px;
}
.icon-button.primary {
color: #011638;
background-color: #ffffff;
}
.icon-button.primary:focus, .icon-button.primary:hover {
background-color: #f3f4f6;
}
.icon-button.secondary {
color: #ffffff;
background-color: #1b2e4c;
}
.icon-button.secondary:focus, .icon-button.secondary:hover {
background-color: #011638;
}
.icon-button.accent {
color: #011638;
background-color: #41ead4;
}
.icon-button.accent:focus, .icon-button.accent:hover {
background-color: #1dc0ab;
}
.button-wrapper {
padding: 24px 0 16px 0;
position: relative;
}
.button-wrapper.expand {
display: flex;
align-items: center;
}
.button-wrapper.expand button, .button-wrapper.expand .button {
margin-right: 12px;
flex: 1;
}
.button-wrapper.expand button:last-child, .button-wrapper.expand .button:last-child {
margin-right: 0;
}
@media (max-width: 992px) {
.button-wrapper {
flex-wrap: wrap;
}
.button-wrapper.expand button, .button-wrapper.expand .button {
margin-right: 0;
margin-bottom: 8px;
flex: auto;
flex-basis: 100%;
}
}
hr {
margin: 0;
border: 0;
border-top: 2px solid rgba(1, 22, 56, 0.08);
width: 5rem;
}
hr.is-style-wide {
width: 100%;
}
hr + p {
margin-top: 24px;
}
.text-center {
text-align: center;
}
.inline-nav-menu > ul {
display: flex;
flex-wrap: wrap;
align-items: baseline;
padding: 0;
margin: 0;
list-style: none;
}
.inline-nav-menu > ul > li:not(:last-child)::after {
content: "|";
color: #bfc5cd;
margin: 0 8px;
}
.inline-nav-menu > ul > li > a {
font-family: Barlow, sans-serif;
color: inherit;
line-height: 120%;
font-style: normal;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.16em;
text-transform: uppercase;
margin: 0;
text-decoration: none;
opacity: 0.6;
}
.inline-nav-menu > ul > li > a:focus, .inline-nav-menu > ul > li > a:hover {
opacity: 1;
}
body.dark-theme .nav-menu .menu-item .nav-link {
color: #ffffff;
}
body.dark-theme .nav-menu .menu-item .nav-link:hover {
color: #41ead4;
}
.nav-menu .prime-menu {
padding: 0;
margin: 0;
list-style: none;
display: flex;
}
.nav-menu .menu-item .nav-link {
color: #1b2e4c;
}
.nav-menu .menu-item .nav-link:hover {
color: #011638;
} table {
border-collapse: collapse;
text-align: left;
width: 100%;
border: 1px solid #273956;
margin: 16px 0;
}
table tr {
background-color: #ffffff;
border-bottom: 1px solid #273956;
}
table th, table td {
padding: 16px 32px;
}
table td span {
background: #ffffff;
font-size: 14px;
font-weight: 600;
padding: 12px;
}
.lds-spinner {
color: #011638;
display: inline-block;
position: relative;
width: 16px;
height: 16px;
}
.lds-spinner div {
position: relative;
transform-origin: 8px 8px;
animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div::after {
content: " ";
display: block;
position: absolute;
top: 0.6px;
left: 7.4px;
width: 1.2px;
height: 3.6px;
border-radius: 20%;
background: #fff;
}
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
textarea {
resize: none;
width: 100%;
height: 8em;
}
.select-wrapper .wpcf7-form-control-wrap {
position: relative;
}
.select-wrapper .wpcf7-form-control-wrap::after {
position: absolute;
right: 16px;
bottom: 16px;
font-family: "Material Icons";
content: "arrow_drop_down";
}
.checklist-wrapper .wpcf7-form-control-wrap .wpcf7-form-control {
display: flex;
flex-wrap: wrap;
}
.checklist-wrapper .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
margin-left: 0;
}
.checklist-wrapper .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:not(:last-child) {
margin-right: 5px;
}
.checklist-wrapper .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item > label {
cursor: pointer;
margin-bottom: 5px;
padding: 5px 12px;
border: 1px solid #011638;
border-radius: 32px;
color: #011638;
font-size: 12px;
}
.checklist-wrapper .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item > label.active {
background-color: #0e2242;
color: #ffffff;
}
.checklist-wrapper .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item input[type="checkbox"] {
margin-bottom: 0;
display: none;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 1px;
text-overflow: "";
}
select::-ms-expand {
display: none;
}
select, .input, textarea, input {
border-radius: 4px;
padding: 16px;
border: 1px solid #808b9c;
background-color: #ffffff;
font-size: 14px;
color: #0e2242;
}
select::-webkit-input-placeholder, select::-ms-input-placeholder, select::placeholder, .input::-webkit-input-placeholder, .input::-ms-input-placeholder, .input::placeholder, textarea::-webkit-input-placeholder, textarea::-ms-input-placeholder, textarea::placeholder, input::-webkit-input-placeholder, input::-ms-input-placeholder, input::placeholder {
color: #273956;
}
select:disabled, select.disabled, select[disabled="true"], .input:disabled, .input.disabled, .input[disabled="true"], textarea:disabled, textarea.disabled, textarea[disabled="true"], input:disabled, input.disabled, input[disabled="true"] {
cursor: not-allowed;
pointer-events: none;
border-color: #41516a;
background-color: #808b9c;
}
select:disabled::-webkit-input-placeholder, select:disabled::-ms-input-placeholder, select:disabled::placeholder, select.disabled::-webkit-input-placeholder, select.disabled::-ms-input-placeholder, select.disabled::placeholder, select[disabled="true"]::-webkit-input-placeholder, select[disabled="true"]::-ms-input-placeholder, select[disabled="true"]::placeholder, .input:disabled::-webkit-input-placeholder, .input:disabled::-ms-input-placeholder, .input:disabled::placeholder, .input.disabled::-webkit-input-placeholder, .input.disabled::-ms-input-placeholder, .input.disabled::placeholder, .input[disabled="true"]::-webkit-input-placeholder, .input[disabled="true"]::-ms-input-placeholder, .input[disabled="true"]::placeholder, textarea:disabled::-webkit-input-placeholder, textarea:disabled::-ms-input-placeholder, textarea:disabled::placeholder, textarea.disabled::-webkit-input-placeholder, textarea.disabled::-ms-input-placeholder, textarea.disabled::placeholder, textarea[disabled="true"]::-webkit-input-placeholder, textarea[disabled="true"]::-ms-input-placeholder, textarea[disabled="true"]::placeholder, input:disabled::-webkit-input-placeholder, input:disabled::-ms-input-placeholder, input:disabled::placeholder, input.disabled::-webkit-input-placeholder, input.disabled::-ms-input-placeholder, input.disabled::placeholder, input[disabled="true"]::-webkit-input-placeholder, input[disabled="true"]::-ms-input-placeholder, input[disabled="true"]::placeholder {
color: #41516a;
}
select:active, select.active, select:focus, select.focus, .input:active, .input.active, .input:focus, .input.focus, textarea:active, textarea.active, textarea:focus, textarea.focus, input:active, input.active, input:focus, input.focus {
border-color: #0e2242;
outline: none;
}
select.invalid, select.error, .input.invalid, .input.error, textarea.invalid, textarea.error, input.invalid, input.error {
border-color: #f8333c;
}
select:not([type="checkbox"]), .input:not([type="checkbox"]), textarea:not([type="checkbox"]), input:not([type="checkbox"]) {
width: 100%;
}
input[type="submit"]:disabled, input[type="submit"].disabled, input[type="submit"][disabled="true"] {
cursor: not-allowed;
pointer-events: none;
background-color: #808b9c;
}
input[type="submit"]:disabled::-webkit-input-placeholder, input[type="submit"]:disabled::-ms-input-placeholder, input[type="submit"]:disabled::placeholder, input[type="submit"].disabled::-webkit-input-placeholder, input[type="submit"].disabled::-ms-input-placeholder, input[type="submit"].disabled::placeholder, input[type="submit"][disabled="true"]::-webkit-input-placeholder, input[type="submit"][disabled="true"]::-ms-input-placeholder, input[type="submit"][disabled="true"]::placeholder {
color: inherit;
}
input[type="submit"]:disabled.secondary, input[type="submit"]:disabled.accent, input[type="submit"].disabled.secondary, input[type="submit"].disabled.accent, input[type="submit"][disabled="true"].secondary, input[type="submit"][disabled="true"].accent {
background-color: #808b9c;
}
form {
position: relative;
}
form > .input-wrapper {
margin-bottom: 12px;
}
form > .input-wrapper:last-child {
margin-bottom: 0;
}
form input {
margin-bottom: 0;
}
form input[type="submit"] {
width: 100%;
}
.input-wrapper {
margin-bottom: 16px;
}
.wpcf7-list-item:last-child {
margin-left: 0;
}
.button-wrapper .ajax-loader {
position: absolute;
right: 5px;
}
.featured-card {
position: relative;
color: #ffffff;
margin-bottom: 16px;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.featured-card::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.75;
transition: opacity 0.8s ease;
background: linear-gradient(270deg, rgba(1, 22, 56, 0.95) 0%, rgba(1, 22, 56, 0.9025) 31.77%, rgba(1, 22, 56, 0.9025) 67.71%, rgba(1, 22, 56, 0.95) 100%);
}
.featured-card__wrapper {
position: relative;
padding: 16px;
}
.featured-card__index {
color: inherit;
font-family: Barlow, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 1;
letter-spacing: 0.05em;
text-align: left;
position: relative;
}
.featured-card__index:before {
content: "";
position: absolute;
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
width: 100%;
bottom: -5px;
transform-origin: center;
transition: 0.4s ease;
transform: scaleX(0);
}
.featured-card__content {
margin-top: 32px;
}
.featured-card__content .card-title {
margin-bottom: 16px;
color: inherit;
word-break: break-word;
}
.featured-card__content .card-content {
color: inherit;
line-height: 177%;
letter-spacing: 0;
opacity: 0;
transition: opacity 0.8s ease;
}
.featured-card:hover::before {
opacity: 1;
}
.featured-card:hover .featured-card__index {
position: relative;
}
.featured-card:hover .featured-card__index:before {
transform: scaleX(1);
}
.featured-card:hover .featured-card__content .card-content {
opacity: 1;
}
@media (max-width: 767px) {
.featured-card {
min-height: 250px;
}
}
.social-share__wrapper {
display: flex;
justify-content: space-around;
align-items: center;
}
.social-share__wrapper .share-icon {
display: inline-flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
}
.social-share__wrapper .share-icon svg {
width: 100%;
height: auto;
}
.social-share__wrapper .share-icon-part {
fill: #ffffff;
}
.social-share__wrapper .share-icon:hover .share-icon-part {
fill: #41ead4;
}
.post-breadcrumbs {
display: flex;
align-items: center;
color: #808b9c;
margin-bottom: 24px;
}
.post-breadcrumbs .separator {
color: #bfc5cd;
}
.post-breadcrumbs .post-breadcrumb {
font-family: Montserrat, sans-serif;
font-size: 14px;
}
.post-breadcrumbs .post-breadcrumb[href] {
text-decoration: underline;
color: #0e2242;
}
.post-card {
box-shadow: rgba(1, 22, 56, 0.1) 0px 1px 3px 0px, rgba(1, 22, 56, 0.06) 0px 1px 2px 0px;
}
.post-card .post-thumbnail-container {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.post-card .post-thumbnail-container:hover .post-card__social-share {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.post-card .post-thumbnail-container:hover .post-card__thumbnail .post-thumbnail-img {
transform: scale(1.1);
}
.post-card .post-thumbnail-container:hover .post-card__thumbnail .thumbnail-overlay {
opacity: 0.6;
visibility: visible;
}
.post-card__social-share {
z-index: 2;
position: absolute;
opacity: 0;
visibility: hidden;
transition: 0.8s ease-in-out all;
transform: translateY(-1em);
}
.post-card__thumbnail {
z-index: 1;
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 250px;
overflow: hidden;
}
.post-card__thumbnail .post-thumbnail-img, .post-card__thumbnail .thumbnail-overlay {
transition: 0.8s ease-in-out all;
position: absolute;
width: 100%;
height: 100%;
}
.post-card__thumbnail .post-thumbnail-img {
z-index: 0;
transform-origin: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.post-card__thumbnail .thumbnail-overlay {
z-index: 1;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
background-color: #011638;
}
.post-card .post-terms .post-term, .post-card .post-terms .main-category, .post-card .post-categories .post-term, .post-card .post-categories .main-category {
font-family: Barlow, sans-serif;
font-size: 12px;
font-weight: 400;
color: #1b2e4c;
line-height: 1.2;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.post-card .post-terms .post-term:not(:last-child), .post-card .post-terms .main-category:not(:last-child), .post-card .post-categories .post-term:not(:last-child), .post-card .post-categories .main-category:not(:last-child) {
margin-right: 5px;
}
.post-card__head {
padding: 12px 16px;
}
.post-card__head .post-terms, .post-card__head .post-categories {
margin-bottom: 8px;
}
.post-card__head .card-title {
font-family: Barlow, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.05em;
}
.post-card__head .card-title-permalink {
color: inherit;
}
.post-card__head .card-title-permalink:hover {
color: inherit;
text-decoration: none;
}
.post-card__head .card-date {
color: #808b9c;
}
.post-card__footer {
padding: 8px 16px;
border-top: 1px solid rgba(1, 22, 56, 0.08);
}
.post-tags {
display: flex;
flex-wrap: wrap;
}
.post-tags .post-tag {
margin-right: 5px;
border-radius: 4px;
padding: 5px;
border: 1px solid #41516a;
color: #41516a;
}
.post-tags .post-tag.destacada, .post-tags .post-tag.featured {
background-color: #41516a;
color: #bfc5cd;
}
.post-tags .post-tag.destacada:hover, .post-tags .post-tag.featured:hover {
background-color: #1b2e4c;
color: #ffffff;
}
.faq-card {
box-shadow: none;
border: 1px solid #bfc5cd;
border-radius: 4px;
}
.faq-card:hover .icon-wrapper {
color: #1dc0ab;
transition: 0.6s ease-in-out all;
}
.faq-card-container {
height: 100%;
width: 100%;
display: flex;
align-items: flex-start;
flex-wrap: nowrap;
}
.faq-card .icon-wrapper {
display: flex;
justify-content: center;
align-items: flex-start;
height: 100%;
padding: 16px 0 16px 16px;
}
.faq-card__description {
font-size: 12px;
}
.faq-card .post-card__wrapper {
min-height: 10rem;
display: flex;
flex-direction: column;
}
.faq-card .post-card__head {
flex: 1;
}
.feedback-widget {
border: 1px solid #bfc5cd;
border-radius: 8px;
padding: 16px;
width: 100%;
}
.feedback-widget #feedback-response, .feedback-widget__container {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.feedback-widget p.feedback-widget__message {
flex: 1;
margin-bottom: 0;
}
.post-navigation {
display: flex;
margin-block: 32px;
align-items: baseline;
}
.post-navigation .page-numbers {
height: 24px;
width: 24px;
font-size: 80%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 16px;
color: #ffffff;
background-color: #0e2242;
}
.post-navigation .page-numbers[href] {
text-decoration: none;
color: #0e2242;
background-color: initial;
}
.post-navigation .page-numbers[href]:hover {
color: #ffffff;
background-color: #41516a;
}
.post-navigation .page-numbers:not(:last-child) {
margin-right: 12px;
}
.post-navigation .page-numbers.prev, .post-navigation .page-numbers.next {
height: initial;
width: initial;
border: none;
border-radius: 0;
}
.post-navigation .page-numbers.prev[href]:hover, .post-navigation .page-numbers.next[href]:hover {
color: #1dc0ab;
background-color: initial;
}
.terms-tree {
list-style: none;
padding-inline: 0;
}
.terms-tree .term-item {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.terms-tree .term-item .post-term {
width: 100%;
text-align: left;
padding: 12px;
font-size: 12px;
color: #0e2242;
}
.terms-tree .term-item .post-term.active {
border: 1px solid #0e2242;
background-color: #0e2242;
color: #ffffff;
}
.terms-tree .term-item .terms-tree {
width: 100%;
padding-inline-start: 16px;
}
#searchform {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
margin-bottom: 75px;
}
#searchform .search-button {
position: absolute;
right: 16px;
width: 32px;
min-width: 32px;
max-width: 32px;
height: 32px;
min-height: 32px;
max-height: 32px;
}
#searchform .search-button #icon-search path {
fill: #273956;
}
#searchform .search-button:hover #icon-search path {
fill: #41ead4;
}
.transition-height {
transform: scaleY(0);
transform-origin: top;
opacity: 0;
transition: transform 0.4s ease, opacity 1s ease;
}
.features-list .feature-item__wrapper {
border-bottom: 1px solid #41ead4;
padding-block: 12px;
}
.features-list .feature-item__title, .features-list .feature-item__description {
color: inherit;
}
.features-list .feature-item__title {
font-family: Barlow, sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 120%;
letter-spacing: 0.05em;
margin-bottom: 12px;
}
.features-list .feature-item__description {
font-family: Montserrat, sans-serif;
font-size: 12px;
line-height: 130%;
min-height: 31.2px;
letter-spacing: 0.02em;
}
.footer-misc__logo-grid {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.footer-misc__logo-grid picture {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 24px;
max-width: 20rem;
max-height: 6rem;
object-fit: contain;
-o-object-fit: contain;
object-position: left center;
-o-object-position: left center;
}
.footer-misc__logo-grid picture img {
width: 100%;
height: auto;
max-width: inherit;
max-height: inherit;
}
.expand-content {
display: flex;
flex-direction: column;
}
.expand-content .expanded {
flex: 1;
}
.self-start-col {
align-self: flex-start;
}
.self-end-col {
align-self: flex-end;
}
.extended-col {
align-self: stretch;
}
@media (min-width: 992px) {
.extended-lg-col {
align-self: stretch;
}
}
.wac-fade-in {
opacity: 0;
visibility: hidden;
max-height: 0;
transform: translateY(-1rem);
transition: 1s transform ease-in-out, 1s opacity ease-in-out, 1s visibility ease-in-out, 1s max-height ease-in-out;
}
.wac-fade-in.active {
transform: translateY(0);
opacity: 1;
visibility: visible;
max-height: 800px;
}
.wac-extend-in {
max-height: 0;
opacity: 0;
visibility: hidden;
transition: 1.4s max-height cubic-bezier(0.02, 0.51, 0, 0.87), 3s opacity ease-in-out, 3s visibility ease-in-out;
}
.wac-extend-in.active {
opacity: 1;
visibility: visible;
max-height: 100vh;
}
.wac-slide-in {
opacity: 0;
visibility: hidden;
transform: translateY(-1rem);
transition: 1s transform ease-in-out, 1s opacity ease-in-out, 1s visibility ease-in-out;
}
.wac-slide-in.active {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.wac-fade-out {
opacity: 1;
visibility: visible;
transition: 1s opacity ease-in-out, 1s visibility ease-in-out;
}
.wac-fade-out.hidden {
opacity: 0;
visibility: hidden;
}
.wac-unfold-in__item {
opacity: 0;
visibility: hidden;
transition: 1s transform ease-in-out, 1s opacity ease-in-out, 1s visibility ease-in-out, 1s max-height ease-in-out;
}
.wac-unfold-in__item:first-of-type {
transform: translateY(1rem);
}
.wac-unfold-in__item:last-of-type {
transform: translateY(-1rem);
}
.wac-unfold-in__item.active {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.wac-card-slide-in img {
opacity: 0;
visibility: hidden;
transform: translateY(-1rem);
transition: 1s transform ease-in-out, 1s opacity ease-in-out, 1s visibility ease-in-out;
}
.wac-card-slide-in.active img {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.brand-responsive {
height: 4rem;
width: auto;
}
.brand-symbol {
width: 72px;
height: auto;
}
#brand-img-base .brand-img-path, #brand-img-alt .brand-img-path {
transition: 0.6s ease-in-out fill;
fill: #011638;
}
.page-loader #brand-img-base .brand-img-path, .page-loader #brand-img-alt .brand-img-path, body.dark-theme #brand-img-base .brand-img-path, body.dark-theme #brand-img-alt .brand-img-path {
fill: #ffffff;
}
.page-content {
min-height: 50vh;
}
.page-body.archive-page .page-heading, .page-body.post-single-page .page-heading, .page-body.blog-page .page-heading {
margin-bottom: 24px;
}
.page-body.archive-page .page-heading__wrapper, .page-body.post-single-page .page-heading__wrapper, .page-body.blog-page .page-heading__wrapper {
position: relative;
z-index: initial;
width: auto;
display: block;
}
.page-body.archive-page .page-heading__image-block, .page-body.post-single-page .page-heading__image-block, .page-body.blog-page .page-heading__image-block {
margin-bottom: 24px;
}
.page-body.archive-page .page-heading__image-block .post-thumbnail, .page-body.post-single-page .page-heading__image-block .post-thumbnail, .page-body.blog-page .page-heading__image-block .post-thumbnail {
min-height: 24rem;
}
.page-body.archive-page .page-heading__image-block::after, .page-body.post-single-page .page-heading__image-block::after, .page-body.blog-page .page-heading__image-block::after {
content: none;
}
@media (min-width: 992px) {
.page-body.archive-page .page-heading__title-block, .page-body.post-single-page .page-heading__title-block, .page-body.blog-page .page-heading__title-block {
padding-bottom: 12px;
}
}
.page-body.archive-page .page-heading .post-tags, .page-body.post-single-page .page-heading .post-tags, .page-body.blog-page .page-heading .post-tags {
width: 100%;
justify-content: center;
margin: 16px 0;
}
@media (min-width: 992px) {
.page-body.post-single-page .faq-single .page-heading__title-block {
text-align: left;
padding-block: 0 24px;
}
}
.section-space, .section-space-bottom {
margin-bottom: 24px;
}
.section-space, .section-space-top {
margin-top: 6em;
}
@media (min-width: 992px) {
.section-space, .section-space-top {
margin-bottom: 150px;
}
}
.contact-page {
min-height: 100vh;
}
.contact-page .contact-form__wrapper form {
padding: 32px;
border-radius: 12px;
background-color: #ffffff;
box-shadow: rgba(1, 22, 56, 0.1) 0px 20px 25px -5px, rgba(1, 22, 56, 0.04) 0px 10px 10px -5px;
margin-bottom: 75px;
}
.contact-page .page-thumbnail {
width: 100%;
height: auto;
}
.cover-box-shadow {
box-shadow: 1px 1px 16px rgba(1, 22, 56, 0.18);
}
.img-with-gradient-left::before, .img-with-gradient-right::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
background-color: rgba(243, 244, 246, 0.5);
}
.text-block {
margin-bottom: 24px;
}
@media (min-width: 992px) {
.text-block {
margin-bottom: 150px;
}
}
.text-block > *:last-child {
margin-bottom: 0;
}
.page-cover {
color: #ffffff;
background-color: #0e2242;
}
.page-cover__wrapper {
min-height: 100vh;
align-items: center;
}
.page-cover__overlay {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #0e2242;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.page-cover__overlay::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0e2242;
opacity: 0.7;
}
@media (min-width: 992px) {
.page-cover__wrapper {
min-height: 100vh;
align-items: flex-end;
}
.page-cover__title-block {
margin-bottom: 75px;
}
}
@media (min-width: 992px) {
.page-cover__overlay {
width: 100%;
}
}
.page-heading__wrapper, .page-cover__wrapper {
position: relative;
z-index: 2;
width: 100%;
display: flex;
}
.page-heading__title-block .cover-title, .page-heading__title-block .cover-heading, .page-cover__title-block .cover-title, .page-cover__title-block .cover-heading {
color: inherit;
}
.page-heading__title-block > :last-child, .page-cover__title-block > :last-child {
margin-bottom: 0;
}
@media (max-width: 992px) {
.page-heading__title-block, .page-cover__title-block {
text-align: center;
}
}
.page-heading__container {
position: relative;
height: 100%;
}
.page-heading__title-wrapper {
position: relative;
z-index: 1;
}
.page-heading__image-block {
z-index: 0;
width: 100%;
}
.page-heading__image-block .page-heading__image {
position: relative;
z-index: 1;
min-height: 600px;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.page-heading__image-block .page-heading__thumbnail {
width: 100%;
height: auto;
}
.page-heading__image-block::after {
content: "";
z-index: 2;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 992px) {
.page-heading__title-block {
text-align: center;
padding-top: 75px;
padding-bottom: 75px;
}
.page-heading_image-block .page-heading__image {
min-height: 800px;
}
}
@media (min-width: 992px) {
.page-heading.columns-heading .page-heading__title-block {
text-align: initial;
}
.page-heading.columns-heading .page-heading__title-wrapper.has-post-thumbnail {
min-height: 800px;
}
.page-heading.columns-heading .page-heading__image-block {
height: 100%;
position: absolute;
opacity: 1;
}
.page-heading.columns-heading .page-heading__image-block::after {
background: linear-gradient(90deg, #f3f4f6 0%, rgba(243, 244, 246, 0.2) 100%);
}
}
.featured-cards-block .featured-cards__title {
margin-bottom: 75px;
}
.featured-cards-block .featured-cards__wrapper .card-col .card-wrapper {
height: 100%;
}
.featured-cards-block .featured-cards__wrapper .card-col:nth-child(4n + 1) .card-wrapper {
transition-delay: 0.3s;
}
.featured-cards-block .featured-cards__wrapper .card-col:nth-child(4n + 2) .card-wrapper {
transition-delay: 0.4s;
}
.featured-cards-block .featured-cards__wrapper .card-col:nth-child(4n + 3) .card-wrapper {
transition-delay: 0.5s;
}
.featured-cards-block .featured-cards__wrapper .card-col:nth-child(4n + 4) .card-wrapper {
transition-delay: 0.6s;
}
.image-text-block {
min-height: 600px;
display: flex;
}
.image-text-block__text-container, .image-text-block__image {
width: 100%;
height: 100%;
}
.image-text-block__image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media (max-width: 767px) {
.image-text-block__image {
min-height: 400px;
margin-bottom: 16px;
}
}
.image-text-block__image.contain-img {
background-size: contain;
}
.image-text-block__text-container {
display: flex;
justify-content: center;
align-items: center;
padding: 16px 0;
}
.image-text-block__text-container .heading-text-block {
margin-bottom: 0;
width: 100%;
}
.image-text-block__text-container .heading-text-block .button:last-of-type {
margin-bottom: 0;
margin-top: 0;
}
@media (min-width: 767px) {
.image-text-block__text-container {
padding: 75px 0;
}
}
@media (min-width: 767px) {
.image-text-block .container-fluid .img-col {
padding-left: 0;
padding-right: 0;
}
.image-text-block .container-fluid .text-col .image-text-block__text-container {
padding: 32px;
}
.image-text-block.left .text-col .image-text-block__text-container {
padding-left: 32px;
}
.image-text-block.right .img-col {
order: 2;
}
.image-text-block.right .text-col .image-text-block__text-container {
padding-right: 32px;
}
}
.logo-grid-block .logo-img {
display: inline-block;
text-align: center;
width: 100%;
height: auto;
opacity: 0.6;
transition: 0.4s ease-in-out opacity;
}
.logo-grid-block .logo-img:hover {
opacity: 1;
}
.logo-grid-block .logotypes-row {
justify-content: center;
}
.cta-text-block__text-container .heading-text-block hr {
margin: 0 auto;
}
.image-text-slider .slider-slide__img {
width: 100%;
height: 100%;
min-height: 400px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
@media (min-width: 767px) {
.image-text-slider .slider-slide__img {
min-height: 800px;
}
}
.image-text-slider .slider-slide__text-block {
display: flex;
align-items: center;
height: 100%;
text-align: center;
}
.image-text-slider .slider-slide__text-block .text-block__wrapper {
width: 100%;
padding: 32px 0;
}
.image-text-slider .slider-slide__text-block .text-block__wrapper .icon-wrapper {
margin-bottom: 32px;
}
.image-text-slider .slider-slide__text-block .text-block__wrapper .icon-wrapper .icon {
font-size: 48px;
}
@media (max-width: 767px) {
.image-text-slider .slider-slide__text-block .text-block__wrapper .icon-wrapper {
margin-bottom: 16px;
}
.image-text-slider .slider-slide__text-block .text-block__wrapper .icon-wrapper .icon {
font-size: 24px;
}
}
.image-text-slider .slider-nav {
display: flex;
align-items: center;
}
@media (max-width: 992px) {
.image-text-slider .slider-nav {
justify-content: center;
}
}
.image-text-slider .slider-dots {
display: flex;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
}
.image-text-slider .slider-dots li {
margin-right: 12px;
}
.image-text-slider .slider-dots li:first-child {
margin-left: 12px;
}
.image-text-slider .slider-dots li.slick-active button:after {
border: none;
opacity: 1;
background-color: #ffffff;
}
.image-text-slider .slider-dots button {
display: flex;
justify-content: center;
align-items: center;
position: relative;
color: transparent;
background-color: transparent;
padding: 0;
width: 10px;
height: 10px;
}
.image-text-slider .slider-dots button:after {
position: absolute;
cursor: pointer;
content: "";
width: 10px;
height: 10px;
border: 1px solid #ffffff;
border-radius: 100%;
transition: 0.4s all ease;
}
.image-text-slider .slider-dots button:hover:after {
opacity: 0.5;
background-color: #ffffff;
box-shadow: rgba(1, 22, 56, 0.1) 0px 4px 6px -1px, rgba(1, 22, 56, 0.06) 0px 2px 4px -1px;
}
@media (min-width: 992px) {
.image-text-slider {
min-height: 600px;
}
}
.vertical-scroll-block {
position: relative;
}
@media (max-width: 992px) {
.vertical-scroll-block .scroller-content {
padding-top: 6em;
padding-bottom: 6em;
}
}
.vertical-scroll-block .scroller-container {
position: relative;
}
.vertical-scroll-block .scroller-content {
position: relative;
width: 100%;
top: 0;
}
.vertical-scroll-block .fixed-content {
z-index: 1;
}
.vertical-scroll-block .scroll-content {
z-index: 0;
}
.vertical-scroll-block .scroll-content__item {
transition-duration: 0.6s;
}
.vertical-scroll-block .scroll-content__item img {
box-shadow: rgba(1, 22, 56, 0.1) 0px 10px 15px -3px, rgba(1, 22, 56, 0.05) 0px 4px 6px -2px;
}
.vertical-scroll-block .vertical-scroll-block-triggers {
z-index: -1;
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
display: flex;
flex-direction: column;
}
.vertical-scroll-block .vertical-scroll-block-triggers .trigger {
flex: 1;
}
@media (max-width: 992px) {
.vertical-scroll-block .scroll-content__wrapper {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
padding: 16px 0;
scroll-behavior: smooth;
align-items: center;
width: 100%;
height: 400px;
}
.vertical-scroll-block .scroll-content__wrapper::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.vertical-scroll-block .scroll-content__wrapper::-webkit-scrollbar-thumb {
background: #f3f4f6;
}
.vertical-scroll-block .scroll-content__wrapper::-webkit-scrollbar-track {
background: #0e2242;
}
.vertical-scroll-block .scroll-content__wrapper {
scrollbar-face-color: #f3f4f6;
scrollbar-track-color: #0e2242;
}
.vertical-scroll-block .scroll-content__item:not(:last-child) {
margin-right: 16px;
}
.vertical-scroll-block .slide-img {
height: 100%;
}
.vertical-scroll-block .slide-img img {
width: auto;
height: 100%;
}
}
@media (min-width: 992px) {
.vertical-scroll-block .scroll-content {
position: relative;
top: calc(-100vh + 6em);
}
.vertical-scroll-block .scroll-content__item {
margin-top: 32px;
margin-bottom: 32px;
}
.vertical-scroll-block .fixed-content {
position: sticky;
top: 6em;
height: calc(100vh - 6em);
left: 0;
}
.vertical-scroll-block .fixed-content__wrapper {
height: 100%;
display: flex;
align-items: center;
position: absolute;
}
.vertical-scroll-block .slide-img {
display: flex;
min-height: 50vh;
align-items: center;
text-align: center;
}
.vertical-scroll-block .slide-img:first-of-type {
align-items: flex-start;
}
.vertical-scroll-block .slide-img:last-of-type {
align-items: flex-end;
}
.vertical-scroll-block .slide-img img {
width: 100%;
height: auto;
}
}
.scroll-slides-block {
position: relative;
color: #ffffff;
background-color: #0e2242;
transition: 0.8s opacity ease-in-out;
opacity: 0;
}
.scroll-slides-block.shown {
opacity: 1;
}
.scroll-slides-block .scroller-container {
position: relative;
height: 400vh;
background-repeat: no-repeat;
background-size: cover;
}
.scroll-slides-block .scroller-content {
position: sticky;
height: 100vh;
width: 100%;
top: 0;
}
.scroll-slides-block__wrapper {
display: flex;
align-items: center;
}
@media (min-height: 992px) {
.scroll-slides-block__wrapper {
height: 100%;
}
}
.scroll-slides-block .scroll-slides-triggers {
z-index: -1;
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
display: flex;
flex-direction: column;
}
.scroll-slides-block .scroll-slides-triggers .trigger {
flex: 1;
}
.scroll-slides-block__text-block {
display: flex;
justify-content: center;
height: 100%;
flex-direction: column;
}
.scroll-slides-block__text-block .title-block__wrapper {
overflow: auto;
}
.scroll-slides-block__text-block .description-block__wrapper {
overflow: auto;
margin-bottom: 16px;
}
.scroll-slides-block__text-block .features-block .features-list {
list-style: none;
padding: 0;
overflow: auto;
}
.scroll-slides-block__text-block .features-block .features-list .feature {
border-bottom: 1px solid #41ead4;
}
.scroll-slides-block__text-block .features-block .features-list .feature-title {
color: #bfc5cd;
}
.scroll-slides-block__text-block .features-block .features-list .feature-subtitle {
font-weight: 700;
}
@media (min-width: 992px) {
.scroll-slides-block__text-block .features-block .features-list .feature-title, .scroll-slides-block__text-block .features-block .features-list .feature-subtitle {
overflow: hidden;
white-space: nowrap;
}
}
.scroll-slides-block__text-block .features-block .features-list .feature:not(:last-child) {
margin-bottom: 16px;
}
.scroll-slides-block__text-block .features-block .features-list .feature {
opacity: 0;
width: 0;
transition: 0.8s opacity ease-in-out, 0.8s width ease-in-out;
}
.scroll-slides-block__text-block .features-block .features-list .feature > * {
transition: 0.6s transform ease-in-out, 1s opacity ease-in-out;
transform-origin: top center;
transform: translateY(-1rem);
opacity: 0;
}
.scroll-slides-block__text-block .features-block .features-list .feature.active {
opacity: 1;
width: 100%;
}
.scroll-slides-block__text-block .features-block .features-list .feature.active > * {
transform: translateY(0);
opacity: 1;
}
.scroll-slides-block .text-block-container {
order: 1;
z-index: 1;
}
.scroll-slides-block .brand-container {
order: 0;
z-index: 0;
overflow: hidden;
}
.scroll-slides-block .brand-container__wrapper {
transition: 0.8s opacity ease-in-out;
opacity: 0;
position: relative;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.scroll-slides-block .brand-container__wrapper.shown {
opacity: 1;
}
@media (min-width: 992px) {
.scroll-slides-block .brand-container {
order: 2;
}
}
.scroll-slides-block canvas#brand-animation-img {
width: 50%;
}
@media (min-width: 992px) {
.scroll-slides-block canvas#brand-animation-img {
width: auto;
height: 50%;
}
}
.scroll-slides-block > * {
position: relative;
}
.scroll-slides-block hr {
border-color: rgba(255, 255, 255, 0.18);
}
@media (max-width: 992px) {
.scroll-slides-block .scroller-content {
padding-top: 6em;
padding-bottom: 6em;
}
}
.banner-block {
position: relative;
min-height: 600px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.banner-block::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(270deg, rgba(1, 22, 56, 0.95) 0%, rgba(1, 22, 56, 0.9025) 31.77%, rgba(1, 22, 56, 0.9025) 67.71%, rgba(1, 22, 56, 0.95) 100%);
}
.banner-block__container {
position: relative;
z-index: 1;
}
.banner-block__container .text-container .text-content {
color: #ffffff;
width: 100%;
}
.banner-block__container .text-container .text-content p {
color: #ffffff;
}
.banner-block:last-child {
margin-bottom: 0;
}
.mockup-product-block {
position: relative;
height: 100%;
display: flex;
align-items: center;
min-height: 100vh;
}
.mockup-product-block__title hr {
margin: 0 auto;
}
.mockup-product-block__container {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.mockup-product-block__container::after {
content: "";
position: relative;
width: 100%;
padding-bottom: 62.5%;
}
.mockup-product-block .mockup-screen {
position: absolute;
background-color: #011638;
top: 6.9%;
left: 11%;
height: 79%;
width: 79%;
display: flex;
flex-wrap: nowrap;
}
.mockup-product-block .mockup-screen__dashboard {
flex: 1;
display: flex;
flex-direction: column;
}
.mockup-product-block .mockup-screen__nav-header {
width: 100%;
}
.mockup-product-block .mockup-screen__nav-header {
padding-left: 2%;
padding-right: 2%;
}
.mockup-product-block .mockup-screen__nav-header img {
width: 100%;
height: auto;
}
.mockup-product-block .mockup-screen__nav-sidebar img {
width: auto;
height: 100%;
}
.mockup-product-block .mockup-screen__content {
padding: 2%;
}
.mockup-product-block .mockup-base {
position: absolute;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.mockup-product-block .mockup-card {
position: relative;
}
.mockup-product-block .mockup-card img {
border-radius: 8px;
box-shadow: rgba(1, 22, 56, 0.1) 0px 4px 6px -1px, rgba(1, 22, 56, 0.06) 0px 2px 4px -1px;
width: 100%;
height: auto;
}
.mockup-product-block .mockup-card::after {
transition: 1s background-color ease-in-out;
}
.mockup-product-block .mockup-card:not(.static-card) img {
position: relative;
z-index: 2;
box-shadow: rgba(1, 22, 56, 0.25) 0px 25px 50px -12px;
}
.mockup-product-block .mockup-card:not(.static-card)::after {
z-index: 0;
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #273956;
border-radius: 8px;
}
.mockup-product-block .mockup-card:not(.static-card).active::after {
background-color: #0e2242;
}
.mockup-product-block .grid-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
grid-template-areas: "historic revenues-graph revenues-graph mb-kpi mb-kpi" "historic kpi-cards revenue-list team-kpi team-kpi" "historic captable-graph rating-graph documents-list documents-list";
}
.mockup-product-block .revenues-graph {
grid-area: revenues-graph;
}
.mockup-product-block .historic {
grid-area: historic;
}
.mockup-product-block .mb-kpi {
grid-area: mb-kpi;
}
.mockup-product-block .team-kpi {
grid-area: team-kpi;
}
.mockup-product-block .documents-list {
grid-area: documents-list;
}
.mockup-product-block .captable-graph {
grid-area: captable-graph;
}
.mockup-product-block .rating-graph {
grid-area: rating-graph;
}
.mockup-product-block .kpi-cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-template-areas: "kpi-1 kpi-1 kpi-1" "kpi-2 kpi-2 kpi-2";
grid-area: kpi-cards;
}
.mockup-product-block .kpi-1 {
grid-area: kpi-1;
}
.mockup-product-block .kpi-2 {
grid-area: kpi-2;
}
.mockup-product-block .revenue-list {
grid-area: revenue-list;
}
.mockup-product-block .grid-gap-sm {
gap: 5px;
}
@media (min-width: 1400px) {
.mockup-product-block .grid-gap-sm {
gap: 16px;
}
}
#rrss-menu {
display: inline-flex;
align-items: center;
justify-content: space-between;
}
#rrss-menu .icon-button {
display: flex;
justify-content: center;
align-items: center;
}
#rrss-menu .icon-button:not(:last-child) {
margin-right: 24px;
}
#rrss-menu .icon-button img {
width: 24px;
height: auto;
}
#page-footer {
background-color: #011638;
color: #ffffff;
}
@media (min-width: 992px) {
#page-footer {
min-height: calc(100vh - 6em);
display: flex;
align-items: center;
}
}
#page-footer .footer-wrapper {
width: 100%;
padding: 32px;
}
#page-footer .footer-container {
height: 100%;
}
#page-footer .footer__newsletter-block, #page-footer .footer__text-block {
width: 100%;
}
#page-footer .footer__newsletter-block .newsletter-acceptance__wrapper > p {
margin: 0;
}
#page-footer .footer__newsletter-block .newsletter-acceptance__wrapper .wpcf7-list-item {
margin-left: 0;
}
#page-footer .footer__newsletter-block .newsletter-acceptance__wrapper .wpcf7-list-item input {
margin-right: 8px;
}
#page-footer .footer__newsletter-block .newsletter-input__title {
font-family: Barlow, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: 0.05em;
margin-bottom: 32px;
}
#page-footer .footer__newsletter-block .newsletter-input__wrapper {
position: relative;
padding: 24px 0;
}
#page-footer .footer__newsletter-block .newsletter-input__wrapper label {
display: inline-block;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: 0.04em;
text-transform: uppercase;
margin-bottom: 8px;
}
#page-footer .footer__newsletter-block .newsletter-input__wrapper input {
width: 100%;
padding: 12px;
background-color: rgba(255, 255, 255, 0);
border: none;
border-bottom: 1px solid #bfc5cd;
}
#page-footer .footer__newsletter-block .newsletter-input__wrapper input ::placeholder {
color: #ffffff;
}
#page-footer .footer__newsletter-block input:not([type="submit"]) {
color: inherit;
}
#page-footer .footer__newsletter-block input[type="submit"] {
width: auto;
}
@media (max-width: 992px) {
#page-footer .footer-content {
margin-top: 32px;
}
}
@media (min-width: 992px) {
#page-footer .footer-content {
margin-bottom: 24px;
margin-top: 72px;
}
#page-footer .footer-wrapper {
height: 100%;
}
#page-footer .footer-content {
height: 100%;
}
}
#page-footer .nav-menu .prime-menu .menu-item .nav-link {
color: inherit;
}
.header-menu {
position: absolute;
width: 100%;
top: 0;
left: 0;
min-height: 6em;
z-index: 998;
}
.header-menu.sticky-header, .header-menu.always-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #f3f4f6;
}
.header-menu.on-cover:not(.sticky-header) {
color: #ffffff;
}
.header-menu.on-cover:not(.sticky-header) #brand-img-base .brand-img-path, .header-menu.on-cover:not(.sticky-header) #brand-img-alt .brand-img-path {
fill: #ffffff;
}
.header-menu.on-cover:not(.sticky-header) .nav-menu .menu-item .nav-link {
color: #ffffff;
}
.header-menu.on-cover:not(.sticky-header) .nav-menu .menu-item .nav-link:hover {
color: #e0dfd5;
}
.header-menu__container {
min-height: 6em;
}
.header-menu__inline .nav-menu .prime-menu {
justify-content: flex-end;
}
.header-menu__inline .nav-menu .prime-menu .menu-item:not(:last-child) {
margin-right: 16px;
}
.header-menu__inline .nav-menu .prime-menu .menu-item-has-children {
position: relative;
display: flex;
justify-content: center;
}
.header-menu__inline .nav-menu .prime-menu .menu-item-has-children > .nav-link {
align-self: center;
}
.header-menu__inline .nav-menu .prime-menu .menu-item-has-children.collapsed .sub-menu {
opacity: 0;
visibility: hidden;
transform: translateY(-10%);
}
.header-menu__inline .nav-menu .prime-menu .menu-item-has-children .sub-menu {
transition: 0.6s ease-in-out all;
list-style: none;
position: absolute;
top: calc(100% + 16px);
max-width: 30vw;
background-color: #011638;
padding: 12px;
display: inline-flex;
justify-content: center;
flex-wrap: wrap;
border-radius: 4px;
box-shadow: rgba(1, 22, 56, 0.1) 0px 4px 6px -1px, rgba(1, 22, 56, 0.06) 0px 2px 4px -1px;
}
.header-menu__inline .nav-menu .prime-menu .menu-item-has-children .sub-menu::before {
content: "";
width: 16px;
height: 16px;
background: #011638;
position: absolute;
box-shadow: rgba(1, 22, 56, 0.1) 0px 4px 6px -1px, rgba(1, 22, 56, 0.06) 0px 2px 4px -1px;
z-index: -1;
top: -8px;
transform: rotate(-45deg);
left: calc(50% - 8px);
}
.header-menu__inline .nav-menu .prime-menu .menu-item-has-children .sub-menu .nav-link {
color: #ffffff;
white-space: nowrap;
}
.header-menu .nav-menu .nav-link {
color: inherit;
}
.header-menu::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
transition: 0.6s all ease-in-out;
transform: translateY(-100%);
background-color: #0e2242;
}
main > .page-cover {
padding-top: 6em;
}
body.dark-theme .header-menu::after {
transform: translateY(0);
}
body.dark-theme .nav-menu .menu-item .nav-link {
color: #ffffff;
}
body.dark-theme .nav-menu .menu-item .nav-link:hover {
color: #e0dfd5;
}
#mobile-menu-bar {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
opacity: 0;
visibility: hidden;
transition: 0.8s opacity ease-in-out, 0.8s visibility ease-in-out;
z-index: -1;
}
#mobile-menu-bar.opened {
transition-delay: 0s, 0s;
z-index: 999;
opacity: 1;
visibility: visible;
}
.menu-sidebar {
display: flex;
flex-direction: column;
color: #ffffff;
background-color: #0e2242;
}
.menu-sidebar__wrapper {
height: 100%;
display: flex;
flex-direction: column;
}
.menu-sidebar__heading {
display: flex;
justify-content: space-between;
align-items: center;
min-height: 6em;
}
.menu-sidebar__heading .close-icon {
margin-left: auto;
}
.menu-sidebar__heading #brand-img-base .brand-img-path, .menu-sidebar__heading #brand-img-alt .brand-img-path {
fill: #ffffff;
}
.menu-sidebar__body {
flex: 1;
display: flex;
}
.menu-sidebar__body .menu-content__wrapper {
flex: 1;
padding: 0 16px;
width: 100%;
}
.menu-sidebar__body .menu-content__wrapper .menu-wrapper {
height: calc(100% - 120px);
}
.menu-sidebar__body .menu-content__wrapper .menu-wrapper .menu-content {
height: 100%;
}
.menu-sidebar__body .buttonery {
width: 100%;
align-self: flex-end;
margin-top: auto;
text-align: center;
padding: 24px 0 48px 0;
}
.menu-sidebar__body .nav-menu {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
overflow: auto;
}
.menu-sidebar__body .nav-menu .prime-menu {
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
.menu-sidebar__body .nav-menu .menu-item .nav-link:hover {
color: #ffffff;
}
.page-loader {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 10000;
}
.page-loader__wrapper {
height: 100%;
color: #ffffff;
background-color: #0e2242;
}
.page-loader #loading-animation {
width: 10em;
height: auto;
}
#not-found-page {
padding-top: 150px;
padding-bottom: 150px;
}
#not-found-page .text-container {
margin-top: 24px;
}
@media (min-width: 767px) {
#not-found-page {
min-height: 100vh;
display: flex;
align-items: center;
}
}
.single-page-content {
margin-bottom: 50px;
}
.single-page-content p {
font-size: 12px;
}
@media (min-width: 576px) {
.single-page-content p {
font-size: 16px;
}
}
@media (min-width: 992px) {
.single-page-content p {
font-size: 18px;
}
}
@media (min-width: 992px) {
.single-page-content {
margin-bottom: 75px;
}
}
.wpcf7-form-control-wrap {
display: block;
}
.wpcf7-form-control-wrap input:not(:last-child) {
margin-bottom: 16px;
}
#cookie-notice {
box-shadow: rgba(1, 22, 56, 0.1) 0px 10px 15px -3px, rgba(1, 22, 56, 0.05) 0px 4px 6px -2px;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons {
display: flex;
align-items: center;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button {
cursor: pointer;
font-size: 14px;
padding: 16px 32px;
text-align: center;
color: #011638;
background-color: #f3f4f6;
border-radius: 4px;
text-decoration: none;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.04em;
text-transform: uppercase;
display: inline-flex;
justify-content: center;
align-items: center;
border: 2px solid rgba(255, 255, 255, 0);
transition: 0.4s opacity ease-in-out, 0.4s color ease-in-out, 0.4s background-color ease-in-out, 0.4s border-color ease-in-out, 0.4s box-shadow ease-in-out;
margin: 0 12px 0 0;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button:hover, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button:focus {
outline: none;
text-decoration: none;
box-shadow: rgba(1, 22, 56, 0.1) 0px 4px 6px -1px, rgba(1, 22, 56, 0.06) 0px 2px 4px -1px;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.size-lg {
font-size: 16px;
padding: 16px 32px;
}
@media (min-width: 992px) {
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.size-lg {
min-width: 180px;
}
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.size-md {
font-size: 14px;
padding: 16px 32px;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.size-sm {
font-size: 12px;
padding: 12px 32px;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.size-xs {
font-size: 10px;
padding: 8px 12px;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.primary {
color: #011638;
background-color: #ffffff;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.primary:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.primary:hover {
background-color: #f3f4f6;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.secondary {
color: #ffffff;
background-color: #1b2e4c;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.secondary:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.secondary:hover {
background-color: #011638;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.accent {
color: #011638;
background-color: #41ead4;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.accent:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.accent:hover {
background-color: #1dc0ab;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bordered {
background-color: rgba(255, 255, 255, 0);
border: 2px solid;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bordered.primary {
color: #ffffff;
border-color: #ffffff;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bordered.primary:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bordered.primary:hover {
color: #011638;
border-color: #ffffff;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bordered.secondary {
color: #1b2e4c;
border-color: #1b2e4c;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bordered.secondary:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bordered.secondary:hover {
color: #ffffff;
border-color: #011638;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bordered.accent {
color: #41ead4;
border-color: #41ead4;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bordered.accent:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bordered.accent:hover {
color: #011638;
border-color: #1dc0ab;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.text {
background-color: rgba(255, 255, 255, 0);
padding: 0;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.text.primary {
color: #ffffff;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.text.primary:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.text.primary:hover {
color: #f6f5ea;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.text.secondary {
color: #1b2e4c;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.text.secondary:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.text.secondary:hover {
color: #011638;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.text.accent {
color: #41ead4;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.text.accent:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.text.accent:hover {
color: #1dc0ab;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.text:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.text:hover {
background-color: rgba(255, 255, 255, 0);
text-decoration: none;
box-shadow: none;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button:disabled {
cursor: not-allowed;
opacity: 0.6;
}
@media (min-width: 992px) {
#cookie-notice {
border-radius: 8px;
min-width: 18.75rem;
box-sizing: border-box;
width: 40%;
left: auto;
right: 16px;
bottom: 16px;
z-index: 9999;
}
#cookie-notice .cookie-notice-container {
text-align: left;
padding: 16px 48px 16px 16px;
}
#cookie-notice .cookie-notice-container #cn-notice-text {
margin-bottom: 16px;
}
#cookie-notice .cookie-notice-container .cn-close-icon {
top: 24px;
right: 16px;
}
}