/* cmsms stylesheet: responive-Fix modified: 29-03-17 10:47:58 */
/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
    .topSectionBar h1{
     font-size:3em !important;
    }
    .subContent h2{
      font-size: 2em !important;;
     }
    .subContent h2.mainTitle{
      font-size: 3em;
     }

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }
/* cmsms stylesheet: Design modified: 20-10-17 14:21:07 */
/*475808*/
/*
#51642B; oude site donker
#5A7027;  oude site licht
<Color COLOR="#5C6F2B"></Color>
<Color COLOR="#51642B"></Color>
*/





 

 
 
 
 
 

body {
  overflow-x: hidden;
  font-family: 'Hind',sans-serif;
  font-size:18px;
  font-weight:300;
}
div.likeUsOnFaceBook{
width:50px;
height:50px;
position:absolute;
z-index:50;
top:50%;
left:0;
background:#3b5998;
text-align:center;
padding-top:10px;
}
div.likeUsOnFaceBook a{
color: #FFF;
}
a {
color:#9AB031;
text-decoration:none;
}
a:HOVER,
a:ACTIVE {
color:#92B8CB;
text-decoration:none;
}

ol, ul {list-style:none;}



section.odd,
.contentPage section.even{ 
  background-color: #FFF;
  color:#333;
}
section.even,
.contentPage section.odd{ 
  background-color: #CCC;
  color:#FFF;
}

.contentPage a.navbar-brand.page-scroll.shrinkLogo2 {
    padding-left: 10px;
    padding-top: 7px;
} 






.navigatieTop {
background-color:#CCC;
}

.navigatieHoofd{
background-color:#9AB031;
}

.navigatieLogo,
.logoText,
.navbar-brand.shrinkLogo2 {
font-family: 'Hind',sans-serif;
font-weight: 700;
text-transform:uppercase;
font-size:32px;
color:#FFF;/*#9AB031;*/
margin:10px;
}
.navigatieLogo span,
.logoText span,
.navbar-brand.shrinkLogo2>span{
font-family: 'Grand Hotel', cursive;
font-weight: 400;
text-transform:none;
font-size:1.6em;
color:#CCC;
margin-right:.075em;
}

.navbar-brand.shrinkLogo2{
line-height:40px;
font-size:18px;
margin:0;
}


.logoText{
    color: #FFFFFF;
    font-size: 60px;
}

/** MAIN FORMATTING ****/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Grand Hotel', cursive;
    font-weight: 400;
}

h1 {  }

.subContent h2{
font-size:4em;
}
.subContent h2 span{
font-family: 'Hind',sans-serif;
font-weight: 700;
}


li.currentpage,
ul.nav.navbar-nav.navbar-right li:HOVER {
background:#5C8D23;
-webkit-transform: skew(-19deg);
-ms-transform: skew(-19deg);
transform: skew(-19deg);
}

li.currentpage>a,
ul.nav.navbar-nav.navbar-right li:HOVER>a {
-webkit-transform: skew(19deg);
-ms-transform: skew(19deg);
transform: skew(19deg);
}

section h2.section-heading {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 40px;
}

.odd h2.mainTitle {
  color:#5C8D23 ;
}

.subIcons .text-primary {
   color : #9AB031;;
}
.text-primary {
   color : #9AB031;
}
.btn-xl {
    padding: 20px 40px;
    border-color: #9AB031;
    border-radius: 3px;
    text-transform: uppercase;
    font-family:  'Hind',sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #9AB031;
}



















/*========== Shrink ============*/

nav.navbar-default.shrink {
    background-color: #9AB031 !important;
}



/*============= Main content============*/

.mainContent{
  padding-top: 3em;
  padding-bottom: 3em;
  /*background-color:#333;
color:#FFF;*/
}





header {
    text-align: center;
    color: #fff;
    background-attachment: scroll;
    background-position: center bottom;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}






a.shrinkLogo,
a.shrinkLogo2{margin-top:0;}







.offerte-wrap{
 padding: 10px 20px;
 text-align:right;
}

.offerte-wrap .btn-xl {
  padding:10px 15px;
  font-size: 15px;
  background-color:#5C8D23;
}

.shrink .offerte-wrap {
  padding:0;
}


