@font-face {
    font-family: 'BebasNeueThin';
    src: url('../fonts/BebasNeue Thin.ttf') format('truetype');
    /* Safari, Android, iOS */
}

@font-face {
    font-family: 'BebasNeueLight';
    src: url('../fonts/BebasNeue-Bold.ttf') format('truetype');
    /* Safari, Android, iOS */
}

@font-face {
    font-family: 'BebasNeueBold';
    src: url('../fonts/BebasNeue-Bold.ttf') format('truetype');
    /* Safari, Android, iOS */
}

@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/BebasNeue Regular.ttf') format('truetype');
    /* Safari, Android, iOS */
}

@font-face {
    font-family: 'BebasNeueBook';
    src: url('../fonts/BebasNeue Book.ttf') format('truetype');
    /* Safari, Android, iOS */
}


/** general **/

body {
    font-size: 10px;
    font-family: BebasNeueBold;
    background-image: url(../img/dirt_and_broken_concrete_2_20131007_1270224633.jpg);
}

h1 {
    color: #de0000;
    font-size: 55px;
    font-weight: 400;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    font-family: BebasNeueBold;
}

h2 {
    color: #de0000;
    font-family: BebasNeueBold;
    font-size: 55px;
    font-weight: 400;
    line-height: 55px;
}

h3 {
    color: #283387;
    font-size: 25px;
    line-height: 29px;
    font-family: BebasNeueBold;
}

h4 {
    color: white;
    font-size: 55px;
    font-weight: 400;
    line-height: 24px;
    font-family: BebasNeueBold;
}

h5 {
    color: #283387;
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    font-family: Roboto;
}

p {
    color: #505050;
    font-family: Roboto;
    font-size: 16px;
    line-height: 24px;
    margin: 0.5em 0 1.5em;
    padding: 0;
}
footer, header {
    background: #fefefe;
}
.top-bar-right li,
footer li{
    text-decoration: none;
    display: inline-block;
}
img{
    max-width: 100%!important;
}
.row {
    max-width: 1280px;
    padding-left: 15px;
    padding-right: 15px;
}
.columns, .column{
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}
.row-margin {
    margin: 120px auto;
}

.row-padding {
    padding: 120px 0;
}

.row-small-padding {
    padding: 85px 0;
}

.padding {
    padding: 80px 0;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.no-pad-right {
    padding-right: 0;
}

.no-pad-left {
    padding-left: 0;
}
.right{
    right: 0;
}
.left{
    left: 0;
}
.fullWidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
}

.about-text  {
    margin: 0 auto
}

.about ul li {
    color: #505050;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
}
.text-left h2, .text-left p {
    text-align: left!important;
}

.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    height: 680px;
}

.flex-video {
    padding-bottom: 680px;
}

input[type="checkbox"] {
    display: none;
}

label {
    cursor: pointer;
    color: #283387;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    width: 100%;
    height: 22px;
}

[type=checkbox]+label, [type=radio]+label {
    display: inline-block;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 16px;
    vertical-align: baseline;
}

input[type="checkbox"] + label:before {
    border: 2px solid #283387;
    content: "\00a0";
    display: inline-block;
    font: 20px/1em BebasNeueBold;
    height: 22px;
    margin: 0 20px 0 0;
    padding: 0;
    vertical-align: top;
    width: 22px;
}

input[type="checkbox"]:checked + label:before {
    background: #283387;
    color: #ffffff;
    content: "\2713";
    text-align: center;
}

input[type="checkbox"]:checked + label:after {
    font-weight: bold;
}
.blue .row .c-form form input[type="checkbox"] + label:before {
    border: 2px solid #ffffff;
        margin-top: 10px;
}
.blue .row .c-form form input label {
    line-height: 1.5;

}
input.button-blue{
        background: #283387;
    border: solid 2px #ffffff;
    color: #ffffff;
}
input.button-blue:hover{
        background: #ffffff;
    border: solid 2px #ffffff;
    color: #283387;
}
/** header * start **/


/** logo**/

.logo {
    padding: 15px;
    float: left;
}


/** menu **/
.top-bar{
    background: #ffffff;
}
.top-bar ul{
    background: #ffffff;
}
.top-bar-right{
    float: left;
}
.title-bar{
        float: right;
        height: 40px;
        width: 50px;
        padding: 10px;
        background: #283387;
    }
