body {font-family: Lato, sans-serif; font-size: 16px;}
html {height: 100%;}
body.splash {background: url("../img/bg_splash.jpg"); background-position: center; background-size: cover; height: 100%; display:flex;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    }
body.withbackground {background: url("../img/Loma-Air_achtergrond_blauw.jpg") no-repeat 0 90px; background-size: contain;}
.posrelative {position: relative;}

.btn-primary {background-color: #f00; border-radius: 0; border: 1px solid #f00; font-size: 18px; padding: 5px 10px; color: #fff !important; text-decoration: none !important;}
.btn-primary:HOVER, .btn-primary:ACTIVE, .btn-primary:FOCUS {background-color: #f00; border: 1px solid #f00;}

.btn-default {background-color: #000; border-radius: 0; border: 1px solid #000; font-size: 18px; padding: 5px 10px; color: #fff !important; text-decoration: none !important; text-transform: uppercase;}
.btn-default:HOVER, .btn-default:ACTIVE, .btn-default:FOCUS {background-color: #000; border: 1px solid #000;}

.btn-find {background-color: #000; border-radius: 0; border: 1px solid #000; font-size: 18px; padding: 5px 50px; color: #f00 !important; text-decoration: none !important; width: 100%;}
.btn-find:HOVER, .btn-find:ACTIVE, .btn-find:FOCUS {background-color: #000; border: 1px solid #000;}


.uppercase {text-transform: uppercase;}
.bigtext {font-size: 20px;}
img {max-width: 100%; height: auto;}
.fullwidth {width: 100% !important;}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.img-fluid {max-width: 100%; height: auto;}
h1 {background-color: #000; color: #f00; padding: 15px; font-size: 20px; text-transform: uppercase; text-align:center; margin: 0 0 10px 0;}
h2 {color: #f00; margin: 0 0 10px 0; font-size: 20px; text-transform: uppercase; line-height: 1.6;}
h3 {color: #000; margin: 0 0 10px 0; font-size: 20px; font-weight: bold;}
h4 {border: 1px solid #f00; padding: 15px; text-transform: uppercase; font-size: 20px; text-align: center; margin: 0 0 10px 0;}

.cus-splash-lang {background: url("../img/bg-trans-black.png"); text-align: center; padding: 15px; margin-bottom: 30px;}
.cus-splash-lang h2 {color: #ff0; font-family: Times; font-style: italic; text-transform: none; font-size: 28px;}
.cus-splash-lang .btn {text-transform: uppercase;}

.cus-text ul {list-style-type: none; margin: 0; padding: 0;}
.cus-text ul li:before {content: "•"; color: red;
    display: inline-block; width: 2em;
    margin-left: 0}


.cus-navbar-top {text-transform: uppercase; margin: 5px 0 5px 0; min-height: auto; font-size: 12px;}
.cus-navbar-top ul li {padding-top: 3px; padding-bottom: 3px;}
.cus-navbar-top ul li a {color: #000; padding: 0;}
.cus-navbar-top ul li a:HOVER {background-color: transparent;}
.cus-navbar-top ul li:first-child a span {border-left: 0;}
.cus-navbar-top ul li a span {display: inline-block; border-left: 2px solid #f00; padding: 0px 15px;}
.cus-navbar-top ul li.active {padding-top: 0; padding-bottom: 0;}
.cus-navbar-top ul li.active a {background-color: #f00; color: #fff; text-decoration: none; padding-top: 3px; padding-bottom: 3px; border-left: 0;}
.cus-navbar-top ul li.active + li a span {border-left: 0;}

.navbar-default {background-color: #000; text-transform: uppercase; min-height: 85px; margin-bottom: 0; border: 0; border-radius: 0;}
.navbar-default ul.navbar-nav {padding-top: 20px; font-size: 15px;}
.navbar-default ul.navbar-nav li {}
.navbar-default ul.navbar-nav li a {color: #fff; padding: 0;}
.navbar-default ul.navbar-nav li a:HOVER {background-color: transparent;}
.navbar-default ul.navbar-nav li:last-child a span {border-right: 0;}
.navbar-default ul.navbar-nav li a span {display: inline-block; border-right: 2px solid #f00; padding: 0px 15px;}
.navbar-default ul.navbar-nav li.active {padding-top: 0; padding-bottom: 0;}
.navbar-default ul.navbar-nav li.active a, .navbar-default ul.navbar-nav li.active a:HOVER, .navbar-default ul.navbar-nav li a:HOVER
, .navbar-default ul.navbar-nav li.active a:FOCUS, .navbar-default ul.navbar-nav li a:FOCUS
, .navbar-default ul.navbar-nav li.active a:ACTIVE, .navbar-default ul.navbar-nav li a:ACTIVE
    {background-color: transparent; color: #f00; text-decoration: none; border-right: 0;}

.cus-dark-bg {background-color: #000;}

.carousel-indicators { position: static; width: 100%; margin-left: 0; margin-top: 15px;}
.carousel-indicators li {width: 20px; height: 20px; background-color: #4d4d4d; border-color: #4d4d4d; margin-left: 5px; margin-right: 5px;}
.carousel-indicators .active {width: 20px; height: 20px; background-color: #ccc; border-color: #ccc; margin-left: 5px; margin-right: 5px;}

#nieuws {position: absolute; top: 0; right: 15px; z-index: 1000000; text-align: right;}
#nieuws-aantal {position: absolute; top: 12px; right: 0; display: inline-block; background-color: #f00; height: 25px; border-radius: 15px; color: #fff; text-align: center; padding: 3px 8px; font-size: 14px;}
ul#nieuws-overzicht li {background: url("../img/bg-trans-white.png"); margin-bottom: 10px; padding: 5px 5px 5px 20px; width: 170px; font-size: 12px;}
ul#nieuws-overzicht li a {color: #000; text-decoration: underline;}

#scrolldown {position: absolute; bottom: -20px; right: 0;}

.cus-footer {background-color: #000; color: #fff; font-size: 20px;}
.cus-footer p {line-height: 1.8;}
.cus-footer h4 {text-transform: uppercase; font-weight: bold; font-size: 24px; border: 0; padding: 0; text-align: left;}
.cus-footer a {color: #fff;}
.cus-footer .btn-primary {padding: 5px 50px; margin-top: 50px;}

.services h2 {margin: 0; text-transform: uppercase; font-size: 28px; background-color: #000; text-align: center; padding: 10px 0;}
.services a {text-decoration: none;}
.services a h2 {color: #f00;}
.services a:HOVER h2, .services a:ACTIVE h2, .services a:FOCUS h2 {color: #fff; text-decoration: none;}
.services a:HOVER .overlay:after {content: ""; display: block; position: absolute; background-color: rgba(0, 0, 0, 0.7); top: 0; left: 0; width: 100%; height: 100%;}
.cus-service-klein h2 {font-size: 20px;}

.copyright {font-size: 12px;}
.copyright a {color: #000;}

#subnav {padding: 10px 0; text-transform: uppercase; font-size: 17px; text-align: center; background-color: #fff;}
#subnav ul {list-style-type: none; margin: 0; padding: 0;}
#subnav ul li {display: inline-block;}
#subnav ul li a {color: #000; padding: 0;}
#subnav ul li a:HOVER {background-color: transparent;}
#subnav ul li:last-child a span {border-right: 0;}
#subnav ul li a span {display: inline-block; border-right: 2px solid #f00; padding: 0px 15px;}
#subnav ul li.active {padding-top: 0; padding-bottom: 0;}
#subnav ul li.active a, #subnav ul li.active a:HOVER, #subnav ul li a:HOVER
, #subnav ul li.active a:FOCUS, #subnav ul li a:FOCUS
, #subnav ul li.active a:ACTIVE, #subnav ul li a:ACTIVE
{background-color: transparent; color: #f00; text-decoration: none; border-right: 0;}

.services-maintenance a, .testimonial a {color: #000; text-decoration: underline;}

p.cus-news-date {font-size: 11px; margin: 0 0 5px 0;}
.cus-news-content {font-size: 11px; line-height: 1.6;}

.image-caption {background-color: #f00; color: #fff; padding: 0; text-align: center; font-size: 18px;}

.cus-text ul.partners {list-style-type: none; margin: 0; padding: 0; text-align:center;}
.cus-text ul.partners li {display: inline-block; margin: 0 10px 30px 10px;}
.cus-text ul.partners li:BEFORE {content: ""; width: 0;}

.map {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.cus-template-factoryengines-content .container {width: auto;}

ul.nav-factoryengines {list-style-type: none; margin: 80px 0 0 0; padding: 0;}
ul.nav-factoryengines li {margin-bottom: 15px;}
ul.nav-factoryengines li img {opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */}
ul.nav-factoryengines li.active img, ul.nav-factoryengines li:HOVER img {opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */}

.panel-group .panel {margin-bottom: 20px;}
.panel-default>.panel-heading {background-color: #f00; color: #f00; border: 1px solid #f00;}
.panel-heading {padding: 0 10px; border-radius: 0;}
h4.panel-title {color: #fff; border: 0; padding: 0; font-size: 18px;}
.panel, .panel-group .panel-heading+.panel-collapse>.panel-body{border: none;}

.panel-title a.collapsed {background: url("../img/icon-collapse.png") center left no-repeat;}
.panel-title a {background: url("../img/icon-expand.png") center left no-repeat; display: block; padding: 5px 0;}


.no-padding {padding: 0;}

.cus-products .btn-default {font-size: 16px;}

.navbar-brand img {width: 160px; height: auto;}










@media (max-width: 767px) {
    body.withbackground {background-position-y: 60px;}
    .mb-mobile-10 {margin-bottom: 10px;}
    .mb-mobile-15 {margin-bottom: 15px;}
    .mb-mobile-20 {margin-bottom: 20px;}
    .mb-mobile-30 {margin-bottom: 30px;}
    .navbar-default ul.navbar-nav li a span {border: 0; display: block; padding: 10px 5px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: 0;}
    ul.nav-factoryengines {margin-top: 0;}
    .cus-footer .btn-primary {margin-top: 0;}
}


@media (min-width: 768px) {
    .navbar-default ul.navbar-nav {float: right; margin-right: -15px;}
}


@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}