.navbar-default.navbar-shrink {
   background-color:#9AB031;
}
.navbar-default .normalLogo{
display:block;
}/*
.navbar-default .shrinkLogo{
display:none;
}*/
.navbar-default.navbar-shrink .normalLogo{
display:none;
}
.navbar-default.navbar-shrink .shrinkLogo{
display:block;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family:  'Hind',sans-serif;
    font-weight: 700;
    color: #fff;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:HOVER {
  color:#fff;
}

.navbar-brand {
  height:50px;
  padding: 5px 15px;
  color:#fff;
}

.navbar-brand>img {
   max-width:220px;

}

.navbar-default.navbar-shrink .navbar-brand>img {
max-height:40px;
}

:not(.navbar-shrink) li a.page-scroll:hover,
:not(.navbar-shrink).navbar-default .nav li a:hover {
  color:#fff;
}

.navbar-fixed-top.navbar-shrink a.page-scroll {
  text-shadow:none;
}


.navbar-default {
  margin-bottom:0;
}

.navbar-default .navbar-brand {
    background-color:#5C8D23;
    border: 2px solid white;
    z-index: 10;
    height: 70px;
    position: absolute;
    left: 7px;
    top: 7px;
    padding: 39px 50px 65px 41px;
    margin: 30px 0px 0px 30px;
    
}
.navbar-default .navbar-brand:HOVER{
   background-color:#5C8D23;
   color:#CCC;
}


.navbar-default .navbar-brand,
.navbar .btn-xl
 {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.shrink  a.page-scroll{
  background-color:#9AB031;
}




.shrink .navbar-brand,
.shrink .navigatieLogo {
  border:none;
  font-size: 18px;
  margin-top: 0px;
  padding: 15px 0 0 0;
  margin: 0;
  height: auto;
  position:absolute; 
  left: 15px;
  top:0;
}

.shrink.navbar-default .navbar-brand:HOVER  {
  background-color:#9AB031;
}

.shrink.navbar-fixed-top .navigatieTop{
  height:0;
  width:0;
  margin-top:-2px;
}

nav .navigatieTop {
  height:67px;
}


nav.shrink .btn-xl{
    position: fixed;
    z-index: 10;
    top: 55px;
    width: 280px;
    right: 15px;
    font-size: 15px;
    padding: 10px 16px;
}


.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover{
  background-color:transparent;
  color:#fff;
}

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














/*======= GRID =======*/
.btn-default.btn-grid {
  color:#fff;
  background-color:#9AB031;
}


/*//// XS SCREENS ////*/

.navbar-default{
padding:0;
}
.normalLogo{
margin-top:-8px;
margin-left:-18px
}
section {
    padding: 40px 0;
}

.navbar-default.navbar-shrink {
    padding: 0;
}

header .intro-text {
    padding-top: 70px;
    padding-bottom: 30px;
}
header .intro-text{
 text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000;
}
header .intro-text .intro-heading {
    margin-bottom: 50px;
    /*text-transform: uppercase;*/
    font-family:  'Hind',sans-serif;
    font-size: 40px;
    font-weight: 100;
    line-height: 75px;
}

header .intro-text .intro-lead-in {
    margin-bottom: 25px;
    font-family:   'Hind',sans-serif;
    /*text-transform: uppercase;*/
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
}
header .intro-text .intro-heading img{
margin:0 auto;
}
















@media (min-width: 768px) {

section {
    padding: 80px 0;
}

.navbar-default.navbar-shrink {
    padding:  0;
}

header .intro-text {
    padding-top: 70px;
    padding-bottom: 40px;
}
header .intro-text{
 text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000;
}
header .intro-text .intro-heading {
    margin:0 auto;
margin-bottom:40px;
    /*text-transform: uppercase;*/
    font-family:  'Hind',sans-serif;
    font-size: 75px;
    font-weight: 600;
    line-height: 75px;
}

header .intro-text .intro-lead-in {
    margin-bottom: 25px;
    font-family:    'Hind',sans-serif;
    /*text-transform: uppercase;*/
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
}



}

@media (min-width: 768px) {
.navbar-default {
    padding:  0;
    border: 0;
    background-color: transparent;
    -webkit-transition: padding .3s;
    -moz-transition: padding .3s;
    transition: padding .3s;
}

}
















section#contact {
    background-color: #ccc;
    background-image: url(__URL,,0220e3fe1d2ccaea8c992357fe51cdd1__);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

footer {
    padding: 25px 0;
    text-align: center;
}

.contactSection .intro h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 40px;
    color: #FFF;
}

