html {position: relative; min-height: 100%;}

body { margin-bottom: 525px; background-color: #fff}
.product {background-color: #fff;}

.carousel-text .slides li h1 {
    position: absolute;
    top: 0px;
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 45px;
}

.item .product .image { height: 250px; }
.item .product .image img {margin-top: 5px;}
.item .product .description { height: 70px; min-height: 70px; overflow: hidden; margin-top: 5px;}
.owl-carousel .item {
    margin: 0 15px 15px;
}
.owl-theme .owl-controls .owl-buttons div { border-radius: 0px; margin-bottom: 60px;}

.flexslider { margin-bottom: 0; }
.flexslider .slides img { max-height: 400px; width: auto;}

.promotion:last-child {
    border-radius: 0 4px 4px 0;
}

.product-color-blocks { width: 100%; margin: 0 0 10px 0; min-height: 22px;}

.merk-afbeelding {height: 200px; line-height: 200px;}
.merk-afbeelding img { width: 100%;}
.merk-afbeelding .merk-titel { font-size: 30px;}

.navbar-logo { background-color: #fff; padding-top: 10px; padding-bottom: 10px;}
.cus-navbar-logo img { max-height: 100px; max-width: 100%; background: none;}
.headerOffset { padding-top: 230px;}


.navbar-fixed-top { border: none !important;}

ul.cus-detail-attr {}
ul.cus-detail-attr li {display: inline-block; margin-right: 5px; margin-bottom: 5px;}
ul.cus-detail-attr li a {display: inline-block; color: #000; border: 1px solid #000; padding: 10px; font-family: "Oswald", Helvetica Neue, Arial, sans-serif;}
ul.cus-detail-attr li a:HOVER, ul.cus-detail-attr li a:ACTIVE, ul.cus-detail-attr li a.selected {background-color: #000; color: #fff;}
ul.cus-detail-attr li a.not-available-attribute {text-decoration: line-through; color: #aaa; border-color: #aaa;}

.not-available-color a {padding-left: 4px; color: #ff0000; pointer-events: none; cursor: default; overflow: hidden;}

ul.cus-detail-attr li a.cus-op-voorraad {border-color: #090; color: #090;}
ul.cus-detail-attr li a.cus-op-voorraad:HOVER, ul.cus-detail-attr li a.cus-op-voorraad:ACTIVE, ul.cus-detail-attr li a.cus-op-voorraad:FOCUS {background-color: #090; color: #fff;}
ul.cus-detail-attr li a.cus-niet-op-voorraad {border-color: #c00; color: #f00;}
ul.cus-detail-attr li a.cus-niet-op-voorraad:HOVER, ul.cus-detail-attr li a.cus-niet-op-voorraad:ACTIVE, ul.cus-detail-attr li a.cus-niet-op-voorraad:FOCUS
{background-color: #f00; color: #fff;}



.loading-circle { width: 100%; text-align: center; padding-top: 50px;}
.loading-circle img {width: 100px;}

.outstock-msg { font-size: 12px; padding: 17px 0;}

.featuredImageLook3 .inner { max-height: 200px; overflow: hidden;}

.usp {font-size: 20px; margin-top: 10px;}
.usp span {display: block; font-size: 14px;}
.usp.truck {background: url("img/truck.png") no-repeat center left; padding-left: 50px;}
.usp.clock {background: url("img/clock.png") no-repeat center left; padding-left: 50px;}


.flexslider-merken li {text-align: center;}
.flexslider-merken li a img {width: auto; max-width: 100%;}

.carousel-text h1 { text-shadow: 2px 2px #555555;}

.product-title span {display: block; font-size: 18px; margin-top: 10px; font-weight: normal;}
.promotion-afbeeldingen {top: 10px; bottom: auto;}
.promotion-afbeeldingen img {border: 1px solid #999;}

.teaser-block .image a img {max-height: 150px;}
.color-filter-box {width: 16px; height: 16px;}


.slider.slider-horizontal { width: 100%;}

.filter-btn { width: 100%; padding: 5px !important;}

.productFilterLook2 .row {margin-bottom: 20px;}
.productFilterLook2 .row:last-child {margin-bottom: 0;}

.slider-handle {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #000;
    background-image: linear-gradient(to bottom, #458234 0%, #458234 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    border: 0px solid transparent;
}

.mCS-dark-2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #458234 !important;}

.featuredImageLook3 .inner { max-height: 350px; overflow: hidden;}

.item h4 { min-height: 20px; max-height: 40px; margin-top: 0px;}
.item .price {margin-bottom: 6px;}
.description p { min-height: 20px; max-height: 20px;}

/*.teaser-block .inner { max-height: 180px;}*/
.img-block img { width: 100%; }

#accordionNo .verfijn { color: #777777; border-bottom: 1px solid #aaaaaa; padding-bottom: 0px; margin-bottom: 10px;}

.productslider .image a img {max-height: 280px;}
.productslider .item .product .image {height: 330px;}
.productslider .item {height: 450px;}

.cus-product-merk {margin-top: 6px;}

.checkout-gegevens { border: 1px solid #EEEEEE;}
.checkout-gegevens h3 { background: #EBEDEF; text-transform: uppercase; font-weight: bold; font-size: 14px; padding: 10px;}
.checkout-gegevens p { padding: 10px;}

#frm_search {padding: 6px 0 0 0;}
#frm_search input[type="search"] {border: 0; padding: 2px; background-color: #999; width: 140px;}
#frm_search .search-btn {border: 0;}
#frm_search input { color: #fff; }
#frm_search input::-webkit-input-placeholder { color: #fff; }
#frm_search input:-moz-placeholder { color: #fff; }
#frm_search input::-moz-placeholder { color: #fff; }
#frm_search input:-ms-input-placeholder { color: #fff; }

li.languages {padding-left: 10px;}
li.languages a {padding-right: 6px;}
li.languages a.active {color: #9b7a8b;}

.facebook-count {text-align: right;}

.topusp {color: #333 !important}
.topusp i {font-size: 40px; color: #333;}
.topusp p {font-size: 13px; margin: 0; line-height: 1.4; color: #333;}
.topusp h4 {margin: 0; padding: 0; color: #333; font-weight: bold; }


.mt-30 {margin-top: 30px;}

.mCustomScrollBox {
    padding-bottom: 20px;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/img/loader.gif) center no-repeat #fff;
    opacity: 0.6;
}

.btn-stroke-color {
    background: rgba(0, 0, 0, 0);
    font-family: "Oswald", Helvetica Neue, Arial, sans-serif;
    letter-spacing: 2px;
    padding: 15px 20px;
    text-align: center;
    border-radius: 0;
    min-width: 200px;
    text-transform: uppercase;
    border: 2px solid #60b546;
    color: #60b546 !important;
}
.btn-stroke-color:hover {
    background: #60b546;
    color: #fff !important;
}

.image_normal {position: relative;}

.orderStep li a {cursor: default;}
.alert a {text-decoration: underline;}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 43px;
    height: 0;
    margin-bottom: 15px;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.article-text img {max-width: 100%; height: auto;}

.userMenu li a.active {color: #69fff6;}
.grw-net-widget-carousel .grw-net-comment-main-text .grw-net-text, .grw-net-widget-carousel .grw-net-comment-author {font-size: 16px !important;}
.grw-net-widget-carousel .grw-net-comment-date {font-size: 13px;}

@media (max-width: 321px) {
    #frm_search input[type="search"] {width: 100px;}
}


@media (max-width: 992px) {
    body { margin-bottom: 0; }
    footer {position: static;}
}

@media (max-width: 768px) {
    .navbar-tshop {position: relative;}
    .headerOffset { padding-top: 0px;}
    .item {max-height: none; height: auto;}
    .topusp {margin: 5px 0;}
}



.dropdown-menu {
    min-width: 200px;
}
.dropdown-menu.columns-2 {
    min-width: 400px;
}
.dropdown-menu.columns-3 {
    min-width: 600px;
}
.dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 300;
}
.multi-column-dropdown {
    list-style: none;
}
.multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    color: #333;
    white-space: normal;
}
.multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}


@media (max-width: 767px) {
    .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }
}
