@font-face {
    font-family: 'PangeaVar';
    src: url('https://keizer.inaanbouw.dev/templates/yootheme_keizerkarel/fonts/FwTRIAL-PangeaLatnVAR.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
b, strong {
    font-weight: 700;
}
video {
    border-radius: 25px;
}
.draairond {
  animation: spin 40s linear infinite;
 
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.rondeblokken .uk-card-primary {
	background: #013744;
	border-radius: 25px;
}

.split-fade-on-scroll div {
  color: #cccccc;
  transition: color 0.2s linear;
  display: inline-block;
}
.split-fade-on-scroll span.visible {
  opacity: 1;
  color: #111;
}
 
a.el-link.uk-button.uk-button-secondary .fa-regular.fa-arrow-right {
	rotate: 320deg;
}

.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: transform 0.05s linear;
  z-index: 9999;
}



.gridfolio .uk-card-default  {
    border-radius: 25px;
}
.gridfolio  .uk-card-media-left.uk-cover-container {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.gridfolio .fs-grid-nested-1-container  {
    background: #f1f1f1;
    margin-bottom: -40px;
    padding-bottom: 15px;
    margin-left: -40px;
    padding-left: 40px;
    margin-right: -40px;
    border-bottom-right-radius: 25px;
}
.fs-counter-item:nth-of-type(1) h3.el-title::before {
    content: "\e4a4";
    color: #fe8203;
    padding-right: 10px;
    font-weight: 100;
    font-size: 34px;
	font-family: "Font Awesome 6 Pro";
}
.fs-counter-item:nth-of-type(2) h3.el-title::before {
    content: "\f64a";
    color: #fe8203;
    padding-right: 10px;
    font-weight: 100;
    font-size: 34px;
	font-family: "Font Awesome 6 Pro";
}
.fs-counter-item:nth-of-type(3) h3.el-title::before {
    content: "\e28b";
    color: #fe8203;
    padding-right: 10px;
    font-weight: 100;
    font-size: 34px;
	font-family: "Font Awesome 6 Pro";
}
.highlight-word {
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding-right: 8px;
    padding-left: 8px;
    margin-bottom: -14px;
    padding-bottom: 2px;
	border-radius:2px;
}
.zoom a.el-content:before, .telefoon a.el-content:before, .kantoor a.el-content:before, .kantoorklant a.el-content:before {
	font-weight: 300;
    color: #3dc372;
	margin-right: 10px;
	font-size: 22px;
}
.zoom a.el-content:before {
	content:  "\f390";
	font-family: "Font Awesome 6 Pro";
}
.telefoon a.el-content:before  {
	content:  "\f67d";
	font-family: "Font Awesome 6 Pro";
}
.kantoor a.el-content:before {
	content:  "\e4d2";
	font-family: "Font Awesome 6 Pro";
}
.kantoorklant a.el-content:before {
	content:  "\e4da";
	font-family: "Font Awesome 6 Pro";
}
.modalafspraak a:hover {
    text-decoration: none;
}
.zoom a.el-content, .telefoon a.el-content, .kantoor a.el-content, .kantoorklant a.el-content   {
	padding: 15px 35px;
    border-radius: 5px;
    border: solid 1px #013744;
        width: 176px;
    margin-bottom: 0px;
    display: flow-root;
    font-size: 15px;
	
}


.quote-image {
    width: 50px;
    height: auto;
    margin-top: -85px;
    margin-left: 0px;
    margin-right: -50px;
} 
.klantenwoord .el-content.uk-panel {
	padding-top: 55px;
	color: #fff;
}
.uk-panel.bookmeeting.uk-margin-large {
    bottom: 0;
    position: absolute;
    margin-bottom: 40px;
}
.rondtekst a.el-content.uk-button.uk-button-default, .rondtekst a.el-offcanvas-button.uk-button.uk-button-default, .rondtekst a.uk-button-default {
	background-color:transparent;
    color: #222;
    border:none;
}
.herohomeeen .darkbg a.el-content.uk-button.uk-button-default:before, .offcanvasbutton a.el-offcanvas-button.uk-link-text:before, .darkbg a.el-modal-button.uk-link-text:before  {
    color: #000;
    border: 1px solid #fff;
    background: #fff;
}
.herohomeeen .darkbg a.el-content.uk-button.uk-button-default:hover::before  {
    color: #fff;
    border: 1px solid #fff;
    background: none;
}
.rondtekst a.el-content.uk-button.uk-button-default:before, .rondtekst a.uk-button-default:before, .offcanvasbutton a.el-offcanvas-button.uk-link-text:before, .offcbtndark a.el-offcanvas-button.uk-link-text:before, .darkbg a.el-modal-button.uk-link-text:before {
	content:  "\f061";
	font-family: "Font Awesome 6 Pro";
    color: #013744;
    border: 1px solid #013744;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: inline-grid;
    align-items: center;
    justify-content: center;
    padding: 0;
	margin-left: -20px;
	margin-right: 10px;
}
.darkbg a.el-modal-button.uk-link-text:before {
	content:  "\e0d6";
	font-size: 24px;
	font-weight: 300;
	color: #000;
	height: 46px;
    width: 46px;
	line-height:0;
	border: solid 1px #fff;
}
.darkbg a.el-modal-button.uk-link-text:hover::before {
	background: transparant;
	color: #fff;
	border: solid 1px #fff;
}
.darkbg a.el-modal-button.uk-link-text:hover::before {
	color: #fff;
	border: solid 1px #fff;
	background: transparant !important;
}
header.tm-header.uk-visible\@m.tm-header-overlay {
    padding-top: 30px;
}
.menuzwart .uk-navbar-nav>li>a {
    color: #2d2e33;
}
.menuzwart .offcanvasbutton a.el-offcanvas-button.uk-link-text {
    border: solid 1px #2d2e33;
	color: #2d2e33;
}
.menuzwart .offcanvasbutton a.el-offcanvas-button.uk-link-text:before {
    border: 1px solid #013744;
}

.beoordelingenhero {
	margin-top: -60px;
}
.rondeblokken .quotepad .uk-card-primary {
    padding-top: 85px;
}
.uk-heading-2xlarge.movingheader {
	color: #9ba1a6;
    background: transparent;
    font-weight: 700;
	    white-space: nowrap;
		font-size: 68px;
		font-family: 'PangeaVar';
}
.uk-heading-xlarge.movingheader {
		color: #9ba1a6;
    background: transparent;
    font-weight: 700;
	    white-space: nowrap;
		font-size: 48px;
		font-family: 'PangeaVar';
}
.movingheader {
	color: #9ba1a6;
    background: transparent;
    font-weight: 300;
	    white-space: nowrap;
		font-size: 48px;
		font-family: 'PangeaVar';
}
.offcbtndark a.el-offcanvas-button.uk-link-text:hover::before {
	background: #013744;
	color: #fff;
	
}
.offcbtndark  a.el-offcanvas-button.uk-link-text {
	color: #252525;
	text-decoration: none;
	margin-left: 20px;
}
.offcanvasbutton a.el-offcanvas-button.uk-link-text:hover, .offcanvasbutton a.el-offcanvas-button.uk-link-text:active {
    border: solid 1px #fff;
}
.buttonsinhero .uk-button, .darkbg a.el-modal-button.uk-link-text {
	    padding: 0px 0px 0px 0px;
    font-size: 16px;
    margin-left: 20px;
}
.buttonsinhero .hiervindjeons {
    margin-left: -5px;
}

button.gm-ui-hover-effect {
    display: none !important;
}
.gm-style-iw-d {
    padding-top: 10px;
}
.telefoonoff:before {
	content:  "\f2a0";
	font-family: "Font Awesome 6 Pro";
	color: #3dc372;
    float: left;
    font-size: 20px;
    font-weight: 300;
    padding-right: 10px;
    margin-top: -2px;
}
.whatsappoff:before {
	content:  "\f4b6";
	font-family: "Font Awesome 6 Pro";
	color: #3dc372;
    float: left;
    font-size: 20px;
    font-weight: 300;
    padding-right: 10px;
    margin-top: -2px;
}
.adresoff:before {
	content:  "\f59f";
	font-family: "Font Awesome 6 Pro";
	color: #3dc372;
    float: left;
    font-size: 20px;
    font-weight: 300;
    padding-right: 10px;
    margin-top: -2px;
}
.emailoff:before {
	content:  "\f1d8";
	font-family: "Font Awesome 6 Pro";
	color: #3dc372;
    float: left;
    font-size: 20px;
    font-weight: 300;
    padding-right: 10px;
    margin-top: -2px;
}
.itsmeoff {
	bottom: 0;
	position: absolute;
}
.offcanvasbutton a.el-offcanvas-button.uk-link-text:before {
    border: 0px solid #013744;
}
.uk-sticky-fixed .offcanvasbutton a.el-offcanvas-button.uk-link-text:before {
    border: 1px solid #323232;
}

.offcanvasbutton  a.el-offcanvas-button.uk-link-text  {
	    border: solid 1px #ffffff;
		padding: 0px 18px;
}
.uk-sticky.uk-sticky-below.uk-sticky-fixed .offcanvasbutton a.el-offcanvas-button.uk-link-text {
    border: solid 1px #111;
}
.offcanvasbutton  a.el-offcanvas-button.uk-link-text:hover  {
	    text-decoration: unset;
}
.rondtekst a.el-content.uk-button.uk-button-default:hover::before, .rondtekst a.el-offcanvas-button.uk-button.uk-button-default:hover::before, .rondtekst a.uk-button-default:hover::before {
    background-color: #013744;
    color: #fff;
}
.darkbg a.el-content.uk-button.uk-button-default, .rondtekst.darkbg  a.el-offcanvas-button.uk-button.uk-button-default, .darkbg a.el-modal-button.uk-link-text {
	background-color:transparent;
    color: #fff;
    border:none;
}
.darkbg a.el-content.uk-button.uk-button-default:before, .rondtekst.darkbg  a.el-offcanvas-button.uk-button.uk-button-default:before {
    color: #fff;
    border: 1px solid #fff;
}
.darkbg a.el-content.uk-button.uk-button-default:hover::before, .rondtekst.darkbg  a.el-offcanvas-button.uk-button.uk-button-default:hover::before, .darkbg a.el-modal-button.uk-link-text:hover::before {
    background-color: #fff;
    color: #013744;
}
.backgroundfilter .uk-card-default {
	color: #fff;
    border: 0px solid #e5e5e7;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background: hsla(0, 0%, 100%, .11);
    border-radius: 20px;
}
.highlight-word::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3dc273; /* Gele highlight */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.6s ease-in-out;
  z-index: -1;
}

.highlight-word.uk-inview::before {
  transform: scaleX(1);
}

.tekstmodal {
    font-size: 15px;
    line-height: 1.4;
    color: #b4b5ba;
    font-family: PangeaVar;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0;
}
.modalafspraak .zoom a.el-content:before,.modalafspraak  .telefoon a.el-content:before,.modalafspraak  .kantoor a.el-content:before,.modalafspraak  .kantoorklant a.el-content:before {
    color: #013744;
}
.modalafspraak .zoom a.el-content:hover::before,.modalafspraak  .telefoon a.el-content:hover::before,.modalafspraak  .kantoor a.el-content:hover::before,.modalafspraak  .kantoorklant a.el-content:hover::before {
    color: #3dc372;
}
.herohome em {
    color: #ffffff;
}


.hostingusp .el-title img {
	width: 62px;
	margin-left: -13px;
}
.hostingusp li {
	float: left;
}
.logosgray img.el-image {
    filter: grayscale(1);
}
.logosgray img.el-image:hover {
    filter: grayscale(0);
}
.onderstreept {
	border-bottom: solid 1px; #fff;
}
h2.el-counter {
    font-weight: 600 !important;
    font-family: 'PangeaVar' !important;
}
.standaardopwit a.el-content.uk-button.uk-button-default {
    border: solid 2px #fe8204;
}
/*.footera .fa-thin, .footera .fa-brands {
	font-size: 34px;
	color: #fe8204;
}
.footera .uk-panel {
	font-size: 14px;
}
.footera .fa-light {
		font-size: 34px;
	color: #fe8204;
	margin-left: -20px;
}*/
.footera .fa-paper-plane, .footera .fa-phone-volume, .footera .fa-messages, .footera .fa-map-location {
	font-size: 34px;
	color: #fe8204;
	padding-right: 15px;
	font-weight: 200;
}
.footera i.fa-light.fa-arrow-right:hover::before {
    padding-left: 15px;
}
.footerc a.el-link {
	font-size: 12px;
	color: #fff !important;
}
.footerb a.el-link {
    color: #fff !important;
    font-size: 12px;
	line-height: 1;
}
.footerb a.el-link:before {
	content: "\f061";
    color: #fff;
    padding-right: 10px;
    font-weight: 500;
    font-size: 14px;
	font-family: "Font Awesome 6 Pro";
	transition: ease-in-out;
}
.footerb a.el-link:hover::before {
    transition: padding-left 0.4s ease-in-out;  
}
.uk-input, .uk-textarea {
	background: #f1f1f2;
	border-radius: 25px;
}
.uk-input, .uk-select, .uk-textarea {
    padding: 0 25px;
    color: #6c6d74;
	font-size: 16px;
}
.contactpag .el-meta.uk-text-meta {
    margin-top: -96px !important;
    background: #4cbf7f;
    color: #fff;
    padding: 5px 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 14px;
}
textarea.uk-form-large {
    padding: 7px 25px;
	font-size: 16px;
}
button.el-content.uk-inline.uk-button.uk-button-default {
    background: #fe8204;
    color: #fff;
}
#googlereviewlink a {
	color: #fff;
}
.tm-rotate-180 {
    font-weight: 100;
}
.prijzen ul.uk-list  {
    list-style: none;
	text-align: left;
}
.prijzen li.el-item:before {
	content: "\f00c"; 
	color: #fe8203;
    padding-right: 10px;
    font-weight: 300;
	font-family: "Font Awesome 6 Pro";
	float: left;
}
.herohome .mouse {
    border: 1px solid #fff;
}
.herohome  .mouse:before {
    background-color: #fff;
}


.buttonrond.darkbg .uk-button-secondary {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
}

.buttonrond .uk-button-secondary {
  background-color: transparent;
  color: #013744;
  border: 1px solid #013744;
  border-radius: 50%; /* Maakt de knop perfect rond */
  height: 40px;
  width: 40px; /* Zelfde als hoogte voor cirkelvorm */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}


.mouse {
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #111;
    border-radius: 0.6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 2.13333rem;
    padding: 0.33333rem 0;
    width: 1.2rem;
}
.mouse:before {
    background-color: #111;
    border-radius: 100%;
    content: "";
    display: block;
    height: 0.26667rem;
    width: 0.26667rem;
    animation-name: c;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}
@keyframes c {0%{opacity:0}10%{transform:translateY(0);opacity:1}to{transform:translateY(10px);opacity:0}} 
.extraradius .uk-border-rounded, .extraradius .el-item {
    border-radius: 25px;
}
 
.reviewgrid:hover .el-item {
  transition: filter 0.3s ease;
  filter: blur(3px);
	opacity: 0.6;
}
.reviewgrid .el-item:hover {
  filter: none;
  z-index: 2; /* optioneel om hovered item 'bovenop' te leggen */
  	opacity: 1;
}
.gridlogos .el-item  {
    background: #f1f1f1;
    padding: 25px;
    border-radius: 25px;
}
.footera a.el-link.uk-link-reset {
    font-size: 19px;
}

/*
.portfolioslider:hover .el-item {
  transition: filter 0.3s ease;
  filter: blur(3px);
	opacity: 0.6;
}
.portfolioslider .el-item:hover {
  filter: none;
  z-index: 2;  
  transform: scale(0.98);
  	opacity: 1;
}
*/

.el-link {
	border-radius: 50px;
}
.uk-button-primary, .uk-button-default {
    border-radius: 50px;
}
.uk-light {
    color: rgba(255, 255, 255, 1);
}
.uk-text-meta.groen {
    color: #3dc372 !important;
}
.overlaygradient .uk-text-meta {
	color: #fff !important;
}
.overlaygradient .uk-overlay-primary {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.3) 50%,
        rgba(0, 0, 0, 0.6) 100%
    );
    color: rgba(255, 255, 255, 0.7);
}
i.fa-light.fa-trophy-star  {
    color: #fed801;
	font-size: 18px;
    padding-left: 10px;
}

