body{
  background-color: #e9e9e9;
  background-color: #f5eded;
}

.row-mt-15 {
  margin-top: -15px;
}
.row-mt-15 > div {
  margin-top: 15px;
}

.bg_white{
background-color:white;
margin:0px -30px;
padding:0px 30px;
padding-bottom: 40px;
}

a, a:active, a:link, a:hover, a:focus{
text-decoration:none;
color:#333;
border:0px !important;
outline: 0px;
}

.panel-title {
	font-size: 15px;
}

.btn-default {
font-size: 14px;
}

.btn-primary, .btn-primary:hover .btn-primary:visited, .btn-primary:link, .btn-primary:focus{
background-image:none;
border:0px;
background-color:#f23b35 !important;
color: #fff !important;
font-size: 14px;
}

/* TOP */
.ghost-top {
  height: 40px;
  height: 68px;
}
@media screen and (min-width: 570px) {
  .ghost-top {
    height: 60px;
  }
}
@media screen and (min-width: 625px) {
  .ghost-top {
    height: 40px;
  }
}
@media screen and (min-width: 768px) {
  .ghost-top {
    height: 25px;
  }
}
#top{
top: 0;
left: 0;
right: 0;
z-index: 900;
padding:10px 0px;
font-size:15px;
color:#fff;
width:100%;
background:#f23b35;
position:fixed;
box-shadow: 0 2px 4px 1px rgba(51, 51, 51, .15);
}
#top li a{
color:#fff;
font-size:14px;
}
#top .divider{
width: 1px;
height: 20px;
margin: -5px 10px;
background-color: #fff;
}
#top .contact i{
font-size:17px;
margin-right:5px;
}
#top .socialmedia{
text-align:right;
}
#top .socialmedia i{
font-size:20px;
margin-right:5px;
}
#top .account i{
font-size:17px;
margin-right: 8px;
}
#top .list-inline {
  margin-bottom: -2px;
}
#top .row {
  display: flex;
  justify-content: space-between;
}
#top .row::before {
  content: none;
}
#top .col-md-3 {
  flex: 1;
  width: auto !important;
  display: flex;
}
.order-history-items {
  margin-top: 20px;
}
@media screen and (min-width: 991px) {
  .order-history-items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: -20px;
    justify-content: space-between;
  }

  .order-history-items > * {
    width: calc(50% - 10px);
  }
}
.order-history-item {
  padding: 22px;
  margin-bottom: 20px;
  background-color: #f5eded;
}
.order-history-item h3 {
  font-size: 17px;
  margin-top: 0;
  font-weight: bold;
  margin-bottom: 5px;
}
.order-history-item .total_price {
  display: block;
  margin-bottom: 12px;
}
.order-history-item .products {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.order-history-item .order-history-product {
  padding: 15px;
  display: flex;
  background-color: #ffffff;
}
.order-history-item .product-image {
  display: block;
  width: 70px;
  height: 70px;
  background-size: 104%;
  margin-right: 20px;
  background-position: center;
  background-size: cover;
}
.order-history-item .product-info {
  max-width: 240px;
}
.order-history-item .product-info h4 {
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  color: #f23b35;
}
.order-history-item .product-info span {
  margin-right: 10px;
}
.order-history-item h3 span {
  font-size: 15px;
  font-weight: 500;
  color: #999999;
}
@media screen and (max-width: 460px) {
  .order-history-item .order-history-product {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }

  .order-history-item .product-image {
    margin-bottom: 12px;
    margin-right: 0;
  }
}
@media screen and (max-width: 570px) {
  #top .row {
    flex-direction: column;
  }

  #top .row li a {
    display: flex;
    margin-bottom: 10px;
  }

  #top .col-xs-6 {
    width: auto;
  }

  /* #top  .list-inline {
    display: flex;
    flex-direction: column;
  } */

  #top .col-md-3  .list-inline {
    margin-bottom: -10px;
  }
}
@media screen and (min-width: 570px) {
  #top .col-md-3 {
    justify-content: flex-end;
  }
}
/* HEADER */
#header .logo{
margin-top: 60px;
}

/* SEARCH */
#search{
border-radius:0px;
margin-top: 25px;
}

#cart{
  margin-top: 10px;
  margin-bottom: 20px;
}

