@import url("https://use.typekit.net/ftb6zmi.css");

@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/CeraPro-Italic.woff2') format('woff2'),
        url('../fonts/CeraPro-Italic.woff') format('woff'),
        url('../fonts/CeraPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/CeraPro-BlackItalic.woff2') format('woff2'),
        url('../fonts/CeraPro-BlackItalic.woff') format('woff'),
        url('../fonts/CeraPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'sf_square_head_extendedRg';
    src: url('../fonts/sf_square_head_extended-webfont.woff2') format('woff2'),
         url('../fonts/sf_square_head_extended-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.page-id-17 .tm-header{
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.animated {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
 }

@-webkit-keyframes fadeInRight {
    0% {
       opacity: 0;
       -webkit-transform: translateX(20px);
    }
    100% {
       opacity: 1;
       -webkit-transform: translateX(0);
    }
 }
 
 @keyframes fadeInRight {
    0% {
       opacity: 0;
       transform: translateX(20px);
    }
    100% {
       opacity: 1;
       transform: translateX(0);
    }
 }
 
 .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
 }

 @-webkit-keyframes fadeInLeft {
    0% {
       opacity: 0;
       -webkit-transform: translateX(-20px);
    }
    100% {
       opacity: 1;
       -webkit-transform: translateX(0);
    }
 }
 
 @keyframes fadeInLeft {
    0% {
       opacity: 0;
       transform: translateX(-20px);
    }
    100% {
       opacity: 1;
       transform: translateX(0);
    }
 }
 
 .fadeInLeft {
 -webkit-animation-name: fadeInLeft;
 animation-name: fadeInLeft;
 } 

em {color: #000;}
.privacyverklaring-main-content-table {overflow-x: auto;}
.privacyverklaring-main-content-table table {border-collapse: collapse;}
.privacyverklaring-main-content-table table tr {border-bottom: 1px solid #000;}
.privacyverklaring-main-content-table table tr th,
.privacyverklaring-main-content-table table tr td {text-align: left;padding: 5px 15px 5px 5px;color: #000;font-weight: 400;font-family: 'lato-reg';}
.general * {color: #000;}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {letter-spacing: 0px;}

.tm-toolbar {display: none;}

.uk-navbar-container>.uk-container .uk-navbar-left {position: relative;padding-left: 40px;}

.uk-navbar-container>.uk-container .uk-navbar-left::before {
    content: '';
    -webkit-transform: skewX(-19deg);
    transform: skewX(-19deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    right: -1px;
    z-index: -1;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #FFF;
    height: auto;
} 

.uk-navbar-nav>li>a {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 23px;
    color: #000;   
    letter-spacing: 0px;
    text-transform: none;
    position: relative;
    z-index: 1;
}

.uk-navbar-nav>li>a::before {
    content: '';
    -webkit-transform: skewX(-19deg);
    transform: skewX(-19deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    right: -1px;
    z-index: -1;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #FFF;
    height: auto;
}
.uk-navbar-nav>li.uk-active>a{
    position: relative;
    z-index: 1;
}

.uk-navbar-nav>li.uk-active>a::before {
    right: -1px;
    background-color: #000;
}

.uk-navbar-nav>li:hover>a::before, .uk-navbar-nav>li>a.uk-open::before, .uk-navbar-nav>li>a:focus::before {
    right: -1px;
    background-color: #000;
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {min-height: 62px;}

.uk-navbar-nav>li.uk-active>a {
    color: #FFF;
}

.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a.uk-open, .uk-navbar-nav>li>a:focus {
    color: #FFF;
}

.uk-button-default{background: transparent;}

.home-content {
    background-color: rgba(0, 0, 0, 0.4);
    max-width: 435px;
    height: 420px;
    padding: 40px 20px 40px 80px;
    box-sizing: border-box;
}

.home-content h1 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    line-height: 44px;
    color: #FFF;
}

.home-content h1::after {
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    background-color: #b3b3b3;
    margin: 30px auto;
    margin-left: 0px;
}

.home-content p {
    font-family: lato, sans-serif;
    font-size: 22.50px;
    line-height: 30px;
    color: #FFF;
}
.home-content a {
    font-family: lato, sans-serif;
    font-size: 14px;
    width: 195px;
    height: 41px;
    border: 2px solid #FFF;
    line-height: 37px;
    box-sizing: border-box;
    color: #FFF;
    margin-top: 25px;
    display: inline-block;
    text-align: center;
}

.home-content a:hover, .home-content a:Focus {
    background-color: #000;
    text-decoration: none;
}

.footer-section {
    background: #000;
}

.footer-section * {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-style: normal;
    font-size: 19px;
    color: #FFF;
    font-weight: 400;
    line-height: 24px;
}

.footer-section a:hover, .footer-section a:focus {
    color: #FFF;
    text-decoration: underline;
    text-underline-position: under;
}

.footer-section > div > div {
    display: -webkit-box;      
    display: -moz-box;         
    display: -ms-flexbox;      
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.footer-section h2 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 5px;
}

.footer-section h2 + table {margin-top: 5px;}

.footer-section > div > div > div:nth-child(1) img {margin-bottom: 20px;}

.footer-section > div > div > div:nth-child(3) ul {
    list-style: none;
    text-align: right;
}

.footer-section > div > div > div:nth-child(3) ul li {
    margin-bottom: 10px;
}

.footer-section > div > div > div *:last-child {margin-bottom: 0px;}

.tm-header-mobile .uk-nav-default>li.uk-active>a{
    color: #FFF;
    background-color: black;  
}

.tm-header-mobile .uk-nav>li>a {
    padding: 10px 20px;
    text-transform: uppercase;
    font-family: refrigerator-deluxe,Verdana,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    color: #000;
    letter-spacing: 0;
    text-transform: uppercase;
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{padding: 0 23px;}

@media (min-width: 960px) {
    .tm-header > div > div {padding-left: 0px;padding-right:28px;}
    .uk-logo{padding-left:25px}
    
}

@media (min-width: 960px) and (max-width: 1295px) {
    .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {padding: 0 12px;}
    .uk-navbar-nav>li>a {font-size: 20px;}
}

@media (min-width: 1200px) {
.footer-section > div > div > div:nth-child(2) {padding-left: 130px;}
}

.uk-divider-small::after {
    content: "";
    display: inline-block;
    width: 53px;
    max-width: 100%;
    border-top: 2px solid #1d1d1b;
    vertical-align: top;
    padding-bottom: 10px;
}

.border-top {
    border-top: 2px solid #000000;
}

.about-content {
    padding-top: 28px;
    padding-bottom: 51px;
}

.about-content h1 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    line-height: 44px;
    color: #1d1d1b;
    text-align: center;
}

.about-content h2 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 44px;
    font-size: 20px;
    color: #1d1d1b;
}

.about-content h3 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    line-height: 44px;
    color: #1d1d1b;
}

.about-content h4 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 44px;
    color: #1d1d1b;
    text-transform: capitalize;
}

.about-content p {
font-family: lato, sans-serif;
    font-style: normal;
    font-size: 16px;
    color: #1d1d1b;
}

.about-grid {
    margin-top: 51px !important;
    margin-bottom: 34px !important;
}

.about-grid .el-content {
    max-width: 334px;
}

.about-grid-2 {
    margin-top: 51px !important;
    margin-bottom: 34px !important;
}

.about-grid-2 .el-content {
    max-width: 514px;
}

.max-width-text {
    max-width: 1150px;
}

.about-banners > div {
    height: 503px;
}

.about-content-black-bg { 
    background-color: #000000; 
    border-bottom: 1px solid #fff;
}

.about-content-black-bg h1 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    line-height: 44px;
    color: #FFF;
    text-align: center;
}

.about-content-black-bg .uk-divider-small::after {
    content: "";
    display: inline-block;
    width: 53px;
    max-width: 100%;
    border-top: 2px solid #fff;
    vertical-align: top;
    padding-bottom: 39px;
}

.grid-partners > div {
    display: flex;
    align-items: center;
}

.grid-partners > div > div {
    text-align: center;
}

.button-main a {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: lighter;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 0px;
    color: #101610;
    border: 1px solid #101610;
    border-radius: 0px;
    padding: 0 16px;
    line-height: 38px;
    transition: 0.5s;
}

.button-main a:hover {
    color: #ffffff;
    background-color: #000;
}

.button-main-2 a {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: lighter;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 0px;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 0px;
    padding: 0 16px;
    line-height: 38px;
    transition: 0.5s;
}

.button-main-2 a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.5)
}

.tuning-calc > div {
    padding-top: 15px;
    padding-bottom: 15px;
}

.tuning-calc-bg {
    background-color: rgba(0, 0, 0, 0.5);
    max-width: 360px;
    padding-left: 59px;
    padding-right: 59px;
}

.tuning-calc h1 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    color: #ffffff;
    text-align: center;
    padding-top: 30px;
    margin-bottom: 0px;
}