/*.uk-navbar-container.uk-navbar-primary.uk-navbar-sticky {
        background-color: rgba(255, 255, 255, .8);
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px);
    }*/
.uk-navbar-dropdown i.fa-light {
    font-size: 18px;
	color: #000;
}
.uk-navbar-justify .uk-navbar-nav>li {
    flex-grow: 6 !important;
}	
.reviewgrid .uk-slider-container {
    padding: 20px 20px 35px 60px;
    margin-left: -55px;
}
.el-slidenav.uk-position-center-left-out.uk-icon.uk-slidenav-previous.uk-slidenav, .el-slidenav.uk-slidenav-large.uk-icon.uk-slidenav-previous.uk-slidenav {
	display: none;
}
.fa-star-sharp {
    color: #fed801;
}
.uk-navbar-nav li.item-101 a:after, .uk-navbar-nav li.item-216 a:after, .uk-navbar-nav li.item-217 a:after { 
	    content: "\f078";
    color: #fff;
    padding-left: 5px;
    font-weight: 500;
    font-size: 14px;
	font-family: "Font Awesome 6 Pro";
}

.uk-navbar-nav li.item-101 a:hover:after, .uk-navbar-nav li.item-216 a:hover:after, .uk-navbar-nav li.item-217 a:hover:after, .item-101.uk-active.uk-parent a {
    content: "\f077";
}
.extraradius.maps {
	border-radius: 25px;
}
#diensten .buttonrond .uk-button-secondary {
    background-color: #fff;
    color: #013744;
    border: 1px solid #013744;
}
.contactform .uk-card-default  {
    border-radius: 25px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    border: none;
}
.metagroen .el-meta {
	color: #3dc372!important
}
.prijzen .el-item {
	border-radius: 25px;
}
.prijzen .el-meta {
	text-align: center;
    margin-top: -41px !important;
    width: fit-content;
    margin: 0 auto;
    color: #fff;
    padding: 3px 20px 6px 20px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.prijzen.home .el-meta {
    margin-top: -21px !important;
}
.prijzen .el-item.fs-grid-item-1 .el-meta {
    background: #013744;
}
.prijzen .el-item.fs-grid-item-2 .el-meta {
    background: #3ec372;
}
.prijzen .el-item.fs-grid-item-3 .el-meta {
    background: #3ec372;
}
.prijzen .el-item.fs-grid-item-4 .el-meta {
    background: #013744;
}
.prijzen .el-item.fs-grid-item-1{
	border-left: solid 6px #013744;
}
.prijzen .el-item.fs-grid-item-2{
	border-left: solid 6px #3dc372;
}
.prijzen .el-item.fs-grid-item-3{
	border-left: solid 6px #3ec372;
}
.prijzen .el-item.fs-grid-item-4{
	border-left: solid 6px #013744;
}
.fa-wordpress {
    font-size: 60px;
	color: #fff;
}
.fa-joomla {
    font-size: 60px;
	color: #fff;
}

.reviewgrid .el-meta, .uk-modal-dialog .uk-text-meta {
	color: #3dc372;
}
.reviewgrid .el-meta:before, .uk-modal-dialog .uk-text-meta:before {
	content: "\f336";
	font-family: "Font Awesome 6 Pro";
	padding-right: 10px;
	float: left;
}

/*gradient button met verloop*/


/*gradient button met verloop*/

#googlereviewlink .fa-thin {
	padding-left: 10px;
}
.tm-toolbar .uk-subnav>*>:first-child {
    font-size: 14px;
}
.tm-toolbar {
    font-size: 14px;
}

