/* 
    Theme Name: Safaricamper
    Description: by Webbro
    Version: 1
    Author: Webbro
    Author URI: http://www.webbro.nl/ 
*/ 

/* WD */
.textarea.large {
    border-color: lightgrey;
}

@font-face {
    font-family: 'averta';
    src: url('fonts/averta-extrathin-webfont.eot');
    src: url('fonts/averta-extrathin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/averta-extrathin-webfont.woff2') format('woff2'),
         url('fonts/averta-extrathin-webfont.woff') format('woff'),
         url('fonts/averta-extrathin-webfont.ttf') format('truetype'),
         url('fonts/averta-extrathin-webfont.svg#avertaextrathin') format('svg');
    font-weight: 100;
    font-style: normal; 
}
@font-face {
    font-family: 'averta';
    src: url('fonts/averta-light-webfont.eot');
    src: url('fonts/averta-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/averta-light-webfont.woff2') format('woff2'),
         url('fonts/averta-light-webfont.woff') format('woff'),
         url('fonts/averta-light-webfont.ttf') format('truetype'),
         url('fonts/averta-light-webfont.svg#avertalight') format('svg');
    font-weight: 200;
    font-style: normal; 
}
@font-face {
    font-family: 'averta';
    src: url('fonts/averta-regular-webfont.eot');
    src: url('fonts/averta-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/averta-regular-webfont.woff2') format('woff2'),
         url('fonts/averta-regular-webfont.woff') format('woff'),
         url('fonts/averta-regular-webfont.ttf') format('truetype'),
         url('fonts/averta-regular-webfont.svg#avertaregular') format('svg');
    font-weight: 400;
    font-style: normal; 
}
@font-face {
    font-family: 'averta';
    src: url('fonts/averta-semibold-webfont.eot');
    src: url('fonts/averta-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/averta-semibold-webfont.woff2') format('woff2'),
         url('fonts/averta-semibold-webfont.woff') format('woff'),
         url('fonts/averta-semibold-webfont.ttf') format('truetype'),
         url('fonts/averta-semibold-webfont.svg#avertasemibold') format('svg');
    font-weight: 600;
    font-style: normal; 
}    
@font-face {
    font-family: 'averta';
    src: url('fonts/averta-bold-webfont.eot');
    src: url('fonts/averta-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/averta-bold-webfont.woff2') format('woff2'),
         url('fonts/averta-bold-webfont.woff') format('woff'),
         url('fonts/averta-bold-webfont.ttf') format('truetype'),
         url('fonts/averta-bold-webfont.svg#avertabold') format('svg');
    font-weight: 700;
    font-style: normal; 
}



/* ================= STANDAARD ================= */
body{
	font-family: 'Averta';
	font-weight: 600;
  font-size: 14px;
  background: url("img/background.jpg") no-repeat;
}
body.single{background: none;}

h1 {
  font-size: 20px;
  color: #4471a8;
  font-weight: 600;
}

h1.grijs {
  font-size: 22px;
  color: #6e6e6e;
  letter-spacing: 1px;
}

h2 {
	font-family: 'Averta';
	font-weight: 300;
	letter-spacing: 2px;
  color: #FFF;
}

h3 {
  font-size: 20px;
  color: #6e6e6e;
  letter-spacing: 1px;
  margin-top: 50px;
}

p {
  margin: 0 0 6px;
  letter-spacing: 1px;
  color: #6e6e6e;
}

a {
  font-size: 14px;
  letter-spacing: 1px;
  -webkit-transition: color 225ms ease-in-out;
  -moz-transition: color 225ms ease-in-out;
  -ms-transition: color 225ms ease-in-out;
  -o-transition: color 225ms ease-in-out;
  transition: color 225ms ease-in-out;
  font-weight: 700;
}

a:focus, a:hover {
    text-decoration: none;
}

li {
    letter-spacing: 1px;    
    color: #6e6e6e;
}