.tuning-calc h2 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px !important;
}

.tuning-calc p {
    font-family: lato, sans-serif;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}

.text-small {
    font-size: 14px !important;
    margin-bottom: 30px;
}

.tuning-calc hr {
    margin-top: 15px !important;
}

.tuning-calc .uk-divider-small::after {
    content: "";
    display: inline-block;
    width: 53px;
    max-width: 100%;
    border-top: 2px solid #fff;
    vertical-align: top;
}

.maint-serv > div {
    padding-top: 15px;
    padding-bottom: 15px;
}

.maint-serv-bg {
    background-color: rgba(0, 0, 0, 0.5);
    max-width: 615px;
    padding-right: 60px;
    padding-left: 20px;
    margin-left: auto;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

.maint-serv h1 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 0px;
}

.maint-serv h2 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 0px !important;
}

.maint-serv p {
    font-family: lato, sans-serif;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
}

.maint-serv .uk-divider-small::after {
    content: "";
    display: inline-block;
    width: 53px;
    max-width: 100%;
    border-top: 2px solid #fff;
    vertical-align: top;
}

.hide {
    visibility: hidden;
    padding-left: 15px;
}

.border {
    border: 1px solid #fff;
}

.border:hover {
    border: 1px solid #000;
}

.show:hover + .hide {
    visibility: visible;
}
.performance {
    padding-top: 28px;
    padding-bottom: 51px;
}