a.el-link.uk-link-reset { 
    font-size: 16px;
}
a.el-link.uk-link-reset:after { 
	content: "\f061";
    color: #222222;
    padding-left: 10px;
    font-weight: 300;
    font-size: 16px;
	font-family: "Font Awesome 6 Pro";
	transition: padding-left 0.4s ease-in-out;  
}
a.el-link.uk-link-reset:hover:after {
    padding-left: 20px;
}
.iconmega {
	padding-top: 3px;
	text-align: center;
	font-size: 16px;
}
.uk-sticky.uk-sticky-below.uk-sticky-fixed .uk-navbar-container.uk-navbar-sticky {
	background: #fff;
	box-shadow: 0 2px 4px #2525252b;
}
/*.uk-navbar-container.uk-navbar-transparent.uk-dark {
    margin-top: 15px;
}*/
.tagscases a {
	background: #09b365;
	color: #fff;
	padding: 2px 10px;
	border-radius: 25px;
	pointer-events: none;
	display: inline-flex;
    margin-bottom: 5px;
}
.uk-sticky.uk-sticky-below.uk-sticky-fixed  .uk-navbar-nav>li>a {
    min-height: 75px;
}
/*menu naar links*/
/*.uk-sticky.uk-sticky-below.uk-sticky-fixed  .uk-navbar {
    background: #fff;
    border-radius: 50px;
	box-shadow: 0 2px 4px #2525252b;
	margin-top: 5px;
	margin-left: -25px;
    margin-right: -25px;
	padding: 0px 25px;
}*/
.hiervindjeons a.el-offcanvas-button.uk-button:before {
    content: "\f5a0";
    font-family: "Font Awesome 6 Pro";
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 46px;
    width: 46px;
    display: inline-grid;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-left: -20px;
    margin-right: 10px;
	font-weight: 300;
    font-size: 21px;
}
.hiervindjeons  .uk-button-default {
    background-color: transparent;
    color: #fff;
    border: none;
}
.nummer {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #51c880;
    color: white;
    font-weight: bold;
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    float: left;
    margin-right: 25px;
    margin-top: -6px;
}
.uk-panel.uitleg {
    margin-left: 79px;
}
.snelcontact .zoom a.el-content,.snelcontact  .telefoon a.el-content,.snelcontact  .kantoor a.el-content,.snelcontact  .kantoorklant a.el-content {
    padding: 10px 0px;
    border: solid 0px #013744;
    width: 180px;
}
.snelcontact .uk-grid-margin.uk-container.uk-container-small {
    margin-left: 30px;
}
.snelcontact a:hover {
	text-decoration: none;
}
.snelcontact span.uk-margin-small-right.uk-icon {
    border: solid 1px #333;
    padding: 13px;
    border-radius: 50px;
}
a.el-offcanvas-button.uk-link-text:hover {
    text-decoration: none;
	color: #2d2e33;
}
a.el-offcanvas-button.uk-link-text:hover span.uk-margin-small-right.uk-icon {
    background: #013744;
}
a.el-offcanvas-button.uk-link-text:hover  svg {
    color: #fff;
}
.portfolio i.fa-solid.fa-quote-left {
    font-size: 32px;
	color: #013744;
}
.portfolio .uk-card-default {
    color: #222;
}
.uk-breadcrumb>*>* {
    font-size: 12px;
	font-family: PangeaVar;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0px;
}
/*logo inverse*/



