.navbar-fixed-top, .navbar-fixed-bottom { position:static;}

.menu ul { position:relative; text-align:justify; text-align-last:justify; height:2.2em; min-width:800px; }
.menu ul li { display:inline-block; padding:.5em 1em; cursor:pointer; text-align:center;  font-family: 'Raleway', sans-serif;font-weight:normal; font-size:15px;}
.menu ul li.active, .menu ul li:hover { color:#FFF; background-color:#59284b; border-radius:4px;text-decoration:none; font-weight:bold;}
.menu ul li.active a, .menu ul li:hover a { color:#FFF; text-decoration:none }
.menu ul:after { content:""; display:inline-block; width:100%; height:0; overflow:hidden; }

a:hover { text-decoration:none}


/*==================================
  FOOTER TO BOTTOM
==================================*/

html {
  height: 100%;
  box-sizing: border-box;
}

body {
  position: relative;
  min-height: 100%;
}

#footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    
}

/*==================================
  5 COLOMNS BOOTSTRAP
==================================*/

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/*==================================
 	GENERAL
==================================*/
.cms{font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 24px; color: #4b4b4b;}
.cms.center{text-align: center;}
.cms.light{font-weight: 300;}
.cms.small{font-size: 14px;}


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

.readMore {margin-top: 10px;}
.readMore a{ color: #085493; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; font-weight: bold; }
.pageTitle{color: #085493; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; font-weight: 500; font-size: 24px;}

@media(max-width:500px){

  .desktop-full{width: 100%;}

}


/*==================================
 	HEADER
==================================*/

/* hamburger bar*/
.navbar-toggle {  border: none;  background: transparent !important;}
.navbar-toggle:hover {  background: transparent !important;}
.navbar-toggle .icon-bar {  width: 22px;  transition: all 0.2s;}
.navbar-toggle .top-bar {  transform: rotate(45deg);  transform-origin: 10% 10%;}
.navbar-toggle .middle-bar {  opacity: 0;}
.navbar-toggle .bottom-bar {  transform: rotate(-45deg);  transform-origin: 10% 90%;}
.navbar-toggle.collapsed .top-bar {  transform: rotate(0);}
.navbar-toggle.collapsed .middle-bar {  opacity: 1;}
.navbar-toggle.collapsed .bottom-bar {  transform: rotate(0);}
.navbar-default .navbar-toggle .icon-bar {    background-color: #000;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;}

.language-bar ul{ list-style: none; display: inline-block;}
.language-bar ul li{ display:inline-block; margin-top: 15px; margin-left: 10px;}
.language-bar ul li a{ color: #666666;}
.language-bar ul li a i { color: #666666;  font-size: 18px;}

.navbar-default{background-color: white; border: none; margin-top: 25px; margin-bottom: 0px; font-family: 'Ubuntu', sans-serif; font-weight: bold;}
.navbar-brand { float: left; height: auto; padding: 0px;  font-size: 18px;   line-height: 20px;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left: 0px;}
.navbar-brand img{max-width: 250px;}
.navbar-default .navbar-nav>li>a{color: black; text-transform: uppercase; font-size: 18px; padding: 0px; padding-left: 30px; padding-bottom: 20px;}
.navbar-right{margin-top: 68px; }

.navbar-default .navbar-nav li.dropdown:hover ul { max-height: 1000px;  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);}
.navbar-default .navbar-nav li ul {
  position: absolute;
  left: 25px;
  top: 36px;
  z-index: 3;
  max-height: 0;
  overflow: hidden;
  -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 350ms;
  -moz-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
  display: block;
  background-color: #085493; 
  border-radius: 0px; 
  min-width: 250px;
}

.navbar-default .navbar-nav li ul li.actief{background-color: white; }

.navbar-default .navbar-nav li ul a {color: white; text-transform: uppercase; font-weight: lighter;}
.navbar-default .navbar-nav li ul a:hover {color: #085493 ;background-color: white;}

.navbar-default .navbar-nav li .icoon{display: none; font-size: 34px; color: black; text-align: center; padding-left: 30px;}
.navbar-default .navbar-nav li.actief .icoon{display: block; height: 23px;}
.navbar-default .navbar-nav li.actief a{ color: #085493;  }
.navbar-default .navbar-nav li.actief ul li a{ color: white;  }
.navbar-default .navbar-nav li.actief ul li.actief a{ color: #085493;  }

.navbar-default .navbar-nav li ul a:hover {color: #085493 !important; background-color: white;}

@media (max-width: 991px){
  .navbar-default .navbar-nav>li>a{padding-left: 15px; font-size: 16px; text-align: center;}
  .navbar-brand img{max-width: 200px;}
  .navbar-right{margin-top: 15px; }
}

@media (max-width: 767px){
  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left: 15px;}
  .navbar-default{margin-top: 15px; margin-bottom: 15px;}
  .navbar-default .navbar-nav li.actief .icoon{display: none;}
  .navbar-default .navbar-nav li ul{position: relative;  max-height: inherit;  float: none;  padding-left: 15px; -webkit-transform: none;    -webkit-transform-origin: none; top: 0; left:0; min-width: auto; background-color: transparent; border:none; background-clip: none; box-shadow: none; }
  .navbar-default .navbar-nav li ul li a{color: black; text-transform: uppercase; font-size: 16px; font-weight: bold; padding-bottom: 20px;}
  .navbar-default .navbar-nav li.actief ul li a{color: black; text-transform: uppercase; font-size: 16px; font-weight: bold; padding-bottom: 20px;}
}


/*==================================
 	BANNER
==================================*/
#banner {margin-top: 25px; margin-bottom: 75px;}
span.blue{color: #085493;}
#banner .background-banner{ background-image:url(../img/banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top; height: 600px; position: relative;}
#banner .banner-title{text-align: center; font-size: 42px; font-weight: 600; font-family: 'Montserrat', sans-serif; position: absolute; bottom: 15px; left: 0px; right: 0px; color: white; text-shadow: 4px 4px rgba(0,0,0,.4);}

@media (max-width: 2000px){
	
	#banner .background-banner{height: 550px;}

}

@media (max-width: 1700px){
	
	#banner .background-banner{height: 500px;}

}

@media (max-width: 1400px){
	#banner .banner-title{font-size: 36px;}
	#banner .background-banner{height: 450px;}

}

@media (max-width: 1199px){
	
	#banner .background-banner{height: 375px;}
}

@media (max-width: 991px){
	
	#banner .background-banner{height: 300px;}
	#banner .banner-title{font-size: 28px;}
}

@media (max-width: 768px){
	#banner .background-banner{height: 250px;}
	#banner .banner-title{font-size: 22px;}
	

}

@media (max-width: 500px){
	#banner .background-banner{height: 175px;}
	#banner .banner-title{font-size: 17px;}
	

}


/*==================================
 	HOME BLOCKS
==================================*/

/*#home-bloks{margin-top: 75px;}*/
#home-bloks .flex-row{display: flex; }
#home-bloks .item{ border: 1px solid #e7e7e7;  padding: 25px 10px 35px 10px; position: relative; height: 100%;}
.home-blok-title {font-family: 'Ubuntu', sans-serif; font-weight: 500; text-transform: uppercase; text-align: center; margin-bottom: 0px; font-size: 22px; word-spacing: 550px;}

.home-blok-intro{text-align: center; padding-left: 15px; padding-right: 15px;  margin-top: 15px; height: 75px; overflow: hidden;}

.home-block-more {position: absolute; bottom: -10px; left:0; right: 0; text-align: center; justify-content:space-between;}
.home-block-more a{background-color: #085493; text-transform: uppercase; color: white; padding: 10px 15px;}



@media (max-width: 1199px){
  .home-blok-title {font-size: 20px;}
}

@media (max-width: 991px){
  .home-blok-title {font-size: 18px;}
}

@media (max-width: 767px){
  #home-bloks .flex-row{display: block; }
  #home-bloks .item{margin-bottom: 45px;}
}


/*==================================
 	HOME OVER BLOCK
==================================*/

#home-over{margin-top: 75px;}

/*==================================
 	HOME NIEUWS + QUOTES BLOCK
==================================*/

#home-nieuws{margin-top: 75px; margin-bottom: 75px;}
#home-nieuws .nieuws-title{font-size: 18px; font-weight: normal; font-family: 'Raleway', sans-serif;}
#home-nieuws .nieuws-item img{width: 100%; margin-bottom: 30px;}

#home-nieuws .nieuws-item .nieuws-text{height: 145px; overflow: hidden;}

/*#home-nieuws .owl-item{padding: 0 15px 15px 15px;}*/

#home-nieuws .quotes-carousel-wrapper{position: relative;}
#home-nieuws .quotes-carousel-wrapper .chat-img{position: absolute; bottom: -15px; right: -15px; z-index: 2}
#home-nieuws .quotes-carousel-wrapper .chat-img img{max-width: 65px;}

#home-nieuws .quote-item{background-color: #f6f6f6; padding: 25px 15px; position: relative; height: 100%; }
#home-nieuws .quote-item .quote-img {margin-bottom: 25px;}
#home-nieuws .quote-item .quote-img img{max-width: 75px;}
#home-nieuws .quote-item .quote-content{font-family: 'Raleway', sans-serif; font-style: italic; font-size: 16px; color: #4b4b4b;}
#home-nieuws .quote-item .quote-author {margin-top: 25px; }
#home-nieuws .quote-item .quote-author .person{font-family: 'Ubuntu', sans-serif; color: #085493; font-weight:500; text-transform: uppercase; margin-bottom: 0px; }
#home-nieuws .quote-item .quote-author .company{font-family: 'Ubuntu', sans-serif; color: #bebebe; font-weight:500; text-transform: uppercase; margin-bottom: 0px; }

#home-nieuws .moreMessages{margin-top: 35px; }

#home-nieuws .moreMessages a{
  padding: 5px 0;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  color: black;
  text-shadow: none;
   position: relative;
  display: inline-block;
 
  outline: none;
  white-space: nowrap;
  font-size: 14px;
  text-transform: uppercase;
} 

@media(min-width: 992px){
  #home-nieuws .quote-item{ min-height: 450px;}
}

@media (max-width: 991px){
  #home-nieuws .carousel-block{margin-top: 25px;}
}
@media(max-width: 767px){
	#home-nieuws .quotes-carousel-wrapper .chat-img{position: absolute; bottom: -15px; right: -10px;}
}
@media(max-width: 500px){
  #home-nieuws .nieuws-item{margin-bottom: 30px;}
}



/*==================================
 	SUBPAGE TITLE BLOCK
==================================*/
.top-title-wrapper{background-color: transparent; border-top: 2px solid black; border-bottom: 2px solid black; }
.top-title{margin: 0 auto; font-family: 'Ubuntu', sans-serif; font-weight: 400; color: black; text-transform: uppercase; padding-top: 35px; padding-bottom: 35px;  }
.top-title-wrapper.background-wrapper .container {position: relative; overflow: hidden;}
.top-title-wrapper.background-wrapper .container h2{z-index: 2; position: relative;}

/* nieuws custom */
.top-title-nieuws{margin: 0 auto; font-family: 'Ubuntu', sans-serif; font-weight: 400; color: black; text-transform: uppercase; padding-top: 35px; padding-bottom: 35px; float: left; font-size: 30px;}
.nieuws-top-datum{margin-top: 0px; margin-bottom: 25px; font-style: italic; font-family: 'Raleway', sans-serif; font-weight: lighter; font-size: 12px;  position: absolute; bottom: 5px;}

@media(max-width: 768px){
  .top-title-nieuws{float: none; text-align: center;}
  .nieuws-top-datum{position: relative; text-align: center; float: none;}
}


/*==================================
 	OVER PAGE
==================================*/

#over-page{margin-top: 30px;}

#over-page ul {  margin: 0; list-style-type: none; padding-left: 0px;}

#over-page ul > li {  text-indent: -5px;}
#over-page ul > li:before {  content: "-";  text-indent: -5px; padding-left:5px; padding-right: 10px;}

/*==================================
  DIENSTEN PAGE
==================================*/

#diensten-page{margin-top: 25px; margin-bottom: 75px;}
#diensten-page .flex-row{display: flex; }
#diensten-page .item{ border: 1px solid #e7e7e7;  padding: 25px 10px 35px 10px; position: relative; height: 100%;}
.diensten-blok-title {font-family: 'Ubuntu', sans-serif; font-weight: 500; text-transform: uppercase; text-align: center; margin-bottom: 0px; font-size: 22px; word-spacing: 550px;}

.diensten-blok-intro{text-align: center; padding-left: 15px; padding-right: 15px;  margin-top: 15px; height: 75px; overflow: hidden;}

.diensten-block-more {position: absolute; bottom: -10px; left:0; right: 0; text-align: center; justify-content:space-between;}
.diensten-block-more a{background-color: #085493; text-transform: uppercase; color: white; padding: 10px 15px;}
#diensten-page .thumb-row{margin-top: 30px; }
#diensten-page .thumb-row .inner { border-top: 1px solid rgba(0,0,0,.2); padding-top: 15px;}
#diensten-page .thumb-row .inner img{max-width: 100%; margin-bottom: 30px;}

@media (max-width: 1199px){
  .diensten-blok-title {font-size: 20px;}
}

@media (max-width: 991px){
  .diensten-blok-title {font-size: 18px;}
}

@media (max-width: 767px){
  #diensten-page .flex-row{display: block; }
  #diensten-page .item{margin-bottom: 45px;}
}

/*==================================
 	KLANTEN PAGE
==================================*/
#klanten-page{margin-top: 30px;}

#klanten-page{padding-top: 25px;}
#klanten-page .referenties-row{margin-top: 25px; }
#klanten-page .referenties-row .referentie-item, #klanten-page .referenties-row2 .referentie-item{ text-align: center; transition: all .8s ease-out; -moz-transition: all .8s ease-out;  -webkit-transition: all .8s ease-out; -o-transition: all .8s ease-out; }

#klanten-page .referenties-row a:nth-of-type(8n+1) .referentie-item,
#klanten-page .referenties-row a:nth-of-type(8n+3) .referentie-item,
#klanten-page .referenties-row a:nth-of-type(8n+6) .referentie-item,
#klanten-page .referenties-row a:nth-of-type(8n) .referentie-item {
    background-color:#f4f4f4;
   
}

#klanten-page .referenties-row a:nth-of-type(8n+2) .referentie-item,
#klanten-page .referenties-row a:nth-of-type(8n+4) .referentie-item,
#klanten-page .referenties-row a:nth-of-type(8n+5) .referentie-item,
#klanten-page .referenties-row a:nth-of-type(8n+7) .referentie-item {
    background-color:white; 

}



#klanten-page .referenties-row .referentie-item img{ vertical-align: middle; max-width: 90%; opacity: .3; transition: all .5s ease-out; -moz-transition: all .5s ease-out;  -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out;}
#klanten-page .referenties-row .referentie-item .helper { display: inline-block;  height: 100%;  vertical-align: middle;}
#klanten-page .referenties-row .referentie-item:hover .quote{opacity: 1; transform: translate3d(0px, -50px, 0px);}
#klanten-page .referenties-row .referentie-item:hover img{ opacity: 1;    transform: translate3d(0px, -30px, 0px); }

#klanten-page .referenties-row .referentie-item .quote{
  max-width: 125px; font-weight: lighter; left: 0; right: 0; text-align: center; margin: 0 auto; position: absolute; bottom: 0px; font-family: 'Ubuntu', sans-serif; font-size: 16px; line-height: 24px; color: black; opacity: 0; font-weight: bold; text-transform: uppercase;
  transition: all .5s ease-out; -moz-transition: all .5s ease-out;  -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out;}


@media (max-width: 1199px){
  #klanten-page .referenties-row .referentie-item:hover .quote{opacity: 1; transform: translate3d(0px, -35px, 0px);}
  #klanten-page .referenties-row .referentie-item:hover img{ opacity: 1;    transform: translate3d(0px, -30px, 0px); }
}

@media (max-width: 991px){
  #klanten-page .referenties-row a:nth-of-type(odd) .referentie-item{  background-color:#f4f4f4;}
  #klanten-page .referenties-row a:nth-of-type(even) .referentie-item{background-color:white; }

}
@media (max-width: 767px){
  #klanten-page .referenties-row .referentie-item .quote{opacity: 1; transform: translate3d(0px, -25px, 0px);}
  #klanten-page .referenties-row .referentie-item:hover .quote{opacity: 1; transform: translate3d(0px, -25px, 0px);}
  #klanten-page .referenties-row .referentie-item img{ opacity: 1;    transform: translate3d(0px, -35px, 0px); }
  #klanten-page .referenties-row .referentie-item:hover img{ opacity: 1;    transform: translate3d(0px, -35px, 0px); }
}
@media (max-width: 550px){
#klanten-page .referenties-row .referentie-item .quote{opacity: 1; transform: translate3d(0px, -15px, 0px);}
#klanten-page .referenties-row .referentie-item:hover .quote{opacity: 1; transform: translate3d(0px, -15px, 0px);}
#klanten-page .referenties-row .referentie-item img{ opacity: 1;    transform: translate3d(0px, -30px, 0px); }
#klanten-page .referenties-row .referentie-item:hover img{ opacity: 1;    transform: translate3d(0px, -30px, 0px); }

#klanten-page .referenties-row a .referentie-item{width: 50%; background-color: white !important;}
#klanten-page .referenties-row a:nth-of-type(4n+1) .referentie-item, #klanten-page .referenties-row a:nth-of-type(4n) .referentie-item{ background-color:#f4f4f4 !important;}



}


/*===========================================
  NIEUWS PAGE
============================================*/
#nieuws-page .nieuws-item{margin-bottom: 0px; margin-top: 30px;}


#nieuws-page .nieuws-title{ font-family: 'Ubuntu', sans-serif; text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 0px; margin-bottom: 5px; text-decoration: underline;}
#nieuws-page .nieuws-datum{margin-top: 0px; margin-bottom: 15px; font-style: italic; font-family: 'Raleway', sans-serif; font-weight: lighter; font-size: 12px;  }
#nieuws-page .nieuws-image{float: left; margin-right: 15px; margin-bottom: 0px; max-width: 175px;}


/* nieuws detail */
.nieuws-back-link { text-align: center;  float: right; padding-top: 41px; padding-bottom: 41px;}
.nieuws-back-link a{color: black; text-transform: uppercase; text-align: center;}
#nieuws-page .nieuws-content{margin-top: 15px;}
#nieuws-page .nieuws-image-detail{float: left; margin-right: 30px; margin-bottom: 0px; max-width: 250px;}
#nieuws-page .thumb-row{margin-top: 15px; }
#nieuws-page .thumb-row .inner { border-top: 1px solid rgba(0,0,0,.2); padding-top: 15px;}
#nieuws-page .thumb-row .inner img{max-width: 100%; margin-bottom: 30px;}

@media(max-width: 768px){
  .nieuws-back-link{float: none; padding-bottom: 15px; padding-top: 15px;}
}

@media (max-width: 500px){
 #nieuws-page .nieuws-image{float: none; display: block;  max-width: 100%; }
}


/*===========================================
  CONTACT PAGE
============================================*/

.contact-title{font-family: 'Ubuntu', sans-serif; text-transform: uppercase; margin-top: 0px; }
.contact-info p{font-family: 'Raleway', sans-serif; font-weight: lighter; font-size: 16px; margin-bottom: 25px;}
.contact-info p.addres{margin-bottom: 0px;}
.contact-info p.addres2{margin-left: 30px;}
.contact-info p i{width: 25px;}

.contact-form{margin-bottom: 50px;}
.form-row{margin-top: 30px;}
.contact-form input, .contact-form textarea{border-radius: 0px; border-color: black; outline: none; box-shadow: none; -webkit-appearance: none;   -moz-appearance: none;    appearance: none; border-left: 0; border-right: 0; border-top: 0; padding-left: 0px; }
.contact-form input:focus, .contact-form textarea:focus{ outline: none; box-shadow: none; border-bottom: 1px solid #085493; }
.contact-form input{margin-bottom: 15px;}
.contact-form textarea {resize:none;}

.contact-form .btn-contact{background-color: transparent; color: black; text-transform: uppercase; border:2px solid black; transition: all .8s ease-out; -moz-transition: all .8s ease-out;  -webkit-transition: all .8s ease-out; -o-transition: all .8s ease-out; padding-left: 15px;}
.contact-form .btn-contact:hover{background-color: #085493; color: white; text-transform: uppercase; border-color: #085493;}






/*==================================
 	FOOTER
==================================*/

footer { clear:both;  background-color: #323232;font-family: 'Raleway', sans-serif; font-weight: lighter; letter-spacing: 0.5px; margin-top: 35px; }
footer .top-line{border-bottom: 2px solid rgba(256, 256, 256, .2); color: white; padding-top: 25px; padding-bottom: 15px; display: flex; justify-content: space-between;}
footer .bottom-line{ color: rgba(256, 256, 256, .35); padding-top: 15px; padding-bottom: 50px; display: flex; justify-content: space-between;}
footer .bottom-line a{ color: rgba(256, 256, 256, .35);}

footer .top-line p, footer .bottom-line p{margin: 0;}
footer .top-line p.left, footer .bottom-line p.left{margin-right: 15px;}
footer p a, footer p a:hover, footer p a:focus{color: white;}

footer .facebook-bottom i{border: 1px solid rgba(256,256,256,.4); padding: 3px 5px; margin-right: 5px; font-size: 12px; te}

@media(max-width: 991px){
	footer .top-line{display: block; text-align: center;}
	footer .bottom-line { display: block; text-align: center;}
	footer .bottom-line{ display: block; text-align: center;}
	footer .top-line p.left, footer .bottom-line p.left{margin-right: 0px; margin-bottom: 15px;}
}