/* ================= NAVBAR ================= */
.navbar {
	margin-bottom: 0px;
}
.navbar-default {
    background-image: url("img/logo_bg.png");
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.navbar-brand {
	text-transform: uppercase;
	font-weight: 700;
}

.navbar-default .navbar-brand {
	color: #4471a8;
	letter-spacing: 3px;
}

.navbar-default .navbar-brand span {
	color: #a7a7a7;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  color: #555;
  background-color: #FFFFFF;
}

.nav li a {
    color: #777;
    font-size: 16px;
}

.sub-menu-menu {
    background-color: #e7e7e7;
}

.sub-menu>li>a {
  display: block;
  padding: 5px 20px;
  clear: both;
  font-weight: 300;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}

.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
    ul.sub-menu {
        border-top: solid 3px #013673;
        border-radius: 0;
    }

li.menu-item-has-children:hover>.sub-menu, .sub-menu:hover {
    display: block;
}

.navbar a span {
    overflow: hidden;
    text-align: center;
	font-size: 12px;
}
    .navbar a span:before {
        right: 0.5em;
        margin-left: 2%;
    }
    .navbar a span:after {
        left: 0.5em;
        margin-right: -50%;
    }
        .navbar a span:before,.navbar a span:after {
            background-color: #4471a8;
            content: "";
            display: inline-block;
            height: 2px;
            position: relative;
            vertical-align: middle;
            width: 20%;
        }


.navbar-collapse {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0);
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: rgba(255, 255, 255, 0);
}

.navbar-default .navbar-toggle:hover {
    background-color: #FFF;
}

.navbar-default .navbar-toggle {
    border-color: rgba(255, 255, 255, 0);
    margin-top: 15px;
}

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

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: rgba(255, 255, 255, 0);
}

.dropdown-menu {
    border-top: solid 3px #013673;
}

/* ================= HEADER ================= */
.row.bg-img {
    border-bottom: 8px #013673 solid;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.headertitel {
	text-align: center;
	margin: 180px 0;
}
    .headertitel h2 {
        max-width: 1170px;
        text-align: center;
        margin: auto;
    }

/* ================= CHECKBOX ================= */
.checkstuk ul li {
	float: left;
}

.checkstuk ul {
    list-style-image: url('img/check.png');
}

.checkstuk {
    background: #FFF;
    padding: 10px;
    border: 1px solid #dadada;
    position: relative;
    top: -27px;
    padding-bottom: 21px;
}

/* ================= CONTENT ================= */
.logo-adria {
    margin-bottom: 27px;
    margin-top: 30px;
}

.camperlos {
	border: 1px solid #dadada;
    padding: 15px;
    padding-bottom: 35px;
    margin-bottom: 20px;
    background: #FFF;
}

.camperlos p {
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
  margin-bottom: 10px;
  min-height: 40px;
  font-weight: 700;
}

.camperlos .bekijkrechts {
    margin-top: 10px
}

.prijslinks {
    float: left;
    color: #abc595;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 700;
}

.bekijkrechts {
    float: right;
}

.heleassortiment {
    float: right;
}

/* tijdelijk */
.myIframe {
    position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 0;
    overflow: auto; 
    -webkit-overflow-scrolling:touch;
    border: 0;
    margin-bottom: 30px;
} 
.myIframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ================= SIDEBAR ================= */
.sidebar-naast {
    text-align: center;
    background: #f6f6f6;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 10px;
}

.sidebar-naast p {
  display: inline-block;
  width: 195px;
  vertical-align: middle;
  font-size: 13px;
}

.sidebar-naast span {
    display: inline-block;
    background: #abc595;
    line-height: 11px;
    font-size: 12px;
    padding: 6px 8px;
    margin-right: 10px;
    color: #FFF;
    text-align: center;
    width: 37px;
    margin-bottom: 6px;
}

.nieuwsmidden {
    text-align: left;
}

/* ================= QUOTE ================= */
.quote-deel {
    background-color: #4471a8;
    text-align: center;
    padding: 50px 0;
}

.quote-deel h2 {
    padding: 0 20px;
}