@media screen and (min-width: 991px) {
  #search {
    margin-top: 75px;
    margin-bottom: 64px;
  }

  #cart{
    margin-top: 76px;
  }
}

@media screen and (min-width: 500px) and (max-width: 991px) {
  #header .row {
    display: flex;
    flex-wrap: wrap;
  }

  #header .row .col-md-12, #header .row .col-md-5 {
    width: 100%;
  }

  #header .row .col-md-4 {
    flex: 1;
  }
}

@media screen and (min-width: 768px) {
  #top .col-md-3 {
    padding-right: 8px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #cart {
    margin-top: 26px;
    margin-bottom: 50px;
  }
}


@media screen and (max-width: 991px) {
  #menu {
    margin-top: 7px;
  }

  .bg_white.main_content > .row {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 440px) {
  .bg_white.main_content > .row .product-layout.col-xs-6 {
    width: 100%;
  }
}

#checkout-form h1 {
  padding: 0 15px;
  margin-bottom: 0;
  margin-top: 20px !important;
}

@media screen and (min-width: 768px) {
  #checkout-form h1 {
    margin-top: -20px !important;
  }
}

#checkout-form .panel {
  border: none;
  box-shadow: none;
  margin-bottom: 10px;
}

#checkout-form .panel-heading {
  display: none;
  background-color: transparent;
  border: none;
}

#checkout-form .panel-body {
  border: none;
}

#search input{
border-radius:0px;
}
#search button{
background-color:white;
border-radius:0px;
}

body .alertbar {
  padding: 10px 15px;
  margin-top: 0;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

.agree-terms-step5 {
  cursor: pointer;
}

.cart-terms-container{
  display: flex;
  flex-direction: column;
}

.agree-terms-step5.animate, .agree-longer-delivery-step5.animate {
  display: inline-block;
  color: #f23b35;
  animation: bounce 1.25s ease-in-out;
}

.agree-terms-step5.animate a {
  color: #f23b35;
}

#checkout-form .step4, #checkout-form .step5 {
  margin-bottom: 0;
}

#checkout-form .step5 .panel-body {
  padding-bottom: 0;
}

#checkout-form .step4 .panel-body .radio {
  margin-bottom: 30px;
}

#checkout-form .step4 .panel-body #shipping_comment {
  padding-top: 10px;
  padding-bottom: 10px;
}

#checkout-form .step5 .panel-body .payment-method-select {
  display: none;
}

.faq-block .faq-heading {
	border: 1px solid #DBDEE1;
	padding: 8px 8px 8px 22px;
	font-weight: bold;
	font-size: 13px;
	color: #F23B35;
	cursor: pointer;
	background: #F8F8F8 url('../image/arrow-right.png') 10px 50% no-repeat;
}
.faq-block .active {
	background: #F8F8F8 url('../image/arrow-down.png') 7px 50% no-repeat;
}
.faq-block .faq-content {
  padding: 8px 8px 8px 22px;
	display: none;
	overflow: auto;
}
.faq-block .faq-content.show {
	display: block !important;
}

@media screen and (min-width: 768px) {
  body .alertbar {
    margin-top: 15px;
    margin-bottom: -25px;
  }
}

@media screen and (max-width: 768px) {
  .checkout-proceed {
    margin-bottom: 20px;
  }
}

/* CART */
#cart button{
background-color: #333 !important;
border-radius:0px;
color:#bdbdbd;
border: none;
}
#cart .dropdown-menu{
border-radius: 0px;
background-color: #fff;
}

/* MENU */
#menu{
position: relative;
border-top: 3px solid #f1f1f1;
border-bottom: 3px solid #f1f1f1;
margin-bottom: 10px;
}
#menu .nav{
width:100%;
display: flex;
flex-wrap: wrap;
}
#menu .nav {
  padding: 6px 0;
}
#menu .nav > li{
margin:5px 0px;
}
#menu .nav > li > a {
color:#333;
padding:10px 15px;
font-size:14px;
}
#menu .nav > li.active{
background-color:#333;
color:#fff;
}
#menu .nav> li.active a{
color:#fff;
padding-bottom:8px;
}