nav{
        margin-top: 22px;
}
.menu{
    float: right;
    width: auto;
}
.menu ul {
    margin-bottom: 0;
}

.menu ul li, .contact-nav {
/*    padding: 30px 0; */
    line-height: 24px;
}

.contact-nav {
    text-align: right;
    float: right;
}

.menu a, .contact-nav span a {
    color: #000000;
    font-family: BebasNeueBold;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    padding: 0 12.5px;
}
/*
.contact-nav{
    padding-top: 39px;
}
*/
.contact-nav{
    margin-top: 3em;
}
.contact-nav span a {
    color: #e50717;
}
ul#flags{
    width: 100px;
    position: absolute;
    right: 20px;
    margin-top: -20px;
}
ul#flags li{
    padding: 5px;
}
.menu .active>a {
    color: #e50717;
    background: transparent;
}

.wrapper {
    max-width: 1200px;
    width: 97%;
    margin: 0 auto;
}


/** footer * start */

footer {
    padding: 5px 0 25px;
}

footer, footer a {
    color: #283387;
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
}

footer span, footer li {
    padding: 0 12.5px;
}

footer li a {
    color: #505050;
    text-decoration: underline;
}

footer .row .columns {
    line-height: 4em;
}


/** footer * end */


/** home * start */

.home-product {
    margin-top: 20px;
}

.home-p h1 {
    margin-bottom: 0;
    padding-bottom: 4px;
}

.inner-top {
    text-align: center;
    padding: 15px;
    border: 1px solid #283387;
}

.product-image {
    height: 215px;
    background: #fff;
}

.product-desc {
    color: #ffffff;
    background-color: #283387;
    box-sizing: border-box;
    padding: 20px 30px 1px;
}

.product-desc p {
    color: #ffffff;
    height: 60px;
}

.product-desc h3 {
    font-family: BebasNeueBold;
    font-size: 25px;
    font-weight: 400;
    line-height: 24px;
    color: #ffffff;
}

.product-desc a {
    color: white;
    font-family: BebasNeueBold;
    font-size: 25px;
    font-weight: 400;
    line-height: 24px;
}
.product-overview h1{
    line-height: 2em;
    padding-bottom: 0;
    text-align: right;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left;
}
/*
.gray {
    background: #f2f2f2;
}
*/
.intention-img {
    margin-bottom: 50px;
    height: 91px;
}

.inten {
    text-align: center;
}

