/****** PLACE YOUR CUSTOM STYLES HERE ******/
body { color: #404042; font-size: 12px; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
h4 { text-transform: none; font-size: 26px; font-weight: 600; line-height: 120%; }
h6 { text-transform: none; font-size: 16px; font-weight: 400; line-height: 120%; }
h6.uppercase { font-weight: 400; }

a.logo { color: #FFF; text-transform: uppercase; font-size: 16px; font-weight: 300; }
a.logo span { font-weight: bold; }
a.logo img {max-width: 100px;margin: 5px 0;}
a.read-more { font-weight: bold; color: #678141 }
a.read-more:hover { text-decoration: underline; }
/*nav.fixed a.logo { color: #404042 }*/

.header-logo { max-width: 60%; }
.logo-text { max-width: 74%; }
h5.lead { font-size: 60px; font-weight: 300; text-transform: uppercase; margin: 0; color: white; }
h5.lead span { font-weight: bold; }
h5.quote { font-size: 32px;
    font-weight: 300;
    margin-top: 15px;
    line-height: 150%; }
.image-bg h1 { font-size: 21px; line-height: 100%; font-weight: normal; }

.bg-green { background: #688241; }
.bg-grey { background: #F9F9F9; }

nav.transparent.fixed { background: #363636; }

section.intro { padding: 30px 0; color: white; }
section.intro h2 { font-size: 18px; font-weight: bold; }
section.intro h2.uppercase { letter-spacing: 1.5px; color: white; display: inline-block; position: relative; }
section.intro h2:after {
    content:'';
    position:absolute;
    left:0; right:0;
    top:100%;
    margin:8px auto;
    width:50%;
    height:1px;
    background:#FFF;
}
section.intro h3 { text-transform:uppercase; letter-spacing: 1.8px; color: white; display: block; font-weight: normal; font-size: 22px; position: relative; }
section.intro p { color: #C3C6AB; }

.button-tabs .tabs { margin-bottom: 18px; }
.button-tabs .tab-title { background: transparent; color: #000 !important; padding: 20px; margin: 0 10px; }
.button-tabs .tab-title span { font-size: 20px; }
.button-tabs .active .tab-title { background: transparent; border-bottom: 1px solid #688241; }
.button-tabs .tab-title:hover { background: transparent; border-bottom: 1px solid #688241; }

.tab-content { color: #000 }

.services-list { margin: 30px 0; } 
.services-list li { position: relative; margin-bottom: 30px; }
.services-list li a { background: #688241; display: block; }
.services-list li h5 { position: absolute; bottom: 0px; left: 15px; right: 15px; padding: 15px 15px; color: white; margin: 0; font-weight: normal; text-align: center; 
* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.4+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
}
.services-list li a:hover h5 { font-weight: bold; }
.services-list li a:hover img { opacity: 0.35; transition: all 0.3s ease;}

.intro-2 { color: white; }
.intro-2 h5.lead { margin-bottom: 20px; }
.intro-2 h4 { color: white; font-weight: 300; font-size: 25px; }

footer { background: url('../img/bg-footer.gif') repeat-y top center transparent; padding: 0; font-size: 13px; }
footer h5.lead { font-size: 30px; margin-top: 20px; margin-bottom: 30px; }
footer h5.logo img { max-width: 145px; }
.footer-1 .logo { max-height: none; }
footer p { line-height: 135%; margin-bottom: 10px; }
footer .footer-left p { color: white }
footer .small-copyright { margin-top: 40px; font-size: 9px; }
footer .footer-left a { color: white; font-weight: normal; }
footer .footer-left a:hover { color: #91a05c }
footer .footer-right { padding: 20px 0 0 30px }
footer .social .social-link { font-size: 40px; }
footer .social .social-link a { color: #688241 }
footer .post-list { margin-top: 26px; }
footer .post-list li.post { margin-bottom: 20px; line-height: 150%; font-size: 11px; padding-right: 25px; }
footer .post-list li.post span { display: block; }
footer .post-list li.post span.title { font-weight: bold; text-transform: uppercase; color: #404042; }
footer .post-list li.post span.excerpt { color: #404042; }
footer .post-list li.post a:hover span.title, footer .post-list li.post a:hover span.excerpt { color: #688241}
.map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}

.author { padding-bottom: 10px; padding-top: 5px; font-size: 10px; text-transform: uppercase; }
.author a { color: #000; font-weight: normal; }
.author a:hover { color: #688241 }

.page-title-1, .page-title-2 { height: 240px; background: #414042; }
nav.bg-dark .nav-utility, nav.bg-dark .nav-bar { border-bottom: 0; }
@media screen and (min-width: 769px) {
    .columns-4 {
        -webkit-column-count: 4; /* Chrome, Safari, Opera */
        -moz-column-count: 4; /* Firefox */
        column-count: 4;
        -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
        -moz-column-gap: 40px; /* Firefox */
        column-gap: 40px;
    }

    .columns-3 {
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
        -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
        -moz-column-gap: 40px; /* Firefox */
        column-gap: 40px;
    }
}
.entry ul { margin: 0 0 0 20px; list-style: disc; }
.entry p+ul { margin-top: -20px; }

.product-link {background: #688241; display: block; padding: 15px; text-align: center; color: white; font-weight: normal; font-size: 120%; }
.product-link:hover { background: #292929; color: white; }
.product-link.other {background: #292929; display: block; padding: 15px; text-align: center; color: white; font-weight: normal; font-size: 120%; }
.product-link.other:hover { background: #688241; color: white; }

.cta { text-align: center; padding: 40px 0 }
.cta h4 {line-height: 150%; }

/* Lightbox */
.lb-data { position: relative; }
.lb-data .lb-number { display: inline-block; margin-left: 12px; }
.lb-data .lb-details { width: 90%; margin-top: 5px; position: relative; }
.lb-data .lb-caption { font-size: 20.5px; font-weight: bold; display: block; color: white; margin-bottom: 7px; }
.lb-data .lb-description { font-size: 17px; font-weight: 300; color: white; display: block; line-height: 1.2em }
.lb-data .lb-number { font-size: 17px; font-weight: 300; color: white; position: absolute; top: 6px; right: -8px; }
.lb-data .lb-offerte {
    display: block;
    font-weight: 300;
    font-size: 17px;
    color: white;
    margin: 20px 0px 0 0px;
}
.lb-data .lb-offerte a { color: white; font-weight: 300 }
.lb-data .lb-caption { max-width: 80%;
    line-height: 1.2em;
    display: block !important;
}
.lb-data .lb-close { float: none; position: absolute; top: 6px; right: 0px; }

/* Forms */
.form-preview-img { margin-bottom: 25px; }
fieldset { font-family: 'Raleway'; font-size: 13px; margin-bottom: 10px; color: black; text-transform: uppercase; font-weight: bold; }
.radio label, .checkbox label {font-family: 'Raleway'; color: black; }
.radio, .checkbox { margin-bottom: 0px; }
input[type="submit"], button[type="submit"] {;
    border: 2px solid #678141;
    background: #678141;
}
textarea { height: 300px; }


.realisations-list { margin: 0 0 30px 0; } 
.realisations-list li { position: relative; margin-bottom: 30px; }
.realisations-list li a { background: #688241; display: block; }
.realisations-list li .image-caption { position: absolute; bottom: 0px; left: 15px; right: 15px; padding: 15px 15px; color: white; margin: 0; font-weight: normal; text-align: left; line-height: 130%; font-size: 14px; display: none; }
.realisations-list li a:hover .image-caption { display: block; }
.realisations-list li a:hover img { opacity: 0.35; transition: all 0.3s ease;}

.contact-intro h3 { font-family: 'Raleway'; font-size: 22px; }

/*.image-bg h1, .image-bg h2, .image-bg h3, .image-bg h4, .image-bg h5, .image-bg h6 { font-family: 'Raleway'; font-size: 34px; }*/

.blog-overview h1 { font-size: 20px; font-weight: 300; font-family: 'Raleway';}
.post-snippet img { max-width: 540px; }
.post-title h4 { font-size: 15px; font-weight: normal; color: #797A7A; top: 3px; }
.post-title a:hover h4 { color: #678141}
.post-title .label { background: transparent; padding: 0px; color: #797A7A; text-transform: uppercase; font-weight: bold; font-size: 15px; }
.post-snippet hr {     border: none;
    border-top: 2px solid #678141;
    margin: 0 0 24px 0;
    width: 100%;
}
.post-snippet p { margin-bottom: 0px; }
.post-snippet p img { margin-bottom: 15px; }

nav.bg-dark li.current-menu-item a, .current-menu-ancestor > a  { opacity: 1 !important; }
.page-title h2 { font-size: 28px; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { border-color: #678141; background-color: #678141; }

.post-snippet .post-title a:hover span.label { color: #678141}
form p { margin-bottom: 0px; }
.checkbox .wpcf7-list-item { margin-left: 0px; display: table-row-group; }
div.wpcf7-validation-errors {
    border: none !important;
    color: red;
}
.form-preview-img { max-width: 200px; }
.inner-title.hover-reveal .title { padding: 0 15px; }
@media screen and (max-width: 1200px) {
    .image-square > .content { padding: 0 5%; }
    .product-link { font-size: 100%; }
}
@media screen and (max-width: 767px) {
	footer { background: #414042; }
    footer .footer-right{ background: white; padding: 20px 15px; margin-bottom: 15px;  }
    .footer-left .col-sm-5 { margin-bottom: 25px; }
    .button-tabs .tab-title span { font-size: 15px; }
    .button-tabs .tabs li { width: auto; }
    .button-tabs .tab-title { min-width: inherit; }
    fieldset { margin-top: 20px; }
    .button-tabs .tab-title { padding: 12px; min-width: auto; margin: 0}
    
    .button-tabs .tab-title span { font-size: 12px; }
}

.services-list img { width: 100%; }

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.checkbox .your-needs {
	padding-left: 20px;
    margin-bottom: 25px;
    display: block;
}