body {
font-family: "Open Sans", sans-serif;
font-size: 16px;
color: #30313A;
background-color: #F5F5F5;
}
.entry-content {
font-family: "Open Sans", sans-serif;
font-size: 16px;
color: #30313A;
font-weight: 400;
}
.contact-shortcode p {
margin: 0;
}
.contact-shortcode a:hover svg path {
fill: #30313A;
}
.contact-shortcode a svg {
width: 20px;
height: 20px;
}
.contact-shortcode a svg path {
fill: #3777CA;
}
.contact-shortcode .contact {
display: flex;
flex-wrap: wrap;
}
.contact-shortcode .contact a {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 12px;
}
.contact-shortcode .contact a svg {
margin-right: 12px;
}
.contact-shortcode .social-media {
margin-top: 12px;
display: flex;
}
.contact-shortcode .social-media a:first-of-type {
margin-right: 12px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
font-family: "Open Sans", sans-serif;
color: #30313A;
}
button:focus,
button:hover,
.button:focus,
.button:hover,
.faux-button:focus,
.faux-button:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover,
.header-inner .toggle:focus .toggle-text,
.header-inner .toggle:hover .toggle-text {
text-decoration: unset;
}
.main-container {
overflow: hidden;
}
.image-container {
position: relative;
overflow: hidden;
}
.image-container img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
}
.image-container::before {
content: "";
padding-top: 66.66%;
display: block;
}
#site-content {
overflow: unset;
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-thumb {
background: #3777CA;
}
::-webkit-scrollbar-thumb:hover {
background-color: #30313A;
}
::-webkit-scrollbar-track {
background: #FFFFFF;
}
::-moz-selection {
color: #FFFFFF;
background: #3777CA;
}
::selection {
color: #FFFFFF;
background: #3777CA;
}
p {
margin-top: 1em;
margin-bottom: 1em;
line-height: 1.8em;
font-weight: 400;
font-size: 16px;
}
ul,
table {
line-height: 1.8em;
}
a {
color: #3777CA;
text-decoration: none;
}
a:hover {
color: #2b5fa3;
}
body.privacy-policy {
margin: 0px;
}
.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary {
font-family: "Open Sans", sans-serif;
}
html {
scroll-behavior: unset;
}
.wpcf7 form.sent .wpcf7-response-output {
margin-left: 0;
margin-right: 0;
}
.grecaptcha-badge {
visibility: hidden !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Open Sans", sans-serif;
font-weight: 500;
line-height: 1.4em;
color: #30313A;
margin: 0;
letter-spacing: 0.001em;
}
h1,
.h1 {
font-size: 40px;
}
h2,
.h2 {
font-size: 34px;
}
h3,
.h3 {
font-size: 28px;
}
h4,
.h4 {
font-size: 24px;
}
h5,
.h5 {
font-size: 22px;
}
h6,
.h6 {
font-size: 18px;
}
.container,
.container-xxl {
margin-left: auto;
margin-right: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 1320px;
}
.container-xl {
margin-left: auto;
margin-right: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 1140px;
}
.container-lg {
margin-left: auto;
margin-right: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 960px;
}
.container-md {
margin-left: auto;
margin-right: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 720px;
}
.container-sm {
margin-left: auto;
margin-right: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 540px;
}
.container-fluid {
margin-left: auto;
margin-right: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 100%;
}
.row {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
}
section {
padding-top: 72px;
padding-bottom: 72px;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3,
div.woocommerce[class*=columns-] ul.products.columns-4 li.product {
flex: 0 0 25%;
}
.col-4,
div.woocommerce[class*=columns-] ul.products.columns-3 li.product {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
body button,
body .button,
body .faux-button,
body .wp-block-button__link,
body input[type=button],
body input[type=reset],
body input[type=submit] {
background-color: #3777CA;
color: #FFFFFF;
padding: 8px 18px;
text-transform: none;
font-weight: 400;
font-size: 20px;
letter-spacing: 0.01em;
line-height: 1;
height: 42px;
display: flex;
align-items: center;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
border-radius: 6px;
}
body button:hover,
body .button:hover,
body .faux-button:hover,
body .wp-block-button__link:hover,
body input[type=button]:hover,
body input[type=reset]:hover,
body input[type=submit]:hover {
background-color: #30313A;
color: #FFFFFF;
text-decoration: none;
}
header#site-header {
position: fixed;
background-color: rgba(255, 255, 255, 0.8);
width: 100%;
top: 0;
z-index: 9999;
}
header#site-header.fixed {
background-color: #FFFFFF;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
header .header-inner {
padding-top: 0;
padding-bottom: 0;
width: 100%;
}
header .header-inner .header-titles-wrapper {
margin-right: 0;
}
header .header-inner .header-titles-wrapper .header-titles {
margin: 0;
}
header .header-inner .header-titles-wrapper .header-titles h2 {
color: #3777CA;
font-weight: bold;
letter-spacing: -1px;
}
header .header-inner .header-titles-wrapper .header-titles h2 span {
color: #30313A;
}
header .header-inner .header-navigation-wrapper {
margin-bottom: -24px;
position: relative;
}
header .header-inner .header-navigation-wrapper svg {
position: absolute;
left: -284px;
bottom: 0px;
height: 103%;
width: 103%;
}
header .header-inner .header-navigation-wrapper .primary-menu-wrapper ul {
background-color: #3777CA;
padding-top: 32px;
padding-bottom: 32px;
position: relative;
transform: skew(30deg);
padding-left: 32px;
height: 77px;
align-content: center;
border-radius: 0px 0px 0px 6px;
}
header .header-inner .header-navigation-wrapper .primary-menu-wrapper ul::after {
background-color: #3777CA;
content: "";
width: 4000px;
height: 77px;
position: absolute;
left: 0;
z-index: -1;
top: 0;
border-radius: 0px 0px 0px 6px;
}
header .header-inner .header-navigation-wrapper .primary-menu-wrapper ul li {
margin-top: 0;
transform: skew(330deg);
margin-left: 38px;
display: flex;
align-items: center;
}
header .header-inner .header-navigation-wrapper .primary-menu-wrapper ul li.menu-btn a {
color: #30313A;
background-color: #FFFFFF;
padding: 8px 18px;
text-transform: none;
font-weight: 400;
font-size: 20px;
letter-spacing: 0.01em;
line-height: 1;
height: 42px;
display: flex;
align-items: center;
border-radius: 6px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
header .header-inner .header-navigation-wrapper .primary-menu-wrapper ul li.menu-btn a:hover {
color: #FFFFFF;
background-color: #30313A;
}
header .header-inner .header-navigation-wrapper .primary-menu-wrapper ul li.current-menu-item a {
text-decoration: unset;
}
header .header-inner .header-navigation-wrapper .primary-menu-wrapper ul li a {
color: #FFFFFF;
font-weight: 400;
}
header .header-inner .header-navigation-wrapper .primary-menu-wrapper ul li a:hover {
text-decoration: unset;
color: #30313A;
}
button.close-nav-toggle:hover {
background-color: unset;
}
.mobile-search-toggle,
.mobile-nav-toggle,
.mobile-btns-container {
display: none;
}
.mobile-btns-container {
align-items: center;
}
.mobile-btns-container .start-btn-mobile {
height: 34px;
font-size: 14px;
margin-right: 24px;
}
.mobile-btns-container .mobile-nav-toggle.nav-toggle {
background-color: #3777CA;
justify-content: center;
}
.mobile-btns-container .mobile-nav-toggle.nav-toggle .toggle-inner {
padding-top: 0;
}
.mobile-btns-container .mobile-nav-toggle.nav-toggle .toggle-inner .toggle-icon .svg-icon path {
fill: #FFFFFF;
}
.mobile-btns-container .mobile-nav-toggle.nav-toggle .toggle-inner .toggle-text {
top: 16px;
font-size: 13px;
letter-spacing: 1px;
color: #FFFFFF;
font-weight: 500;
}
.modal-menu a:focus,
.modal-menu a:hover,
.modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
text-decoration: unset;
}
body:not(.overlay-header) .primary-menu > li > a,
body:not(.overlay-header) .primary-menu > li > .icon,
.modal-menu a,
.footer-menu a,
.footer-widgets a,
#site-footer .wp-block-button.is-style-outline,
.wp-block-pullquote:before,
.singular:not(.overlay-header) .entry-header a,
.archive-header a,
.header-footer-group .color-accent,
.header-footer-group .color-accent-hover:hover {
color: #3777CA;
}
.menu-modal {
opacity: 1;
transition: 0.5s ease;
left: 100%;
right: unset;
overflow: hidden;
}
.menu-modal.show-modal {
display: flex !important;
}
.menu-modal .menu-top {
min-width: 245px;
}
.menu-modal .modal-inner {
overflow-x: hidden;
background-color: #FFFFFF;
}
.menu-modal .modal-inner .menu-wrapper .menu-top .close-nav-toggle svg {
height: 13px;
width: 13px;
}
.menu-modal .modal-inner .menu-wrapper .menu-top .mobile-menu {
margin-top: 32px;
}
.menu-modal .modal-inner .menu-wrapper .menu-top .mobile-menu ul {
position: unset;
width: 100%;
}
.menu-modal .modal-inner .menu-wrapper .menu-top .mobile-menu ul li {
border-color: #E3E3E3;
}
.menu-modal .modal-inner .menu-wrapper .menu-top .mobile-menu ul li.mobile-btn {
border-top: none;
}
.menu-modal .modal-inner .menu-wrapper .menu-top .mobile-menu ul li.mobile-btn .ancestor-wrapper {
margin-bottom: 14px;
}
.menu-modal .modal-inner .menu-wrapper .menu-top .mobile-menu ul li.mobile-btn .ancestor-wrapper a {
width: -moz-fit-content;
width: fit-content;
background-color: #3777CA;
color: #FFFFFF;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 12px;
padding-right: 12px;
height: 34px;
font-size: 18px;
border-radius: 6px;
}
.menu-modal .modal-inner .menu-wrapper .menu-top .mobile-menu ul li .ancestor-wrapper a {
font-size: 16px;
padding-top: 14px;
padding-bottom: 14px;
font-weight: 500;
padding-left: 12px;
padding-right: 12px;
}
.menu-modal.active {
z-index: 9999999;
transition: 0.5s ease;
overflow: hidden;
}
.menu-modal.active .mobile-menu ul li .ancestor-wrapper {
border-color: #3777CA;
}
.menu-modal.active .mobile-menu ul li .ancestor-wrapper a {
color: #3777CA;
border-color: #3777CA;
}
.menu-modal.active .mobile-menu ul li.current-menu-item .ancestor-wrapper a {
text-decoration: unset;
}
.menu-modal.active button.close-nav-toggle:hover {
background-color: unset;
}
.footer-top-visible .footer-nav-widgets-wrapper {
margin-top: 0;
}
.footer-nav-widgets-wrapper .footer-inner {
width: 100%;
}
.footer-nav-widgets-wrapper .footer-inner .footer-widgets-outer-wrapper {
border-bottom: 0;
padding-bottom: 32px;
}
.footer-nav-widgets-wrapper .footer-inner .footer-bottom-outer-wrapper {
border-top: 1px solid #E3E3E3;
}
.footer-nav-widgets-wrapper .footer-inner .footer-bottom-outer-wrapper .footer-bottom {
padding-top: 12px;
padding-bottom: 12px;
}
.footer-nav-widgets-wrapper .footer-inner .footer-bottom-outer-wrapper .footer-bottom p {
margin: 0;
}
.footer-nav-widgets-wrapper .footer-inner .footer-bottom-outer-wrapper .footer-bottom a {
color: #30313A;
}
.footer-nav-widgets-wrapper .footer-inner .footer-bottom-outer-wrapper .footer-bottom a:hover {
color: #3777CA;
}
.footer-nav-widgets-wrapper .footer-inner .footer-widgets-wrapper .footer-widgets .widget {
margin-top: 12px;
}
.footer-nav-widgets-wrapper .footer-inner .footer-widgets-wrapper .footer-widgets .widget p {
color: #30313A;
margin: 0;
}
.footer-nav-widgets-wrapper .footer-inner .footer-widgets-wrapper .footer-widgets .widget a {
color: #3777CA;
font-size: 18px;
font-weight: 400;
}
.footer-nav-widgets-wrapper .footer-inner .footer-widgets-wrapper .footer-widgets .widget a:hover {
color: #30313A;
text-decoration: none;
}
.page-template-default.page .main-container #site-content article .post-inner {
padding-top: 0;
}
.page-template-default.page .main-container #site-content article .post-inner .entry-content section {
max-width: 100%;
width: 100%;
}
.page-template-default.page .main-container #site-content article .post-inner .entry-content section:not(:first-of-type) .container .row {
padding-left: 40px;
padding-right: 40px;
}
.page-template-default.page .main-container #site-content article .post-inner .entry-content section:not(:first-of-type) h1,
.page-template-default.page .main-container #site-content article .post-inner .entry-content section:not(:first-of-type) h2,
.page-template-default.page .main-container #site-content article .post-inner .entry-content section:not(:first-of-type) h3,
.page-template-default.page .main-container #site-content article .post-inner .entry-content section:not(:first-of-type) h4,
.page-template-default.page .main-container #site-content article .post-inner .entry-content section:not(:first-of-type) h5,
.page-template-default.page .main-container #site-content article .post-inner .entry-content section:not(:first-of-type) h6 {
margin-top: 0;
margin-bottom: 12px;
}
.page-template-default.page .main-container #site-content article .post-inner .entry-content section:nth-child(2) .container .row {
padding-top: 40px;
border-radius: 6px 6px 0px 0px;
}
.error404 .error404-content {
padding-top: 72px;
padding-bottom: 72px;
}
.error404 .error404-content .search-submit,
.error404 .error404-content .search-field {
margin: 0;
height: 50px;
}
.error404 .error404-content .search-submit {
border-radius: 0px 6px 6px 0px;
}
.error404 .error404-content .search-field {
border-radius: 6px 0px 0px 6px;
}
.hero {
padding-top: 210px;
padding-bottom: 140px;
position: relative;
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 24px;
}
.hero::after {
content: "";
position: absolute;
right: 0;
height: 100%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0), #000000 130%);
top: 0;
width: 100%;
}
.hero .container .row {
margin: 0;
justify-content: flex-end;
}
.hero .container .row .col-5 {
z-index: 1;
position: relative;
}
.hero .container .row .col-5 .text-block .text-container {
width: -moz-fit-content;
width: fit-content;
margin: auto;
color: #FFFFFF;
}
.hero .container .row .col-5 .text-block .text-container .title {
border-bottom: 3px solid #FFFFFF;
padding-bottom: 12px;
margin-bottom: 40px;
}
.hero .container .row .col-5 .text-block .text-container .title h1,
.hero .container .row .col-5 .text-block .text-container .title h2,
.hero .container .row .col-5 .text-block .text-container .title h3,
.hero .container .row .col-5 .text-block .text-container .title h4,
.hero .container .row .col-5 .text-block .text-container .title h5,
.hero .container .row .col-5 .text-block .text-container .title h6 {
font-weight: bold;
color: #FFFFFF;
}
.hero .container .row .col-5 .text-block .text-container .text h1,
.hero .container .row .col-5 .text-block .text-container .text h2,
.hero .container .row .col-5 .text-block .text-container .text h3,
.hero .container .row .col-5 .text-block .text-container .text h4,
.hero .container .row .col-5 .text-block .text-container .text h5,
.hero .container .row .col-5 .text-block .text-container .text h6,
.hero .container .row .col-5 .text-block .text-container .text p,
.hero .container .row .col-5 .text-block .text-container .text ul,
.hero .container .row .col-5 .text-block .text-container .text li {
color: #FFFFFF;
}
.hero .container .row .col-5 .text-block .text-container .text p,
.hero .container .row .col-5 .text-block .text-container .text ul,
.hero .container .row .col-5 .text-block .text-container .text li {
font-size: 18px;
}
.hero .container .row .col-5 .text-block .btn-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
text-align: center;
margin-top: 24px;
}
.hero .container .row .col-5 .text-block .btn-container .title-container {
flex: 100%;
max-width: 100%;
}
.hero .container .row .col-5 .text-block .btn-container .title-container h1,
.hero .container .row .col-5 .text-block .btn-container .title-container h2,
.hero .container .row .col-5 .text-block .btn-container .title-container h3,
.hero .container .row .col-5 .text-block .btn-container .title-container h4,
.hero .container .row .col-5 .text-block .btn-container .title-container h5,
.hero .container .row .col-5 .text-block .btn-container .title-container h6 {
font-size: 25px;
font-weight: bold;
color: #FFFFFF;
}
.hero .container .row .col-5 .text-block .btn-container .button {
width: -moz-fit-content;
width: fit-content;
color: #30313A;
background-color: #FFFFFF;
border-radius: 6px;
margin-top: 6px;
margin-bottom: 6px;
}
.hero .container .row .col-5 .text-block .btn-container .button:hover {
background-color: #3777CA;
color: #FFFFFF;
}
.steps .container .row {
margin: 0;
}
.steps .container .row .col-12 {
text-align: center;
margin-bottom: 48px;
}
.steps .container .row .steps-container {
display: flex;
gap: 155px;
}
.steps .container .row .steps-container .col-4 {
flex: calc(33.3333333333% - 77.5px);
max-width: calc(33.3333333333% - 77.5px);
}
.steps .container .row .steps-container .col-6 {
flex: calc(50% - 77.5px);
max-width: calc(50% - 77.5px);
}
.steps .container .row .steps-container .step .number {
display: flex;
justify-content: center;
margin-bottom: -28px;
margin-left: -75px;
}
.steps .container .row .steps-container .step .number p {
margin: 0;
font-size: 18px;
border: 2px solid #3777CA;
border-radius: 50%;
width: 27px;
height: 27px;
display: flex;
justify-content: center;
align-items: center;
background-color: #FFFFFF;
}
.steps .container .row .steps-container .step .icon {
background-color: #3777CA;
border-radius: 50%;
width: 96px;
height: 96px;
display: flex;
margin: auto;
}
.steps .container .row .steps-container .step .icon .image-container {
height: 48px;
width: 48px;
margin: auto;
}
.steps .container .row .steps-container .step .icon .image-container img {
-o-object-fit: contain;
object-fit: contain;
}
.steps .container .row .steps-container .step .text {
text-align: center;
margin-top: 24px;
}
.compare-form .container .row .col-7 {
padding-left: 12px;
}
.compare-form .container .row .col-7 .form {
margin-top: 48px;
}
.compare-form .container .row .col-7 .form p {
margin-bottom: 24px;
}
.compare-form .container .row .col-7 .form input:not(.wpcf7-submit) {
max-height: 50px;
border-radius: 4px;
border: 1px solid #E3E3E3;
}
.compare-form .container .row .col-7 .form textarea {
height: 220px;
border-radius: 4px;
border: 1px solid #E3E3E3;
}
.compare-form .container .row .col-7 .form .two-column-field p {
display: flex;
}
.compare-form .container .row .col-7 .form .two-column-field p span:first-of-type {
padding-right: 12px;
}
.compare-form .container .row .col-7 .form .two-column-field p span:last-of-type {
padding-left: 12px;
}
.compare-form .container .row .col-7 .form input.wpcf7-file {
width: 100%;
max-height: 125px;
border: 1px solid #3777CA;
border-style: dashed;
padding: 24px;
}
.compare-form .container .row .col-7 .form input.wpcf7-file::-webkit-file-upload-button {
display: block;
margin-bottom: 12px;
}
.compare-form .container .row .col-5 .image-container {
max-width: 441px;
margin: auto;
margin-top: 96px;
height: 562px;
}
.compare-form .container .row .col-5 .image-container::before {
padding-top: 100%;
}
.text-image .row .col-6:first-of-type {
background-color: #3777CA;
padding: 24px 100px 24px 32px;
display: flex;
}
.text-image .row .col-6:first-of-type .text-container {
max-width: 491px;
margin: auto;
}
.text-image .row .col-6:first-of-type .text-container h1,
.text-image .row .col-6:first-of-type .text-container h2,
.text-image .row .col-6:first-of-type .text-container h3,
.text-image .row .col-6:first-of-type .text-container h4,
.text-image .row .col-6:first-of-type .text-container h5,
.text-image .row .col-6:first-of-type .text-container h6,
.text-image .row .col-6:first-of-type .text-container p {
color: #FFFFFF;
}
.text-image .row .col-6:first-of-type .text-container blockquote {
margin: 0;
border: none;
padding: 0;
margin-top: 24px;
}
.text-image .row .col-6:first-of-type .text-container blockquote::before, .text-image .row .col-6:first-of-type .text-container blockquote::after {
display: none;
}
.text-image .row .col-6:first-of-type .text-container blockquote a {
background-color: #FFFFFF;
color: #30313A;
padding: 8px 18px;
text-transform: none;
font-weight: 400;
font-size: 20px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
border-radius: 6px;
}
.text-image .row .col-6:first-of-type .text-container blockquote a:hover {
background-color: #30313A;
color: #FFFFFF;
}
.text-image .row .col-6:last-of-type .image-container {
max-height: 353px;
}
.logo-slider .container .row .col-12 .title {
display: flex;
justify-content: center;
}
.logo-slider .container .row .slick-slider {
position: relative;
}
.logo-slider .container .row .slick-slider .slick-arrow {
border-radius: 50%;
padding: 3px;
background: none;
position: absolute;
top: calc(50% - 26px);
z-index: 10;
}
.logo-slider .container .row .slick-slider .slick-arrow.previous-button {
left: -8px;
}
.logo-slider .container .row .slick-slider .slick-arrow.next-button {
right: -8px;
}
.logo-slider .container .row .slick-slider .slick-arrow:hover svg path {
fill: #30313A;
}
.logo-slider .container .row .slick-slider .slick-arrow svg {
transform: scale(0.8);
}
.logo-slider .container .row .slick-slider .slick-arrow svg path {
fill: #3777CA;
}
.logo-slider .container .row .slick-slider .slick-list .slick-track {
display: flex;
align-items: center;
}
.logo-slider .container .row .slick-slider .slick-list .slick-track .slide {
box-sizing: border-box;
}
.logo-slider .container .row .slick-slider .slick-list .slick-track .slide img {
width: 192px;
margin: auto;
}
.footer-top-block {
padding-bottom: 0;
margin-bottom: -60px;
}
.footer-top-block .container .row {
background-color: #3777CA;
padding: 35px 112px;
clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0 100%);
-webkit-clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0 100%);
margin-left: 6px;
margin-right: 6px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.footer-top-block .container .row h1,
.footer-top-block .container .row h2,
.footer-top-block .container .row h3,
.footer-top-block .container .row h4,
.footer-top-block .container .row h5,
.footer-top-block .container .row h6,
.footer-top-block .container .row p,
.footer-top-block .container .row ul,
.footer-top-block .container .row li {
color: #FFFFFF;
}
.footer-top-block .container .row .col-6.first-col {
padding-right: 24px;
}
.footer-top-block .container .row .col-6.first-col p:last-of-type {
margin-bottom: 0;
}
.footer-top-block .container .row .col-6.second-col {
padding-left: 24px;
}
.footer-top-block .container .row .col-6.second-col p:last-of-type {
margin-bottom: 0;
}
.header-top-image-text {
padding-top: 0;
}
.header-top-image-text .col-12 {
border-bottom: 4px solid #3777CA;
}
.header-top-image-text .col-12 .image-container {
max-height: 450px;
}
.header-top-image-text .container {
position: relative;
bottom: 0;
}
.header-top-image-text .container .row {
margin: 0;
position: absolute;
bottom: 0;
}
.header-top-image-text .container .row .text {
background-color: #3777CA;
padding-top: 8px;
padding-left: 20px;
padding-right: 20px;
border-radius: 6px 6px 0px 0px;
}
.header-top-image-text .container .row .text h1 {
font-size: 40px;
}
.header-top-image-text .container .row .text h1,
.header-top-image-text .container .row .text h2,
.header-top-image-text .container .row .text h3,
.header-top-image-text .container .row .text h4,
.header-top-image-text .container .row .text h5,
.header-top-image-text .container .row .text h6 {
margin-top: 0;
margin-bottom: 12px;
color: #FFFFFF;
}
.header-top-image-text .container .row .text p,
.header-top-image-text .container .row .text a,
.header-top-image-text .container .row .text ul,
.header-top-image-text .container .row .text li {
color: #FFFFFF;
}
.page-text-field-text,
.page-text-field-2-columns,
.page-text-field-text-image,
.page-text-field-usps,
.page-text-field-dropdowns {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.page-text-field-text .container .row,
.page-text-field-2-columns .container .row,
.page-text-field-text-image .container .row,
.page-text-field-usps .container .row,
.page-text-field-dropdowns .container .row {
background-color: #FFFFFF;
padding-bottom: 72px;
margin: 0;
}
.page-template-default.page .main-container #site-content article .post-inner .entry-content section.page-text-field-2-columns .container .row .col-6 form h3:not(:first-of-type) {
margin-top: 32px;
}
.page-text-field-2-columns .container .row .col-6:nth-child(2) {
padding-right: 20px;
}
.page-text-field-2-columns .container .row .col-6:nth-child(3) {
padding-left: 20px;
}
.page-text-field-2-columns .container .row .col-6 form select {
border-radius: 4px;
border: 1px solid #E3E3E3;
padding-left: 12px;
padding-right: 12px;
height: 50px;
margin-top: 6px;
width: 100%;
}
.page-text-field-2-columns .container .row .col-6 form input:not(.wpcf7-submit) {
max-height: 50px;
border-radius: 4px;
border: 1px solid #E3E3E3;
}
.page-text-field-2-columns .container .row .col-6 form textarea {
border-radius: 4px;
border: 1px solid #E3E3E3;
}
.page-text-field-2-columns .container .row .col-6 form .two-column-field p {
display: flex;
}
.page-text-field-2-columns .container .row .col-6 form .two-column-field p span:first-of-type {
padding-right: 12px;
}
.page-text-field-2-columns .container .row .col-6 form .two-column-field p span:last-of-type {
padding-left: 12px;
}
.page-text-field-2-columns .container .row .col-6 form input.wpcf7-file {
width: 100%;
max-height: 125px;
border: 1px solid #3777CA;
border-style: dashed;
padding: 24px;
}
.page-text-field-2-columns .container .row .col-6 form input.wpcf7-file::-webkit-file-upload-button {
display: block;
margin-bottom: 12px;
}
.page-text-field-text-image .container .row {
align-items: center;
}
.page-text-field-text-image .container .row.text-image-flip-enabled {
flex-direction: row-reverse;
}
.page-text-field-text-image .container .row.text-image-flip-enabled .col-6:nth-child(1) {
padding-right: 0px;
padding-left: 20px;
}
.page-text-field-text-image .container .row.text-image-flip-enabled .col-6:nth-child(2) {
padding-right: 20px;
padding-left: 0px;
}
.page-text-field-text-image .container .row .col-6:nth-child(1) {
padding-right: 20px;
padding-left: 0px;
}
.page-text-field-text-image .container .row .col-6:nth-child(2) {
padding-right: 0px;
padding-left: 20px;
}
.page-text-field-usps .container .row {
gap: 24px;
}
.page-text-field-usps .container .row .col-12 {
margin-bottom: 12px;
}
.page-text-field-usps .container .row .col-4 {
flex: calc(33.3333333333% - 16px);
max-width: calc(33.3333333333% - 16px);
display: flex;
}
.page-text-field-usps .container .row .col-4 .svg-container {
margin-right: 12px;
flex: 28px;
max-width: 28px;
height: 100%;
}
.page-text-field-usps .container .row .col-4 .svg-container svg {
width: 28px;
height: 28px;
margin-top: 2px;
background-color: #c6dfff;
border-radius: 50%;
padding: 2px;
}
.page-text-field-usps .container .row .col-4 .svg-container svg path {
fill: #3777CA;
}
.page-text-field-usps .container .row .col-4 .text-container {
flex: calc(100% - 28px);
max-width: calc(100% - 28px);
}
.page-text-field-usps .container .row .col-4 .text-container h1,
.page-text-field-usps .container .row .col-4 .text-container h2,
.page-text-field-usps .container .row .col-4 .text-container h3,
.page-text-field-usps .container .row .col-4 .text-container h4,
.page-text-field-usps .container .row .col-4 .text-container h5,
.page-text-field-usps .container .row .col-4 .text-container h6 {
font-size: 24px;
}
.page-text-field-dropdowns {
padding-top: 0;
}
.page-text-field-dropdowns .container .row .col-10 .title-container {
padding-top: 0px;
padding-bottom: 16px;
}
.page-text-field-dropdowns .container .row .col-10 .dropdowns .dropdown .dropdown-title {
display: flex;
margin-bottom: 8px;
border-bottom: 1px solid #d5d5d5;
padding-bottom: 8px;
align-items: baseline;
}
.page-text-field-dropdowns .container .row .col-10 .dropdowns .dropdown .dropdown-title.active svg {
rotate: 180deg;
}
.page-text-field-dropdowns .container .row .col-10 .dropdowns .dropdown .dropdown-title svg {
margin-right: 12px;
transition: all 0.5s;
}
.page-text-field-dropdowns .container .row .col-10 .dropdowns .dropdown .dropdown-title h3 {
font-weight: 500;
margin-left: 0;
margin-right: 0;
margin-bottom: 0 !important;
}
.page-text-field-dropdowns .container .row .col-10 .dropdowns .dropdown .dropdown-title:hover {
cursor: pointer;
}
.page-text-field-dropdowns .container .row .col-10 .dropdowns .dropdown .dropdown-text {
max-height: 0;
transition: max-height 0.6s ease-out;
overflow: hidden;
}
.page-text-field-dropdowns .container .row .col-10 .dropdowns .dropdown .dropdown-text p {
margin-top: 0;
}
.page-text-field-dropdowns .container .row .col-10 .dropdowns .dropdown .dropdown-text.active {
max-height: 1000px;
transition: max-height 1s ease-in;
}
.entry-content > *:last-child.footer-top-cta-block {
margin-bottom: -60px;
}
.footer-top-cta-block {
padding-bottom: 0;
margin-bottom: -60px;
padding-top: 0;
}
.footer-top-cta-block .container .inner-container {
background-color: #FFFFFF;
}
.footer-top-cta-block .container .row {
background-color: #3777CA;
padding: 20px 42px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
z-index: 10;
position: relative;
border-radius: 6px;
}
.footer-top-cta-block .container .row h1,
.footer-top-cta-block .container .row h2,
.footer-top-cta-block .container .row h3,
.footer-top-cta-block .container .row h4,
.footer-top-cta-block .container .row h5,
.footer-top-cta-block .container .row h6,
.footer-top-cta-block .container .row p,
.footer-top-cta-block .container .row ul,
.footer-top-cta-block .container .row li {
color: #FFFFFF;
}
.footer-top-cta-block .container .row .col-12 .text p {
max-width: 420px;
}
.footer-top-cta-block .container .row .col-12 .button-usps {
display: flex;
margin-top: 24px;
}
.footer-top-cta-block .container .row .col-12 .button-usps .start-button a {
background-color: #FFFFFF;
color: #30313A;
}
.footer-top-cta-block .container .row .col-12 .button-usps .start-button a:hover {
color: #FFFFFF;
background-color: #30313A;
}
.footer-top-cta-block .container .row .col-12 .button-usps .usps {
display: flex;
margin-left: auto;
align-items: center;
}
.footer-top-cta-block .container .row .col-12 .button-usps .usps div {
display: flex;
align-items: center;
margin-left: 42px;
}
.footer-top-cta-block .container .row .col-12 .button-usps .usps div img {
max-width: 26px;
max-height: 20px;
margin-top: 1px;
margin-right: 10px;
}
.footer-top-cta-block .container .row .col-12 .button-usps .usps div p {
margin: 0;
}
.advantages .container .row {
gap: 24px;
margin: 0;
}
.advantages .container .row .col-12 {
margin-bottom: 12px;
}
.advantages .container .row .col-4 {
flex: calc(33.3333333333% - 16px);
max-width: calc(33.3333333333% - 16px);
display: flex;
}
.advantages .container .row .col-4 .svg-container {
margin-right: 12px;
flex: 28px;
max-width: 28px;
height: 100%;
}
.advantages .container .row .col-4 .svg-container svg {
width: 28px;
height: 28px;
margin-top: 2px;
background-color: #c6dfff;
border-radius: 50%;
padding: 2px;
}
.advantages .container .row .col-4 .svg-container svg path {
fill: #3777CA;
}
.advantages .container .row .col-4 .text-container {
flex: calc(100% - 28px);
max-width: calc(100% - 28px);
}
.advantages .container .row .col-4 .text-container h1,
.advantages .container .row .col-4 .text-container h2,
.advantages .container .row .col-4 .text-container h3,
.advantages .container .row .col-4 .text-container h4,
.advantages .container .row .col-4 .text-container h5,
.advantages .container .row .col-4 .text-container h6 {
font-size: 24px;
}
.company-info {
padding-bottom: 40px;
}
.company-info .container .row .col-7 {
padding-left: 12px;
padding-right: 12px;
}
.company-info .container .row .col-7 .text-container {
background-color: #3777CA;
border-radius: 12px;
color: #FFFFFF;
padding: 28px 40px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.company-info .container .row .col-7 .text-container h1,
.company-info .container .row .col-7 .text-container h2,
.company-info .container .row .col-7 .text-container h3,
.company-info .container .row .col-7 .text-container h4,
.company-info .container .row .col-7 .text-container h5,
.company-info .container .row .col-7 .text-container h6 {
color: #FFFFFF;
}
.company-info .container .row .col-4 {
height: 485px;
margin: auto;
}
.company-info .container .row .col-4 .title-container {
padding-top: 28px;
padding-bottom: 14px;
}
.company-info .container .row .col-4 .advantages .advantage .advantage-title {
display: flex;
margin-bottom: 8px;
border-bottom: 1px solid #d5d5d5;
padding-bottom: 8px;
align-items: baseline;
}
.company-info .container .row .col-4 .advantages .advantage .advantage-title.active svg {
rotate: 180deg;
}
.company-info .container .row .col-4 .advantages .advantage .advantage-title svg {
margin-right: 12px;
transition: all 0.5s;
}
.company-info .container .row .col-4 .advantages .advantage .advantage-title h3 {
font-weight: 500;
}
.company-info .container .row .col-4 .advantages .advantage .advantage-title:hover {
cursor: pointer;
}
.company-info .container .row .col-4 .advantages .advantage .advantage-text {
max-height: 0;
transition: max-height 0.6s ease-out;
overflow: hidden;
}
.company-info .container .row .col-4 .advantages .advantage .advantage-text p {
margin-top: 0;
}
.company-info .container .row .col-4 .advantages .advantage .advantage-text.active {
max-height: 1000px;
transition: max-height 1s ease-in;
}
.tips-slider-container .row .col-12 {
margin-bottom: 40px;
padding-left: 12px;
padding-right: 12px;
}
.tips-slider-container .row .col-12 .title {
text-align: center;
}
.tips-slider-container .row .tips-slider {
width: 100%;
}
.tips-slider-container .row .tips-slider .slick-list {
margin: 0 -30px;
overflow: visible;
}
.tips-slider-container .row .tips-slider .slick-list .slick-track .slide {
margin: 0 30px;
}
.tips-slider-container .row .tips-slider .slick-list .slick-track .slide .image-container {
max-height: 375px;
}
.tips-slider-container .row .tips-slider .slick-list .slick-track .slide .image-container::before {
padding-top: 100%;
}
.tips-slider-container .row .tips-slider .slick-list .slick-track .slide:hover {
cursor: grab;
}
.tips-slider-container .row .tips-slider .slick-list .slick-track .slide .title-container {
z-index: 2;
position: relative;
width: 85%;
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
margin-top: -27px;
}
.tips-slider-container .row .tips-slider .slick-list .slick-track .slide .title-container h3 {
font-size: 20px;
text-align: center;
z-index: 3;
position: relative;
background-color: #FFFFFF;
padding-top: 6px;
padding-left: 12px;
padding-right: 12px;
}
.tips-slider-container .row .tips-slider .slick-list .slick-track .slide .title-container svg {
position: relative;
margin-top: -36px;
filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.3));
}
.tips-slider-container .row .tips-slider .slick-list .slick-track .slide .text-container {
text-align: center;
}
.tips-slider-container .row .tips-slider .slick-list .slick-track .slide .text-container p {
margin-top: 0;
}
.tips-slider-container .row .tips-slider .slick-dots li {
width: 14px;
height: 14px;
margin: 0 3px;
}
.tips-slider-container .row .tips-slider .slick-dots li.slick-active button:before {
color: #3777CA;
}
.tips-slider-container .row .tips-slider .slick-dots li button {
box-shadow: unset;
}
.tips-slider-container .row .tips-slider .slick-dots li button::before {
font-size: 14px;
color: rgba(55, 119, 202, 0.8);
}
.text-center .container .row {
justify-content: center;
margin: 0;
}
.text-center .container .row .col-8 .text-container p.trustpilot a {
color: #30313A;
}
.text-center .container .row .col-8 .text-container p.trustpilot a img {
max-width: 135px;
}
.text-center .container .row .col-8 .text-container p.trustpilot a:hover {
color: #3777CA;
}
.text-center .container .row .col-8 .text-container p img {
margin: auto;
}
.usps .row {
margin: 0;
}
.usps .row .col-5 .image-container {
max-height: 345px;
height: 100%;
}
.usps .row .col-7 {
background-color: #E7EBF0;
display: flex;
align-items: center;
}
.usps .row .col-7 .text-block {
padding-left: 60px;
max-width: 810px;
}
.usps .row .col-7 .text-block .usps-container {
padding-right: 12px;
}
.usps .row .col-7 .text-block .usps-container .usps {
display: flex;
flex-wrap: wrap;
margin-top: 34px;
-moz-column-gap: 70px;
column-gap: 70px;
row-gap: 28px;
}
.usps .row .col-7 .text-block .usps-container .usps .usp {
display: flex;
flex: calc(50% - 70px);
max-width: calc(50% - 70px);
}
.usps .row .col-7 .text-block .usps-container .usps .usp p {
margin: 0;
}
.usps .row .col-7 .text-block .usps-container .usps .usp img {
max-width: 28px;
max-height: 22px;
margin-top: 2px;
}
.usps .row .col-7 .text-block .usps-container .usps .usp div {
margin-left: 18px;
}
@media (min-width: 1750px) {
.hero {
background-position: center;
}
}
@media (max-width: 1400px) {
.container,
.container-xxl {
max-width: 1140px;
}
.hero .container .row .col-5 {
flex: 46%;
max-width: 46%;
}
.text-image .row .col-6:first-of-type {
padding: 24px 32px 24px 32px;
}
.header-top-image-text .col-12 .image-container {
max-height: 350px;
}
.footer-top-cta-block .container .row .col-12 .button-usps {
flex-wrap: wrap;
}
.footer-top-cta-block .container .row .col-12 .button-usps .start-button {
min-width: -moz-fit-content;
min-width: fit-content;
}
.footer-top-cta-block .container .row .col-12 .button-usps .usps {
flex: 100%;
max-width: 100%;
justify-content: space-between;
margin-top: 24px;
}
.footer-top-cta-block .container .row .col-12 .button-usps .usps div:nth-child(1) {
margin-left: 0px;
}
.usps .row .col-5 .image-container {
max-height: unset;
}
.usps .row .col-7 .text-block .usps-container {
padding-top: 40px;
padding-bottom: 40px;
}
.usps .row .col-7 .text-block .usps-container .usps {
-moz-column-gap: 40px;
column-gap: 40px;
}
}
@media (max-width: 1200px) {
.container,
.container-lg,
.container-xl,
.container-xxl {
max-width: 960px;
}
header .header-inner .header-navigation-wrapper .primary-menu-wrapper ul li {
margin-left: 24px;
}
.hero .container .row .col-5 {
flex: 55%;
max-width: 55%;
}
.compare-form .container .row .col-5 {
padding-left: 12px;
padding-right: 12px;
}
.text-image .row .col-6:last-of-type .image-container {
max-height: unset;
height: 100%;
}
.footer-top-block .container .row {
padding: 35px 95px;
}
.header-top-image-text .col-12 .image-container {
max-height: 330px;
}
.page-text-field-dropdowns .container .row .col-10 {
flex: 100%;
max-width: 100%;
}
.steps .container .row .steps-container {
justify-content: space-between;
gap: unset;
}
.steps .container .row .steps-container .step {
flex: calc(37% - 77.5px);
max-width: calc(37% - 77.5px);
}
.company-info .container .row .col-7 .text-container {
padding: 14px 24px;
}
.company-info .container .row .col-4 .title-container {
padding-top: 14px;
}
.usps .row .col-7 .text-block {
padding-left: 45px;
}
}
@media (max-width: 1000px) {
section {
padding-top: 36px;
padding-bottom: 36px;
}
.container,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
max-width: 720px;
}
header .header-inner .header-titles-wrapper {
justify-content: space-between;
padding-right: 0;
}
header .header-inner .header-titles-wrapper .header-titles h1 {
font-size: 30px;
}
header .header-inner .header-titles-wrapper .nav-toggle {
position: relative;
right: 0;
padding: 13px 2rem;
height: 45px;
}
.hero {
padding-top: 140px;
padding-bottom: 100px;
}
.hero .container .row .col-5 {
flex: 69%;
max-width: 69%;
}
.hero .container .row .col-5 .text-block .text-container .title {
margin-bottom: 28px;
}
.hero .container .row .col-5 .text-block .text-container .text p {
font-size: 16px;
}
h1,
.h1 {
font-size: 34px;
}
h2,
.h2 {
font-size: 28px;
}
h3,
.h3 {
font-size: 26px;
}
h4,
.h4 {
font-size: 22px;
}
h5,
.h5 {
font-size: 18px;
}
h6,
.h6 {
font-size: 16px;
}
body button,
body .button,
body .faux-button,
body .wp-block-button__link,
body input[type=button],
body input[type=reset],
body input[type=submit] {
font-size: 16px;
}
.mobile-btns-container {
display: flex;
}
.mobile-btns-container .start-btn-mobile {
margin-right: 12px;
padding: 8px 12px;
}
.mobile-btns-container .mobile-nav-toggle.nav-toggle {
background-color: #30313A;
}
.compare-form .container .row .col-7,
.compare-form .container .row .col-5 {
flex: 100%;
max-width: 100%;
padding-left: 12px;
padding-right: 12px;
}
.compare-form .container .row .col-5 {
order: 1;
margin-bottom: 50px;
}
.compare-form .container .row .col-5 .image-container {
max-width: 100%;
margin: auto;
margin-top: 0;
height: auto;
}
.compare-form .container .row .col-7 {
order: 2;
}
.compare-form .container .row .col-7 .form input:not(.wpcf7-file):not(.wpcf7-submit) {
max-height: 45px;
font-size: 14px;
}
.compare-form .container .row .col-7 .form textarea {
font-size: 14px;
}
.text-image .row .col-6:first-of-type .text-container blockquote a {
font-size: 16px;
}
.home .footer-top-block {
padding-top: 100px;
}
.footer-top-block .container .row {
padding: 25px 75px;
}
.header-top-image-text .container .row .text {
padding-left: 20px;
padding-right: 20px;
}
.header-top-image-text .container .row .text h1 {
font-size: 32px;
}
.header-top-image-text .col-12 .image-container {
max-height: 280px;
}
.page-template-default.page .main-container #site-content article .post-inner {
padding-top: 45px;
}
.footer-top-cta-block .container .row {
padding: 24px 24px;
}
.footer-top-cta-block .container .row .col-12 .button-usps .usps {
flex-wrap: wrap;
}
.footer-top-cta-block .container .row .col-12 .button-usps .usps div {
flex: 0 0 50%;
max-width: 50%;
margin-left: 0px;
}
.footer-top-cta-block .container .row .col-12 .button-usps .usps div:nth-child(1), .footer-top-cta-block .container .row .col-12 .button-usps .usps div:nth-child(2) {
margin-bottom: 18px;
}
.page-text-field-usps .container .row .col-4 {
flex: calc(50% - 12px);
max-width: calc(50% - 12px);
}
.page-text-field-usps .container .row .col-4 .svg-container {
max-width: 24px;
}
.page-text-field-usps .container .row .col-4 .svg-container svg {
width: 24px;
height: 24px;
}
.page-text-field-usps .container .row .col-4 .text-container h1,
.page-text-field-usps .container .row .col-4 .text-container h2,
.page-text-field-usps .container .row .col-4 .text-container h3,
.page-text-field-usps .container .row .col-4 .text-container h4,
.page-text-field-usps .container .row .col-4 .text-container h5,
.page-text-field-usps .container .row .col-4 .text-container h6 {
font-size: 20px;
}
.page-text-field-2-columns .container .row .col-6 form select {
font-size: 14px;
max-height: 45px;
}
.page-text-field-2-columns .container .row .col-6 form label {
font-size: 14px;
}
.page-text-field-2-columns .container .row .col-6 form input:not(.wpcf7-file):not(.wpcf7-submit) {
max-height: 45px;
font-size: 14px;
}
.page-text-field-2-columns .container .row .col-6 form textarea {
font-size: 14px;
}
.page-text-field-2-columns .container .row .col-6 form .two-column-field p {
flex-wrap: wrap;
}
.page-text-field-2-columns .container .row .col-6 form .two-column-field p span {
flex: 100%;
max-width: 100%;
}
.page-text-field-2-columns .container .row .col-6 form .two-column-field p span:first-of-type {
padding-right: 0;
margin-bottom: 1em;
}
.page-text-field-2-columns .container .row .col-6 form .two-column-field p span:last-of-type {
padding-left: 0;
}
.page-text-field-dropdowns .container .row .col-10 .dropdowns .dropdown .dropdown-title svg {
min-width: 16px;
width: 16px;
margin-right: 8px;
margin-top: 1px;
}
.advantages .container .row .col-4 {
flex: calc(50% - 12px);
max-width: calc(50% - 12px);
}
.advantages .container .row .col-4 .svg-container {
max-width: 24px;
}
.advantages .container .row .col-4 .svg-container svg {
width: 24px;
height: 24px;
}
.advantages .container .row .col-4 .text-container h1,
.advantages .container .row .col-4 .text-container h2,
.advantages .container .row .col-4 .text-container h3,
.advantages .container .row .col-4 .text-container h4,
.advantages .container .row .col-4 .text-container h5,
.advantages .container .row .col-4 .text-container h6 {
font-size: 20px;
}
.steps .container .row .steps-container {
flex-wrap: wrap;
}
.steps .container .row .steps-container .step {
flex: 100%;
max-width: 100%;
}
.steps .container .row .steps-container .step:not(:last-of-type) {
margin-bottom: 24px;
}
.steps .container .row .steps-container .step .text {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.company-info .container .row .col-7,
.company-info .container .row .col-4 {
flex: 100%;
max-width: 100%;
padding-left: 12px;
padding-right: 12px;
}
.company-info .container .row .col-7 {
order: 2;
}
.company-info .container .row .col-4 {
order: 1;
height: unset;
margin-bottom: 40px;
}
.company-info .container .row .col-4 .title-container {
padding-top: 0;
}
.usps .row .col-7 .text-block {
padding-left: 45px;
}
.usps .row .col-7 .text-block .usps-container .usps .usp {
flex: 100%;
max-width: 100%;
}
}
@media (max-width: 768px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
max-width: 540px;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-2-4,
div.woocommerce[class*=columns-] ul.products.columns-4 li.product {
flex: 0 0 100%;
padding-top: 12px;
padding-bottom: 12px;
max-width: 100%;
}
.hero {
background-image: url(//keukenwijs.nl/wp-content/uploads/2023/04/hero-foto-mobile.jpg) !important;
background-position: right center;
padding-top: 100px;
padding-bottom: 60px;
}
.hero .container .row .col-5 {
flex: 100%;
max-width: 100%;
}
.compare-form {
margin-bottom: -60px;
}
.text-image .row .col-6:first-of-type {
padding: 24px 32px 42px 32px;
}
.text-image .row .col-6:last-of-type {
padding-top: 0;
padding-bottom: 0;
}
.text-image .row .col-6:last-of-type .image-container {
max-height: 350px;
}
.footer-top-block .container {
width: 100%;
max-width: 100%;
padding-left: 0;
}
.footer-top-block .container .row {
transform: unset;
z-index: 1;
position: relative;
margin: 0;
padding: 12px 28px 24px 28px;
-webkit-clip-path: polygon(0% 0, 85% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0% 0, 85% 0%, 100% 100%, 0% 100%);
}
.footer-top-block .container .row .col-12,
.footer-top-block .container .row .col-6 {
transform: unset;
}
.footer-top-block .container .row .col-12 {
max-width: 85%;
}
.footer-top-block .container .row .col-12 .title {
margin-left: 0;
}
.footer-top-block .container .row .col-6.first-col, .footer-top-block .container .row .col-6.second-col {
padding: 0;
max-width: 85%;
}
.footer-nav-widgets-wrapper .footer-inner .footer-widgets-outer-wrapper {
padding: 90px 0px 24px 0px;
}
.footer-nav-widgets-wrapper .footer-inner .footer-widgets-outer-wrapper .footer-widgets-wrapper {
flex-wrap: wrap;
display: flex;
}
.footer-nav-widgets-wrapper .footer-inner .footer-widgets-outer-wrapper .footer-widgets-wrapper .footer-widgets {
width: calc(50% - 40px);
margin-bottom: 24px;
margin-top: 0;
margin-right: 4rem;
margin-left: 0;
}
.header-top-image-text .container .row .text {
padding-left: 16px;
padding-right: 16px;
}
.header-top-image-text .container .row .text h1 {
font-size: 26px;
}
.header-top-image-text .col-12 {
padding-top: 0px;
padding-bottom: 0px;
}
.header-top-image-text .col-12 .image-container {
max-height: 235px;
}
.footer-top-cta-block .container .row .col-12 {
padding-top: 0;
padding-bottom: 0;
}
.page-text-field-text .container .row,
.page-text-field-2-columns .container .row,
.page-text-field-text-image .container .row,
.page-text-field-usps .container .row {
padding-bottom: 36px;
}
.page-text-field-text .container .row .col-12 {
padding: 0;
}
.page-text-field-2-columns .container .row .col-6:nth-child(2) {
padding-right: 0px;
}
.page-text-field-2-columns .container .row .col-6:nth-child(3) {
padding-left: 0px;
}
.page-text-field-text-image .container .row .col-6:nth-child(1) {
padding-right: 0px;
}
.page-text-field-text-image .container .row .col-6:nth-child(2) {
padding-left: 0px;
}
.page-text-field-text-image .container .row.text-image-flip-enabled .col-6:nth-child(1) {
padding-left: 0px;
}
.page-text-field-text-image .container .row.text-image-flip-enabled .col-6:nth-child(2) {
padding-right: 0px;
}
.page-text-field-usps .container .row .col-12 {
padding: 0;
}
.page-text-field-usps .container .row .col-4 {
padding: 0;
}
.advantages .container .row .col-12 {
padding: 0;
}
.advantages .container .row .col-4 {
padding: 0;
}
.steps .container .row .col-12 {
margin-bottom: 24px;
}
.tips-slider-container .row .tips-slider .slick-list {
margin: 0 -12px;
}
.tips-slider-container .row .tips-slider .slick-list .slick-track .slide {
margin: 0 12px;
}
.tips-slider-container .row .tips-slider .slick-list .slick-track .slide .title-container svg {
margin-top: -24px;
}
.usps .row .col-5 {
padding: 0;
}
.usps .row .col-5 .image-container {
max-height: 350px;
}
.usps .row .col-7 {
padding: 0;
}
}
@media (max-width: 576px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
max-width: 100%;
}
header .header-inner .header-titles-wrapper .header-titles h1 {
font-size: 26px;
}
.hero {
position: relative;
padding-top: 140px;
padding-bottom: 100px;
}
.hero::after {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
}
.hero .container {
z-index: 10;
position: relative;
}
.hero .container .row .col-5 .text-block {
background-color: unset;
}
.hero .container .row .col-5 .text-block .text-container .title {
border-bottom: 2px solid #FFFFFF;
}
.hero .container .row .col-5 .text-block .btn-container .title-container h1,
.hero .container .row .col-5 .text-block .btn-container .title-container h2,
.hero .container .row .col-5 .text-block .btn-container .title-container h3,
.hero .container .row .col-5 .text-block .btn-container .title-container h4,
.hero .container .row .col-5 .text-block .btn-container .title-container h5,
.hero .container .row .col-5 .text-block .btn-container .title-container h6 {
font-size: 24px;
}
small p,
small a,
small ul,
small li {
font-size: 10.5px;
}
p,
a,
ul,
li {
font-size: 14px;
}
body button,
body .button,
body .faux-button,
body .wp-block-button__link,
body input[type=button],
body input[type=reset],
body input[type=submit] {
font-size: 14px;
height: 34px;
}
.compare-form .container .row .col-7 .form .two-column-field p span:first-of-type {
padding-right: 6px;
}
.compare-form .container .row .col-7 .form .two-column-field p span:last-of-type {
padding-left: 6px;
}
.compare-form .container .row .col-7 .form p {
margin-bottom: 12px;
}
.text-image .row .col-6:first-of-type .text-container blockquote a {
font-size: 14px;
}
.footer-nav-widgets-wrapper .footer-inner .footer-widgets-wrapper .footer-widgets .widget {
margin-top: 10px;
}
.footer-nav-widgets-wrapper .footer-inner .footer-widgets-wrapper .footer-widgets .widget a {
font-size: 14px;
}
.header-top-image-text .col-12 .image-container {
max-height: 185px;
}
.page-template-default.page .main-container #site-content article .post-inner .entry-content section:nth-child(2) .container .row {
padding-top: 18px;
}
.page-template-default.page .main-container #site-content article .post-inner .entry-content section:not(:first-of-type) .container .row {
padding-left: 24px;
padding-right: 24px;
}
.footer-top-cta-block .container .row {
padding: 16px 12px;
box-shadow: none;
border-radius: 0;
}
.page-text-field-usps .container .row .col-4 {
flex: 100%;
max-width: 100%;
}
.advantages .container .row .col-4 {
flex: 100%;
max-width: 100%;
}
.steps .container .row .steps-container .step .text {
max-width: 270px;
}
.company-info .container .row .col-4 .advantages .advantage .advantage-title svg {
width: 16px;
margin-right: 8px;
margin-top: 1px;
}
.company-info .container .row .col-7 .text-container {
box-shadow: none;
padding-left: 12px;
padding-right: 12px;
}
.tips-slider-container .row .tips-slider .slick-list {
padding-left: 50px;
padding-right: 50px;
}
.text-center .container .row .col-8 .text-container p.trustpilot a img {
max-width: 115px;
}
.usps .row .col-7 .text-block {
padding-left: 12px;
padding-right: 12px;
}
.usps .row .col-7 .text-block .usps-container {
padding-top: 24px;
padding-bottom: 24px;
padding-right: 0;
}
.usps .row .col-7 .text-block .usps-container .usps .usp img {
max-width: 26px;
max-height: 20px;
}
.usps .row .col-7 .text-block .usps-container .usps .usp div {
margin-left: 16px;
}
}
@media (max-width: 450px) {
header .header-inner .header-titles-wrapper .mobile-btns-container .mobile-nav-toggle.nav-toggle {
padding: 15px 2rem;
}
.mobile-btns-container .start-btn-mobile {
display: none;
}
.mobile-btns-container .mobile-nav-toggle.nav-toggle {
background-color: #3777CA;
padding: 15px 2rem;
}
.mobile-btns-container .mobile-nav-toggle.nav-toggle .toggle-inner {
height: 1.5rem;
}
.mobile-btns-container .mobile-nav-toggle.nav-toggle .toggle-inner .toggle-icon {
position: relative;
top: -4px;
}
.mobile-btns-container .mobile-nav-toggle.nav-toggle .toggle-inner .toggle-text {
top: 8px;
}
.mobile-btns-container .nav-toggle .toggle-icon,
.mobile-btns-container .nav-toggle svg {
height: 0.6rem;
width: 2.3rem;
}
.footer-nav-widgets-wrapper .footer-inner .footer-widgets-outer-wrapper .footer-widgets-wrapper .footer-widgets {
width: 100%;
}
.page-template-default.page .main-container #site-content article .post-inner {
padding-top: 45px;
}
.footer-top-cta-block .container .row .col-12 .button-usps .usps div {
flex: 100%;
max-width: 100%;
}
.footer-top-cta-block .container .row .col-12 .button-usps .usps div:not(:last-of-type) {
margin-bottom: 18px;
}
}
@media (max-width: 400px) {
.text-center .container .row .col-8 .text-container h2 {
font-size: 26px;
}
}