.contactSection .intro h3 {
    margin-bottom: 75px;
    text-transform: none;
    font-family:   'Grand Hotel', cursive;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

footer span.copyright {
    text-transform: uppercase;
    text-transform: none;
    font-family: 'Hind',sans-serif;
    line-height: 40px;
}


ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #9AB031;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

#contact .bgWrapper{
    background: rgba(0, 0, 0, 0.7);
    border-radius: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #fff;
}





















/*===============  OFFERTE AANVRAAG  ==================*/
.radio-how input ,
.radio-how label{
    float: left;
    display: inline-block;
    max-width: 12px;
    max-height: 12px;
    margin-right: 5px;
}












/*=============== SECTION FIX =============*/
#sec-fluid-bg {
  padding:0;
}



/*****============== RESPONSIVE FIXES ===========*/
    
@media only screen and (min-width: 768px){
  header .intro-text .intro-heading { font-size: 55px;}
}

@media only screen and (min-width: 992px){
  header .intro-text .intro-heading { font-size: 75px;}
}




@media only screen and (max-width: 768px){

  li.currentpage, 
  ul.nav.navbar-nav.navbar-right li:HOVER{
    -webkit-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(0deg);
  }

  li.currentpage>a, 
  ul.nav.navbar-nav.navbar-right li:HOVER>a {
    -webkit-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(0deg);
  }


   header .intro-text .intro-heading{word-wrap: break-word;}

  #page-top .top-section{
        margin-top: 109px;
  }
  .shrink.navbar-fixed-top .navigatieTop {
    height:60px;
    display:block; 
    width:100%;   
  }

  nav.shrink .btn-xl {
    top:10px;
  }

  .shrink .navbar-brand, .shrink .navigatieLogo {
     top:58px;
  }
}

.navbar-default .navbar-toggle .icon-bar{
      border-color:#CCC;
      background-color:#CCC;
 }

 .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color:transparent;
 }
/* cmsms stylesheet: main-content modified: 20-10-17 14:18:10 */
.topSectionBar h1{
font-size:5em;
}

.topSectionBar h2 {
  font-family: 'Hind',sans-serif;
    font-weight: 300;
font-size:1.25em;
text-transform:uppercase;
}
.top-section {
    margin-top: 50px;
    position: relative;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.topSectionBar {
    position: absolute;
    bottom: 1em;
    height: auto;
    text-align: center;
    width: 100%;
    color: #FFF;
    text-shadow: 0px 0px 8px #000, 0px 0px 8px #000, 0px 0px 8px #000, 0px 0px 8px #000;
}

section#readmore{
  background-color: #475808;
  padding-top: 30px;
  padding-bottom: 30px;
  color:#FFF;
}


@media only screen and (max-width: 768px) {
  .page-scroll img.img-responsive {
    float: left;
    padding: 3px 5px 0 0;
  }
}

@media only screen and (min-width: 768px) {
  .page-scroll img.img-responsive {
    max-width: 250px;
    float: left;
    padding: 3px 5px 0 0;
    display:inline-block;
  }
}

@media only screen and (min-width: 992px) {
.top-section {
    height: 180px;
  }
}
/* cmsms stylesheet: gastenboek modified: 14-12-18 14:19:32 */
.gastenboek header {
  background-color:#5A7027;
  background-color:rgba(90, 112, 39, 0.85);

}
.gbook_field_error label{
color:#C00;
}
.gbook_field {
  margin-bottom:15px;
}

.gbook_pagelinks {
  padding-top:15px;
}


.gastenboek .panel-heading{
  background-color:#5A7027;
} 

.gastenboek .panel.panel-default {
  margin-bottom:30px;
}

.panel-heading{
  font-weight: bold;
  color:#fff;
}

.panel-default>.panel-heading {
  color:#fff;
}