.extra-menu {
	position: absolute;
	right: 0;
	top: -45px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.extra-menu li:last-child a {
	padding-right: 5px;
  transition: padding-right .25s ease-out;
}
.extra-menu > li {
	float: left;
}
.extra-menu > li > a {
	display: block;
	padding: 6px 10px;
}
.extra-menu > li > a:hover {
	background-color: rgba(0, 0, 0, 0.1);
  padding-right: 10px;
}

/* CONTENT */
#content hr{
border-top:1px solid #dcdcdc;
margin-top:0px;
margin-bottom:40px;
}

/* CATEGORY-BOX */
.category-box{
margin-bottom: 35px;
}
.category-box .name{
width:100%;
background-color:#f23b35;
height:50px;
font-weight: 600;
color:#fff;
font-size:15.5px;
padding: 15px 22px;
}
.category-box .categories{
width:100%;
border-top: none !important;
border-bottom: 2px solid #d2d2d2;
}
@media screen and (min-width: 768px) {
  .category-box .categories{
    border: 2px solid #d2d2d2;
  }
}
.category-box ul{
list-style-type: none;
margin:0px;
padding:0px;
}
.category-box .categories ul li{
margin: 0 20px;
font-size:14px;
padding: 8px 0;
transition: padding-left .15s ease-out;
}
.category-box .categories ul li:hover {
  padding-left: 10px;
}
.category-box .categories ul li:first-child {
  padding-top: 20px;
}
.category-box .categories ul li:last-child {
  padding-bottom: 25px;
}
.category-box .categories ul li::before{
font-family: FontAwesome;
content: "\f105";
color:#999999;
font-size:12px;
margin-right:13px;
}

/* BANNER */
.owl-carousel{
margin-bottom:40px !important;
}
.owl-carousel .item{
width:100%;
height:305px;
overflow:hidden;
position:relative;
}
.owl-carousel .item .titel, .owl-carousel .item .titel-bar{
position: absolute;
bottom: 60px;
color: white;
height:65px;
width:365px;
}
.owl-carousel .item .titel-bar{
background-color:#333;
opacity:0.9;
}
.owl-carousel .item .titel{
font-size:24px;
font-weight:bold;
padding:20px;
text-align:center;
}

/* WELKOM */
.welkom{
width:70%;
float:left;
padding-right:20px;
}
.welkom h2{
margin:0 0 10px 0;
color:#333;
font-weight:bold;
font-size:26px;
}
.welkom p{
font-size:13px;
line-height:1.9em;
}

/* BIGBAG-BOX */
.bigbag-box{
background-color:#f23b35;
color:#fff;
margin-bottom:40px;
padding-bottom: 5px;
}
.bigbag-box h3{
color: white;
padding: 20px 20px 0;
margin: 0px;
}
.bigbag-box ul{
list-style-type: none;
margin:0px;
padding:10px 0;
}
.bigbag-box ul li{
position: relative;
margin: 10px 20px;
font-size:14px;
}
.bigbag-box ul li:before{
  font-family: FontAwesome;
  content: "\f058";
  color: #fff;
  font-size: 15px;
  translate: -50% -50%;
  display: inline;
  margin-right: 10px;
}
.bigbag-box {
  padding: 5px;
}

/* PRODUCTEN */
.product-thumb{
margin-bottom:37px;
}
.product-thumb .image{
border: 1px solid #ddd;
border-bottom:none;
}
.product-thumb .image{
padding: 10px;
webkit-transition: opacity 0.1s ease-in-out, border 0.1s ease-in-out;
-moz-transition: opacity 0.1s ease-in-out, border 0.1s ease-in-out;
-ms-transition: opacity 0.1s ease-in-out, border 0.1s ease-in-out;
-o-transition: opacity 0.1s ease-in-out, border 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out, border 0.1s ease-in-out;
}
.product-thumb .image img{
margin-left: auto;
margin-right: auto;
}
.product-thumb .caption {
padding: 8px 20px 8px;
border: 2px dashed #dcdcdc;
background-color: #eee;
font-size: 12px;
}
.product-thumb .caption .price{
float:right;
color:#fff;
background-color: #f23b35;
padding: 2px;
width: 60px;
text-align:center;
}