/*logo inverse*/
/*
.phone-glow {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #09b365;
  color: white;
  font-size: 20px;
  z-index: 1;
}

.phone-glow::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(9, 179, 101, 0.5);
  animation: glow-pulse 1.8s ease-out infinite;
  z-index: -1;
}

@keyframes glow-pulse {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  70% {
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
*/

/*.uk-button-primary, .uk-button-primary::before {
    cursor: pointer;
    font-family: Poppins, FuturaStd-Book, "robotolight", Helvetica, Arial, sans-serif;
    position: relative;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    padding: 5px 20px;
    color: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    background: linear-gradient(-45deg, #b15502, #FF7900);
    background-size: 600%;
    -webkit-animation: anime 8s linear infinite;
    animation: anime 8s linear infinite;
}*/
/* Zet het menu-item in flex */

.voordelenoffice .fa-thin, .fast {
    font-weight: 100;
    color: #fe8204;
    font-size: 44px;
}



.buttonrond a.el-content.uk-button.uk-button-primary, .buttonrond .el-content.uk-button.uk-button-primary::before, .offcanvasbutton a.el-offcanvas-button {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    padding: 0px 15px;
    color: #fff;
    border-radius: 50px;
    background: transparent;
    border: solid 2px #fe8204;
}
.uk-sticky.uk-sticky-below.uk-sticky-fixed .buttonrond a.el-content.uk-button.uk-button-primary, .uk-sticky.uk-sticky-below.uk-sticky-fixed a.el-offcanvas-button  {
    color: #222222;
}
.uk-sticky.uk-sticky-below.uk-sticky-fixed .uk-navbar-nav a {
    color: #222222;
}
.uk-sticky.uk-sticky-below.uk-sticky-fixed  .uk-navbar-nav li.item-101 a:after, .uk-sticky.uk-sticky-below.uk-sticky-fixed .uk-navbar-nav li.item-216 a:after, .uk-sticky.uk-sticky-below.uk-sticky-fixed .uk-navbar-nav li.item-217 a:after  {
    color: #222222;
}
.herohome {
	margin: 0px 100px 0px 100px;
	border-radius: 25px;
}
.herohome .uk-position-cover, .herohome .uk-background-norepeat {
    border-radius: 25px;
}
.muteddouble {
	background: #f1f1f1;
}
.reviewgrid .el-item {
    border-radius: 25px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    border: none;
}
/*.uk-modal-dialog {
	border-radius: 25px;
}*/
button#chatbase-bubble-button, div#chatbase-message-bubbles {
	z-index: 1 !important;
}
.el-modal-dialog.uk-modal-dialog.uk-margin-auto-vertical, .el-sublayout-modal .uk-modal-dialog {
    border-radius: 15px;
}
.reviewgrid img.fs-grid-image.fs-grid-image-1 {
    border-radius: 50%;
	width: 64px;
    height: 64px;
}