.performance-2 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.performance h1 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    line-height: 44px;
    color: #1d1d1b;
    text-align: center;
}

.performance h2{
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #1d1d1b;
    text-align: center;
    margin-top: -20px;
}

.performance p {
    font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #1d1d1b;
}

.projecten h1 {
    font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    line-height: 44px;
    color: #fff;
    text-align: center;
}

.projecten hr::after {border-top: 2px solid #ffffff;}

.projecten {}

.project-single > div {
    background: rgb(0,0,0);
    background: linear-gradient(270deg, rgba(0,0,0,1) 50%, rgba(255,255,255,0) 50%);
}
.project-single > div > div:nth-child(2) a {transition: ease-in-out 0.2s;}
.project-single > div > div:nth-child(2) a:hover > div > p img {transition:linear 0.3s;}
.project-single > div > div:nth-child(2) a:hover > div > p img {transform: translateX(10px);}

.transp > div {
    background: rgb(0,0,0,0.5) !important;
    background: linear-gradient(270deg, rgba(0,0,0,0.5) 50%, rgba(255,255,255,0) 50%) !important;
}

.project-single p {
    font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
}
.project-single > div > div:nth-child(2) img {margin-bottom: 15px;}

.project-single h3 {
    font-family: 'sf_square_head_extendedRg';
    font-weight: 800;
    font-style: normal;
    font-size: 16px;
    line-height: 34px;
    color: #df0200;
    letter-spacing: 2px;
    margin-bottom: -28px;
}

.contact > div {
    padding-top: 15px;
    padding-bottom: 15px;
}

.contact-bg {
    background-color: rgba(0, 0, 0, 0.5);
    max-width: 715px;
    padding-right: 60px;
    padding-left: 20px;
    margin-left: auto;
    position: relative;
    padding-top: 30px;
    
}

.contact h1 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 0px !important;
}

.contact p, table {
    font-family: lato, sans-serif;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
}

.contact .uk-divider-small::after {
    content: "";
    display: inline-block;
    width: 53px;
    max-width: 100%;
    border-top: 2px solid #fff;
    vertical-align: top;
}

.contact-form {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    padding-bottom: 30px;
}

.fb-required {
    color: #fff !important;
}

.field-text-1604044725892, .field-text-1582036484341 {
    float: left !important;
    width: 48% !important;
    margin-right: 4% !important;
}

