:root { --primary-color: #CF1515;
--secondary-color: #0A1F31;
--text-color: #0A1F31;
--white-color: #fff;
--light-color: #000928B2;
--body-background: #ffffff; --font-main: "Figtree", sans-serif;
--font-secondary: "Figtree", sans-serif; --font-base: 17px;
--font-h1: 60px;
--font-h2: 38px;
--font-h3: 24px;
--font-h4: 20px;
--font-h5: 18px;
--font-h6: 16px; --font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
word-break: break-word;
}
html {
font-size: var(--font-base);
word-break: break-word;
}
body {
font-size: var(--font-base);
color: var(--primary-color);
font-family: var(--font-main);
margin: 0;
padding: 0;
text-decoration: none;
font-weight: var(--font-weight-regular);
word-break: break-word;
line-height: 32px;
}
a {
text-decoration: none;
color: var(--primary-color);
font-size: var(--font-base);
font-weight: var(--font-weight-light);
font-family: var(--font-main);
}
h1 {
font-family: var(--font-main);
font-size: var(--font-h1);
font-weight: var(--font-weight-regular);
}
h2 {
font-size: var(--font-h2);
font-weight: var(--font-weight-regular);
}
h3 {
font-size: var(--font-h3);
font-weight: var(--font-weight-regular);
}
h4 {
font-size: var(--font-h4);
font-weight: var(--font-weight-regular);
}
h5 {
font-size: var(--font-h5);
font-weight: var(--font-weight-regular);
}
h6 {
font-size: var(--font-h6);
font-weight: var(--font-weight-regular);
}
p {
font-family: var(--font-main);
}
.container {
margin: 0 auto;
padding-right: calc((100% - 1440px) / 2);
padding-left: calc((100% - 1440px) / 2);
width: 100%;
box-sizing: border-box;
}
ul li {
list-style-type: none !important;
}
.sticky-menu {
position: fixed;
top: 0;
left: 0px;
width: 100%;
background: var(--white-color);
transform: translateY(-100%);
transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
z-index: 1000;
}
.sticky-menu.active {
transform: translateY(0);
}
.sticky-menu .logo img {
height: 60px;
transition: all 0.3s ease-in-out;
} .menu-container {
position: relative;
display: flex;
align-items: center;
gap: 40px;
}
.hamburger {
display: none;
background: none;
border: none;
cursor: pointer;
position: relative;
z-index: 10001;
}
.hamburger-icon img {
width: 30px;
height: 30px;
display: block;
position: relative;
transition: background-color 0.3s ease;
background: none;
} .custom-contact-form .form-group {
z-index: 99;
position: relative;
}
.kvk-text {
color: #ffffff !important;
}
.footer-content-left h3 {
color: var(--light-white-color);
font-size: var(--font-base);
line-height: 40px;
max-width: 150px;
}
.main-navigation h3 {
margin-top: 0;
margin-bottom: 8px;
font-weight: 700;
font-size: 17px;
line-height: 32px;
letter-spacing: 0px;
color: var(--white-color);
}
.menu-extras-template{
display:none !important;
}
.menu-extras{
margin: 0;
display: flex;
justify-content: left;
align-items: center;
width: 100%;
}
.menu-extras ul li{
padding: 5px 0;
}
.menu-extras ul li .btn{
margin-bottom: 0 !important;
position: relative;
background: #113B60;
padding: 14px 20px 14px 55px;
font-weight: 400 !important;
font-size: 17px !important;
line-height: 32px !important;
display: inline-flex !important;
height: 45px;
}
.menu-extras ul li .btn::before {
content: "";
position: absolute;
left: -1px;
width: 45px;
height: 45px;
background-color: #FFFFFF;
border-radius: 50%;
background-image: url(https://rinxs.nl/wp-content/uploads/2025/08/phone-blue.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 19px;
}
.menu-extras ul li .email::before{
background-image: url(https://rinxs.nl/wp-content/uploads/2025/08/email-blue.svg) !important;
}
.main-navigation ul {
padding: 0;
margin: 0;
}
.main-navigation ul li {
margin-bottom: 10px;
}
.main-navigation ul li a,
.contact-info-footer a {
font-weight: 400;
font-size: 17px;
line-height: 32px;
color: var(--white-color);
margin-bottom: 10px;
display: block;
}
.main-navigation ul li a:hover,
.contact-info-footer a:hover {
color: var(--primary-color);
transition: .2s ease-in-out;
}
.social-menu-icon {
width: 29px;
height: 29px;
object-fit: contain;
}
.footer-flex .right {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 55%;
}
.footer-flex .right .contact-info-footer .footer-images {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 30px;
}
.footer-flex .right .contact-info-footer .footer-images img {
width: 67px;
height: 86px;
}
.footer-flex .footer-logo {
width: 30%;
} .flex-menu, .footer-flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-bottom .term-flex,
.footer-bottom .term-flex .main-navigation,
.footer-bottom .term-flex .main-navigation .term-menu ul {
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
}
.footer-bottom {
padding-top: 80px;
}
.flex-menu .logo{
height: 49px;
}
.flex-menu .logo img {
width: 157px;
height: 49px;
z-index: 99999999;
position: relative;
}
.flex-menu .logo,
.flex-menu .logo a{
display: block;
}
.footer-flex {
align-items: flex-start;
}
.main-nav ul {
list-style: none;
display: flex;
gap: 40px;
margin: 0;
padding: 0;
}
.main-nav ul li {
position: relative !important;
}
.main-nav ul li a {
color: var(--secondary-color);
font-size: var(--font-base);
line-height: 32px;
letter-spacing: 0px;
font-weight: var(--font-weight-medium);
transition: color 0.3s ease-in-out;
text-decoration: none;
}
.main-nav ul li.current-menu-item>a {
color: var(--primary-color);
}
.main-nav ul li a:hover {
color: var(--primary-color);
}
.btn {
position: relative;
background: var(--primary-color);
color: var(--white-color);
padding: 14px 20px 14px 70px;
border-radius: 100px;
text-decoration: none;
transition: background 0.3s ease-in-out;
font-weight: 500;
font-size: 17px;
line-height: 32px;
letter-spacing: 0px;
display: inline-flex;
align-items: center;
height: 59px;
box-sizing: border-box;
border: 1px solid transparent;
}
.btn::before {
content: "";
position: absolute;
left: -1px;
width: 59px;
height: 59px;
background-color: #AC0000;
border-radius: 50%;
background-image: url(https://rinxs.nl/wp-content/uploads/2025/07/phone.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 19px;
}
.btn:hover {
background: var(--white-color);
color: var(--primary-color);
border: 1px solid var(--primary-color);
}
.header-top-bar {
background: #F1F1F1;
padding: 10px 0;
}
.top-bar-flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.top-bar-flex .left {
font-weight: 500;
font-size: 17px;
line-height: 32px;
letter-spacing: 0px;
color: var(--secondary-color);
display: flex;
justify-content: left;
align-items: center;
gap: 10px;
}
.top-bar-flex .left .rating {
font-weight: 700;
}
.top-bar-flex .left .google {
width: 24px;
height: 24px;
}
.top-bar-flex .right ul {
display: flex;
justify-content: left;
align-items: center;
gap: 30px;
padding: 0;
margin: 0;
}
.top-bar-flex .right a {
font-weight: 500;
font-size: 17px;
line-height: 32px;
letter-spacing: 0px;
color: var(--secondary-color);
}
.top-bar-flex .right a:hover {
color: var(--primary-color);
transition: .2s ease-in-out;
}
header {
padding: 24px 0;
z-index: 100;
position: relative;
}
.flex-menu .main-nav ul li {
padding: 10px 0;
} .footer {
background: var(--secondary-color);
padding: 80px 0px 40px;
}
.footer-content-right {
align-items: flex-start;
}
.footer-menu .social-menu-column ul {
padding: 0;
margin: 0;
display: flex;
justify-content: left;
align-items: center;
gap: 20px;
margin-top: 24px;
}
.footer-menu .social-menu-column ul li::marker {
display: none;
content: none;
}
.footer-menu .social-menu-column ul li.instagram,
.footer-menu .social-menu-column ul li.tiktok,
.footer-menu .social-menu-column ul li.facebook {
position: relative;
}
.footer-menu .social-menu-column ul li.instagram a,
.footer-menu .social-menu-column ul li.tiktok a,
.footer-menu .social-menu-column ul li.facebook a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-indent: -99999px;
}
.footer-menu .social-menu-column ul li.instagram {
background-image: url(https://rinxs.nl/wp-content/uploads/2025/07/instagram.svg);
background-repeat: no-repeat;
width: 29px;
height: 29px;
}
.footer-menu .social-menu-column ul li.facebook {
background-image: url(https://rinxs.nl/wp-content/uploads/2025/07/facebook.svg);
background-repeat: no-repeat;
width: 29px;
height: 29px;
}
.footer-menu .social-menu-column ul li.tiktok {
background-image: url(https://rinxs.nl/wp-content/uploads/2025/07/tiktok.svg);
background-repeat: no-repeat;
width: 29px;
height: 29px;
}
.footer-menu .social-menu-column ul li:hover {
filter: brightness(0) saturate(100%) invert(20%) sepia(92%) saturate(5590%) hue-rotate(-5deg) brightness(96%) contrast(118%);
}
.footer-menu .social-menu-column ul li {
width: 29px;
height: 29px;
background-repeat: no-repeat;
background-size: cover;
transition: filter 0.3s ease, opacity 0.3s ease;
opacity: 1;
}
.footer-address h3,
.footer-contact h3 {
color: var(--secondary-color);
font-weight: var(--font-weight-light);
font-size: var(--font-h6);
line-height: 20px;
margin: 0;
}
.footer-address a,
.term-content p,
.term-menu ul li a {
color: var(--white-color);
font-weight: 400;
font-size: 14px;
line-height: 25px;
margin: 0;
}
.footer-logo .logo-image {
width: 157px;
height: 49px;
}
.refer-link a {
font-weight: 400;
font-size: 14px;
line-height: 25px;
color: #FFFFFF66;
}
.refer-link a {
margin-bottom: 0;
margin-top: -5px;
display: block;
}
.refer-link a:hover {
color: var(--primary-color);
transition: .2s ease-in-out;
}
.main-padding {
padding: 120px 0;
} .custom-contact-form .form-row {
display: flex;
justify-content: space-between;
gap: 10px;
}
.custom-contact-form .form-row .half-width {
width: 50%;
}
.custom-contact-form .form-row .half-width p {
margin: 0;
}
.custom-contact-form p {
margin: 20px 0;
}
.custom-contact-form .margin-bottom-40 {
margin-bottom: 40px !important;
}
.custom-contact-form .checkbox-group p {
margin-top: 0;
}
.form-checkbox p {
display: flex;
align-items: center;
justify-content: left;
width: 100%;
}
.form-checkbox label {
font-family: var(--font-quicksand);
font-weight: var(--font-weight-regular) !important;
margin-top: -8px;
}
.form-checkbox a {
font-weight: var(--font-weight-medium);
color: var(--secondary-color);
}
.contactform-img-block .custom-contact-form {
max-width: 452px;
margin: 60px auto 0;
}
.custom-contact-form textarea {
margin-bottom: 15px;
}
.custom-contact-form input,
.custom-contact-form textarea,
.custom-contact-form select {
background: transparent;
padding: 20px 20px 10px;
border: none;
border: 1px solid #0A1F3166;
width: 100%;
box-sizing: border-box; border-radius: 3px;
z-index: 100;
position: relative;
font-weight: 400;
font-size: 17px;
line-height: 32px;
color: #0A1F31;
font-family: var(--font-main);
}
.custom-contact-form textarea {
height: 117px;
resize: none;
padding-top: 10px;
}
.custom-contact-form input,
.custom-contact-form textarea {
-webkit-appearance: none;
}
.custom-contact-form input:focus,
.custom-contact-form textarea:focus {
outline: none
}
.row-flex {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 15px;
}
.row-flex .form-group {
width: 50%;
}
.custom-contact-form .form-group {
position: relative; }
.custom-contact-form .form-control {
z-index: 1;
position: relative;
}
.custom-contact-form .form-group label {
font-weight: 400;
font-size: 17px;
line-height: 32px;
color: #0A1F31;
position: absolute;
top: 15px;
left: 20px;
transition: all 0.2s ease-in-out;
}
.custom-contact-form .checkbox-group label {
position: static;
display: flex;
align-items: center;
}
.custom-contact-form .checkbox-group label a {
margin-left: 5px;
font-weight: 400;
}
.custom-contact-form .checkbox-group label a:hover{
color: var(--secondary-color);
transition: .2s ease-in-out;
}
.custom-contact-form .form-group.floating-label:focus-within label,
.custom-contact-form .form-group.floating-label.filled label {
top: 0px;
left: 20px;
z-index: 2;
font-weight: 300;
font-size: 11px;
line-height: 30px;
color: #CF1515;
}
.flex-fields .form-group {
width: calc(50% - 10px);
}
.custom-contact-form .form-checkbox p,
.custom-contact-form .form-checkbox .wpcf7-list-item {
margin: 0;
}
.custom-contact-form .form-checkbox p {
font-weight: var(--font-weight-light);
font-size: var(--font-h6);
color: var(--primary-color);
}
.margin-0 p {
margin-bottom: 0;
}
.margin-0 .wpcf7-spinner {
display: none;
}
.custom-contact-form input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 20px !important;
height: 20px !important;
border: 1px solid #000000 !important;
cursor: pointer;
border-radius: 0px !important;
transition: background-color 0.3s, border-color 0.3s;
padding: 0 !important;
position: relative;
margin: 0;
margin-right: 10px;
}
.custom-contact-form input[type="checkbox"]:checked {
background-color: var(--primary-color) !important;
border-color: var(--primary-color) !important;
}
.custom-contact-form input[type="checkbox"]:checked::after {
content: "✓";
color: white;
font-size: 14px;
display: block;
text-align: center;
line-height: 20px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.custom-contact-form .wpcf7-not-valid-tip {
margin-top: 10px;
}
.custom-acceptance p {
display: flex;
align-items: center;
}
.custom-acceptance p,
.custom-acceptance p a {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #1B2E2E;
margin: 0;
}
.custom-acceptance p a {
text-decoration: underline;
font-family: var(--font-secondary);
margin-left: 5px;
}
.display-flex {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.form-checkbox:has(.wpcf7-not-valid) label[for="termscheck"] {
margin-left: -110px;
margin-top: -45px;
}
.flex-button {
display: flex;
justify-content: right;
align-items: center;
gap: 20px;
margin-top: 40px;
}
.width-50 {
width: 65%;
}
.display-none-desktop {
display: none;
}
.tablet {
display: none;
} .cta-footer {
color: var(--white-color);
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #FFFFFF3D;
padding-bottom: 60px;
margin-bottom: 100px;
}
.cta-footer-title {
font-weight: 700;
font-size: 24px;
line-height: 56px;
letter-spacing: 0px;
margin: 0px;
}
.cta-footer-buttons {
display: flex;
justify-content: center;
gap: 10px;
}
.cta-footer-buttons .btn:nth-child(2) {
display: none;
}
.cta-footer-buttons .btn {
font-family: var(--font-main);
border: none;
}
.cta-footer-buttons .btn:hover,
.cta-footer-buttons .btn:nth-child(2):hover {
background: var(--white-color);
color: var(--secondary-color);
border-color: var(--white-color);
}
.cta-footer-buttons .btn:nth-child(2) {
background: transparent;
color: var(--white-color);
border: 1px solid var(--white-color);
margin-left: 12px;
}
.wpcf7-list-item {
margin: 0;
}
.menu-open{
overflow: hidden;
}
.menu-extras {
display: none;
}
.menu-open .menu-extras {
display: flex;
}
.email .email-item {
display: flex;
gap: 5px;
}
.email .email-item span{
color: var(--white-color);
}
.top-bar-flex .right span{
color: var(--secondary-color);
}
.menu-open .email-label,
.menu-open .header-top-bar {
display: none;
} @media only screen and (max-width: 1000px) {
.overlay-content, .full-height-header-grid {
align-items: center;
display: flex;
}
:root { --font-h1: 50px;
--font-h2: 38px;
}
.top-bar-flex {
flex-wrap: wrap;
align-items: center;
}
}
@media only screen and (max-width: 700px) {
.top-bar-flex .right span {
display: none;
}
}
@media only screen and (max-width: 1100px) {
.main-padding {
padding: 60px 0px;
}
}
@media only screen and (max-width: 1440px) {
.container,
.container-xl {
padding-right: 30px;
padding-left: 30px;
}
.main-review .reviews-slider{
padding-left: 30px !important;
}
.padding-left {
padding-right: 15px;
padding-left: 15px;
}
.contact-main .collage-item img {
height: 100%;
object-fit: cover;
width: 100%;
}
.contact-popover {
max-width: calc(100% - 130px);
}
html, body {
overflow-x: hidden !important;
}
}
@media only screen and (max-width: 1320px) {
.menu-container {
width: auto;
gap: 30px;
}
}
@media only screen and (max-width: 1150px) {
.hamburger .close-icon {
display: none !important;
}
.hamburger.is-active .burger-icon {
display: none !important;
}
.hamburger.is-active .close-icon {
display: block !important;
width: 25px;
height: 25px;
}
.display-none-desktop {
display: block !important;
}
.main-nav ul li.current-menu-item>a,
.main-nav ul li a:hover {
color: var(--primary-color);
}
.hamburger.is-active {
margin-right: 0;
padding: 0;
} .hamburger {
display: block;
}
.hamburger-icon img {
background: var(--secondary-color);
padding: 7px;
width: 25px;
height: 25px;
}
.hamburger.is-active .close-icon {
background: transparent;
padding: 0px;
}
.header-buttons .btn {
margin-left: 15px;
}
.menu-container {
gap: 0px;
}
.menu-open .flex-menu .logo img {
filter: brightness(0) invert(1);
} .main-nav {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100dvh;
color: white;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 10000;
pointer-events: none;
}
.flex-menu .menu-container .main-nav {
background: var(--secondary-color);
padding: 0 30px;
}
.flex-menu .menu-container .main-nav.active{
display: flex !important;
opacity: 1;
pointer-events: auto;
}
.main-nav ul {
display: block;
text-align: center;
}
.main-nav ul li a {
font-size: 24px;
margin-bottom: 25px;
display: block;
color: var(--white-color);
}
.main-nav ul li a::after {
content: none;
}
.main-nav .menu li.menu-item-has-children .submenu-toggle {
top: 50%;
}
.main-nav .menu li.menu-item-has-children .submenu-toggle {
transition: transform 0.3s ease;
}
.main-nav .menu li.menu-item-has-children .submenu-toggle.active {
transform: translateY(-50%) rotate(-180deg);
}
.main-nav ul li.btn-menu a {
color: #01382E !important;
margin-bottom: 0;
font-size: 24px;
}
body.menu-open {
overflow: hidden;
touch-action: none;
height: calc(100vh - 50px);
padding-right: 0 !important;
}
header,
.default-menu{
padding-right: 0 !important;
}
.footer-content-left {
width: 40%;
}
.footer-content-right {
width: 60%;
}
.menu-container {
margin-left: auto;
}
.sub-menu li a {
margin-bottom: 0 !important;
color: var(--primary-color) !important;
}
.main-nav .menu li .sub-menu {
position: relative;
background: transparent;
padding: 0;
}
.main-nav .menu li:hover .sub-menu {
display: none;
}
.main-nav .menu li .sub-menu li {
padding: 0;
}
.main-nav .menu li .sub-menu li a {
color: #fff !important;
font-size: 20px;
margin-bottom: 15px !important;
display: block;
}
.main-nav .menu li.menu-item-has-children {
position: relative;
padding-right: 30px;
}
.main-nav .menu li.menu-item-has-children::after {
content: "";
top: 20px;
transform: translateY(-50%) rotate(0deg);
}
.main-nav .menu li.menu-item-has-children.active::after {
transform: translateY(-50%) rotate(180deg);
}
.main-nav .menu li.menu-item-has-children {
padding-right: 30px;
transition: .2s ease-in-out;
width: 100%;
}
.main-nav .menu li.menu-item-has-children .submenu-toggle {
margin-left: 0;
left: 98%;
}
.main-nav ul {
width: 100%;
padding: 0;
}
.main-nav ul li {
text-align: left;
}
.menu-container {
justify-content: right;
}
.main-nav .menu li .sub-menu {
padding-left: 20px;
}
.main-nav .menu li .sub-menu li:hover {
background: transparent;
}
.footer {
padding: 60px 0;
}
.footer-flex .right {
width: 100%;
}  .hamburger-icon img {
border-radius: 4px;
padding: 10px;
}
.default-menu{
visibility: visible !important;
} }
@media only screen and (max-width: 1090px) {
.contact-main .text-image-image {
display: none;
}
.contact-main .text-image-content {
width: calc(100% - 0px);
max-width: calc(100% - 0px);
}
.contact-main .text-image-content .title {
margin-bottom: 30px;
}
.custom-contact-form textarea {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 1050px) {
.cta-footer {
flex-direction: column;
align-items: baseline;
}
}
@media only screen and (max-width: 950px) {
.desktop {
display: none;
}
.tablet {
display: block;
}
.text-image-content {
margin-top: 0px;
}
.main-padding {
padding: 80px 0;
}
.term-flex {
flex-wrap: wrap;
}
.width-50,
.lgd-summary-box {
width: 100%;
box-sizing: border-box;
margin: 0;
}
.header-title-text-wrapper .title-block h2 {
line-height: 100%;
}
}
@media only screen and (max-width: 885px) {
.footer-flex {
gap: 20px;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 855px) {
.cta-footer-title {
line-height: 40px;
margin-bottom: 30px;
}
.cta-footer {
margin-bottom: 60px;
}
.term-menu ul li {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.container,
.container-xl {
padding-right: 12px;
padding-left: 12px;
}
.flex-menu .menu-container .main-nav{
padding: 0 15px;
}
.main-review .reviews-slider{
padding-left: 15px !important;
}
.sticky-nav{
padding: 10px 0;
}
.subpage-hero__image-container .subpage-hero__image, .subpage-hero .subpage-hero__image {
height: 250px;
}
.subpage-hero .subpage-hero-main .subpage-hero-right img {
height: 300px;
min-height: 300px;
}
.usps-block .usps-item {
margin-bottom:0 !important;
}
}
@media only screen and (max-width: 710px) {
:root { --font-h1: 40px;
--font-h2: 34px;
}
.cta-footer-title {
font-size: 26px;
line-height: 36px;
}
.footer {
padding: 60px 0 20px 0;
}
}
@media only screen and (max-width:662px) {
.footer-bottom .term-flex {
gap: 15px;
}
}
@media only screen and (max-width:650px) {
.footer-flex .right {
width: 100%;
}
}
@media only screen and (max-width:600px) {
.hamburger { order: 1;
}
.top-bar-flex .left,
.top-bar-flex .right a{
font-size: 12px;
}
.top-bar-flex .right ul {
justify-content: center;
flex-wrap: wrap;
gap: 12px;
} .top-bar-flex .left .reviews,	
.top-bar-flex .right ul li:nth-child(3) {
display:none;
}
.flex-menu .logo img {
width: 100px;
}
.top-bar-flex .left .google{
width: 20px;
height: 20px;
}
.top-bar-flex .left{
justify-content: center;
gap:5px;
}
.sticky-menu .header-top-bar{
display: none !important;
}
.menu-container {
margin-right: 0;
order: 1;
margin-left: 0;
}
.custom-contact-form .flex-fields {
display: block;
}
.flex-fields .form-group {
width: calc(100% - 0px);
}
.contact-main {
padding: 50px 0 !important;
}
.padding-bottom {
padding-bottom: 80px !important;
}
.main-nav.active .header-button .booking-button {
display: flex;
}
.top-bar-flex {
flex-wrap: nowrap;
}  .header-top-bar {
position: relative;
padding: 2px 0;
}
.flex-menu {
padding: 0;
}
.flex-menu .menu-container .main-nav {
padding: 0 15px;
}
.flex-menu .logo {
position:relative;
z-index:10001;
}
.btn {
font-size: 15px;
}
.hamburger.is-active .close-icon{
padding: 10px;
}
.main-nav ul li a{
margin-bottom: 0px;
font-size: 17px;
line-height: 24px;
}
.header-buttons .btn {
margin-right: 10px;
padding: 12px 17px 12px 55px;
height: 48px;
}
.header-buttons .btn::before{
width: 48px;
height: 48px;
}
.hamburger-icon img{
padding: 6px 10px;
width: 30px;
height: 30px;
}
.main-nav ul {
margin-bottom:10px;		
}
}
@media only screen and (max-width: 560px) {
.footer-menu,
.footer-logo {
width: calc(100% - 20px);
}
.footer {
padding: 30px 0;
}
.footer-flex .right {
flex-wrap: wrap;
gap: 30px;
}
}
@media only screen and (max-width: 550px) {
.sticky-menu {
width: 100%;
margin: 0;
}
.main-navigation .header-buttons {
display: block !important;
}
.custom-submit-button {
width: 100%;
}
:root {
--font-h1: 34px;
--font-h2: 30px;
--font-h3: 20px;
--font-base: 16px;
}
.footer-flex .footer-logo {
width: 100%;
}
.cta-footer {
margin-bottom: 40px;
padding-bottom: 40px;
}
.cta-footer-title {
font-size: 22px;
line-height: 32px;
}
.custom-contact-form .form-row {
flex-direction: column;
}
.custom-contact-form .form-row .half-width {
width: 100%;
}
.custom-contact-form .form-row .half-width:nth-child(1) {
margin-bottom:10px;
}
}
@media only screen and (max-width: 500px) {
.main-padding {
padding: 60px 0;
}
.flex-button {
flex-direction: column;
align-items: baseline;
}
.footer-bottom .term-flex .term-content {
order: 1;
}
.refer-link a {
margin-top: 0;
}
.offerte-form__form .custom-contact-form .form-group label strong {
font-size: 14px;
}
}
@media only screen and (max-width: 396px) {
.custom-contact-form .checkbox-group label {
align-items: flex-start;
}
.custom-contact-form input[type="checkbox"] {
margin-top: 6px;
}
.custom-contact-form .checkbox-group span {
line-height: 25px;
}
}
@media only screen and (max-width: 450px) {
.footer-bottom .term-flex .main-navigation {
flex-wrap: wrap;
gap: 15px;
}
}
@media only screen and (max-width: 400px){
.header-buttons .btn {
margin-right: 10px;
padding: 12px 17px 12px 52px;
height: 50px;
font-size: 13px;
}
}
@media only screen and (max-width: 370px){
.header-buttons .btn {
padding: 10px 17px 10px 50px;
height: 45px;
}
.header-buttons .btn::before
{
width: 45px;
height: 45px;
}
.hamburger-icon img {
padding: 8px 8px;
width: 20px;
height: 20px;
}
.flex-menu .logo img {
width: 85px;
}
} body {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
img {
pointer-events: none;
-webkit-user-drag: none;
} img[data-lazy-src] { opacity: 0;
} img.lazyloaded { -webkit-transition: opacity .5s linear 0.2s;
-moz-transition: opacity .5s linear 0.2s;
transition: opacity .5s linear 0.2s; opacity: 1;
}
.dnd-upload-status .dnd-upload-details .remove-file {
border-radius: 50px;
background: var(--primary-color);
}