.contactoffcanvas {
    bottom: 0;
    position: fixed;
    margin-bottom: 15px;
}
#tm-dialog-mobile .uk-nav-default {
    font-size: 18px;
}
.contactoffcanvas .fa-light {
	padding: 30px;
	font-size: 26px;
}
.contactoffcanvas .uk-width-1-4.uk-width-1-2\@s.uk-width-1-4\@m {
    padding-left: 0px;
}
button.uk-icon.uk-close.uk-modal-close-default {
    top: 20px;
    right: 20px;
}
.uk-modal-close-default svg {
	width: 20px;
}
.uk-sticky.uk-sticky-below.uk-sticky-fixed .uk-icon.uk-navbar-toggle-icon, .menuzwart  .uk-icon.uk-navbar-toggle-icon  {
    fill: #252525;
}
.reviewgrid .fs-grid-nested-1-container.uk-panel {
    width: 25%;
    display: inline-flex;
}
.reviewgrid  .fs-grid-nested-2-container.uk-panel {
    width: 74%;
    display: inline-flex;
}
.reviewgrid .fs-grid-cell-image {
	width: 200px;
}
.reviewgrid .fs-grid-text.fs-grid-text-2 {
	font-size: 14px;
}
.reviewgrid  .fs-grid-fieldset.fs-grid-fieldset-3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
}
.reviewgrid .fs-grid-nested-2-container.uk-panel {
    margin-top: 46px;
    position: absolute;
}