.field-text-1582036485016, .field-text-1582036483340 {
    float: left !important;
    width: 48% !important;
}

.leadix-form input[type="text"] {
    border: 0;
    border-radius: 0 !important;
    height: 40px !important;
}

textarea {
    border: 0;
    border-radius: 0 !important;
}

button {
    background-color: #fff;
    border: 0;
    border-radius:  0 !important;
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    color: #1d1d1b;
    font-size: 20px;
    padding: 6px 16px;
    text-transform: uppercase;
}

.pagecar {
    background-color: #000;
    padding-top: 50px;
    padding-bottom: 50px;
}

.pagecar h1 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
}

.pagecar h2 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 44px;
    color: #ffffff;
    text-align: center;
}

.pagecar h4 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    line-height: 1.1;
    color: #ffffff;
    text-align: left;
    text-transform: initial;
}

.pagecar p {
font-family: lato, sans-serif;
    font-style: normal;
    font-size: 16px;
    color: #fff;
}

.page-banner > div {
    height: 504px;
}

.pagecar .uk-divider-small::after {
    content: "";
    display: inline-block;
    width: 53px;
    max-width: 100%;
    border-top: 2px solid #fff;
    vertical-align: top;
}

.iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}

.iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.iframe-container-4x3 {
    padding-top: 75%;
}

.img-gal > div {
    padding-left: 30px;
    padding-right: 30px;
}

.nieuws-overzicht {
    background-color: #000;
    padding-top: 30px;
    padding-bottom: 30px;
}

.nieuws-overzicht h1 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 0px;
}

.nieuws-overzicht .uk-divider-small::after {
    content: "";
    display: inline-block;
    width: 53px;
    max-width: 100%;
    border-top: 2px solid #fff;
    vertical-align: top;
}

.news-button {
    margin-top: -36px !important;
}

.news-button a {
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 0px;
    padding: 0 16px;
    line-height: 38px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: -60px;
    margin-left: 10px;
    position: relative;
    letter-spacing: 0.5px;
}

/* .news-button a:after {
    content: '\f054';
    font-family: 'Fontawesome';
    display: inline-block;
    padding-left: 1em;
} */

.news-button a:hover {
    background-color: rgba(0, 0, 0, 1);
    color: #FFF;
    border: 1px solid #ffffff;
}

.nieuws > div {
    padding-top: 0px;
    padding-bottom: 30px;
}

.nieuws-bg {
    background-color: rgba(0, 0, 0, 0.5);
    max-width: 600px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 30px;
}

.nieuws h1 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    color: #ffffff;
    text-align: center;
    padding-top: 30px;
    margin-bottom: 0px;
}

.nieuws h2 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px !important;
}

.nieuws .uk-divider-small::after {
    content: "";
    display: inline-block;
    width: 53px;
    max-width: 100%;
    border-top: 2px solid #fff;
    vertical-align: top;
}

.nieuws p {
font-family: lato, sans-serif;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
}

#container {
    max-height: 447px;
    width: 100%;
    overflow: hidden;
}

.meer-nieuws {
    padding-top: 0px;
    padding-bottom: 0px;
}

.meer-nieuws-bg {
    background-color: rgba(0, 0, 0, 0.5);
    max-width: 380px;
    padding-right: 60px;
    padding-left: 20px;
    position: absolute;
    top: 62px;
    float:left;
    right: 0;
    padding-bottom: 30px;
}

.meer-nieuws h1 {
font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    color: #ffffff;
    margin-bottom: 0px;
    padding-top: 33px;
}

.meer-nieuws a {
    font-family: lato, sans-serif;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
    text-transform: initial;
}

.meer-nieuws .uk-divider-small::after {
    content: "";
    display: inline-block;
    width: 53px;
    max-width: 100%;
    border-top: 2px solid #fff;
    vertical-align: top;
}

.uk-nav>li>a {
    padding: 10px 0;
    font-size: 14px;
    color: #1d1d1b;
}

.uk-nav>li>a:hover {
    color: #1d1d1b;
}

.uk-icon svg {
    color: #1d1d1b;
}

.nieuws-overzicht .uk-grid-column-small>*, .uk-grid-small>* {
    padding-left: 20px !important;
}