.gastenboek .gbook_field.gbook_starrating  { padding:15px 0;}
/* cmsms stylesheet: sectionContent-4-4-4 modified: 22-03-17 14:22:08 */
.col-md-4.subIcons .fa-stack{
  width:3em;
  height:3em;
}


i.fa.fa-circle.fa-stack-2x.text-primary {
    font-size: 3em;
}
i.fa.fa-stack-1x {
    font-size: 1.4em;
    top: 0.35em;
}
/* cmsms stylesheet: sectionQuoteFixedBg modified: 10-03-17 14:52:32 */
/*..... QuoteFixedBg  ......*/
.QuoteFixedBg { 
padding-top:110px;
padding-bottom:80px;
background-color: #CCC;
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
width:100%;  
text-align: center; 
background-size: cover;
    margin: -100px 0;
}
.QuoteFixedBg span.quote{ font-size:48px; font-family: 'Oranienbaum', serif; font-weight:400; color:#fff;   display: inline-block; 
text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000;}
.QuoteFixedBg span.name{  color: #fff;  font-size: 18px;  font-style: italic;  margin: 13px 0 0 0;  display: inline-block; text-shadow: 0 0 5px #000000;}
/* cmsms stylesheet: sectionContent modified: 22-03-17 14:31:37 */
div.subContent {
text-align:left;

}

section#sec-kwaliteit {
background-color:#5C8D23;
}

.subIcons h2.section-heading{
font-size:4em;
}

.subIcons h3.section-subheading.text-muted{
color:#FFF;
font-family: 'Hind',sans-serif;
text-transform:uppercase;
font-weight:300;
margin-bottom:30px;}
/* cmsms stylesheet: sectionFluidBackground4-4-4 modified: 20-10-17 14:21:21 */
/*..... fluidColors3Col ......*/


.fluidBackground3Col .fluidBackground3Col-sec {padding: 45px;}
.fluidBackground3Col .fluidBackground3Col-sec.col1,
.fluidBackground3Col .fluidBackground3Col-sec.col2,
.fluidBackground3Col .fluidBackground3Col-sec.col3{
background-size:cover;
background-position: center center;

}
.fluidBackground3Col .contentHolder{
background: rgba(0,0,0,.85);
padding:30px;
}




.fluidBackground3Col .fluidBackground3Col-sec.col1{background-color: }
.fluidBackground3Col .fluidBackground3Col-sec.col2{background-color: }
.fluidBackground3Col .fluidBackground3Col-sec.col3{background-color: }
.fluidBackground3Col .fluidBackground3Col-sec h3{   text-transform: capitalize;  font-weight: 600;  color: #fff; text-shadow: 0 0 10px #000000; }
.fluidBackground3Col .fluidBackground3Col-sec p{ color:#fff; margin:5px 0 0 0; text-shadow: 0 0 10px #000000;}
.fluidBackground3Col .fluidBackground3Col-sec a{   color: #fff;  text-transform: uppercase;  border: solid 1px #fff;  padding: 14px 40px;  border-radius: 5px;  display: inline-block;
  margin: 28px 0 0 0;  font-weight: 600;}
.fluidBackground3Col .fluidBackground3Col-sec.col1 a:hover{ background:#fff; color:#333;text-shadow:none}
.fluidBackground3Col .fluidBackground3Col-sec.col2 a:hover{ background:#fff; color:#333;text-shadow:none}
.fluidBackground3Col .fluidBackground3Col-sec.col3 a:hover{ background:#fff; color:#333;text-shadow:none}
/* cmsms stylesheet: sectionGallery modified: 17-04-17 20:51:12 */
.ubGallery {
margin-top:-70px;
margin-bottom:-70px;
}

.ubGallery .item {
height:450px;
width:auto;
}

.ubGallery .item img{
width: 100%;
height: 450px;
max-height: 450px !important;
cursor: grab;
}
.ubGallery .item img:active 
{
cursor: grabbing;
}
.swipeNotification{
position: absolute;
margin-top: 10px;
z-index: 500;
background: rgba(255,255,255,.8);
color:#000;
padding:3px;
font-weight:700;
text-align:center;
border-radius:5px;
width: 40vw;
margin-left: 30vw;
}