.footerc .uk-text-right {
    text-align: left !important;
	margin-top: 35px;
}
.uk-navbar-container .uk-drop.uk-open {
	top: 100px !important;
}
.tm-page .tm-toolbar .uk-drop.uk-open {
    border-radius: 25px;
	top: 30px !important;
}
.uk-drop.uk-open {
    border-radius: 25px;
	top: 75px !important;
}
#module-menu-toolbar-right .uk-drop.uk-open {
	top: 30px !important;
}
.gradientleftright .cf-infinity-slider {
  position: relative;
  overflow: hidden;
}

.gradientleftright .cf-infinity-slider::before,
.gradientleftright .cf-infinity-slider::after {
  content: "";
  position: absolute;
  top: 0;
  width: 80px;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}

.gradientleftright .cf-infinity-slider::before {
  left: 0;
  background: linear-gradient(to right, white 0%, transparent 100%);
}

.gradientleftright .cf-infinity-slider::after {
  right: 0;
  background: linear-gradient(to left, white 0%, transparent 100%);
}



.portfolioslider .uk-position-bottom-left {
    text-align: left;
}
.portfolioslider.gradientexit .uk-slider-container::after, .gradientexit .uk-slider-container::after  {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 150px; /* breedte van de fade */
  height: 100%;
   background: linear-gradient(
    to left,
    rgba(1, 55, 68, 1) 30%,
    rgba(1, 55, 68, 0.7) 50%,
	rgba(1, 55, 68, 0.4) 70%,
    rgba(1, 55, 68, 0) 100%
  );
  pointer-events: none;
  z-index: 5;
  padding-right: 150px;
}
.portfolioslider .uk-icon.uk-slidenav-previous {
	display: none;
}
 
 
 