.quote-tekst {
    color: #FFF;
    font-style: italic;
    padding: 0 20px;    
}

.quote-tekst:before {
    content: url(img/quote.png);
    padding-right: 5px;
}

/* ================= INFORMATIEF ================= */
.informatief h1 {
  text-align: center;
  font-weight: 400;
  font-size: 22px;
}

.informatief img {
    width: 100%;
}

.informatief {
  background: #FFF;
  border: solid 1px #dadada;
  padding: 15px;
  margin-top: 30px;
  padding-bottom: 30px;
}

/* =================================================== APARTE CAMPER ================= */
/* ================= INFO CAMPER ================= */
.info-camper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.info-camper li {
  line-height: 44px;
  font-size: 22px;
  color: #6e6e6e;
  border-bottom: 1px solid gainsboro;
  font-weight: 100;
}

.info-camper span {
    float: right;
}

.info-camper button {
    background: #4471a8;
    -webkit-transition: background 225ms ease-in-out;
    -moz-transition: background 225ms ease-in-out;
    -ms-transition: background 225ms ease-in-out;
    -o-transition: background 225ms ease-in-out;
    transition: background 225ms ease-in-out;
    color: white;
    padding: 8px 18px;
    border: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    font-size: 16px;
}

.info-camper button:hover {
    background: #8ca4c0;
}
.lb-data .lb-number {
    display: none !important;
}

/* ================= BINNENIN ================= */
.achtergrond {
    background-color: #f6f6f6;
    margin: 30px 0;
    padding: 50px 0;
}

/* ================= OVER CAMPER ================= */
.overcamper {
    margin-top: 50px;

}

/* ================= TECHNISCHE GEGEVENS ================= */
.technische-gegevens {
    margin: 30px 0;
    padding: 20px 0;
}

.technische-gegevens ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.technische-gegevens span {
    float: right;
}

.technische-gegevens li {
    background: #4471a8;
    color: #FFF;
    padding: 4px 8px;
}

.technische-gegevens li:nth-child(even) {
    background-color: #f6f6f6;
    color: #6e6e6e;
}

.technische-gegevens h3 {
    font-size: 12px;
    color: #FFF;
    margin-top: 50px;
    padding: 5px;
    background: #b0b0b0;
}
.technische-gegevens small{
    font-size: 14px;
    line-height: 20px;
}
.technische-gegevens small:after{
    content: ', ';
}
.technische-gegevens small:last-child:after{
    content: '';
}

/* ================= BUSCAMPERS ================= */
.grid {
    background: #FFF;
    border: 1px solid #f6f6f6;
    margin: 20px 0;    
}

.grid img {
    padding-top: 30px;
}
.grid-item { 
    display: block; 
}

.grid-item ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.grid-item li {
    display: inline-block;
    padding-right: 10px;
}

.groen {
    color: #abc595;
}

/* ================= NIEUWSPAGINA ================= */
.news-items {
    background: #F6F6F6;
    padding: 1px 20px;
    margin-bottom: 17px;
}

.news-items span {
    display: inline-block;
    background: #abc595;
    line-height: 11px;
    font-size: 12px;
    padding: 6px 8px;
    margin-right: 10px;
    color: #FFF;
    text-align: center;
    width: 46px;
    margin-bottom: 6px;
    float: right;
    height: 38px;
}

.news-items .rechtnieuws {
    color: #BFBFC1;
    font-size: 12px;
}

/* ================= FOOTER ================= */
footer {
    background-color: #4471a8;
    padding: 35px 0;
    border-top: 8px #013673 solid;
    margin-top: 30px;
}

footer h1 {
    color: #FFF;
    border-bottom: solid 1px #FFF;
    padding-bottom: 5px;
    font-size: 22px;
    font-weight: 300;
}

footer a {
    color: #FFF;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 300;    
}

footer a:hover {
    color: #abc595;
}

footer p {
    color: #FFF;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 300;
}

footer img {
    margin: 0 10px 10px 0;
}