/* SALE-BOX */
.sale-box{
width:100%;
height:250px;
background: url(../../images/stenen2.png) no-repeat left top;
padding:15px;
margin-bottom:40px;
}
.sale-box .holder{
width:100%;
height:100%;
position:relative;
}
.sale-box .holder .grey{
background-color:#333;
opacity:0.9;
height:100%;
width:100%;
}
.sale-box .holder .text-holder{
top:0px;
position:absolute;
}
.sale-box .holder .text-holder h3, .sale-box .holder .text-holder p{
color:white;
}
.sale-box .holder .text-holder h3{
text-align:center;
font-size: 26px;
font-weight: bold;
}
.sale-box .holder .text-holder h4{
text-align:center;
font-size: 20px;
font-weight: bold;
margin-top: 20px;
color: #fff;
}
.sale-box .holder .text-holder p{
margin-left: 30px;
margin-right: 30px;
font-size: 14px;
line-height: 1.6;
}

/* Q-BOX */
.q-box{
width:100%;
background-color:#f23b35;
color:white;
text-align:center;
padding-bottom: 25px;
}
.q-box h3{
margin-top:0px;
padding-top:20px;
padding-bottom:20px;
color:white;
text-align:center;
}
.q-box .bar{
font-size:14px;
background-color:#333;
border-radius:5px;
padding:13px;
width:200px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
border: solid 2px #333;
cursor: pointer;
transition: background-color .1s ease-out font-weight .1s ease-out;
}
.q-box .bar:hover {
  background-color: #ffffff;
  font-weight: 600;
}
.q-box .bar:hover a {
  color: #333333 !important;
}
.q-box .bar a{
	font-size:14px;
	color:#fff;
  transition: color .1s ease-out;
}
.q-box .bar:last-child{
margin-bottom:0px;
margin-top:10px;
}

/* FOOTER */
footer{
margin-top:20px;
}
footer .bg_white{
padding-top: 30px;
padding-bottom:30px;
}
footer h4{
font-weight:bold;
}
footer a, footer a:active, footer a:link, footer a:hover{
color:#F23B35;
}
footer hr{
margin-top:15px;
border-top: 1px solid #d2d2d1;
}
footer .waarom-box ul, footer .klant-box ul, footer .voor-box ul{
padding-left:30px;
list-style: none;
}
footer .waarom-box ul li{
font-size:14px;
margin-bottom:8px;
}
footer .waarom-box ul li::before{
font-family: FontAwesome;
content: "\f058";
color:#f23b35;
font-size:15px;
margin-left:-28px;
margin-right:15px;
}

footer .klant-box ul li{
font-size:14px;
margin-bottom:10px;
}
footer .klant-box ul li::before, footer .voor-box ul li::before{
font-family: FontAwesome;
content: "\f105";
color:#333;
font-size:15px;
margin-left:-28px;
margin-right:15px;
}

footer .voor-box ul li{
font-size:14px;
margin-bottom:10px;
}
footer .voor-box ul .single{
font-size:14px;
margin-bottom:20px;
}

footer .contact-box ul li{
color:#333;
font-size:13px;
}
footer .contact-box ul li:first-child{
font-weight:bold;
}
footer .contact-box p{
color:#333;
font-size:13px;
margin-top:15px;
}
footer .contact-box p i{
margin-right:5px;
font-size:14px;
}
footer p > a, footer p > a:active, footer p > a:link, footer p > a:hover{
color:#333;
font-weight:normal;
}

.footer-bottom{
padding:20px 0;
margin-right:-15px;
text-align:right;
}
.footer-bottom a{
font-weight:bold;
}


/* OTHER PAGES */
/* CATEGORY */
.cat-img{
position:relative;
height:280px;
overflow:hidden;
margin-bottom: -25px;
}
.cat-img img{
position:absolute;
top:34%;
left:46%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width:auto;
height:100%;
}
.cat-text{
max-height:305px;
width:100%;
overflow:hidden;
}
.cat-text h2{
margin-top:0px;
margin-bottom:20px;
}
.cat-text p{
font-size:14px;
}

