.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;0,600;1,300;1,500;1,600&display=swap");
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #222222;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.2;
font-weight: 600;
}
h2 {
font-size: 2.2rem;
}
h3 {
font-size: 1.8rem;
}
h4 {
font-size: 1.3rem;
}
img, video {
max-width: 100%;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {
color: inherit;
border: 1px solid #214478;
padding: 1em;
width: 100%;
margin-top: 0.5em;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus {
color: inherit;
}
textarea {
width: 100%;
}
.container {
width: 1300px;
max-width: 100%;
margin: 0 auto;
}
@media (max-width: 1300px) {
.container {
padding: 0 1em;
}
}
.button, a.button, button.button {
display: inline-block;
padding: 0.8em 2.5em;
background-color: white;
font-size: 0.8rem;
color: #214478;
text-decoration: none;
border: 1px solid #214478;
font-weight: 500;
cursor: pointer;
}
.button:hover, a.button:hover, button.button:hover {
background-color: #214478;
color: white;
}
.section-title {
margin-bottom: 1em;
}
.section-title::after {
content: '';
display: block;
width: 4em;
height: 4px;
background-color: #214478;
margin-top: 0.5em;
}
.section-title.center {
text-align: center;
}
.section-title.center::after {
margin-left: auto;
margin-right: auto;
}
.section-title.light {
color: white;
}
.section-title.light::after {
background-color: white;
}
.contact-buttons_button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1em;
color: inherit;
text-decoration: none;
}
.contact-buttons_button .icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #214478;
width: 2rem;
height: 2rem;
border-radius: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.contact-buttons_button .icon svg {
height: 0.8rem;
width: auto;
}
.contact-buttons_button .icon svg path {
fill: white;
}
.entry-header h1 {
font-size: 2.5rem;
margin: 2em 0;
}
.entry-content {
margin-bottom: 4em;
}
.grecaptcha-badge {
display: none !important;
}
@media (max-width: 767.98px) {
h2 {
font-size: 1.8rem;
}
h3 {
font-size: 1.4rem;
}
h4 {
font-size: 1.1rem;
}
.entry-header h1 {
font-size: 2rem;
margin: 2em 0;
}
}
.site-header {
padding: 1em 0;
background-color: white;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
z-index: 999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 10vh;
max-height: 100px;
}
.site-header_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.site-header_main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4em;
}
.site-header .site-branding img {
height: 2.5rem;
width: auto;
}
.site-header .header-contact .contact-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 2em;
}
.site-header .main-navigation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2em;
list-style: none;
margin: 0;
padding: 0;
}
.site-header .main-navigation ul li a {
color: inherit;
text-transform: uppercase;
text-decoration: none;
}
.site-header .main-navigation ul li a:hover {
color: #214478;
}
#mobile-menu-button {
display: none;
}
#mobile-menu {
width: 100%;
height: 100vh;
position: fixed;
left: -120%;
top: 0;
z-index: 9999;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
#mobile-menu nav {
background-color: white;
padding: 4em;
width: 80%;
-webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.2);
height: 100%;
}
#mobile-menu.active {
left: 0;
}
#mobile-menu ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 1.25rem;
}
#mobile-menu ul li:not(:last-child) {
margin-bottom: 1em;
}
#mobile-menu ul li a {
color: inherit;
font-weight: 600;
text-decoration: none;
}
@media (max-width: 991.98px) {
.site-header .header-contact {
display: none;
}
.site-header_main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
}
@media (max-width: 767.98px) {
.site-header .header-contact,
.site-header .main-navigation {
display: none;
}
#mobile-menu-button {
display: inline-block;
padding: 0;
margin: 0;
background-color: transparent;
border: 0;
}
#mobile-menu-button svg {
height: 1.5rem;
width: auto;
}
}
.hero {
position: relative;
padding: 4em 0;
border-bottom: 1px solid #F9F9F9;
height: 90vh;
max-height: 780px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero_inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 2fr 3fr;
grid-template-columns: 2fr 3fr;
gap: 6em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 2;
}
.hero_image {
height: 100%;
}
.hero_image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero_title {
font-size: 2.8rem;
margin: 0;
}
.hero_subtitle {
font-size: 1.5rem;
color: #214478;
margin: 1em 0;
}
.hero_text {
margin-bottom: 2em;
}
.hero::before {
content: '';
display: block;
width: 45%;
height: 100%;
position: absolute;
top: 0;
right: 0;
background-color: #214478;
}
@media (max-width: 991.98px) {
.hero {
max-height: auto;
height: auto;
}
.hero_inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 2em;
}
.hero_title {
font-size: 2.5rem;
}
.hero::before {
width: 35%;
}
}
@media (max-width: 767.98px) {
.hero {
max-height: auto;
height: auto;
min-height: 90vh;
}
.hero_inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 4em;
}
.hero_title {
font-size: 2.2rem;
}
.hero_content {
text-align: center;
}
.hero::before {
width: 100%;
height: 30%;
top: auto;
bottom: 0;
left: 0;
}
}
.equipment {
padding: 8em 0;
}
.equipment_inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 2fr 3fr;
grid-template-columns: 2fr 3fr;
gap: 6em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.equipment_items {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 2em;
}
.equipment_item:nth-child(odd) {
padding-top: 5em;
}
.equipment_name {
font-weight: 500;
font-size: 0.9rem;
}
@media (max-width: 991.98px) {
.equipment {
padding: 5em 0;
}
.equipment_inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 2em;
}
}
@media (max-width: 767.98px) {
.equipment {
padding: 4em 0;
}
.equipment_inner, .equipment_items {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 2em;
}
.equipment_item:nth-child(odd) {
padding-top: 0;
}
}
.spectrum {
padding: 5em 0;
position: relative;
text-align: center;
overflow-x: clip;
}
.spectrum_inner {
position: relative;
z-index: 2;
}
.spectrum_text {
width: 45%;
margin: 0 auto;
text-align: center;
}
.spectrum_items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-top: 4em;
margin-bottom: 2em;
}
.spectrum_item {
text-align: center;
}
.spectrum_item_title {
font-size: 2rem;
font-weight: 600;
color: #214478;
}
.spectrum::before {
content: '';
position: absolute;
display: block;
top: 0;
left: -50%;
z-index: -1;
background-color: #F9F9F9;
width: 200%;
height: 100%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
@media (max-width: 991.98px) {
.spectrum_text {
width: 75%;
}
.spectrum_item {
text-align: center;
}
.spectrum_item_title {
font-size: 1.5rem;
font-weight: 600;
color: #214478;
}
}
@media (max-width: 767.98px) {
.spectrum_text {
width: 100%;
}
.spectrum_items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.spectrum_item {
text-align: center;
}
.spectrum_item_title {
font-size: 2rem;
font-weight: 600;
color: #214478;
}
}
.benefits {
padding: 8em 0 6em 0;
}
.benefits_inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 1fr;
grid-template-columns: 50% 1fr;
gap: 4em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 991.98px) {
.benefits {
padding: 5em 0;
}
.benefits_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 2em;
}
}
@media (max-width: 767.98px) {
.benefits {
padding: 4em 0;
}
.benefits_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 2em;
}
}
.gallery_slider img {
margin: 0 0.5em;
height: 350px;
width: auto;
}
.gallery_nav {
margin: 2em 0 0;
}
.gallery_arrow {
background-color: transparent;
border: 0;
outline: 0;
cursor: pointer;
padding: 0;
}
.gallery_arrow svg {
height: 2rem;
width: auto;
}
.gallery_arrow svg path {
fill: #214478;
}
.gallery_arrow.prev svg {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
margin-right: 2em;
}
@media (max-width: 767.98px) {
.gallery_slider img {
height: 250px;
}
}
.comparison {
padding: 2em 0 0 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#F9F9F9));
background-image: linear-gradient(white, #F9F9F9);
}
.comparison_inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 10em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.comparison_item_header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1em;
}
.comparison_item_title {
font-size: 1.2rem;
}
.comparison_item_icon {
width: 2.5rem;
height: 2.5rem;
border-radius: 100%;
background-color: #214478;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.comparison_item_icon svg {
height: 1.5rem;
}
.comparison_item_icon svg path {
fill: white;
}
.comparison_item:not(:last-child) {
margin-bottom: 2em;
}
@media (max-width: 991.98px) {
.comparison_inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 2em;
}
.comparison_item_title {
-ms-flex-negative: 100;
flex-shrink: 100;
}
}
.contact {
padding: 6em 0;
background-color: #F9F9F9;
}
.contact_inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 2fr;
grid-template-columns: 1fr 2fr;
gap: 4em;
}
.contact_content .contact-buttons_button {
margin-bottom: 2em;
}
.contact_form .form-row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 2em;
}
.contact_form label {
display: block;
margin-bottom: 1em;
}
.contact_form .wpcf7-not-valid-tip {
font-size: 0.8rem;
}
@media (max-width: 991.98px) {
.contact {
padding: 5em 0;
}
.contact_inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 2em;
}
}
@media (max-width: 767.98px) {
.contact {
padding: 4em 0;
}
.contact_inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 2em;
}
.contact_form .form-row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 2em;
}
}
.site-footer {
background-color: #222222;
padding: 2em 0;
}
.site-footer_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.site-footer_main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.site-footer_copyright {
margin-right: 1em;
padding-right: 1em;
color: white;
border-right: 1px solid white;
opacity: 0.8;
}
.site-footer_menu ul {
margin: 0;
padding: 0;
}
.site-footer_menu ul li {
margin-right: 1em;
display: inline-block;
}
.site-footer_menu ul li a {
color: white;
text-decoration: none;
text-transform: uppercase;
}
.site-footer_menu ul li a:hover {
opacity: 0.8;
}
.site-footer_author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-footer_author a {
color: white;
text-decoration: none;
}
.site-footer_author img {
height: 1.2em;
width: auto;
}
@media (max-width: 767.98px) {
.site-footer_inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1em;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.site-footer_main {
display: block;
}
.site-footer_copyright {
margin-right: 0;
padding-right: 0;
color: white;
border-right: 0;
opacity: 0.8;
margin-bottom: 2em;
}
.site-footer_menu ul li {
margin-bottom: 1em;
margin-right: 0;
display: block;
}
}
.preparation {
background-color: #214478;
padding: 4em 0;
margin: 0 0 4em 0;
text-align: center;
}
.preparation_content {
color: white;
}