/* .set-height > img {
    max-height: 539px !important;
    height: 100%;
} */

.set-height {
    margin-bottom: 20px !important;
}

.img-r > img {
    margin-bottom: -6px;
}

.p-top > img {
    padding-top: 20px;
    margin-top: -26px;
} 

.lb-nav a.lb-next {
    background: url('http://www.asdperformance.tld.subdomain.cloud/wp-content/uploads/2020/02/next.png') right 48% no-repeat !important;
    opacity: 1 !important;
}

.lb-nav a.lb-prev {
    background: url('http://www.asdperformance.tld.subdomain.cloud/wp-content/uploads/2020/02/prev.png') left 48% no-repeat !important;
    opacity: 1 !important;
}

.lb-data .lb-close {
    background: url('http://www.asdperformance.tld.subdomain.cloud/wp-content/uploads/2020/02/close.png') no-repeat !important;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1 !important;
    width: 50px !important;
    height: 50px !important;
    z-index: 11 !important;
}

#lightbox.lightbox .lb-image {
    border-radius: 0px !important;
    border: 0px !important;
}
.lb-data .lb-number {
    display: none !important
}

.wrapper2::-webkit-scrollbar{
    width: 10px;
    opacity: 0;
}
.wrapper2::-webkit-scrollbar-track {
    background: #1d1d1b;
}
.wrapper2::-webkit-scrollbar-thumb {
    background: #3a3a38;
}
.wrapper2::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.wrapper2::-webkit-scrollbar-thumb::before {
    content: '<';
}


