#ha-large-header {
background: #fff !important;
background-color: #fff !important;
} .mobile-title-logo-in-header .custom-logo-link img,
.custom-logo {
width: 34px;
height: 34px; object-fit: contain;
}
@media only screen and (min-width: 1600px) {
.whats-app-cta {
left:calc(50% + 685px);
bottom: 20px !important;
}
}
.whats-app-cta {
bottom: 15px;
right: 15px;
position: fixed;
cursor: pointer;
z-index: 3;
}
.whats-app-cta .fas {
font-size: 2em !important;
color: #1e90ff;
} input,
select,
textarea,
button {
font-size: 16px !important;
}
@media only screen and (max-width:768px) {
.pc-section-slider .carousel-caption .hph-subtitle {
margin-top: 1.5em;
font-size: !important;
}
.pc-section-slider .carousel-caption .hph-title {
line-height: !important;
}
.carousel-caption {
margin-top: -90px;
}
}
.btn-skin {
background-color: #1e90ff !important;
border: 2px solid #1e90ff;
font-weight: 400 !important;
font-size: 0.9em !important;
letter-spacing: 2px !important;
padding: 10px 20px; !important;
text-transform: none !important;
border-radius: 20px;	
margin-top: 40px;	
}
.btn-skin:hover {
background-color: #ccc!important;
} .container-profiel {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.container-profiel-inner {
flex: 1;
min-width: 300px;
max-height: auto;
}
.profiel-inner-background {
padding-top: 25px;
background: #ffffff;
background-image: linear-gradient(to bottom, #ffffff, rgb(234 234 234 / 70%)), url(https://demo-kineticdesign.nl/wp-content/uploads/2025/10/hx004.svg);
}
.container-profiel-inner h3 {
font-size: 1.2em !important;
}
.container-profiel-inner strong {
letter-spacing: 0.01em;
font-size: 0.9em;
}
.container-profiel-inner-padding {
border: 1px dashed #ccc;
padding: 15px;
}
.container-profiel-image {
display: flex;
justify-content: center;
align-items: center;
}
.container-profiel-image img {
max-width: 100%;
height: auto;
background-color: #f0f0f0;
padding: 10px;
border-radius: 100%;
}  #filters-isotope {
margin: 20px 0;
text-align: center;
}
.isotope-grid .post-thumbnail {
margin-bottom: 20px; 
}
.button-isotope-group {
display: inline-block;
}
.button-isotope-group::after {
content: "";
display: block;
clear: both;
}
.button-isotope {
display: inline-block;
padding: 4px 16px;
border: 1px solid #ccc;
text-decoration: none;
cursor: pointer;
color: #333;
background-color: #e5e5e5;
transition: background-color 0.2s, color 0.2s;
vertical-align: middle;
}
.button-isotope:first-of-type {
border-radius: 0.5em 0 0 0.5em;
}
.button-isotope:last-of-type {
border-radius: 0 0.5em 0.5em 0;
}
.button-isotope:hover {
background-color: #d9d9d9;
}
.button-isotope[aria-pressed="true"] {
background: #ccc;
color: #2f4123;
} .isotope-grid,
.isotope-grid * {
box-sizing: border-box;
} .isotope-grid::after {
content: "";
display: block;
clear: both;
} .test-element-item {
width: 100%;
position: relative; 
padding-right: 0;
margin: 0 0 20px 0; 
}
@media only screen and (min-width: 720px) {
.test-element-item {
width: 25%;
padding-right: 10px; 
}
} .test-element-item .symbol {
display: none;
position: absolute;
top: 10px;
right: 0;
} .test-element-item h2 {
font-size: 1.3em !important;
margin-bottom: 0;
} @media (min-width: 720px) {
.nav-wrap {
text-align: right;
padding-top: 15px !important;
}
} html {
overflow-x: hidden;
scroll-behavior: smooth;
box-sizing: border-box;
}
body {
overflow-x: hidden; }
.grecaptcha-badge {
visibility: hidden;
}
*, *::before, *::after {
box-sizing: inherit;
}
.boxed #page {
background: #343e47;
padding-bottom: 0;
}
.main .hu-pad {
padding: 0;
}
strong {
color: #1e90ff;
font-size: 1.2em;
font-weight: 400;
letter-spacing: 0.15em;
}
textarea:focus, input:focus {
outline: none;
}
*:focus {
outline: none;
} .top-btn-2 {
position: relative;
background-color: #1e90ff;
border: 2px solid #1e90ff;
font-weight: 400 !important;
font-size: 0.9em !important;
letter-spacing: 2px !important;
padding: 5px 20px;
display: inline-block;
border-radius: 20px;
margin-top: 40px;
z-index: 9;
}
.top-btn-2 a {
color: #fff !important;
}
.top-btn-2 a:hover {
color: #1e90ff !important;
}
.top-btn-2:hover {
background-color: #E5E5E5;
border: 2px solid #E5E5E5;
color: #1e90ff;
cursor: pointer;
transition: all 1s;
}
.button-01, .button-02 {
position: absolute;
left: 50%;
transform: translateX(-50%);
background-color: #1e90ff;
border: 3px solid #1e90ff;
padding: 5px 20px;
color: #fff;
font-weight: 400;
font-size: 0.9em;
border-radius: 20px;
text-align: center;
letter-spacing: 2px;
transition: ease-out 0.4s;
display: inline-block;
white-space: nowrap;
animation: pulse 2s infinite;
}
.button-01:hover, .button-02:hover, .button-05:hover {
background-color: #F2F2F2;
border: 3px solid #E5E5E5;
color: #333333;
cursor: pointer;
transition: all 1s;
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(53, 134, 209, 0.7); }
70% { box-shadow: 0 0 0 15px rgba(53, 134, 209, 0); }
100% { box-shadow: 0 0 0 0 rgba(53, 134, 209, 0); }
}
@media only screen and (max-width: 720px ) {
.button-01 { bottom: -60px; }
}
.button-box {
margin: 100px 0;
position: relative;
}
.button-box span {
font-weight: 400;
color: #333;
text-align: center;
display: block;
font-style: italic;
letter-spacing: 0.1em;
}
.button-box-vertical-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 270px;
}
.button-05 {
position: relative;
left: 50%;
top: 20px;
transform: translate(-50%, -50%);
background-color: #1e90ff;
border: 3px solid #1e90ff;
padding: 5px 20px;
color: #fff;
font-weight: 400;
font-size: 0.9em;
border-radius: 20px;
text-align: center;
letter-spacing: 2px;
transition: ease-out 0.4s;
animation: pulse 2s infinite;
display: inline-block;
} .blog .post-thumbnail img { max-height: 150px; }
.line { background-color: #fff; }
.ham__navbar-toggler-two.hovering .line,
.ham__navbar-toggler-two.focusing .line,
.ham__navbar-toggler-two.active .line,
.ham__navbar-toggler-two .line {
background: #fff !important;
}
.single-post #header {
background-color: #1e90ff !important;
background-image: linear-gradient(to right, #1e90ff, #188dff, #138bff, #0c88ff, #0685ff, #0482fc, #0280fa, #007df7, #007af1, #0077eb, #0074e6, #0071e0) !important;
padding-bottom: 80px;
}
.blog #nav-topbar.nav-container {
background-color: #1e90ff !important;
background-image: linear-gradient(to right, #1e90ff, #188dff, #138bff, #0c88ff, #0685ff, #0482fc, #0280fa, #007df7, #007af1, #0077eb, #0074e6, #0071e0) !important;
}
.is-scrolled #nav-topbar.nav-container {
background-color: #1e90ff !important;
background-image: linear-gradient(to right, #1e90ff, #188dff, #138bff, #0c88ff, #0685ff, #0482fc, #0280fa, #007df7, #007af1, #0077eb, #0074e6, #0071e0) !important;
}
.blog .main {
max-width: 800px;
margin: 15px auto 0;
}
.blog .subHeader img { display: none; }
.blog .post-list { margin-top: 30px; }
.blog .page-title h2 {
text-align: center;
margin: 10px 0;
}
.blog .page-title h2::before {
position: relative;
top: 8px;
content: '';
display: inline-block;
width: 25px;
height: 25px;
background-image: url(https://demo-kineticdesign.nl/wp-content/uploads/2025/11/demo-logo-blauw-grijs.svg);
background-size: contain;
background-repeat: no-repeat;
margin-right: 5px;
}
.blog .page-title span {
color: #2271b1;
text-transform: lowercase;
letter-spacing: 1.5px;
}
.masonry .grid-item .post-inner { background: #fbfbfb !important; }
.single .post {
background: #f9f9f9;
padding: 20px 0;
max-width: 800px;
margin: 30px auto 80px;
border: dashed 1px #ececec;
}
.page-title .meta-single li { display: none; }
.single .post-title { margin-bottom: 0; padding-left: 20px; }
.post-byline { margin-bottom: 0; padding-left: 20px; }
.single .post .entry { padding: 10px 20px; }
.hu-infinite-scroll-on #grid-wrapper {
padding-bottom: 50px;
margin-left: 100px;
}
@media only screen and (max-width: 719px) {
.single-post #header { padding-bottom: 50px; }
.hu-infinite-scroll-on #grid-wrapper { margin: 0 15px; }
.page-title h2::before { display: none !important; }
.blog.boxed #page { margin-top: -15px; }
.blog #header {
background-color: #1e90ff !important;
background-image: linear-gradient(to right, #1e90ff, #188dff, #138bff, #0c88ff, #0685ff, #0482fc, #0280fa, #007df7, #007af1, #0077eb, #0074e6, #0071e0) !important;
}
.blog .post-thumbnail img {
width: 60%;
padding-top: 20px;
margin: 0 auto;
}
} .entry .custom-opsomming ul li,
.entry .custom-opsomming ol ul li {
list-style: none;
position: relative;
padding-left: 23px;
font-size: 0.9em;
font-weight: 400;
letter-spacing: 0.05rem;
color: #333;
}
.entry .custom-opsomming ul { margin: 0 0 15px 0; }
.entry .custom-opsomming ul li::before,
.entry .custom-opsomming ol ul li::before {
content: '';
position: absolute;
left: 0;
top: 6px;
width: 15px;
height: 15px;
background-image: url(https://demo-kineticdesign.nl/wp-content/uploads/2025/11/check-demo.svg);
background-size: contain;
background-repeat: no-repeat;
} .con-pad-rev {
max-width: 1100px;
margin: -50px auto 40px;
padding: 0 20px;
}
.bubble-container {
position: relative;
width: 100px;
height: 100px;
overflow: hidden;
left: 90%;
transform: translateX(-50%);
}
.bubble {
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
animation: bubbleUp 2s ease-out forwards;
}
.star { width: 30px; height: 30px; }
@keyframes bubbleUp {
0% { opacity: 1; transform: translateX(-50%) translateY(0); }
100% { opacity: 0; transform: translateX(-50%) translateY(-50px); }
}
.container303 {
display: flex;
flex-wrap: wrap;
gap: 0;
padding: 1px;
}
.container303 p { margin: 0; }
.column303 { flex: 1 1 48%; min-width: 300px; }
.row303 { display: flex; flex-wrap: wrap; gap: 10px; }
.block303 { flex: 1 1 48%; padding: 0; }
.inner-block303 { display: flex; gap: 5px; align-items: center; }
.image-cover303 {
height: 120px;
width: auto;
background-image: url(https://via.placeholder.com/200);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
flex: 0 0 auto;
aspect-ratio: 1 / 1;
}
.inner-block303 .right303 {
flex: 1;
padding: 0 0 0 10px;
height: 120px;
}
.image-cover303 img {
border-radius: 8px;
box-shadow: 1px 1px 0px #F0F0F0;
}
@media (max-width: 768px) {
.arrow-size { display: block !important; }
.container303 { flex-direction: column; }
.row303 { flex-direction: column; }
.block303 { padding-bottom: 30px; }
.top-invoer .wpcf7-form-control-wrap { max-width: 100px; }
}
.review-box {
position: relative;
background-color: #f8f8f8;
padding: 30px 15px;
border: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
}
.ti-verified-review {
display: inline-block;
background: url(https://autoverkopen247.nl/wp-content/uploads/2025/10/verified.svg);
background-size: contain;
width: 15px;
height: 15px;
margin: 0 0 -3px 7px;
position: relative;
}
.tooltip { position: relative; display: inline-block; cursor: pointer; }
.tooltiptext {
font-size: 0.8em;
visibility: hidden;
line-height: 1.5;
color: #ccc;
width: 140px;
background-color: #000000cf;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
}
.tooltip:hover .tooltiptext { visibility: visible; }
.sterren-ratio {
font-size: 0.7em;
font-weight: 400;
color: #838383;
letter-spacing: 0.04em;
float: right;
}
.sterren-t .fa { font-size: 0.8em !important; color: #d9d850; }
.titel-t { font-size: 0.8em; font-weight: 400; color: #000; }
.content-dag { font-size: 12px; font-weight: 400; color: #b1aaaa; padding-right: 5px; }
.content-t { font-size: 0.9em; line-height: 9.5pt; letter-spacing: 0.02em; }  .grid-container-002 {
margin: 0 auto;
max-width: 1500px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
padding: 10px;
}
.blok-002 {
padding: 15px;
box-sizing: border-box;
} .blok-002:nth-child(2) {
border-top: 5px solid #1E90FF; background: linear-gradient(180deg, rgba(18, 139, 255, 0.24), transparent 70%);
} .sub-container-002 {
display: grid;
grid-template-rows: auto auto;
gap: 10px;
}
.sub-blok-002 { 
padding: 15px; 
} .sub-blok-002-desc {
font-size: 1rem;
color: #666;
line-height: 1.6;
font-weight: 400;
letter-spacing: 0.01em; margin: 0;
}
.sub-blok-002-des-grey { 
color: #1E90FF; 
}
.sub-blok-002-list-child { 
display: flex; 
align-items: center; 
gap: 0.6rem; 
padding-bottom: 10px; 
}
.sub-blok-002-list-label { 
font-size: 1rem; 
color: #333; 
font-weight: 500; 
margin: 0; 
}  .sub-blok-002-list-source-wrap {
position: relative;
width: 30px;
height: 30px;
display: flex;            
align-items: center;
justify-content: center;
flex: 0 0 auto;
} .sub-blok-002-list-source-wrap svg {
width: 100%;
height: 100%;
display: block;  
}
.sub-blok-002-list-source-wrap svg * {
vector-effect: non-scaling-stroke;
} @media (max-width: 1024px) {
.grid-container-002 { 
grid-template-columns: repeat(2, 1fr); 
}
}
@media (max-width: 768px) {
.grid-container-002 { 
grid-template-columns: 1fr; 
}
.sub-blok-002-list-source-wrap {
width: 25px;
height: 25px;
}
} @media (prefers-color-scheme: dark) {
.sub-blok-002-desc { color: #9aa4af; }
.sub-blok-002-list-label { color: #e6e7e9; }
.blok-002:nth-child(2) {
background: linear-gradient(180deg, rgba(30, 144, 255, 0.18), transparent 70%);
border-top-color: #1E90FF;
}
}  .accordion-body {
padding: 15px;
}
.accordion-body p {
margin: 0;
}
.accordion-body ul {
margin: 0;
}
.accordion-body .fas {
padding-right: 0.8em;
}
.active-header .fas {
color: #fff;
}
.inactive-header .fas {
color: #444;
} li.accordion {
position: relative;
list-style: none !important;
background-color: #F2F2F2;
margin-bottom: 20px;
} .accordion-header {
padding: 0.7em 0 0.8em 1em;
cursor: pointer;
position: relative;
} .active-header {
background-color: #1e90ff;
color: #fff;
font-weight: 400;
transition: background-color 200ms ease, color 200ms ease; } .inactive-header {
background-color: #E5E5E5;
color: #333;
font-weight: 400;
} .active-header::after,
.inactive-header::after {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%); font-family: "Font Awesome 5 Free";
font-weight: 600;
}
.active-header::after {
content: "\f068"; color: #fff;
}
.inactive-header::after {
content: "\f067"; color: #333;
} .accordion-content {
overflow: hidden;
height: 0;
opacity: 0;
visibility: hidden;
border: 1px solid #E5E5E5; width: 100% !important; transition:
height 320ms ease,
opacity 320ms ease,
visibility 320ms step-end; } .accordion-content.is-open {
opacity: 1;
visibility: visible;
height: auto; } .accordion-header:focus {
outline: 2px solid #0a84ff;
outline-offset: 2px;
} @media (prefers-reduced-motion: reduce) {
.accordion-content {
transition: none;
}
.active-header {
transition: none;
}
}  .flip {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
margin-top: -2px;
}
@media (max-width: 1024px) {
.maaktsvgwit:after {
content: "";
background: #fff;
position: absolute;
width: 100%;
height: 100%;
bottom: 100px;
z-index: -1;
}
}
.divider-container-header{height:100px;overflow:hidden;position:relative; margin-top: -100px;}
.divider-svg-header{width:100%;height:100%;display:block;}
.divider-container-footer{height:100px;overflow:hidden;position:relative; margin-bottom: -15px;}
.divider-svg-footer{width:100%;height:100%;display:block;}
@media (max-width: 768px){	
.divider-container-header {
height: 50px;
margin-top: -145px;
}
.divider-container-footer {
height: 50px;
margin-bottom: -25px;
} .layer-grey {
transform: translateY(-2px);
} .layer-black {
transform: translateY(2px);
} .layer-blue {
transform: translateY(-2px);
} .layer-white {
transform: translateY(2px);
}
}
.divider-container {
height: 120px;
overflow: hidden;
position: relative;
}
.divider-svg {
width: 100%;
height: 100%;
display: block;
} .kabel {
position: relative;
margin-bottom: ; } .kabel:before {
content: "";
position: absolute;
inset: 0;
background: url(https://masklusbedrijf.nl/wp-content/uploads/2026/03/MAS_Klusbedrijf_2000px.webp)
no-repeat center;
background-size: cover;
background-attachment: fixed; -webkit-filter: brightness(0.2);
filter: brightness(0.2);
z-index: 0; }
@media only screen and (max-width: 719px) {
.kabel:before { background: url(https://masklusbedrijf.nl/wp-content/uploads/2026/03/MAS_Klusbedrijf_2000px.webp)
no-repeat center !important;
background-size: cover;
background-attachment: scroll; }
} .kabel-buitenkant { position: relative; height: 120px; z-index: 1; } .kabel-binnenkant { position: relative; z-index: 2; text-align: center; }
.wit-titel {
display: block;
color: #fff;
font-size: 1.5em;
font-weight: 400;
font-style: normal;
font-family: 'Oswald', sans-serif !important;
letter-spacing: 2px;
} .divider-container-middle {
height: 150px; overflow: hidden;
position: relative;
z-index: 1; margin-top: -1px; margin-bottom: -1px; }
.divider-svg-middle {
width: 100%;
height: 100%;
display: block;
} .layer-blue-middle  { fill: #1e90ff96; transition: transform .25s ease; }
.layer-white-middle { fill: #fff;      transition: transform .25s ease; } .layer-white-translucent { fill: #ffffff6b; } @media (max-width: 768px) { .divider-container-middle { height: 75px; } .layer-blue-middle  { transform: translateY(-2px); }
.layer-white-middle { transform: translateY( 2px); }
}
@media (max-width: 480px) {
.divider-container-middle { height: 60px; }
.layer-blue-middle  { transform: translateY(-1px); }
.layer-white-middle { transform: translateY( 1px); }
} .flip { } .contact-container-form-border { border: 1px dashed #E5E5E5; }
#wp-7-responsive-form {
max-width: 600px;
margin: 0 auto;
padding: 20px 0 20px 20px;
width: 100%;
}
#wp-7-responsive-form p { font-size: 0.9em !important; }
.wp-7-form-row { width: 100%; }
.wp-7-column-half {
float: left;
position: relative;
padding-right: 20px;
width: 50%;
box-sizing: border-box;
}
.wp-7-column-full {
float: left;
position: relative;
padding-right: 20px;
width: 100%;
box-sizing: border-box;
}
.wp-7-clearfix:after {
content: "";
display: table;
clear: both;
}
@media only screen and (max-width: 719px) {
.wp-7-column-half { width: 100% !important; }
}
.wp-7-extra-mar {
color: #222 !important;
font-weight: 600 !important;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 select {
width: 100%;
padding: 8px;
background: #F2F2F2;
border: 1px solid #E5E5E5;
box-sizing: border-box;
}
.wpcf7 p { font-weight: 400 !important; }
.search-form input[type="search"]:focus,
.themeform input[type="text"]:focus,
.themeform input[type="password"]:focus,
.themeform input[type="email"]:focus,
.themeform input[type="url"]:focus,
.themeform input[type="tel"]:focus,
.themeform input[type="number"]:focus,
.themeform select:focus,
.themeform textarea:focus {
background: #fff;
}
.wpcf7-submit {
font-size: 0.9em !important;
background: #1E90FF !important;
border: 3px solid #1E90FF !important;
font-weight: 400 !important;
color: #fff !important;
border-radius: 20px !important;
letter-spacing: 2px;
padding: 8px 20px !important;
cursor: pointer;
}
.wpcf7-submit:hover {
background-color: #F2F2F2 !important;
border: 3px solid #E5E5E5 !important;
color: #333333 !important;
transition: all 1s;
}
.wpcf7-not-valid-tip {
text-shadow: none;
font-size: 12px;
color: #ffffff;
background: #ff0000;
padding: 5px;
}
.wpcf7-validation-errors {
text-shadow: none;
border: transparent;
background: #f9cd00;
padding: 5px;
color: #9C6533;
text-align: center;
margin: 0;
font-size: 12px;
}
.wpcf7-mail-sent-ok {
text-align: center;
text-shadow: none;
padding: 5px;
font-size: 12px;
background: #2f4123;
border-color: #59a80f;
color: #fff;
margin: 0;
} .contact-container {
background: #F2F2F2;
border: 1px solid #E5E5E5;
margin-top: -19px;
padding: 20px;
width: 100%;
}
.contact-container a { color: #333 !important; }
.cta-title {
font-size: 1em;
letter-spacing: 0.1em;
font-weight: 400;
color: #333;
margin-bottom: 10px;
}
.contact-info {
font-size: 15px;
color: #555;
line-height: 1.5;
margin-bottom: 18px;
}
.contact-blok { display: flex; flex-direction: column; gap: 12px; }
.contact-blok-button {
display: flex;
align-items: center;
gap: 10px;
max-width: 150px;
padding: 4px 16px;
font-size: 14px;
border-radius: 15px;
border: 1px solid #ccc;
text-decoration: none;
cursor: pointer;
color: #fff;
font-weight: 600;
background-color: #e5e5e5;
transition: 0.2s;
}
.contact-blok-button:hover { filter: brightness(0.9); } .scrolled {
display: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.scrolled2 {
display: block !important;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.subb { display: none; }
.subHeader .suba { max-height: 90px; margin-top: 30px; margin-left: 10px; }
.subHeader .subb { margin-top: 10px; max-height: 50px; margin-left: 20px; }
.subHeader { position: fixed; z-index: 99999999; }
@media only screen and (max-width: 719px) {
.subHeader { display: none; }
#header .mobile-title-logo-in-header .site-title a img { margin-top: 5px; }
}
.sub-header-logo { max-width: 1100px; margin: 0 auto; } nav#nav-topbar .nav li a { line-height: 0.5rem !important; }
#ha-large-header { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
@media only screen and (min-width: 720px) {
.pro-header-on #header #nav-topbar.nav-container {
background: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.fixed-header-on .topbar-toggle-down { display: none !important; }
#nav-topbar .nav li > a:hover,
#nav-topbar .nav li:hover > a {
color: #333 !important;
}
}
#nav-topbar.nav-container { height: 70px !important; }
#nav-mobile.maindisplay_white {
background-color: #1e90ff !important;
background-image: linear-gradient(to right, #1e90ff, #188dff, #138bff, #0c88ff, #0685ff, #0482fc, #0280fa, #007df7, #007af1, #0077eb, #0074e6, #0071e0) !important;
}
.is-scrolled.pro-header-on #header #nav-topbar.nav-container {
background-color: #1e90ff !important;
background-image: linear-gradient(to right, #1e90ff, #188dff, #138bff, #0c88ff, #0685ff, #0482fc, #0280fa, #007df7, #007af1, #0077eb, #0074e6, #0071e0) !important;
}
@media only screen and (max-width: 719px) {
.boxed #page { margin-top: -50px; }
#header .nav-container .nav li a {
color: #fff !important;
text-decoration: none !important;
}
#header .nav-container .nav li.current_page_item > a, #header .nav-container .nav li.current-menu-item > a, #header .nav-container .nav li.current-post-parent > a {
background:none;
}
}
.is-scrolled #header #nav-mobile {
background-color: #1e90ff !important;
background-image: linear-gradient(to right, #1e90ff, #188dff, #138bff, #0c88ff, #0685ff, #0482fc, #0280fa, #007df7, #007af1, #0077eb, #0074e6, #0071e0) !important;
}
@media only screen and (max-width: 719px) {
.rightpageimg { margin-top: 0px !important; }
}
.rightpageimg {
background-color: #eaeaea;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-border-radius: 50%;
border-radius: 50%;
border: 10px solid #00357c;
margin-top: -40px;
padding: 8px;
width: 250px;
}
@media only screen and (max-height: 850px) {
.con-pad-top {
max-width: 1100px;
margin: -250px auto 0 !important;
padding: 0 15px 50px !important;
}
}
@media only screen and (max-width: 719px) {
.topsubtitle { font-size: 1.5em !important; line-height: 1.3em !important; }
.con-pad-top { margin: -420px auto 0 !important; padding: 0 15px 70px !important; }
.cond-pad { padding: 20px 20px 0px !important; }
}
.con-pad-top {
position: relative;
max-width: 1100px;
margin: -400px auto 0;
padding: 0 15px 180px;
}
.con-pad-top p { margin-bottom: 0 !important; }
.con-pad {
max-width: 1100px;
margin: 0 auto;
padding: 50px 20px 0;
} .column-3 {
float: left;
width: 33.333333333%;
min-height: 357px;
color: #6a6a6a;
font-size: 0.9em;
}
.column-3:first-child { background-color: #F2F2F2; }
.column-3:nth-child(2) {
background: #F2F2F2;
background-image: linear-gradient(to bottom, #F2F2F2, rgb(234 234 234 / 70%)), url(https://demo-kineticdesign.nl/wp-content/uploads/2025/10/hx004.svg);
}
.column-3:nth-child(3) { background-color: #F2F2F2; }
.column-3-content {
padding: 50px;
-webkit-transform: skewY(3deg);
-moz-transform: skewY(3deg);
-ms-transform: skewY(3deg);
-o-transform: skewY(3deg);
transform: skewY(3deg);
}
.column-3-content-h3 {
font-size: 1.3em !important;
color: #333;
letter-spacing: 0.2em !important;
font-family: 'Oswald' !important;
font-weight: 300 !important;
}
.row-3:after { content: ""; display: table; clear: both; }
.row-3 {
-webkit-transform: skewY(-3deg);
-moz-transform: skewY(-3deg);
-ms-transform: skewY(-3deg);
-o-transform: skewY(-3deg);
transform: skewY(-3deg);
}
.row-3-buiten { margin: 100px 0; }
@media only screen and (max-width: 720px) {
.column-3 { width: 100%; }
.row-3-buiten { margin: 50px 0 30px !important; }
} #footer {
background: #343E47;
background-image: linear-gradient(to bottom, #252d34, #252d34f7, #252d34ab), url(https://demo-kineticdesign.nl/wp-content/uploads/2025/10/hex300.svg);
margin-top: -5px;
}
#footer .container-inner { max-width: 1350px !important; }
#footer li { padding-bottom: 10px; }
#footer .widget a { color: rgba(255, 255, 255, 0.7) !important; }
#footer .widget a:hover { color: #000 !important; }
#footer-widgets { padding-top: 80px; }
.widget_text .textwidget p {
color: rgba(255, 255, 255, 0.7) !important;
font-size: 1.1em;
}
#footer-bottom .container-inner { max-width: 1350px !important; }
#footer-bottom {
background: transparent;
color: rgba(255, 255, 255, 0.7);
}
#footer-bottom a {
font-size: 0.8em;
font-weight: 400;
color: rgba(255, 255, 255, 0.7);
}
#footer-bottom a:hover { color: #000; }
#footer-bottom #back-to-top {
color: rgba(255, 255, 255, 0.7);
overflow: hidden;
text-align: center;
width: 50px;
height: 50px;
margin: 0 auto 30px;
background: #1e90ff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #1e90ff;
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05);
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05);
}
#footer-bottom #back-to-top i {
font-size: 32px;
position: relative;
top: 5px;
}
@media only screen and (max-width: 719px) {
#footer .pad.group { padding: 0px 5px !important; }
} .footer-logo-height-div { height: 150px; }
.footer-logo-rel { position: relative; }
.footer-logo-ab {
position: absolute;
top: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
}
.footer-logo-rel img { animation: rotateImage 50s linear infinite; }
@keyframes rotateImage {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
} .breadcrumb_last {
font-size: 0.8em;
font-weight: 400;
}  .credits-content { padding-left: 20px; display: inline-block; }
.credits-kd {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
position: relative;
letter-spacing: 0.3em;
font-weight: 400;
}
.credits-kd span { font-weight: 600; color: #111; }
.credits-kd:before {
-webkit-transition: all 500ms 0s ease-in-out;
transition: all 500ms 0s ease-in-out;
content: "";
display: inline-block;
background: transparent url(https://demo-kineticdesign.nl/wp-content/uploads/2025/09/KineticDesign.svg) no-repeat;
background-size: contain;
width: 18px;
height: 18px;
position: absolute;
left: -22px;
top: -1px;
}
.credits-kd:hover:before {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
} .page-id-10000000000 .blok-cta { display: none !important; }
.blok-cta { display: none; }
.contact-fa a {
color: #00357c !important;
font-size: 0.9em !important;
padding-right: 20px;
}
.show-cta {
bottom: 10px;
right: 10px;
position: fixed;
cursor: pointer;
z-index: 2;
}
.show-cta img { height: 50px; }
.hide-cta::after {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f00d";
}
.hide-cta:hover::after {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f00d";
float: right;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.hide-cta {
padding: 5px 10px;
margin-bottom: 10px;
background-color: #ddd;
color: red;
border: none;
cursor: pointer;
float: right;
}
@media only screen and (min-width: 1500px) {
.container-cta {
left: calc(50% + 435px);
bottom: 20px !important;
}
}
.container-cta {
position: fixed;
right: 15px;
bottom: 15px;
padding: 15px 15px 0;
background-color: #eaeaea;
border: 1px solid #ccc;
z-index: 3;
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 10px;
max-width: 100%;
box-sizing: border-box;
}
@media(max-width: 400px) {
.container-cta { right: 0; bottom: 0; width: 100%; }
.contact-fa a:nth-child(1) { margin-left: 25px; }
.container-cta img { display: none; }
}
@media only screen and (min-width: 1600px) {
.show-cta {
left: calc(50% + 685px);
bottom: 20px !important;
}
} .cookie-consent-banner {
position: fixed;
bottom: 0;
left: 0;
z-index: 2147483645;
box-sizing: border-box;
width: 100%;
border-top: 1px solid #ccc;
background-color: #F1F6F4;
}
.cookie-consent-banner__inner {
max-width: 1300px;
margin: 0 auto;
padding: 32px 10px;
}
.cookie-consent-banner__copy { margin-bottom: 16px; }
.cookie-consent-banner__actions {}
.cookie-consent-banner__header {
margin-bottom: 8px;
letter-spacing: 0.2em;
color: #000;
font-weight: 400;
}
.cookie-consent-banner__description {
font-weight: normal;
color: #838F93;
}
.cookie-consent-banner__description a { color: #285232 !important; }
.cookie-consent-banner__cta {
box-sizing: border-box;
display: inline-block;
min-width: 164px;
text-align: center;
padding: 8px 13px;
background-color: #285232;
border-radius: 20px;
}
.cookie-consent-banner__cta:hover { background-color: #20BA68; }