html,body { overflow-x: hidden; }
body { color: #444; font-size: 14px; font-family: 'Open Sans', sans-serif; line-height:19px;}
a { color: #000; }
a:hover { text-decoration: none; color: #333; }
img { max-width: 100%; display: block; }
.m30 { margin-bottom: 30px; }
p { margin: 0; padding: 0; line-height: 1.50em; }
h1,h2,h3,h4,h5 { margin: 0; padding: 0; font-weight: bold; font-family: 'Montserrat', sans-serif;  }

h1 { }
h2 { color:#f6b188; font-weight:normal; font-size:1.8em; }

/* ==========================================================================
   Header
   ========================================================================== */
.navbar { margin: 80px 0 70px; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0; }
.navbar-brand { height: 60px; padding: 0; }
.navbar-collapse { padding: 0; }
.navbar-nav { float: right; }
.navbar-nav > li { margin: 0 10px; }
.navbar-nav > li:last-child { margin-right: 0; }
.navbar-nav > li > a { padding: 0; line-height: 60px; text-transform: uppercase; border-bottom: 2px solid #fff;}
.nav > li > a:focus, .nav > li > a:hover, .nav > li.active > a, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color:transparent; border-bottom: 2px solid #f7b288; color: #000; }
.icon-cart, .icon-search { width: 14px; height: 14px; overflow: hidden; text-indent: -999999px; background-position: center center; background-repeat: no-repeat; margin-top: 23px; }
.icon-cart { background-image: url(../images/icon-cart.png); margin-left: 80px; }
.icon-search { background-image: url(../images/icon-search.png); }
.nav > li > a.icon-cart:focus, .nav > li > a.icon-cart:hover, .nav > li.active > a.icon-cart, .nav > li > a.icon-search:focus, .nav > li > a.icon-search:hover, .nav > li.active > a.icon-search { border: 0 none; }
.navbar-toggle .icon-bar { background-color: #000; }


/* ==========================================================================
   Homepage
   ========================================================================== */
.page-boxes { margin-bottom: 80px; }
.img-wrapper { position: relative; }
.img-wrapper p { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; font-weight: bold; font-size: 30px; color: #fff; line-height: 1.1em; padding: 30px 15px; background: rgba(246,177,136,0.75); }
.img-wrapper.alt p { padding: 45px 15px; }

.carousel-wrapper { text-align: center; margin-bottom: 90px; }
h2.title { display: inline-block; font-size: 24px; padding: 15px 60px; border: 2px solid #ececec; margin-bottom: 35px; }

.subnav { margin-bottom: 70px; padding: 0; }
.subnav li { display: inline-block; list-style: none; margin: 0 16px; }
.subnav li a { font-weight: bold; }
.subnav li a:hover, .subnav li.active a { color: #f6b188; }

.carousel p { padding-top: 18px; text-align: left; font-size: 12px; }
.carousel p span { display: block; }
.carousel-cont { position: relative; }
.carousel-cont .prev, .carousel-cont .next { width: 49px; height: 49px; display: block; overflow: hidden; text-indent: -999999px; background: url(../images/arrows.png) left top; position: absolute; top: 50%; margin-top: -45px; left: -70px; }
.carousel-cont .next { left: auto; right: -70px; background-position: right top; }

.gray-section { background: #fafafa; padding: 35px 0; border-bottom: 1px solid #e8e8e8; }

.img-title { position: relative; }
.img-title span { position: absolute; bottom: 30px; left: 30px; border: 3px solid #fff; line-height: 1em; padding: 13px 20px; color: #fff; font-size: 30px; font-weight: bold; }

.open-cal { background: #f7b188; color: #fff; padding: 30px; height: 420px; font-family: 'Montserrat' }
.open-cal h3 { text-align: center; border: 3px solid #fff; line-height:54px; margin-bottom: 25px; font-size: 30px; }
.open-cal ul { padding: 0; }
.open-cal li { list-style: none; padding: 0; display: block; font-size: 13px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.3); }
.open-cal li span { display: inline-block; width: 100px; }
.open-cal li:last-child { padding: 0; margin: 0; border: 0 none; }

.news-section h4 { padding: 15px 0; font-weight: normal; font-size: 18px; }
.news-section .date { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; margin-bottom: 25px; padding: 10px 0; font-size: 12px; color: #6f6f6f; }
.news-section p { font-size: 13px; color: #6f6f6f; margin-bottom: 25px; }

/* ==========================================================================
   FILTER
   ========================================================================== */
section.shop #shop .checkbox input[type=checkbox],#shop .checkbox-inline input[type=checkbox],#shop .radio input[type=radio],#shop .radio-inline input[type=radio] {position: relative;margin-top: 4px\9;margin-left:0px;}
section.shop #shop .checkbox label,#shop .radio label {min-height: 20px;padding-left:0px;margin-bottom: 0;font-weight: 400;cursor: pointer;}
section.shop .form-group {border-top:solid 1px #b2b2b2;padding:15px;}
section.shop .form-group .form-group-title {color:#000;text-transform:uppercase;}
section.shop #shop input[type="checkbox"] {display:none;}
section.shop #shop input[type="checkbox"] + label span {display:inline-block;width:19px;height:19px;margin:-4px 9px 0 -2px;vertical-align:middle;background:url("../img/checkbox2.png") left top no-repeat;cursor:pointer;z-index:2;position:relative;}
section.shop #shop input[type="checkbox"]:checked + label span {background:url("../img/checkbox2.png") -21px top no-repeat;}
section.shop #shop .panel-group .panel {border-radius: 0px;}

/* ==========================================================================
   PRODUCTLIJST
   ========================================================================== */

.col-item {border: 1px solid #E1E1E1;border-radius: 0px;background: #FFF;margin-bottom: 20px;min-height:380px;}
.col-item .photo {min-height:325px;}
.col-item .photo img {margin: 0 auto;width: 100%;}
.col-item .info {padding: 10px;border-radius: 0 0 0px 0px;margin-top: 1px;}
.col-item .price {/*width: 50%;*/float: left;margin-top: 5px;}
.col-item .price h5 {line-height: 20px;margin: 0;}
.col-item .separator p {line-height: 20px;margin-bottom: 0;margin-top: 10px;}
.col-item .separator p i {margin-left: 1px;margin-top: 13px;}
.col-item .btn-add {width:100%;float: none;cursor: pointer;}
.col-item .btn-add i{background: #d90180;border-radius: 3px;color: #ffffff;padding: 5px;position: absolute;}
.col-item .btn-add a{font-size: 14px;padding:4px 0px;display:block;}
.col-item .btn-add a span{font-size: 12px;position: relative;top: -7px;}
.col-item .btn-details{width:100%;float: right;width: 100%;position: relative;margin-top: -30px;}
.col-item .btn-details a{color: #000;font-size: 17px;font-weight:normal;text-align: right;background-color:#f7b288;padding:4px 3px;float:right;}
.col-item .korting {position: absolute;top: 0px;left: 15px;background-color: #fff;padding: 3px;border:#f7b288 solid 1px;color:#f7b288;}
.col-item .owl-pagination {margin-top:-30px;margin-left:0px;position:absolute;}
.col-item .owl-buttons {display:none !important;}
.col-item .owl-theme .owl-controls .owl-page span {border-radius:0px;width: 15px;height: 15px;}
.col-item .owl-theme .owl-controls {margin-top:0px;}

/* ==========================================================================
   FICHE
   ========================================================================== */

section.fiche .bigtitle {font-family: 'Futura';margin-bottom:15px;font-size:26px;}
section.fiche .tussentitel {font-family: 'Futura';font-size:22px;font-weight: lighter;letter-spacing: 1px;}
section.fiche h3 {font-family: 'Futura';font-size:23px;font-weight: lighter;letter-spacing:0.3px;}
section.fiche ul.beschikbaar {padding-left:0px;margin:10px 0px;}
section.fiche ul.beschikbaar li {list-style: none;float: left;padding:1px;border:solid 1px #eee;margin-right:6px;width:90px;height:40px;text-align:center;line-height:38px;margin-bottom:5px;}
section.fiche ul.beschikbaar li.niet-beschikbaar {text-decoration:line-through;background-color:#ccc;}
section.fiche ul.beschikbaar li.beschikbaar{border:solid 1px #000;cursor:pointer;}
section.fiche ul.beschikbaar li.active {background-color:#f7b288;}
section.fiche .product-code {font-family: 'Futura';font-size: 14px;font-weight: lighter;letter-spacing: 1px;margin: 0 0 5px;padding: 0;text-transform: uppercase;color:#666;}
section.fiche .prijs {font-size: 28px;font-weight:600;line-height: normal;margin-bottom: 10px;}
section.fiche .cms p {line-height:26px;}
section.fiche hr {margin-top: 14px;margin-bottom: 14px;border: 0;border-top: 1px solid #eee;}

/* ==========================================================================
   SHOPPINGCART
   ========================================================================== */

.betalingswijze {float: left;padding: 5px 3px;border: solid 1px #ccc;margin: 5px;cursor: pointer;}
.betalingswijze.active {border: solid 1px #f7b288;}
.remove {cursor:pointer;}
.cart .remove:hover { color: #000; }
.cart th {padding: 12px 15px !important;font-size: 14px;color: #555;}
.cart td {padding: 12px 15px !important;vertical-align: middle !important;border-color: #E5E5E5 !important;}
.cart-product-thumbnail {}
.cart-product-thumbnail img {display: block;border: 2px solid #EEE;max-width:100%;}
.cart-product-thumbnail img:hover { border-color:#f7b288; }
.cart-product-name a,.product-name a {font-weight: bold;font-size: 13px;color: #333;}
.cart-product-name a:hover,.product-name a:hover { color: #666; }
.cart-product-price,.cart-product-quantity,.cart-product-subtotal { text-align: center !important; }
.sm-form-control {display: block;width: 100%;padding: 8px 14px;font-size: 15px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 2px solid #DDD;border-radius: 0!important;
    -webkit-transition: border-color ease-in-out .15s;-o-transition: border-color ease-in-out .15s;transition: border-color ease-in-out .15s;height:45px;}
.cart-product-remove {width:8%;}
.cart-product-thumbnail {width:8%;}
.cart-product-name {width:25%;}
.cart-product-price {width:15%;}
.cart-product-quantity {width:20%;}
.cart-product-subtotal {width:15%;}

/* ==========================================================================
   Footer
   ========================================================================== */
footer { background: #fff; padding: 50px 0; border-top: 1px solid #e8e8e8; margin-top:50px; font-family: 'Montserrat' }
.footer-sect { padding-left: 115px; left top no-repeat; min-height: 108px; padding-top: 15px; max-width: 815px; }
.footer-sect p { color: #3a3a3a; font-size: 11px; text-transform: uppercase; margin-bottom: 10px; }
footer .links { float: right; font-size: 11px; color: #868686; }
footer .links a { color: #868686; padding: 0 3px; }
footer img.left { float: left; } 

.social { float: right; margin-top: 10px; }
.social img { display: inline-block; margin: 0 15px; }


h2.bigtitle {margin:10px 0px;}
h4 {margin: 10px 0px;}
input[name='onthouden'] {margin: 10px 0px;}
.btn-primary {color: #fff;background-color: #f7b288;border-color: #f7b288;border-radius: 0px;}
.btn-primary:hover {background-color: #e7b288;border-color:#e7b288;}
textarea.sm-form-control {resize:none;height:80px;}


#shoppingcart {text-align:center;background-color:#f7b288;display:block;color:#fff;line-height:30px;}

#verzendingsform label {margin-top: 15px;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1200px) { 
    
    .navbar-nav > li { margin: 0 10px; }
    .icon-cart { margin-left: 40px; }    
    
    .carousel-cont { padding: 0 60px; }
    .carousel-cont .prev { left: 0; } 
    .carousel-cont .next { right: 0; } 
    
    .open-cal { padding: 15px; height: 345px; }
    .open-cal h3 { font-size: 24px; }
    .open-cal li { font-size: 11px; }
    
    /* Footer */
    footer .links { font-size: 10px; }
    .social img { margin: 0 11px; }
    
}

@media (max-width: 992px) {
    .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 { margin: 35px 0; }
    .navbar-toggle { margin-right: 0; }
    .navbar-nav > li { margin: 0; }
    .navbar-nav > li > a { line-height: 1.5em; border-bottom: 2px solid #fff; }
    .icon-cart { margin-left: 0; }
    
    .img-title { margin-bottom: 30px; }
    .open-cal { height: auto; }
    .open-cal li { font-size: 13px; }
    
    /* Footer */
    footer .links, footer img.left { float: none; }
    .social img { margin: 0 5px; }
}

@media (max-width: 768px) {
    .navbar { margin: 20px 0; }
    .container > .navbar-header { margin: 0; }
    .navbar > .container .navbar-brand { width: 180px; height: 36px; }
    .navbar-toggle { margin-top: 0; }
    .navbar-nav, .container > .navbar-collapse { margin-left: 0; margin-right: 0; }
    
    .banner { display: block; margin-bottom: 30px; }
    .img-wrapper { max-width: 370px; margin: 0 auto 30px; }
    
    .img-title span { font-size: 24px; }
    
    .footer-sect { background-size: auto 70px; padding-left: 80px; padding-top: 10px; }
    .social { margin-top: 20px;}

}

#flash {
    display:none;
    width: 100%;
    position: fixed;
    left: 0;
    top:0;
    z-index: 1100;
}

#flash .alert {
    padding: 12px 15px 10px 15px;
    text-align: center;
    border-radius:0;
    border: none;
    font-family: 'Montserrat', sans-serif;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
    box-shadow: 0 1px 1px rgba(0,0,0,0.5);
    text-transform: uppercase;
}

.alert {
    border-radius:0;
}

.alert.alert-danger {
    background: #f7b288;
    color: #fff;
    border-color: #f7b288;
}

.alert.alert-success {
    background: #f7b288;
    color: #fff;
    border-color: #f7b288;
}

.alert.alert-info {
    color: #fff;
    background: #f7b288;
    border-color: #f7b288;
}

.btn-secondary {
	border: 1px solid #000;
	border-radius: 0;
	width: 100%;
}

.btn-primary {
	width: 100%;
}

.form-control {
	border-radius: 0;
}

.list-group-item:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.list-group-item:last-child {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	background-color: #f7b288;
	border: 1px solid #f7b288;
}

.terug-dashboard {
	width: 100%;
	border-radius: 0;
}

.album, .album:link, .album:active, .album:visited, .album:hover {
	background: #fde2d1; display: block; padding: 15px; transition: background 1s;
}

.album:hover {
	background: #f7b288;
}

.album_title {
	margin-top: 12px; text-align: center; font-weight: bold;
}