.wrapper1,
.wrapper2 {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

.wrapper1 {
    height: 20px;
}

.wrapper2 {
    height: 550px;
}

.div2 {
    overflow: auto;
    width: max-content;
    height: 550px;
    padding: 0 5px;
}
 
.projecten > div  {
    padding-top: 25px;
    padding-bottom: 120px;
}

@media (max-width: 1400px){
    .projecten p {
        font-size: 20px;
    }
}

@media (max-width: 1274px){
    .set-height>img{height:auto !important;}
    .p-top>img{height:auto !important;}
}

@media(max-width: 1199px) {
    .project-single  {
        background: rgb(0,0,0);
    }
    .project-single > div > div:nth-child(1) img {min-width: 100%;}
    .projecten p {
        font-size: 24px;
    }
}

@media (max-width: 1010px){
    .meer-nieuws{padding: 0;}
    .meer-nieuws-bg {
        background-color: rgba(0, 0, 0, 1);
        padding-right: 30px;
        padding-left: 30px;
        padding-bottom: 30px;
        padding-top: 0px;
        float: none;
        position: static;
    }
}

@media (max-width:960px){
    .align-top .uk-flex-middle{align-items:normal!important}
    .performance-grid{display:flex;justify-content:center;align-items:center}
    .show,.hide{text-align:center}
    .about-content{padding-left:14px;padding-right:14px}
    .nieuws-bg{padding-right:30px;padding-left:30px;padding-bottom:30px}
    .set-height>img{max-height:100% !important;}
}

@media(max-width:639px){
    .project-single .el-content {
        padding: 20px;
    }
    .projecten  .project-single {
        margin-top: 30px;
    }
}

@media (max-width:500px) {
    .home-content{padding:20px 30px;}
    .tuning-calc>div{padding-top:0;padding-bottom:0}
    .tuning-calc-bg{padding-left:30px;padding-right:30px}
    .maint-serv>div{padding-top:0;padding-bottom:0}
    .maint-serv-bg{padding-right:30px;padding-left:0}
    .contact>div{padding-top:0;padding-bottom:0}
    .contact-bg{padding-right:30px;padding-left:0}
    .field-text-1582036485545,.field-text-1582036484341{float:none!important;width:100%!important;margin-right:0%!important}
    .field-text-1582036485016,.field-text-1582036483340{float:none!important;width:100%!important}
    .news-button a{white-space:nowrap;text-overflow:ellipsis;width:220px;display:block;margin-top:-65px;text-align:left;overflow:hidden}
    .footer-section>div>div>div:nth-child(3) ul{list-style:none;text-align:left;padding-left:5px}
    .p-top>img{max-height:100% !important;    padding-top: auto;
        margin-top: auto;}
        .project-single p {
            font-family: refrigerator-deluxe, Verdana, sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 20px;
        }
}

.page-id-21 .footer-section {display: none;}
.no-footer .footer-section {display: none;}

/* 
.mega-wrapper-grid {
    width: 100%;
}

.wrapper-grid {
    float: left;
}

.child-1, .child-2, .child-5, .child-6 {
    float: left;
}

.child-1 img, .child-2 img {
    max-width: 236px;
    max-height: 157px;
    object-fit: cover;
    margin-right: 4px;
}

.child-3 img {
    margin-top: 4px;
    max-width: 476px;
    max-height: 317px;
    object-fit: cover;
}

.child-4 img {
    margin-bottom: 4px;
    max-width: 476px;
    max-height: 317px;
    object-fit: cover;
}

.child-5 img, .child-6 img {
    max-width: 236px;
    max-height: 157px;
    object-fit: cover;
    margin-right: 4px;
} */
.cs-page .tm-header, .cs-page .footer-section, .cs-page .tm-header-mobile {
    display: none;
}
.cs-header {
    font-size: 34px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Cera Pro';
    font-style: italic;
    font-weight: normal;
    line-height: 35px;
    position: relative;
}
.cs-header span {
    font-weight: 900;
}
.cs-button {
font-family: lato, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 12px 20px;
    font-style: normal;
    font-weight: bold;
    border: 2px solid #ffffff;
    transition: 0.3s;
}
.cs-header a:hover { color: #ffffff !important; text-decoration: none !important;}
.cs-button:hover {
    border: 2px solid #ffffff;
    background-color: rgba(0, 0, 0, 0.6);
}
.cs-footer {
    position: relative;
    width: 100%;
    bottom: 0 !important;
    right: 0;
  }
  .cs-text {    position: relative;
font-family: lato, sans-serif;
    /* position: absolute; */
    /* bottom: 0 !important; */
    /* right: 88px; */
    text-align: center;
    height: 100%;
    padding-top: 50px;
  }
  .cs-text h2 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0px;
}
.cs-text p {
    color: #fff;
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 0px;
}
.cs-text p:nth-child(3){
    margin-bottom: 50px;
}

.cs-blok>div>div:nth-child(2){
    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;
}

@media (max-width:960px) {

    .footer-section > div > div > div:nth-child(3) ul {
        list-style: none;
        text-align: left;
        padding-left: 0;
    }

    .cs-text h2 {
      font-size: 16px;
      color: #fff;
      margin-bottom: 0px;
  }
  .cs-text p {
      color: #fff;
      font-size: 14px;
      margin-top: 12px;
      margin-bottom: 0px;
  }
  .cs-text p:nth-child(3){
      margin-bottom: 20px;
  }
}

.video-background {
    background: #000;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 0;
  }
  .video-foreground,
  .video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  * { box-sizing: border-box; }
  @media (min-aspect-ratio: 16/9) {
    .video-foreground { height: 300%; top: -100%; }
  }
  @media (max-aspect-ratio: 16/9) {
    .video-foreground { width: 300%; left: -100%; }
  }


  .grid-gallery-photos{
    display: grid;
    grid-row: 2;
    grid-template-columns: repeat(6, 3fr);
  }

  .gallery--page  .grid-gallery-photos{
    display: block !important;
  }

  @media(max-width:765px){
    .grid-gallery-photos {
        display: grid;
        grid-row: 1;
        grid-template-columns: repeat(14, 3fr);
    }
    .div2 {
        overflow: auto;
        width: max-content;
        height: 250px;
        padding: 0 5px;
    }
    .wrapper2 {
        height: 270px;
    }
  }

  .overlay-txt{
      position: absolute;
      top: 20%;
  }

  .page-id-9 .footer-section {    margin-top: -30px;}

  .uk-position-medium {
    max-width: calc(100% - (30px * 2));
    margin: 30px;
    margin-top: 100px;
}

@media(min-width:1058px){
    .floatthisright{float:right;margin-right: 15px;margin-top: 6px;}
}

.bignum{    
    font-size: 2rem;
    letter-spacing: -2px;
}

.performance-grid .show img {
    margin: 0 auto;
    display: block;
}


.project .first > a > figure,
.project .first > a > figure img,
.project .second > a > figure,
.project .second > a > figure img {
    max-height: 200px;
}

@media(min-width:766px){
    .project .first > a > figure,
    .project .first > a > figure img{
        width: 240px !important;
        min-height: 160px;
        height: 100% !important;
    }
    .project .first > a:last-child > figure,
    .project .first > a:last-child > figure img {
        min-width: 480px !important;
        max-height: 280px;
        max-width: 492px;
        object-fit: cover;
        width: 100% !important;
        padding-bottom: 0;
        min-height: 317px !important;
        padding: 0 5px 0 0;
    }

    .new {display: block;}
    .project .first > a:first-child {display: inline-block;float:left !important;}
    .project .first > a {display: inline-block;float:none !important;}
    .project .first > a:last-child {display: block;}

    .gallery--page .nieuws-overzicht {padding-top:0 !important; padding-bottom:0 !important;}





    /* .grid-gallery-photos > .new:nth-child(even) > a > figure,
    .grid-gallery-photos > .new:nth-child(even) > a > figure img{
        width: 240px !important;
        min-height: 160px;
        height: 100% !important;
    }
    .grid-gallery-photos > .new:nth-child(even) > a:first-child > figure,
    .grid-gallery-photos > .new:nth-child(even) > a:first-child > figure img {
        min-width: 480px !important;
        width: 100% !important;
        padding-bottom: 0;
        min-height: 317px !important;
        padding: 0 5px 0 0;
    } */

    .project .second > a:last-child > figure,
    .project .second > a:last-child > figure img,
    .project .second > a:nth-child(2) > figure,
    .project .second > a:nth-child(2) > figure img  {
        width: 240px !important;
        min-height: 160px;
        height: 100% !important;
    }
    .project .second > a:first-child > figure,
    .project .second > a:first-child > figure img {
        min-width: 480px !important;
        max-height: 280px;
        max-width: 492px;
        object-fit: cover;
        width: 100% !important;
        padding-bottom: 0;
        min-height: 317px !important;
        padding: 0 5px 0 0;
    }

    .project .second > a {display: inline-block;float:none !important;}
    .project .second > a:first-child {display: block;}

}

.uk-lightbox-toolbar-icon svg,
.uk-slidenav svg {
    color: #ffffff;
    width:20px;
}

.uk-slidenav:focus, .uk-slidenav:hover {
    outline: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.uk-transition-fade, [class*=uk-transition-scale], [class*=uk-transition-slide] {
    transition: .3s ease-out;
    transition-property: opacity,transform,filter;
    opacity: 1;
}

.display-none{display: none!important}

.news-grid .title>a{
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 0px;
    padding: 10px 16px;
    line-height: 38px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-left: 10px;
    position: relative;
    letter-spacing: 0.5px;
    font-size: 11px !important;
    font-family: Montserrat;
    font-weight: 500;
    text-transform: uppercase;
}

.news-grid .grid-items {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
} 
.news-grid .grid-items>div{position:relative;max-height:455px  !important;}
.news-grid .grid-items>div>div>div:nth-child(1){position:absolute;bottom:5px}



.news-grid .uk-container{padding: 0;}


.news-grid .grid-items img {
    object-fit: cover;
    height: 455px !important;
    width: 100%;
}
.news-grid .grid-items>div:nth-child(1) img,.news-grid .grid-items>div:nth-child(2) img {
    object-fit: cover;
    height: 635px !important;
    width: 100%;
}

 @media(min-width: 1050px){
    .news-grid .grid-items>div:nth-child(1),.news-grid .grid-items>div:nth-child(2){width:calc(50% - 20px) !important;max-height:635px  !important;}
    .news-grid .grid-items>div{width:calc(33.333333333333% - 20px) !important}

}

@media(max-width:1680px){
    .news-grid .grid-items img {
        object-fit: cover;
        height: 425px !important;
        width: 100%;
    }
    .news-grid .grid-items>div:nth-child(1) img,.news-grid .grid-items>div:nth-child(2) img {
        object-fit: cover;
        height: 535px !important;
        width: 100%;
    }

}

@media(max-width:1440px){
    .news-grid .grid-items>div{position:relative;max-height:255px  !important;}
    .news-grid .grid-items img {
        object-fit: cover;
        height: 255px !important;
        width: 100%;
    }
    .news-grid .grid-items>div:nth-child(1) img,.news-grid .grid-items>div:nth-child(2) img {
        object-fit: cover;
        height: 435px !important;
        width: 100%;
    }

}

@media (max-width: 1050px){
    .news-grid .grid-items>div{width:calc(50% - 20px) !important}
    .news-grid .grid-items>div:nth-child(1) img,.news-grid .grid-items>div:nth-child(2) img {
        object-fit: cover;
        height: 255px !important;
        width: 100%;
    }
}

@media (max-width: 767px){
    .news-grid .grid-items>div{width:100% !important}
    .news-grid .grid-items img {
        object-fit: cover;
        height: 255px !important;
        width: 100%;
    }
    .news-grid .grid-items>div:nth-child(1) img,.news-grid .grid-items>div:nth-child(2) img {
        object-fit: cover;
        height: 255px !important;
        width: 100%;
    }
}  

@media (max-width: 400px){
    .news-grid .grid-items>div{width:100% !important}
    .news-grid .grid-items img {
        object-fit: cover;
        height: 200px !important;
        width: 100%;
    }
    .news-grid .grid-items>div:nth-child(1) img,.news-grid .grid-items>div:nth-child(2) img {
        object-fit: cover;
        height: 200px !important;
        width: 100%;
    }
}  


#comingsoon>div>div:nth-child(1) .el-item::before{
    content:'';
    background-color: rgba(255,255,255,.85);
    height:100%;
    width:100%;
    position: absolute;
}

.general-content p {
    font-family: lato, sans-serif;
    font-style: normal;
    font-size: 16px;
    color: #1d1d1b;
}

.general-content h2{
    font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 44px;
    font-size: 28px;
    color: #1d1d1b;
}


.general-content h1{
    font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 44px;
    font-size: 34px;
    color: #1d1d1b;
}

.general-content h3{
    font-family: refrigerator-deluxe, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 44px;
    font-size: 22px;
    color: #1d1d1b;
}

.privacy-notice-paragraph a,
.privacy-notice-paragraph {
    font-family: lato, sans-serif;
    font-size: 12px !important;
    line-height: normal !important;
    color: #fff !important;
}

.privacy-notice-paragraph a {
	text-decoration: underline;
}

#tm-mobile{
    z-index: 99999;
    position: relative;
}


