@font-face {
    font-family: 'Futura';
    src: url('/templates/yootheme_joostooijman/fonts/subset-Futura-CondensedMedium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('/templates/yootheme_joostooijman/fonts/subset-Futura-CondensedExtraBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura';
    src: url('/templates/yootheme_joostooijman/fonts/subset-Futura-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('/templates/yootheme_joostooijman/fonts/subset-Futura-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.uk-navbar-nav>li>a {
        color: rgba(255, 255, 255, .5);
   
}
.aftiteling a {
	color: #a6a6a6 !important;
}

 
.uk-navbar-nav>li.uk-active>a {
    color: #fff;
}
h3.el-title.uk-margin-small-top.uk-margin-remove-bottom {
    margin-top: 0px !important;
}
.uk-container.uk-container-expand-right h2.uk-h1.uk-width-large {
			font-size: 4.5rem;
    line-height: 1;
    font-family: 'Futura';
    font-weight: bold;
}
.contact .uk-panel.uk-margin.uk-text-center a {
	    color: #ffe200;
}
h1.uk-heading-medium.uk-margin-small.uk-width-2xlarge\@m {
			font-size: 4.5rem;
    line-height: 1;
    font-family: 'Futura';
    font-weight: bold;
}
h2.uk-heading-small.uk-heading-bullet {
		font-size: 2.5rem;
    line-height: 1;
    font-family: 'Futura';
    font-weight: bold;
}
.diensten h2.el-title.uk-h2.uk-margin-top.uk-margin-remove-bottom {
			font-size: 2.5rem;
    line-height: 1;
    font-family: 'Futura';
    font-weight: 500;
}
h3.uk-h4.uk-heading-divider.uk-margin-medium {
	font-size: 1.4rem;
    line-height: 1;
    font-family: 'Futura';
    font-weight: 500;
}

.bloggrid  .uk-card-default {
    background-color: #000;
    color: #fff;
        border: solid 0px #fff;
}

.blog a.uk-link-reset {
	font-size: 2.5rem;
    line-height: 1;
    font-family: 'Futura';
    font-weight: bold;
}
#module-90 span.uk-text-primary {
		font-size: 2.5rem;
    line-height: 1;
    font-family: 'Futura';
    font-weight: bold;
}
/*.uk-navbar-nav>li>a  {
	font-size: 1rem;
    line-height: 1;
    font-family: 'Futura';
    font-weight: bold;
}*/
a.uk-position-relative.uk-position-z-index.uk-link-reset {
	font-size: 1.5rem;
    line-height: 1;
    font-family: 'Futura';
    font-weight: bold;
}
.uk-heading-large  {
    font-size: 4rem;
    line-height: 1;
    font-family: 'Futura';
    font-weight: bold;
}
.uk-heading-xlarge {
    font-size: 6rem;
    line-height: 1;
    font-family: 'Futura';
    font-weight: bold;
}
.uk-navbar-container.uk-navbar-transparent.uk-position-relative.uk-position-z-index-high.uk-light:hover {
	background: rgb(20 22 24 / 79%) !important;
	    transition: all 500ms;
}
.uk-navbar-container.uk-navbar-transparent.uk-position-relative.uk-position-z-index-high.uk-light {
		    transition: all 500ms;
}
.gradientzwart .uk-position-cover {
	background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 10%);
}
.subtekst {
	font-size: 34px;
	margin-top: -320px;
}
/*.portfolio a.uk-position-relative::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    z-index: 1;
}
.portfolio a.uk-position-relative picture {
    position: relative;
    z-index: 0;
}*/
.btn-dark, .btn-secondary, .uk-button-secondary {
    border: solid #ffe200 1px !important;
    border-radius: 50px;
    background: transparent !important;
    color: #ffe200 !important;
}
.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before {
    border-left-color: rgb(247 218 0);
}
.uk-section-primary:not(.uk-preserve-color) {
    color: #fff;
}
.uk-card-primary {
    background-color: #FFE200;
}
/*.uk-section-secondary {
  background: #646464;
}
.item-162 {
	background: #fff;
	padding: 0px 15px;
}
li.item-162 a {
	color: #0DC4B6 !important;
}

  @media (min-width: 960px) {
.tm-page {
  border: 12px solid #fff;
}
}
*/
.uk-modal-body.uk-margin-auto.uk-flex.uk-flex-column.uk-box-sizing-content.uk-width-auto\@s {
    background: #000;
}
.uk-nav-primary>li.uk-active>a {
    color: #fff;
}
#module-92 .uk-h3, h3 {
    font-size: 1.5rem;
    line-height: 1;
    font-family: 'Futura';
    font-weight: 500;
	color: #fff;
}
#module-92 ul.uk-list.uk-list-collapse.uk-margin {
	color: #fff;
}
#module-92  .uk-subnav>*>:first-child {
    color: #fff;
    text-transform: none;
}
ul.uk-nav.uk-nav-primary.uk-nav-.uk-nav-center {
    font-size: 1.075rem;
    font-family: Roboto;
    text-decoration: none;
}
video {
    max-width:100%;
    height:auto;
}
.portfolio .uk-section-primary:not(.uk-preserve-color) .uk-text-lead  {
    color: rgba(255, 255, 255, 1);
}
a.el-content.uk-button.uk-button-secondary.uk-button-large {
    border: solid #ffe200 1px;
    border-radius: 50px;
    background: transparent;
    color: #ffe200 !important;
}
.geel {
	color: #ffe200 !important;
}
.el-meta.uk-text-meta.uk-margin-top.uk-margin-remove-bottom a {
    background: #ffe200;
    padding: 0px 15px 2px;
    border-radius: 15px;
    color: #000;
    margin-right: 10px;
	    font-weight: 700;
    text-transform: capitalize;
	    display: inline-flex;
    margin-bottom: 10px;
	pointer-events: none;
}
.portfolio .fs-grid-meta.fs-grid-meta-1 {
	color: #ffe200;
}
.portfolio .tags a {
        background: #ffe200;
    padding: 0px 15px 2px;
    border-radius: 15px;
    color: #000;
    margin-right: 10px;
	    font-weight: 700;
    text-transform: capitalize;
		    display: inline-flex;
    margin-bottom: 10px;
	pointer-events: none;
}
.portfolio a.uk-position-relative.uk-position-z-index.el-link.uk-button.uk-button-default {
	display: none;
}

.uk-sticky.uk-sticky-below.uk-sticky-fixed {
    background: #000;
}
.uk-section-primary {
    background: #000000;
}

@media (min-width: 960px){
.tm-page {
    border: 35px solid #000 !important;
}
}

@media (max-width: 960px){
.uk-heading-large {
    font-size: 3rem;
    line-height: 1;
    font-family: 'Futura';
    font-weight: bold;
}
.portfolio {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 5px;
	padding-right: 5px;
}
}