.availability-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.8rem;
  border-radius: 999px;
  position: relative;
  z-index: 10;
}

.availability-label_icon {
  background-color: #09b365;
  border-radius: 999px;
  width: 0.5rem;
  height: 0.5rem;
  box-shadow: 0 0 0 0 rgba(9, 179, 101, 0.7);
  animation: pulse 2s infinite;
  float: right;
    margin-right: 15px;
}
select#Budget {
    background: #f5f5f5;
    border-radius: 50px;
	padding-left: 42px;
}
textarea#Projectbeschrijving {
    font-size: 18px;
    padding-left: 40px;
    padding-top: 15px;
}
.uk-sticky.uk-sticky-below.uk-sticky-fixed img.uk-logo-inverse {
    display: flex !important;
	width: 225px;
}  
.uk-sticky.uk-sticky-below.uk-sticky-fixed  a.uk-logo.uk-navbar-item img, .uk-sticky.uk-sticky-below.uk-sticky-fixed  a.uk-logo.uk-navbar-item svg.uk-svg  {
    display: contents;
}


.menuzwart .uk-navbar-container.uk-navbar-transparent.uk-dark img.uk-logo-inverse {
    display: flex !important;
}  
.menuzwart .uk-navbar-container.uk-navbar-transparent.uk-dark a.uk-logo.uk-navbar-item img, .menuzwart .uk-navbar-container.uk-navbar-transparent.uk-dark a.uk-logo.uk-navbar-item svg.uk-svg  {
    display: contents;
}


.snelcontact .uk-panel {
	font-size: 16px;
}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    background: #f5f5f5;  
    border-color: transparant !important;
}
.uk-select  {
    color: #b8b8bd; 
}
/*.bookmeeting .uk-card-default.uk-card.uk-card-body {
    border-radius: 25px;
    border: solid 1px #b1b1b1;
}
/* Pulse effect */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(9, 179, 101, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(9, 179, 101, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(9, 179, 101, 0);
  }
}

.availability-label_text {
  white-space: nowrap;
  padding-top: 3px;
    padding-left: 3px;
} 

.stelvoor ul {
    list-style: none;
    padding-left: 0;
}

.stelvoor li {
    position: relative;
    padding-left: 35px;  
    margin-bottom: 10px;
}

.stelvoor li::before {
    content: "\f336";  
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    left: 0;
    top: -5px;  
    color: #3dc372;
    font-size: 24px;
}


.stelvoorvink ul {
    padding-left: 0px;
    list-style: none;
    line-height: 2;
}
.stelvoorvink li:before {
	content: "\f00c";
	font-family: "Font Awesome 6 Pro";
	padding-right: 10px;
	color: #3dc372;
}
.prijzenmicro .el-meta {
    margin-top: -40px !important;
    text-align: center;
    background: #09b365;
    width: fit-content;
    margin: 0 auto;
    padding: 5px 15px;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 10px !important;
}
.prijzenmicro .fs-grid-text.fs-grid-text-2 {
	font-size: 15px;
    color: #b5b5b5;
    margin-top: -25px !important;
}
.prijzenmicro .fs-grid-text.fs-grid-text-3 {
    font-weight: 600;
}
.prijzenmicro .el-item {
	border-radius: 25px;
}
.beschikbaar {
	width: 395px;
}
.footera .uk-card-default{
    border-radius: 25px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    border: none;
}
.checkbadge:before {
	content: "\f336";
	font-family: "Font Awesome 6 Pro";
	padding-right: 10px;
	color: #3dc372;
	font-size: 24px;
}
.uk-icon.uk-navbar-toggle-icon {
    fill: #fff;
}
.uk-input, .uk-select:not([multiple]):not([size]) {
    border-bottom: 0px solid #e5e5e7;
}
.uk-textarea {
    border: 0px solid #e5e5e7;
}
.uk-textarea:focus {
    border: none;
}