.meer-nieuws a{
font-size: 16px !important;
}
.layout-1248 .element{margin: 0 !important}

#post-grid-1247 .item {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}
.meer-nieuws .pagination{display: none !important}
.nieuws a {color:#ffffff;}

#post-grid-1247{padding:0 !important}
#post-grid-1247>div>div{width:100% !important}
@media(max-width:959px){
    .meer-nieuws-bg{max-width: 100%;margin:0}
    .nieuws>div{min-height: auto !important;}
    .nieuws-bg{max-width: 100%;margin:0}
}

.uk-navbar-left{z-index: 1;}


a#about-werkwijze, a#about-tuning, a#about-partners {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
    }

.slb_details,
.slb_controls{
    display: none !important;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_container {
    box-shadow: unset !important;
    border-radius: 0 !important;
}

#slb_viewer_wrap .slb_theme_slb_baseline .slb_container {
    position: relative;
    display: inline-block;
    background-color: #000 !important;
    margin: 0 auto;
    padding: 0 !important;
}

.general-content em {
	font-family: lato, sans-serif;
    font-size: 16px;
    color: #1d1d1b;
}
.general-content .privacyverklaring-main-content-table table tr th, .general-content .privacyverklaring-main-content-table table tr td {
	font-family: lato, sans-serif;
    font-style: normal;
    font-size: 16px;
    color: #1d1d1b;
}

@media (min-width: 640px) {
	.leadix-form form div:nth-child(6),
	.leadix-form form div:nth-child(8) {
		width: calc(50% - 15px);
		display: inline-block;
	}
	
	.leadix-form form div:nth-child(7),
	.leadix-form form div:nth-child(9) {
		width: calc(50% - 15px);
		display: inline-block;
		margin-left: 30px;
	}
}

#tm-dialog-mobile .widget_nav_menu {
	background: #fff;
}

.text-white *{
		color: #ffffff !important;
}