.inten a {
    color: #283387;
    font-family: BebasNeueBold;
    font-size: 25px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

.groupsRow h1{
        padding-bottom: 45px;
}
/** home * end */


/** products * start */

.products {
    background-image: url(../img/dirt_and_broken_concrete_2_20131007_1270224633.jpg);
    padding-top: 95px;
}

.filter {
    padding: 25px 0 15px;
    border: 1px solid #283387;
    display: inline-flex;
    background: #ffffff;
    margin-bottom: 50px;
}

.filter label {
    color: #283387;
    line-height: 24px;
}

.filter h3 {
    margin-top: 2px;
}
.filter-title{
    float: left;
}
.mobile-layout-products {
    display: none;
}

.products .group {
    height: 60px;
    background: #283387;
    color: #ffffff;
    padding-top: 15px;
    text-align: center;
}

.products .groupdata {
    height: auto;
    background: #FFFFFF;
    color: #283387;
    margin-bottom: 100px;
    padding: 15px 0 0 0;
    text-align: left;
    padding-left: 10px;
    font-size: 20px;
}
.products .groupdata li {
    width: 100%;
    list-style: none;
}
.products .groupdata a {
    display: block;
    width: 90%;
    color: #283387;
    text-decoration: none;
}

.products .specs-img {
    height: 148px;
    background: #ffffff;
    border: solid 1px #283387;
}
.specs-img img {
    padding: 15px 0px;
    width: 100%;
    max-height: 100%;
}

.products .specs {
    height: 148px;
    background: #283387;
    color: #ffffff;
    margin-bottom: 20px;
    padding: 15px 20px 0 40px;
}

.specs li {
    display: list-item;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.specs p {
    margin: 0;
    color: #FFFFFF;
    font-size: 140%;
}

.specs ul {
    margin-top: 10px;
}

.specs a, .group a {
    font-family: BebasNeueBold;
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    line-height: 29px;
    color: #ffffff;
    font-size: 25px;
}

.specs a:hover {
    text-decoration: underline;
}

.white {
    background: white;
}

.product {
    padding-top: 50px;
}

.product h1 {
    line-height: 2em;
    margin: 0;
}

.product .title {
    text-align: center;
}

.product-title {
    padding-bottom: 20px;
}


/** products * end */

/** productDetail * start */
.productDetail-container {
    background-image: url(../img/dirt_and_broken_concrete_2_20131007_1270224633.jpg);
    padding: 80px 0;
    width: 100%;
    min-height: 400px;
}
.productDetail-container h1 {
color: #e50717;
font-family: BebasNeueBold;
font-size: 40px;
font-weight: 400;
line-height: 24px;
text-align:left;
padding: 0;
}
.productDetail-container .image{
    text-align: center;
    padding-bottom: 40px;
}
.productDetail-container .tabs a{
    color: #283387;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
}
.productDetail-container .tabs{
    background: transparent;
    border: 0;
}
.productDetail-container .tabs-title>a{
    background: transparent;
    padding: 5px 10px;
}
.productDetail-container .tabs-panel {
    padding: 0;
}
.productDetail-container .tabs-content {
    background: transparent;
    border: 0;
    padding: 0px 15px;
}
/** productDetail * end */

/** about * starts */

.about {
    margin: 0 auto;
}
.about.textpage {
    background-image: url('../img/dirt_and_broken_concrete_2_20131007_1270224633.jpg');
    padding-top: 95px;
}
.about h1 {
    margin-bottom: 15px;
    font-size: 55px;
}

.about p {
    color: #505050;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 60px;
}


/** about * end */


/** cta * start */

.cta {
    background: #283387;
    padding: 50px 0;
    text-align: center;
    padding: 0;
}

.cta a {
    border: 2px solid white;
    color: white;
    font-family: BebasNeueBold;
    font-size: 25px;
    font-weight: 400;
        line-height: 3.5;
    padding: 10px 10px 5px;
    text-align: left;
}

.cta a:hover {
    background: #ffffff;
    color: #283387;
    text-decoration: underline;
}
.cta p{
    text-align: right;
}
.playVideo {
    height: 100%;
    width: 100%;
    background: rgba(40, 51, 135, 0.5);
}


/** cta * end */


/** contactpagina - start */

.contact {
/*    background-color: #f2f2f2; */
    padding: 80px 0;
}

.contact span {
    width: 100%;
    float: left;
    color: #505050;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.contact h1 {
    text-align: left;
    line-height: 52px;
}
.contact a{
    color: #505050;
}
.c-adres span:last-child {
    padding-bottom: 15px;
}
.dealers{
    padding-top: 30px;
}
    .checkbox-2 label{
            width: 50%;
    float: left;
    margin: 10px 0 40px 0;
    }

/** contactpagina - end */

.blue {
    background-color: #283387;
    color: #ffffff;
    padding: 80px 0;
}

.blue h1 {
    color: white;
    font-family: BebasNeueBold;
    font-size: 55px;
    font-weight: 400;
    line-height: 55px;
}

.blue p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #ffffff;
    padding-top: 10px;
}

.points {
    margin: 0 auto;
    float: none;
}

.points ul {
    margin-bottom: 40px;
}

.points li {
    list-style-type: none;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    width: 100%;
}

.points li img {
    padding-right: 35px;
}

.c-form {
    margin: 0 auto;
    float: none;
}
.c-form h1{
        padding-bottom: 40px;
}
.form-adres {
    margin-bottom: 65px;
}

label, input {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 700;
    line-height: 40px;
    color: #ffffff;
}

input, select, option, textarea, [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    color: #505050;
    font-family: Roboto;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}

input, select, textarea {
    border-radius: 0!important;
    border: 0;
}

.checkbox {
    margin-bottom: 25px;
}


/* slider referenties - start */

.ref-slider {
    position: relative;
}

.slider-ref {
/*  background: #f2f2f2; */
    padding-bottom: 90px;
}

.slider-ref h1 {
    padding: 79px 0 44px;
}

.prev {
    left: 15px;
    position: absolute;
    top: 35%;
    z-index: 999;
}

.next {
    right: 15px;
    position: absolute;
    top: 35%;
    z-index: 999;
}

.cycle-slideshow {
    position: relative;
    margin: 0 auto;
}

.ref-slide-pic {
    width: 215px;
    float: left;
}

.ref-slide-pic h4 {
    margin: 0;
}

.ref-slide-pic p {
    margin: 0;
}

.ref-slide-pic img {
    margin-bottom: 23px;
}

.ref-slide-text {
    float: left;
    width: 630px;
    font-style: italic;
    position: relative;
}

.ref-slide-text p {
    width: 525px;
    padding-left: 80px;
    float: left;
}
.ref-slide{
    padding-left: 25%;
}
.blockqoute {
    position: absolute;
    height: 28px;
}

.blockqoute-before {
    padding-left: 25px;
    top: 0;
    left: 0px;
}

.blockqoute-after {
    padding-right: 70px;
    bottom: 0;
    right: 0px;
}
.playVideo iframe {
    width: 100%;
    height: 100%;
}

.grid-block {
    width: 100%;
    height: 682px;
}
.image-caption {
    top: 40%;
    position: relative;
    width: 100%;
    display: block;
    margin: 0 auto;
}

.image-caption-wrap h4 {
    line-height: 2em;
}

.image-caption-wrap {
    text-align: center;
}
/* slider referenties - end */


/** productDetail * start */
.productDetail-container {
    background-image: url(../img/dirt_and_broken_concrete_2_20131007_1270224633.jpg);
    padding: 80px 0;
    width: 100%;
    min-height: 400px;
}
.productDetail-container h1 {
color: #e50717;
font-family: BebasNeueBold;
font-size: 40px;
font-weight: 400;
line-height: 24px;
text-align:left;
padding: 0;
}
.productDetail-container .image{
    text-align: center;
    padding-bottom: 40px;
}
.productDetail-container .tabs a{
    color: #283387;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
}
.productDetail-container .tabs{
    background: transparent;
    border: 0;
}
.productDetail-container .tabs-title>a{
    background: transparent;
    padding: 5px 10px;
}
.productDetail-container .tabs-panel {
    padding: 0;
}
.productDetail-container .tabs-panel ul li{
    font-size: 1.2rem;
    display: list-item;
}
.productDetail-container .tabs-content {
    background: transparent;
    border: 0;
    padding: 0px 15px;
}
/** productDetail * end */


.empl-img{
    width: 150px;
        margin: 0 auto;
}
.empl-img img{

}
.empl p, .empl h1{
    text-align: center;
}

.video-img {
    background: url('/assets/templates/img/showroom.jpg') no-repeat center fixed;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
}
.large-centered{
    margin: 0 auto;
}
.costumers h1{
    color: #283387;
	font-family: BebasNeueBold;
	font-size: 55px;
	font-weight: 400;
	line-height: 29px;
	padding-top: 80px;
}
#contactForm > h5 {
    text-align: center;
    font-size: 225%;
    color: #de0000;
    padding-bottom: 30px;
}
.error {
    font-size: 130%;
    color: #cb0000;
}
.error-border {
	border: 3px solid #cb0000;
}

.dealerBlock {
    width: 275px;
    height: 375px;
    float: left;
    margin-right: 30px;
}
.cDealerBlock > .dealerData {
    background-color: #FFFFFF;
}
.dealerimg {
    width: 260px;
    height: 150px;
}
.dealerData {
	background-color: #f2f2f2;
	padding-left: 20px;
	padding-bottom: 10px;
}
.dealerData > label {
	color: #000000 !important;
}
#content > label {
	color: #000000 !important;
}
.dealerData > a {
	font-family: Roboto;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}
.dealer {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    width: 100%;
    display: block;
	padding-top: 20px;
}

#map img {
	max-width: none !important;
}

.dealerOverview {
	width: 100%; 
	text-align: center;
}
.dealerOverview > a {
    border: 4px solid #283387;
    color: #de0000;
    font-family: BebasNeueBold;
    font-size: 25px;
    font-weight: 400;
    line-height: 3.5;
    padding: 10px 10px 5px;
    text-align: left;
}

#dealersblock{
    width: 100%;
    float: left;
}
.dBlock{
    width: 300px;
    float: left;
}
.groupText {
    margin: 0 25%;
    color: #505050;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 60px;
}