@media (max-width: 1500px) {
.herohome {
    margin: 0px 25px 0px 25px;
    border-radius: 25px;
}
}

@media (max-width: 1200px) {
.prijzenmicro .el-meta {
    margin-top: -20px !important;
}
}

@media (min-width: 960px) {
    .uk-navbar-primary .uk-navbar-nav {
        gap: 0px;
        text-align: center;
    }
.el-offcanvas-bar.uk-offcanvas-bar.uk-flex.uk-flex-column.uk-offcanvas-bar-animation.uk-offcanvas-slide .uk-form .uk-container {
        padding-left: 0px;
        padding-right: 0px;
    }
}


@media (max-width: 960px) {
	.backgroundfilter .uk-card-default, .panelpad {
    padding-top: 50px ;
	padding-bottom: 50px ;
}
.afsprkl, .afsprtel {
	display: none;
}
.snelcontact .uk-grid-margin.uk-container.uk-container-small {
    margin-left: 0px;
}
.quoteicon img.el-image {
    float: left;
}
.kroonback .uk-background-norepeat.uk-background-bottom-right {
    background-size: 150px 150px !important;
}
.herohome {
	margin: 0px 0px 0px 0px;
	border-radius: 0px;
}
.herohome .uk-position-cover, .herohome .uk-background-norepeat {
    border-radius: 0px;
}	
.footerc ul {
	display: list-item;
    line-height: 1;
}
.kroonmobiel .uk-background-norepeat {
	background-image: none !important;
}
.el-offcanvas-bar.uk-offcanvas-bar.uk-flex.uk-flex-column.uk-offcanvas-bar-animation.uk-offcanvas-slide .uk-form .uk-container-xsmall {
	padding-left: 0px;
	padding-right: 0px;
}
.movingheader {

    font-size: 20px;
}
}
 
 
@media (min-width: 640px) {
	.uk-open>.uk-offcanvas-reveal {
        width: 60%;
    }
    .uk-offcanvas-bar {
        width: 35%;
    }
	.modalafspraak .uk-modal-body {
        padding: 40px 40px;
    }
}


@media (max-width: 640px) {
.portfolioslider.gradientexit .uk-slider-container::after, .gradientexit .uk-slider-container::after  {
   background: none;
}
.footera .fa-paper-plane, .footera .fa-phone-volume, .footera .fa-messages, .footera .fa-map-location {
    font-size: 23px;
	    display: block;
    margin-bottom: 15px;
}
.footera .el-content {
    font-size: 14px;
}
.footera picture {
    height: 200px;
    display: flex;
}
.darkbg a.el-modal-button.uk-link-text:before {
    font-size: 20px;
    height: 42px;
    width: 42px;
}
.hiervindjeons a.el-offcanvas-button.uk-button:before {
    height: 42px;
    width: 42px;
    font-size: 19px;
}
.buttonsinhero .uk-button, .darkbg a.el-modal-button.uk-link-text {
    font-size: 13px;
}
h1.uk-heading-large {
	font-size: 42px;
}
#googlereviewlink a {
    font-size: 14px;
    float: left;
	text-align: left;
}
.reviewgrid .fs-grid-nested-2-container.uk-panel {
    width: auto;
	display: flex

}
.reviewgrid .fs-grid-nested-2-container.uk-panel {
    margin-top: 0px;
    position: relative;
}
}





.cd-title {
  position: relative;
  height: 80px;
  line-height: 80px;
  text-align: center;
}
.cd-title h1 {
  font-size: 2rem;
}

.cd-filter {
  margin: 0 auto;
  text-align: center;
}
.cd-filter li {
  position: relative;
  display: inline-block;
  margin: 0;
}
.cd-filter input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.cd-filter input:checked + label {
  border-color: #e6d925;
  color: rgba(255, 255, 255, 1);
}
.cd-filter label {
  border-color: #e10e49;
  border-style: solid;
  border-width: 0 0 2px;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 0.4em 0.6em;
}
.cd-filter label:hover {
  border-color: rgba(255, 255, 255, 0.7);
}

.cd-headline {
  font-size: 48px;
  font-weight: 300;
  line-height: 1;
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.cd-words-wrapper b {
  display: inline-block;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  max-width: 100%;
}


/* -------------------------------- 

xslide 

-------------------------------- */
.cd-headline.slide span {
  display: inline-block;
  padding: .2em 0 .3em;
}
.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.slide b {
  opacity: 0;
  top: .2em;
}
.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
  animation: slide-out 0.6s;
}

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}