/* PRODUCT */
#content h1{
margin-top:0px;
}
.productMainImage{
width:100%;
max-width: 350px;
margin-bottom: 12px;
/* height:273px; */
aspect-ratio: 1 / 0.74;
overflow:hidden;
}
.productMainImage a{
margin-bottom: 0px;
width:100%;
height:100%;
position:relative;
border:none;
border-radius:0px;
}
.productMainImage img{
position:absolute;
top:50%;
left:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width:100%;
height:auto;
}
.productMainImage .thumbnail, .productAdditionalImages .thumbnail{
padding:0px;
}
.productAdditionalImages .owl-wrapper-outer{
border: none;
border-radius: 0px;
box-shadow: none;
}
.productAdditionalImages{
  margin-top: 39px
}
.productAdditionalImages .owl-item > div{
border:1px solid #e6e6e6;
}
.productAdditionalImages a{
margin-bottom:0px;
}
#productCarousel{
margin-bottom:0px !important;
}
.p-info{
width:100%;
font-size: 12px;
}
.p-sell .text-danger{
color: #a94442;
background-color: #f2dede;
border-radius: 5px;
padding: 15px;
font-size: 14px;
font-weight: bold;
}
.productPrice{
width: 100%;
text-align: center;
font-weight: 700;
background-color: #018bc8;
color: #fff;
border-radius: 5px;
padding: 6px 10px;
font-size: 26px;
}
.btn-red{
background-color: #ed2325;
color: #fff;
border: 0;
}
.btn-red:hover{
background-color: #EE4346;
color: #fff;
}
.productBestelBtn{
margin-top: 16px;
padding: 12px 0;
font-size: 16px;
font-weight: 700;
border-radius: 5px;
}
.productBestelBtn .fa-shopping-cart{
margin-right:16px;
font-size:15px;
}
.productContactBlock {
margin-top: 25px;
}
#product .bigbag-box {
margin-bottom:0px;
}
.productContactBlock1{
  float: left;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  color: #fff;
  background-color: #333;
  padding: 11px 15px;
}
.productContactBlock2{
  text-align: center;
  background-color: #f1f1f1;
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.productContactRow{
padding: 8px 0px;
  border-bottom: 1px solid #e6e6e6;
}
.productContactRow a {
  font-size: 12px;
}
.kopen{
position:relative;
}
.kopen .btn{

}
.opties{
	
}
.related .bekeken{
font-size:17px;
}
.related hr{
margin-bottom: 20px !important;
}
.related .prod-related{
margin-bottom:0px;
}
#product_quantity_dropdown{
background: #e6e6e6;
padding: 8px 12px;
font-size: 13px;
border: 0;
border-radius: 5px;
width: 100%;
}

select:disabled {
  color: #999;
  cursor: not-allowed;
  opacity: 0.5;
}

.product-dropdown {
  background: #e6e6e6;
  padding: 8px 12px;
  font-size: 13px;
  border: 0;
  border-radius: 5px;
  width: 100%;
}

#contactMaps {
  height: 650px;
}

@media screen and (max-width: 767px) {
  .navbar-toggle {
    display: flex;
    margin-right: 0;
    align-items: center;
  }

  .navbar-header {
    padding: 3px 12px;
  }
}

/* CART */
.btn-block input[name^="quantity"]{
z-index:0;
}
.btn-refresh, .btn-refresh:focus, .btn-refresh:visited, .btn-refresh:hover{
z-index:1;
margin-right: 2px;
outline:none;
text-decoration:none;
}

.cart-summary-image{
  width: 65px;
  height: 65px;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 767px) {
  .bg_white {
    margin: 0 -15px;
    padding: 0 15px;
  }

  #top .container {
    padding: 0 15px 0 15px;
  }
  #top li a {
    font-size: 12px;
  }
  #header .logo {
    margin-top: 30px;
  }
  #search {
    margin-top: 30px;
    margin-bottom: 0;
  }
  #cart {
    margin-top: 30px;
    margin-bottom: 50px;
  }

  #menu #category {
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: inherit;
    text-shadow: none;
  }
  #menu .btn-navbar {
    padding: 2px 18px;
    color: #fff;
    background-color: #f23b35;
    background-image: none;
    border-color: transparent;
  }
  #menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #f23b35;
  }
  .navbar-nav {
    margin: 0;
  }
  .sale-box {
    width: 250px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .owl-carousel .item {
    width: 100%;
    height: 150px;
  }
  .owl-carousel .item .titel,
  .owl-carousel .item .titel-bar {
    width: 100%;
    top: 30px;
    bottom: initial;
  }
  
  .welkom {
    float: initial;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
  }
  .bigbag-box {
    width: 100% !important;
    float: initial !important;
  }

  #contactMaps {
    height: 300px;
    margin-bottom: 30px;
  }

  footer h4 {
    margin: 20px 0 10px 0;
  }
  .footer-bottom {
    margin-right: 0;
  }
}