footer span {
    display: inline-block;
    background: #abc595;
    line-height: 11px;
    font-size: 12px;
    padding: 6px 8px;
    margin-right: 10px;
    color: #FFF;
    text-align: center;
    width: 35px;
    margin-bottom: 6px;
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .nieuws p {
    display: inline-block;
    width: 200px;
    vertical-align: middle;
    text-align: left;
}

footer .foottekst {
    margin-top: 30px;
}

footer .row .col-sm-6 {
    margin-bottom: 30px;
}

.footer2 {
    background-color: #7d7d7d;
    padding-top: 10px;
}

.footer2 p {
    color: #FFF;
    font-weight: 300;
}

.footer2 a {
    color: #FFF;
}

.footer2 a:hover {
    color: #50E89C;
}

/* ================= CONTACT FORM ================= */
div.wpcf7 {
    width: 49%;
    float: left;
}
input.wpcf7-form-control.wpcf7-text {
    padding: 7px;
    width: 100%;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    padding: 7px;
    width: 100%;
    border: 1px solid #CCCCCC;
}
input.wpcf7-form-control.wpcf7-submit {
    background: #4471A8;
    -webkit-transition: background 300ms ease-in-out;
    -moz-transition: background 300ms ease-in-out;
    -ms-transition: background 300ms ease-in-out;
    -o-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
    color: #FFF;
    font-size: 14px;
    border: 0;
    padding: 8px 22px;
    float: right;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    background: #013673;
}

div#wpgmza_map {
    margin-top: -15px;
}
span.sub-toggle{
    display: none;
}



.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(img/close.png) url(img/loading.gif) url(img/prev.png) url(img/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(img/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(img/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(img/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:none;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(img/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border:  5px solid #fff;
    left: -5px;
    background: #fff;
    
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../img/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(../img/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(../img/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 55%;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../img/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../img/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}







/* ================= MEDIA ================= */
@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 23px;
        padding-bottom: 23px;
    }
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    footer .nieuws p {
        width: 167px;
    }

    .nieuwsmidden p {
        width: 145px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .checkstuk {
        height: 65px;
    }
    .camper-clear .col-xs-6:nth-child(odd) {
		  clear: both;
		}
    .nieuwsmidden {
        margin-left: auto;
        margin-right: auto;
        -webkit-column-count: 4;
    }
    div#bs-example-navbar-collapse-1 {
        background: white;
    }
    footer .nieuws p {
        width: 111px;
    }
    a.navbar-brand {
        margin-bottom: 15px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar-nav .open .dropdown-menu {
	    position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
		}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
        border-bottom: solid #013673 1px;
    }
    .nav>li {
        border-bottom: solid 1px #f9f9f9;
    }
		.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		    color: #777;
		}
    .navbar-nav{
        margin: 0;
    }
    span.sub-toggle{
        position: absolute;
        top: 0;
        right: 15px;
        display: block;
        padding: 10px;
    }
    .sub-menu{
        display: none;
    }
    .sub-menu.open{
        display: block;
        position: relative;
        width: 100%;
        border: 0;
        box-shadow: none;
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }
    li.menu-item-has-children:hover>.sub-menu, .sub-menu:hover {
        display: none;
    }
    li.menu-item-has-children:hover>.sub-menu.open, .sub-menu.open:hover {
        display: block;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .informatief {
        padding: 0;
    }
    .informatief p {
        display: none;
    }
    .informatief h1 {
        font-size: 14px;
    }
    .informatief a {
        font-size: 12px;
        float: none;
        margin-left: 10px;
    }
}

@media only screen and (max-width : 680px) {
    footer .nieuws p {
        width: 150px;
    }
    div.wpcf7 {
        width: 100%;
    }
    .camperlos .bekijkrechts {
    	display: inline-block;
    }
    .bekijkrechts {
    	float: none;
    }
    .prijslinks {
    	margin-right: 20px;
    }
}

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

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .checkstuk {
        height: 115px;
        padding: 10px 0;
    }
    .prijslinks {
    	margin-right:0;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}