/* Minification failed. Returning unminified contents.
(667,16): run-time error CSS1030: Expected identifier, found ' '
 */
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/*START OORSPRONKELIJK DE "/css/main.css" ---------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------*/

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* ==========================================================================
   Bootstrap.css OVERRIDES
   ========================================================================== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(https://fonts.googleapis.com/css?family=Rambla:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
@import url(https://fonts.googleapis.com/css?family=Lustria);
@import url(https://fonts.googleapis.com/css?family=Comfortaa);
@import url(https://fonts.googleapis.com/css?family=Homemade+Apple);

.roberto-sarto-font {
    font-family: 'Lustria', serif !important;
}

.anotherwoman-font {
    font-family: 'Comfortaa'
}

.poools-font {
    font-family: 'Fjalla One', serif !important;
}

body {
    /*font-family: 'blissregular', Helvetica, sans-serif;*/
    /*padding-top: 54px;*/
    /*color: #000;*/
}

/*Fix header mobile*/
@media (max-width: 992px) {
    body {
        margin-top: 65px;
    }    
    .navbar {        
        position: fixed !important;
        /*right: 0;
        left: 0;
        border-radius: 0;
        top: 0;*/
    }
}
.btn {
    font-weight: 300 !important;
}
.exbtw {
    font-size: 9px;
    color: #ccc;
    display: inline;
    padding-left: 10px;
}
.bootbox {
    margin-top: 100px;
}
.bg-gradient-yellow-orange {
    background-image: linear-gradient(to bottom,#ffd633 0,#fa3 100%) !important;
}
#ajaxB2Bsizes {
    float: left;
    clear: both;
    margin-top: 30px;
    width: 400px;
}

    #ajaxB2Bsizes ul {
        float: right;
        list-style: none;
        margin-bottom: 0px;
        width: 400px !important;
        height: 40px;
        padding: 10px 0;
        margin-top: 10px !important;
        border: 1px solid #fff;
    }

        #ajaxB2Bsizes ul.matrixheader {
            background-color: #ccc;
            height: 50px;
        }

    #ajaxB2Bsizes #activeP {
        border: 1px solid #ccc;
    }

    #ajaxB2Bsizes li {
        float: left;
        width: 46px;
        height: 20px;
        padding: 0;
        text-align: center;
        border: none !important;
    }

        #ajaxB2Bsizes li.rechts {
            text-align: right;
        }

        #ajaxB2Bsizes li.breed {
            width: 80px;
        }

        #ajaxB2Bsizes li.smal {
            width: 30px;
            white-space: nowrap;
        }

        #ajaxB2Bsizes li.header {
            padding: 6px 0 2px 0;
            background-color: #ccc;
        }

        #ajaxB2Bsizes li.geenvoorraad {
            background: #fff url(/images/geen-voorraad.jpg) no-repeat;
            height: 24px;
            width: 30px;
            margin: 0 12px 0 5px;
        }

.voorraadbeschikbaar {
    color: #999;
    width: 8px;
    margin-right: 2px;
    font-size: 10px
}

.spinmeee {
    width: 20px;
    height: 20px;
    text-align: right;
    font-size: 12px;
}

.spinme {
    width: 20px;
    height: 20px;
    text-align: right;
    font-size: 12px;
}

.look-image {
    cursor: pointer;
    position: relative;
}

.modal.modal-wide .modal-dialog {
    width: 90%;
    max-width: 100%;
}
.product-card {
    border-bottom: 1px dashed #e2e2e2;
}
.rotated {
    transform: rotate(1turn);
    -ms-transform: rotate(1turn); /* IE 9 */
    -moz-transform: rotate(1turn); /* Firefox */
    -webkit-transform: rotate(1turn); /* Safari and Chrome */
    -o-transform: rotate(1turn); /* Opera */
    transition: all 0.5s linear;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/*Homepage arrows voor carousel*/
.carousel-control-prev, .carousel-control-next {
    opacity:0.1!important;
}
.carousel-control-prev:hover, .carousel-control-next:hover {
    opacity: 1 !important;
}

#ajaxcartcontent ul {
    float: right;
    list-style: outside none none;
    margin-bottom: 10px;
    width: 750px;
}

#ajaxcartcontent li {
    float: left;
    height: 20px;
    padding: 0;
    text-align: center;
    width: 50px;
}

    #ajaxcartcontent li.rechts {
        text-align: right;
    }

    #ajaxcartcontent li.breed {
        width: 65px;
    }

    #ajaxcartcontent li.geenvoorraad {
        background: url("/images/geen-voorraad.jpg") no-repeat scroll 0 0 #fff;
        height: 24px;
        margin: 0;
        width: 50px;
        background-position: right;
        opacity: 0.3;
    }

#affvoorraad {
    display: none;
    padding: 5px 10px 10px 0px;
    font-size: 13px;
    margin-bottom: 20px;
}

    #affvoorraad ul {
        list-style: none;
    }
    #affvoorraad li {
        margin-top:15px;
    }
#affvoorraad-mobile {
    display: none;
    font-size: 13px;
    margin-bottom: 20px;
}

    #affvoorraad-mobile ul {
        list-style: none;
    }
    #affvoorraad-mobile .poools-font {
        font-family: inherit!important;
    }

#masonry-container {
    background: #fff;
    margin: 0 auto;
}

    #masonry-container .blog-item {
        width: 30%;
        height: auto;
        float: left;
        background: #fff;
        display: block;
        background-color: #eee;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 1%;
        padding: 0 0 20px 0;
    }

    #masonry-container .blog-inner {
        margin: 15px;
        padding: 15px;
        height: auto;
        display: block;
    }

    #masonry-container .blog-tekst {
        padding: 10px;
        text-align: justify;
    }

    #masonry-container .blog-beeld {
        width: 100%;
        display: block;
        padding: 10px 0;
    }

.margin-rtb {
    margin: 10px 10px 10px 0;
    padding: 10px 0;
}

/*#masonry-container .row {
 -moz-column-width: 25em;
 -webkit-column-width: 25em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em; 
  
}

#masonry-container .row > .col-md-4 {
 display: inline-block;
 padding:  .33rem;
 width:  100%; 
 float:none;
}

#masonry-container .row > .col-lg-4 {
 padding:  .33rem;
 width:  100%; 
 float:none;
}*/



.align-center {
    text-align: center;
}

.gridfilter {
    padding: 0 2px;
}

.usp-bar-detail {
    /*margin-top: -40px;*/
}

.input-group input {
    border-radius: 0;
    box-shadow: 0;
    background: 0;
    background-color: #ffffff;
}

.dropdown-menu {
    border-radius: 0;
}

    .dropdown-menu li a:focus,
    .dropdown-menu li a:hover {
        background: 0;
        background-color: #eee;
        color: #666;
    }

/*.btn, .btn-default, .btn-default.active {
    background: none;
    background-color: #ffffff;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
}

    .btn-default:hover,
    .btn-default:focus {
        background: #ffffff;
    }

    .btn-default.active {
        background-color: #eeeeee;
    }*/

.btn-group .dropdown-menu li:hover small,
.btn-group .dropdown-menu li.selected small {
    color: #000 !important;
}

button .glyphicon-forward {
    /*display: none;*/
}

.text-muted {
    color: #666;
}

a, ul li a, .navbar ul li a {
    text-shadow: none;
}

    a, a:active, a:visited {
        color: #282828;
    }

        a:hover {
            cursor: pointer !important;
        }

.select-button {
    margin: 0 auto;
    width: 85%;
}

    .select-button button {
        margin-top: 10px;
    }

.panel, .panel-default, .panel-heading {
    border: none;
    box-shadow: none !important;
    -webkit-box-shadow: 0 !important;
    border-radius: 0 !important;
}

.panel-heading {
    color: #000000;
    font-family: 'blissmedium', Helvetica, sans-serif;
}

.panel a,
.panel a:hover,
.panel a:active,
.panel a:visited {
    color: inherit;
    text-decoration: none;
}

.slick-prev:before, .slick-next:before {
    color: #000;
}

.form-control {
    background: 0;
    background: #ffffff;
    box-shadow: none;
    transition: 0;
    border-radius: 0;
}

label.error.help-block.help-block-feedback {    
    width: auto !important;
}

label {
    color: #282828;
    font-weight: normal;
    width: 100%;
}

.modal-content {
    border-radius: 0;
}

.alert {
    box-shadow: none;
    webkit-box-shadow: none;
    text-shadow: none;
    border-radius: 0;
    background-image: none;
    padding: 6px 8px;
}

    .alert button.close {
        font-size: 18px;
        padding-top: 1px;
    }
    .alert-with-icon {
        padding-left: 3.75rem;
    }
.popover-title {
    padding: 8px 20px 5px 20px;
    font-family: 'blissbold', Helvetica, sans-serif;
}

    .popover-title button {
        font-size: 16px;
    }


/* ==========================================================================
   Algemeen
   ========================================================================== */

@font-face {
    font-family: 'blissmedium';
    src: url('/content/fonts/bliss-medium-webfont.eot');
    src: url('/content/fonts/bliss-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/bliss-medium-webfont.woff') format('woff'), url('/content/fonts/bliss-medium-webfont.ttf') format('truetype'), url('/content/fonts/bliss-medium-webfont.svg#blissmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'blissbold';
    src: url('/content/fonts/bliss-bold-webfont.eot');
    src: url('/content/fonts/bliss-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/bliss-bold-webfont.woff') format('woff'), url('/content/fonts/bliss-bold-webfont.ttf') format('truetype'), url('/content/fonts/bliss-bold-webfont.svg#blissbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'blissextrabold';
    src: url('/content/fonts/bliss-extrabold-webfont.eot');
    src: url('/content/fonts/bliss-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/bliss-extrabold-webfont.woff') format('woff'), url('/content/fonts/bliss-extrabold-webfont.ttf') format('truetype'), url('/content/fonts/bliss-extrabold-webfont.svg#blissextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'blissregular';
    src: url('/content/fonts/bliss-regular-webfont.eot');
    src: url('/content/fonts/bliss-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/bliss-regular-webfont.woff') format('woff'), url('/content/fonts/bliss-regular-webfont.ttf') format('truetype'), url('/content/fonts/bliss-regular-webfont.svg#blissregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tidyhand';
    src: url('/content/fonts/tidyhand.eot');
    src: url('/content/fonts/tidyhand.eot?#iefix') format('embedded-opentype'), url('/content/fonts/tidyhand.woff') format('woff'), url('/content/fonts/tidyhand.ttf') format('truetype'), url('/content/fonts/tidyhand.svg#tidyhand') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'maria';
    src: url('/content/fonts/mariashandwriting-webfont.eot');
    src: url('/content/fonts/mariashandwriting-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/mariashandwriting-webfont.woff') format('woff'), url('/content/fonts/mariashandwriting-webfont.ttf') format('truetype'), url('/content/fonts/mariashandwriting-webfont.svg#mariashandwriting') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*body.body-checkout {
        padding-top: 54px;
    }*/

.row {
    position: relative;
}

.row-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.8;
}

.row-title-hr {
    background-image: url('/images/checkout-steps-bg-xs.png');
    background-repeat: repeat-x;
    font-size: 18px;
    margin-bottom: 20px;
    padding-top: 10px;
}

.row-title .bg-white {
    width: auto;
    padding: 0 10px;
    background-color: #ffffff;
}

.blissbold {
    font-family: 'blissbold', Helvetica, sans-serif !important;
}

.handwritten {
    /*font-family: 'maria', 'blissmedium', Helvetica, sans-serif;*/
    font-family: 'Homemade Apple', cursive;
}

.no-padding {
    padding: 0;
    overflow-x: hidden;
}

.paddinglr15 {
    padding: 0 15px;
}

.marginlr15 {
    padding: 0 30px;
}

.homemenu-text {
    font-family: 'Fjalla One', 'blissmedium', Helvetica, sans-serif;
    color: #fff;
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
    font-size: 40px;
    text-transform: uppercase;
    line-height: 10px;
    padding-right: 15px;
}

a, a:active, a:hover, a:visited {
    color: #000000;
}

    a.anchor {
        display: block;
        position: relative;
        top: -120px;
        visibility: hidden;
    }

.tidyhand {
    font-family: 'tidyhand', 'blissmedium', Helvetica, sans-serif;
}

h1 {
    font-size: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.text-uppercase {
    text-transform: uppercase;
}

ul {
    margin: 0;
    padding: 0;
}

.limit-1200 {
    max-width: 1200px;
    margin: 0 auto;
}

.half-width {
    width: 50% !important;
}

.full-width {
    width: 100% !important;
}

.container-bg {
    width: 100%;
    background-color: #fff;
}

.bg-grey {
    background-color: #cccccc !important;
}

.form-title {
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 10px;
    font-family: 'blissbold', Helvetica, sans-serif;
}

.heading {
    font-size: 24px;
    text-transform: uppercase;
    padding-bottom: 10px;
    color: #282828;
    font-family: 'blissbold', Helvetica, sans-serif;
}

.btn-black {
    width: 100%;
    border-radius: 0;
    text-transform: uppercase;
    line-height: 2;
    background-color: #333;
    border: 0;
    color: #ffffff;
    margin-bottom: 10px;
}

    .btn-black:hover,
    .btn-black:focus {
        background-color: #000;
        color: #ffffff;
    }

    .btn-black. btn-black-small {
        line-height: 1.5;
    }

.btn-checkout-next {
    border-radius: 0;
    text-transform: uppercase;
   
    background-color: #e5721f;
    border: 0;
    color: #ffffff;
    margin-bottom: 10px;
}
    .btn-checkout-next:hover,
    .btn-checkout-next:focus {
        background-color: #e85920;
        color: #ffffff;
    }

    .btn-checkout-next.btn-checkout-next-small {
        line-height: 1.5;
    }
.btn-checkout-prev {
    /*width: 100%;
    border-radius: 0;
    text-transform: uppercase;
    line-height: 2;
    background-color: #e5721f;
    border: 0;
    color: #ffffff;
    margin-bottom: 10px;*/
}

    .btn-checkout-prev:hover,
    .btn-checkout-prev:focus {
        /*background-color: #e85920;
        color: #ffffff;*/
    }

    .btn-checkout-prev.btn-checkout-prev-small {
        line-height: 1.5;
    }
.btn-orange {
    width: 100%;
    border-radius: 0;
    text-transform: uppercase;
    line-height: 2;
    background-color: #e5721f;
    border: 0;
    color: #ffffff;
    margin-bottom: 10px;
}

    .btn-orange:hover,
    .btn-orange:focus {
        background-color: #e85920;
        color: #ffffff;
    }

    .btn-orange.btn-orange-small {
        line-height: 1.5;
    }

.btn-green {
    width: 100%;
    border-radius: 0;
    text-transform: uppercase;
    line-height: 2;
    background-color: #000000;
    border: 0;
    color: #ffffff;
    margin-bottom: 10px;
}

    .btn-green:hover,
    .btn-green:focus {
        background-color: #333;
        color: #ffffff;
    }

    .btn-green .btn-green-small {
        line-height: 1.5;
    }

.btn-grey {
    width: 100%;
    border-radius: 0;
    text-transform: uppercase;
    line-height: 2;
    background-color: #e8e8e8;
    border: 0;
    color: #000000;
    margin-bottom: 10px;
}

    .btn-grey:hover,
    .btn-grey:focus {
        background-color: #dddddd;
        color: #000000;
    }

    .btn-grey.btn-grey-small {
        line-height: 1.5;
    }

.forward .glyphicon {
    line-height: 2;
    font-size: 13px;
    margin-left: 12px;
}

.usp-block {
    padding: 5px 10px 10px 0px;
    font-size: 13px;
    margin-bottom: 20px;
}
.fa-ul {
    margin-left: 1.5em!important; 
    /*margin-left:5px !important;*/
}
.usp-block .text-usp {
    padding-left: 8px;
}

    .usp-block tr td {
        padding-top: 4px;
    }

.sidebar-blok {
    /*padding: 10px;*/
}

    .sidebar-blok .title {
        height: 20px;
        font-size: 15px;
        font-family: 'blissbold', Helvetica, sans-serif;
        text-transform: uppercase;
        border-bottom: 1px solid #dddddd;
    }

    .sidebar-blok .glyphicon-ok {
        /*display: none;*/
    }

p {
    line-height: normal;
}

.text-grey {
    color: #666666 !important;
}

.annotatie,
span.annotatie {
    color: #ce181e;
}

.owl-carousel-container {
    position: relative;
}

.owl-carousel .artikel,
.owl-carousel .artikel:hover {
    border: none;
}

    .owl-carousel .artikel .artikel-titel {
        font-size: 14px;
    }

.owl-carousel-container img.item-prev,
.owl-carousel-container img.item-next {
    position: absolute;
    top: 40%;
    display: block;
    z-index: 1;
    height: 32px;
    width: 32px;
    cursor: pointer;
}

.owl-carousel-container img.item-prev {
    left: 10px;
}

.owl-carousel-container img.item-next {
    right: 10px;
}

.banner-slide-container {
    position: relative;
}

    .banner-slide-container img.banner-prev,
    .banner-slide-container img.banner-next {
        position: absolute;
        top: 40%;
        display: block;
        z-index: 1;
        height: 60px;
        width: 60px;
        cursor: pointer;
        opacity: 0.7;
    }

        .banner-slide-container img.banner-prev:hover,
        .banner-slide-container img.banner-next:hover {
            opacity: 1.0;
        }

    .banner-slide-container img.banner-prev {
        left: 20px;
    }

    .banner-slide-container img.banner-next {
        right: 20px;
    }

.owl-carousel .item {
    margin: 3px;
    /* padding: 20px;*/
}

    .owl-carousel .item img {
        display: block;
        width: 100%;
        height: auto;
    }

/* ==========================================================================
   Navigation 1
   ========================================================================== */

/*.navbar, .navbar-fixed-top {
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    height: 42px;
}

.opacity07 {
    opacity: 0.8;
}

.navbar {
    min-height: 0;
}

.navbar-header {
    float: left;
}*/

/*#topbar {
    height: 42px;
}*/

/* === Navigation top === */

/*#subnav {
    height: 26px;    
    color: #000;
    overflow: hidden;
}*/

#usp {
    height: 24px;
    padding-top: 5px;
    line-height: 0.9;
    font-family: 'maria', 'blissregular', Helvetica, sans-serif;
    font-size: 19px;
    color: #ffffff;
    letter-spacing: 0.6px;
}



#sublinks ul {
    padding: 0;
    text-align: right;
    height: 24px;
    padding-top: 3px;
}

    #sublinks ul li {
        display: inline;
        font-size: 13px;
        font-family: 'blissregular', sans-serif;
        text-align: right;
        border-right: 1px solid #666666;
        padding: 0 4px 0 2px;
        margin: 0;
    }

        #sublinks ul li.item-last {
            border-right: 0;
            padding-right: 0;
        }

        #sublinks ul li a {
            color: #000;
        }

.klantenservice-status {
    height: 11px;
    width: 11px;
}

/* ==========================================================================
   Navigation 2
   ========================================================================== */

#navmain {
    height: 40px;
}

#navmain-logo {
    height: 40px;
    z-index: 9999;
}

    #navmain-logo img {
        width: 180px;
        /*margin-top: 14px;*/
    }

#navmain-right {
    height: 40px;
}

#nav-trustpilot {
    width: 100px;
    padding-top: 19px;
    margin-right: 50px;
}

#nav-zoeken {
    width: 300px;
    margin-right: 42px;
    padding-top: 12px;
}

#nav-zoeken {
    max-width: 220px;
    float: right;
}

    #nav-zoeken button {
        display: block;
    }

#zoekform {
    width: 180px;
    margin: 0 auto;
    z-index: 1000;
    background-color: #ccc;
}

#offcanvas-cart, #offcanvas-wishlist {
    /*position: relative;
    width: 50px;*/
    z-index: 1060;
    margin: 4px 0;
    font-family: 'blissmedium', Helvetica, sans-serif;
    text-align: left;
}

    /*#nav-cart .empty-cart {
        text-align: left;
        display: block;
        //height: 30px;
        padding-top: 10px;
        padding-left: 5px;
        font-size: 12px;
    }*/

    /*#nav-cart-collapsed:hover {
    cursor: pointer;
}*/

    #offcanvas-cart .cart-summary {
        /*position: absolute;
        right: 0px;
        top: 40px;
        display: none;
        height: auto;
        min-height: 200px;
        max-height: 600px;
        width: 400px;*/
        background-color: #ffffff;
        z-index: 1000;
        border: 1px solid #dddddd;
        box-shadow: 0 2px 5px #000000;
        padding: 10px 20px;
        overflow-y: auto;
    }


    #offcanvas-cart .row-title,
    #cart-mobile .row-title {
        border-bottom: 1px solid #eeeeee;
        margin: 0;
        padding-top: 5px;
    }

    #offcanvas-cart .cart-row,
    #offcanvas-wishlist .cart-row,
    #cart-mobile .cart-row,
    #zoekresultaten .zoek-row {
        height: auto;
        margin: 0;
        border-bottom: 1px solid #eeeeee;
        padding: 10px 0;
    }

    #offcanvas-cart .row-total,
    #cart-mobile .row-total {
        height: auto;
        margin: 0;
        border-bottom: 1px solid #eeeeee;
        padding: 10px 0;
        text-transform: uppercase;
        font-size: 15px;
    }

    #offcanvas-cart .row-buttons {
        padding: 10px 0 0 0;
    }

    #offcanvas-cart .cart-row span,
    #offcanvas-wishlist .cart-row span,
    #cart-mobile .cart-row span {
        display: block;
        text-align: left;
    }

    #offcanvas-cart .row-total span.totaalbedrag,
    #cart-mobile .row-total span.totaalbedrag {
        font-family: 'Fjalla One', 'blissmedium', Helvetica, sans-serif;
        float: right;
        font-size: 17px;
        text-align: right;
        /*font-weight: bold;*/
    }

    #offcanvas-cart span.cart-art-naam,
    #offcanvas-wishlist span.cart-art-naam,
    #cart-mobile span.cart-art-naam {
        font-size: 15px;
    }

.cart-art-maat {
    margin-top: 10px;
}

    .cart-art-maat p {
        margin: 0;
        margin-bottom: 3px;
        font-size: 12px;
        color: #666666;
    }

#offcanvas-cart .cart-row img,
#offcanvas-wishlist .cart-row img,
#cart-mobile .cart-row img {
    height: 60px;
    width: 60px;
}

#offcanvas-cart .offcanvas-body span,
#offcanvas-wishlist .offcanvas-body span,
#cart-mobile span {
    display: block;
    height: 16px;
    font-size: 12px;
    text-align: right;
}

    #offcanvas-cart span.cart-prijs,
    #cart-mobile span.cart-prijs {
        font-size: 17px;
        text-align: right;
        color: #000000;
        font-family: 'Fjalla One', 'blissmedium', Helvetica, sans-serif;
        padding-top: 15px;
    }

    #offcanvas-cart span.cart-vanprijs,
    #cart-mobile span.cart-vanprijs {
        display: block;
        font-size: 12px;
        text-align: right;
        color: #000000;
        font-family: 'Fjalla One', 'blissmedium', Helvetica, sans-serif;
        text-decoration: line-through;
    }

    #offcanvas-cart span.cart-voorprijs,
    #cart-mobile span.cart-voorprijs {
        display: block;
        font-size: 17px;
        text-align: right;
        color: #ce181e;
        font-family: 'Fjalla One', 'blissmedium', Helvetica, sans-serif;
    }

/*
#nav-cart :nth-child(2) {
    font-size: 15px;
}
*/

#offcanvas-cart img,
#offcanvas-wishlist img,
#cart-mobile img {
    height: 20px;
    width: 20px;
    margin-top: 7px;
    margin-right: 5px;
    float: right;
}

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

.navbar-collapse {
    clear: both;
}

#nav-cart-small {
    height: 40px;
    width: auto;
    float: right;
    text-align: center;
    border: 0;
    line-height: 2.2;
}

button#nav-cart-small {
    padding-right: 2px;
    margin: 0;
}

#nav-cart-small img {
    width: 24px;
    float: left;
    margin-top: 2px;
}

#nav-user-small {
    height: 40px;
    width: auto;
    float: right;
    text-align: center;
    border: 0;
}

    #nav-user-small img {
        width: 24px;
    }

#nav-zoeken-small {
    height: 40px;
    width: auto;
    float: right;
    text-align: right;
    border: 0;
}

    #nav-zoeken-small img {
        width: 24px;
    }

#retailers-login {
    margin-right: 30px;
}

    #retailers-login .btn {
        background-color: darkorange;
        color: #fff;
        padding-left: 40px;
        padding-right: 40px;
        margin-top: 5px;
    }

#mobile-dropdown-menu {
    height: auto;
    padding: 20px 10px;
    z-index: 1000;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 4px 5px -2px #000000;
}

    #mobile-dropdown-menu button {
        border-bottom: none;
        text-transform: uppercase;
        text-align: left;
        padding-left: 10px;
    }

    #mobile-dropdown-menu .button-last button {
        border-bottom: 1px solid #dddddd;
    }

#mobile-search {
    height: auto;
    padding: 20px 10px;
    z-index: 1000;
    background: #ffffff;
    box-shadow: 0 4px 5px -2px #000000;
    margin-top: -6px;
}

    #mobile-search button {
        background-color: #000000;
        color: #ffffff;
    }

#zoekresultaten {
    /*position: absolute;
    right: 146px;
    top: 52px;
    width: 500px;*/
    display: none;
    height: auto;
    background-color: #ffffff;
    /*box-shadow: 0 2px 5px #000000;*/
    z-index: 1000;
    /*padding: 10px 20px;*/
    /*border: 1px solid #dddddd;*/
}

    #zoekresultaten .row-title {
        border-bottom: 1px solid #eeeeee;
        padding-top: 5px;
        margin: 0;
    }

    #zoekresultaten .zoeken-img {
        width: 40px;
        height: 40px;
    }

    #zoekresultaten .zoek-row:hover {
        background-color: #f9f9f9;
        cursor: pointer;
    }

    #zoekresultaten .btn-row {
        margin: 0;
        padding-top: 10px;
        border: none;
    }

.zoeken-artikel {
    width: 280px;
    padding-left: 20px;
    padding-top: 2px;
}

.zoeken-prijs {
    width: 100px;
}

.zoeken-artikel span {
    width: auto;
    display: block;
    font-family: 'blissmedium', Helvetica, sans-serif;
    font-size: 12px;
}

#zoekresultaten span.zoeken-art-naam {
    font-size: 15px;
}

#zoekresultaten span.cart-prijs {
    font-size: 17px;
    text-align: right;
    color: #000000;
    font-family: 'Fjalla One', 'blissmedium', Helvetica, sans-serif;
    float: right;
    padding-top: 8px;
}

#zoekresultaten span.cart-vanprijs {
    padding-top: 2px;
    display: block;
    font-size: 12px;
    text-align: right;
    color: #000000;
    font-family: 'Fjalla One', 'blissmedium', Helvetica, sans-serif;
    text-decoration: line-through;
}

#zoekresultaten span.cart-voorprijs {
    display: block;
    font-size: 17px;
    text-align: right;
    color: #ce181e;
    font-family: 'Fjalla One', 'blissmedium', Helvetica, sans-serif;
}

.zoeken-close {
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 18px;
}

.lookbook-verkoopprijs {
    font-size: 17px;
    text-align: right;
    color: #000000;
    font-family: 'Fjalla One', 'blissmedium', Helvetica, sans-serif;
    padding-top: 8px;
}

.lookbook-vanprijs {
    padding-top: 2px;
    font-size: 12px;
    color: #000000;
    font-family: 'Fjalla One', 'blissmedium', Helvetica, sans-serif;
}

.lookbook-voorprijs {
    font-size: 17px;
    text-align: right;
    color: #ce181e;
    font-family: 'Fjalla One', 'blissmedium', Helvetica, sans-serif;
    padding-left: 20px;
}

.lb-soldout-roberto-sarto, .lb-soldout-rs-sports {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(/images/label-roberto-sarto-soldout-nl.png);
    background-size: cover;
}

.lb-soldout-anotherwoman {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(/images/label-anotherwoman-soldout-nl.png);
    background-size: cover;
}

.lb-soldout-poools {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(/images/label-poools-soldout-nl.png);
    background-size: cover;
}

.lb-comingsoon-roberto-sarto, .lb-comingsoon-rs-sports {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(/images/label-roberto-sarto-comingsoon-nl.png);
    background-size: cover;
}

.lb-comingsoon-anotherwoman {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(/images/label-anotherwoman-comingsoon-nl.png);
    background-size: cover;
}

.lb-comingsoon-poools {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(/images/label-poools-comingsoon-nl.png);
    background-size: cover;
}

/* ==========================================================================
   Navigation 3
   ========================================================================== */

#subnav2 {
    /*background-color: #eeeeee;*/
    color: #fff;
    /* height: 35px;
    border-bottom: 1px solid #ffffff;*/
}

#nav-links {
    margin-top: -60px;
}

    #nav-links ul {
        padding: 0;
        margin-left: 250px;
    }

        #nav-links ul li {
            display: inline-block;
            cursor: pointer;
            height: 34px;
        }

            #nav-links ul li a {
                display: block;
                line-height: 2.6;
                color: #282828;
                /*font-family: 'blissregular', Helvetica, sans-serif;*/
                /*font-family: 'Fjalla One', sans-serif;*/
                font-family: 'Open Sans Condensed', sans-serif;
                font-size: 18px;
                padding: 0 12px;
                text-transform: uppercase;
            }

                #nav-links ul li a.nav-first {
                    padding-left: 0;
                }

                #nav-links ul li a:hover {
                    background: none;
                    text-decoration: underline;
                }

#navsocial {
    width: auto;
    float: right;
}

    #navsocial span {
        color: #282828;
        font-size: 14px;
        line-height: 3;
        margin-right: 10px;
        float: left;
    }

    #navsocial img {
        margin: 0;
        padding: 0;
        float: right;
        opacity: 0.5;
    }

        #navsocial img:hover {
            opacity: 1.0;
        }

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */

#breadcrumbs ol,
#breadcrumbs ol.breadcrumb {
    width: auto !important;
    float: left;
    margin-bottom: 0;
}

#breadcrumbs .breadcrumb {
    padding: 8px 0;
    font-size: 12px;
    background: none;
}

#breadcrumbs ul li {
    list-style: none;
    display: inline;
}

#breadcrumbs h1 {
    margin-top: 0px;
}

/* ==========================================================================
   Homepage
   ========================================================================== */
#our-brands {
    margin: -40px 0 20px 0;
}

.our-brands-banner-text {
    background-color: #FFFFFF;
    opacity: 0.8;
    text-align: center;
    /*height:240px;*/
    height: 100px;
    margin-top: -120px;
    /*padding:40px 30px;*/
    padding: 18px 30px 40px 30px;
}

.our-brands-brand-button {
    height: auto;
    position: relative;
    margin: -70px 0 20px 0;
    text-align: center;
    opacity: 0.99;
}

#home-slider {
    display: block;
    width: 100%;
    /*max-width: 1200px;*/
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: -40px;
}

    #home-slider .slider-banners {
        position: relative;
    }

    #home-slider img {
        //border: 1px solid #000000;
    }

/*.banner-caption {
    width: 100%;
    height: auto;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url('/images/bgcaption.png');
    background-repeat: repeat;
}*/
.banner-caption {
    width: 70%;
    height: auto;
    padding: 20px;
    position: absolute;
    top: 40%;
    left: 10%;
}

.scrolldown-container {
    left: 0;
    right: 0; /*width: 100%;*/ /*Opmerking: Width 100% zorgt ervoor dat er een horizontale scrollbar komt bij kleinere schermen*/
    height: auto;
    position: absolute;
    bottom: 15%;
    margin: 0 auto;
    text-align: center;
    /*z-index:1300;*/
}

.btn-scrolldown {
    width: auto;
    height: auto;
    padding: 10px 30px;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    text-transform: uppercase;
}

.our-brands-brand-button {
    height: auto;
    position: relative;
    margin: -70px 0 20px 0;
    text-align: center;
    opacity: 0.99;
}

.btn-collection {
    width: auto;
    height: auto;
    padding: 10px 30px;
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
    text-transform: uppercase;
}

.btn-scrolldown:hover {
    background-color: #fff;
    opacity: 0.3;
}

.banner-caption p {
    color: #fff;
    /*font-family: 'blissregular', Helvetica, sans-serif;*/
    /*font-family: 'Open Sans Condensed', sans-serif;*/
    /*font-family: 'Rambla', sans-serif;*/
    font-family: 'Fjalla One', sans-serif;
    margin: 0;
}

    .banner-caption p a {
        text-decoration: none;
        color: #fff;
    }

.banner-caption span.glyphicon {
    font-size: 28px;
}

.banner-caption .h1 {
    /*font-family: 'blissbold', Helvetica, sans-serif;*/
    /*font-family: 'Open Sans Condensed', sans-serif;*/
    /*font-family: 'Rambla', sans-serif;*/
    font-family: 'Fjalla One', sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #ffffff;
}

.banner-caption .h1-sub {
    font-family: 'Fjalla One', sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #ffffff;
    text-decoration: underline;
    margin: 5% 0 0 12%;
}

#home-buttons-mobile {
    margin-top: 15px;
}

    #home-buttons-mobile button {
        height: 40px;
        line-height: 2;
        text-align: left;
        font-size: 15px;
        text-transform: uppercase;
        padding-left: 10px;
        border: 1px solid #eee;
        margin: 5px 0;
        position: relative;
    }

        #home-buttons-mobile button:hover {
            background: none;
        }

        #home-buttons-mobile button span.glyphicon {
            float: right;
            text-align: right;
            padding-right: 10px;
            line-height: 1.8;
            position: absolute;
            right: 5px;
            top: 6px;
        }

#banners-sub1 {
    margin-bottom: 20px;
    width: 100%;
    background-color: #FFF;
}


#homepage-leader {
    margin: 30px 0;
}

.homepage-leader {
    font-size: 36px;
    padding-top: 30px;
}

#homepage-leader-subtitle {
    font-family: 'Fjalla One', Helvetica, sans-serif;
    text-transform: uppercase;
    /*margin: 30px 0 20px 0;*/
    line-height: 25px;
}

.subbanner-home {
    height: auto;
    padding: 0;
    margin: 5px 0 0 0;
    border: 1px solid #666;
    display: block;
    text-align: center;
}

#home-merken {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    margin: 80px 0;
}

    #home-merken .img-merk {
        width: 100px;
        height: 100px;
        margin: 10px;
        float: left;
        border: 1px solid #eeeeee;
    }

        #home-merken .img-merk img {
            border: none;
            margin: 10px;
            background-color: #fff;
            width: 80px;
            height: 80px;
        }

    #home-merken span {
        color: #fff;
        margin-bottom: 40px;
    }

    #home-merken .heading {
        color: #282828;
    }

#home-producten {
    width: 100%;
    height: auto;
    margin-top: 20px;
    background-color: #fff;
}

#tab-producten li {
    padding-top: 10px;
}

    #tab-producten li a {
        background-color: #dddddd;
        border-color: #dddddd;
    }

    #tab-producten li.active a {
        background-color: #ffffff;
        border: 1px solid #eeeeee;
        border-bottom: 1px solid transparent;
    }

    #tab-producten li a {
        border-radius: 0;
        border: none;
        margin: 0 10px;
    }

#tab-producten a {
    font-family: 'maria', 'blissregular', Helvetica, sans-serif;
    font-size: 20px;
    padding-top: 2px;
    letter-spacing: 0.6px;
    height: 30px;
}

#tab-content img.item-prev,
#tab-content img.item-next {
    width: 20px !important;
    height: 20px !important;
}

#home-winkels {
    background-color: #000000;
    background: url('/images/kaart_bg2.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 20px 0;
    color: #ffffff;
    margin-top: 20px;
}

    #home-winkels .heading {
        color: #ffffff;
    }

    #home-winkels img {
        height: 200px;
        float: right;
        overflow: hidden;
        opacity: 0.8;
    }

#home-winkelform {
    position: absolute;
    left: 20px;
    top: 25%;
    max-width: 90%;
}

    #home-winkelform .form-control {
        border: none;
    }

    #home-winkelform .btn-default {
        background-color: #000000;
        color: #ffffff;
        border: 1px solid #000000;
    }

        #home-winkelform .btn-default:hover {
            border-left: none;
        }

#store-search {
    max-width: 300px;
}

    #store-search input {
        background-color: #ffffff;
        max-width: 300px;
    }

#home-klantenservice {
    background-color: #eeeeee;
    text-align: center;
    padding: 40px 0 20px 0;
    font-size: 13px;
}

    #home-klantenservice .klantenservice-col {
        background-color: #ffffff;
        padding: 10px 10px;
        margin-bottom: 30px;
    }

    #home-klantenservice .title {
        display: block;
        width: auto;
        text-align: center;
        font-family: 'maria', 'blissregular', Helvetica, sans-serif;
        font-size: 20px;
    }

    #home-klantenservice .span-title {
        padding-left: 3px;
    }

    #home-klantenservice span.usp-logo img {
        height: 32px;
        width: 32px;
    }

#home-social {
    margin: 0 0 20px 0;
    background: #dddddd;
}

    #home-social .social-blok {
        margin: 60px 0;
        padding: 20px 25px;
        border: 1px solid #ffffff;
    }

        #home-social .social-blok p {
            display: block;
            text-align: center;
            color: #000000;
            font-size: 15px;
        }

    #home-social .title-red {
        color: #ce181e;
        font-size: 14px;
        display: block;
        height: 20px;
        text-align: center;
        margin-bottom: 10px;
    }

    #home-social .social-title {
        text-transform: uppercase;
        font-size: 24px;
        color: #ffffff;
        text-align: center;
        display: block;
        line-height: 1.2;
        margin-bottom: 20px;
    }

#social-nieuwsbrief form input[type=email] {
    width: 100%;
    background-color: #ffffff;
}

#social-nieuwsbrief form {
    margin-top: 30px;
}

    #social-nieuwsbrief form button,
    #social-blog button {
        margin-top: 5px;
        width: 100%;
        background-color: #000000;
        color: #ffffff;
        text-transform: uppercase;
    }

#social-media .text-center {
    padding: 20px;
}

/* ==========================================================================
   SEO text
   ========================================================================== */

#seotext {
    background-color: #eeeeee;
    font-size: 12px;
    padding: 20px 0;
}

    #seotext h1, h2, h3 {
        font-size: 14px;
    }


/* ==========================================================================
   Matrix pagina
   ========================================================================== */

#pagina-banner {
    /*margin: -40px 0 10px 0;*/
    position: relative;
}

#usp-bar {
    background-color: #ccc;
    min-height: 30px;
    padding-top: 5px;
}


#matrix-filteren button.selectpicker {
    height: 25px;
    background-image: none;
    background-color: #eeeeee;
    padding-top: 2px;
    text-shadow: none;
    box-shadow: none;
    border: 1px solid #dddddd;
}

#matrix-filteren .bootstrap-select {
    width: 100%;
}

    #matrix-filteren .bootstrap-select span {
        font-size: 14px;
        font-family: 'blissregular', Helvetica, sans-serif;
        font-weight: normal;
    }

#matrix-filteren .prijsrange {
    width: 100%;
    padding: 0 20px;
}

#matrix-filteren .wis-filters {
    padding-left: 2px;
    line-height: 2;
    color: #666666;
}

#matrix-filteren a.wis-filters:hover {
    cursor: pointer !important;
    text-decoration: none;
}

#matrix-filteren .glyphicon-remove {
    top: 2px;
}

#matrix-sorteren {
    margin-top: 20px;
    height: auto;
    border: 1px solid #eeeeee;
    padding: 8px 0 6px 0;
    background-color: #fcfcfc;
}

    #matrix-sorteren label {
        font-weight: normal;
        width: auto;
    }

    #matrix-sorteren .btn-group {
        width: auto;
        max-width: 120px;
    }

    #matrix-sorteren .form-group {
        margin: 0;
    }

    #matrix-sorteren button.selectpicker {
        height: 25px;
        width: auto;
        background-image: none;
        background-color: #ffffff;
        padding-top: 2px;
        text-shadow: none;
        box-shadow: none;
        border: 1px solid #dddddd;
    }

.paginering .active a {
    background-color: #eeeeee;
    border-color: #dddddd;
}

.paginering a {
    height: 25px;
    color: #282828;
    line-height: 1;
    font-size: 14px;
    background-color: #ffffff;
}

    .paginering a:hover {
        background-color: #eeeeee;
    }

.paginering .pagination {
    margin: 0;
}

#paginering-small {
    text-align: center;
    padding-top: 20px;
    margin-bottom: 20px;
}

#paginering-small-bottom {
    text-align: center;
    padding-top: 20px;
    margin-bottom: 20px;
}

.pagination li a,
.pagination li a:hover {
    color: #000000;
    border: none;
}

.pagination .active a {
    color: #000000;
    border-radius: 90px;
}

.pagination a:hover {
    border-radius: 90px;
}

.pagination .active a:hover {
    background-color: #eeeeee;
    color: #000000;
    cursor: pointer;
    border: 1px solid #dddddd;
}

#matrix-sorteren {
    border: none;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    background-color: #ffffff;
}

    #matrix-sorteren button {
        height: 25px;
    }

        #matrix-sorteren button img {
            width: 16px;
            height: 16px;
        }

#product-matrix {
    height: auto;
    padding: 20px 0;
}

.artikel {
    display: block;
    z-index: 0;
    position: relative;
    margin-bottom: 20px;
    height: auto;
    width: 100%;
    border: 1px solid #ffffff;
}

    .artikel:hover {
        border: 1px solid #f5ddde;
    }

    .artikel img {
        margin: 0px auto;
    }

.artikel-inner {
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    z-index: 2000;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}

.artikel:hover .artikel-inner {
    border: 1px solid #f5ddde;
}

.artikel-maten {
    display: none;
    text-align: center;
}

    .artikel-maten span {
        display: block;
        text-align: center;
    }

.artikel .artikel-titel {
    position: relative;
    width: 100%;
    height: 30px;
    text-align: center;
    margin-top: 20px;
}

.artikel .artikel-prijs {
    position: relative;
    width: 100%;
    text-align: center;
    height: 50px;
    font-size: 20px;
    /*font-family: 'Fjalla One', Helvetica, sans-serif;*/
}

.artikel .artikel-vanprijs {
    position: relative;
    width: 46%;
    float: left;
    text-align: right;
    height: 50px;
    font-size: 14px;
    /*font-family: 'Fjalla One', Helvetica, sans-serif;*/
    top: 2px;
    text-decoration: line-through;
}

.artikel .artikel-voorprijs {
    position: relative;
    width: 51%;
    float: right;
    text-align: left;
    height: 50px;
    font-size: 20px;
    /*font-family: 'Fjalla One', Helvetica, sans-serif;*/
    color: #ce181e;
}

.artikel .actielabel img {
    position: absolute;
    width: 65px;
    height: 65px;
    top: 15px;
    right: 15px;
}

.artikel .img-verwacht {
    position: absolute;
    top: 0;
    left: 0;
}

#sis-banners {
    margin-top: 20px;
}

/* ==========================================================================
   Product
   ========================================================================== */

.product-nav {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 12px;
    width: auto;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #dddddd;
    text-align: center;
}

    .product-nav a {
        display: block;
        margin: 0 8px;
    }

    .product-nav p {
        margin-left: 0px;
        margin-right: 10px;
        line-height: 1.5;
    }

#product-look-thumbs {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 40px;
    font-family: 'Fjalla One', Helvetica, sans-serif;
    font-size: 18px;
}

#product-thumbs {
    width: 100%;
    height: auto;
}

    #product-thumbs .owl-wrapper {
        width: 100% !important;
    }

    #product-thumbs .owl-item {
        width: 100% !important;
        height: 100% !important;
    }

        #product-thumbs .owl-item .item {
            padding: 0;
        }

.product-prev {
    text-align: left;
}

    .product-prev span.glyphicon,
    .product-next span.glyphicon {
        font-size: 12px;
    }

.product-next {
    text-align: right;
}

#product-main {
}

#product-img-carousel .owl-controls {
    display: none;
}

img.actielabel {
    position: absolute;
    width: 65px;
    height: 65px;
    top: 0;
    right: 50px;
    z-index: 10;
}

#product-main h1 {
    font-size: 14px;
    margin-top: 0;
    text-transform: none;
}

#product-main span.h1 {
    font-size: 34px;
    display: block;
    margin-bottom: 2px;
    margin-top: 0;
    font-weight: bold;
    margin-left: -2px !important;
}

#product-main span.kleur {
    display: block;
    width: 100%;
    font-size: 13px;
    color: #bbbbbb;
    font-style: italic;
}

#product-main #product-img {
    /* padding-left: 20px;
    padding-right: 20px;*/
    padding-bottom: 20px;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
}

#product-main #accordion .panel,
#product-main #accordion .panel-default {
    box-shadow: none !important;
    webkit-box-shadow: none !important;
}

#product-main #accordion .panel-heading {
    background-color: #ffffff;
}

#product-main #accordion .panel-title, #product-info .panel-title, #ingekocht .panel-title {
    color: #000000;
    font-size: 20px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

#product-main #accordion img.brandimage {
    margin-right: 15px;
    border: 1px solid #dddddd;
    padding: 5px;
    max-width: 80px;
    width: auto;
}

.img-arrows {
    width: 120px;
    margin: auto;
    text-align: center;
}

#product-mobile .badge.art-kleur {
    display:none;
}

#product-colright {
    border-left: 1px solid #dddddd;
}

    #product-colright .titel {
        font-family: 'Fjalla One', sans-serif;
        font-size: 20px;
        margin-bottom: 6px;
    }

    #product-colright hr {
        margin: 8px 0 12px 0;
    }

    #product-colright .badge.art-kleur {
        background-color: #000000;
        border-radius: 90px;
        height: 24px;
        width: 24px;
        font-size: 15px;
        line-height: 1.4;
        font-family: 'maria', 'blissmedium', Helvetica, sans-serif;
        color: #fff;
    }

    #product-colright .product-step {
        /*font-family: 'Fjalla One', serif !important;*/
        font-size: 20px;
        margin-left: 8px;
        line-height: 1.7;
    }

#product-price {
    margin-top: 10px;
    margin-bottom: 15px;
}

    #product-price .prijs {
        /* position: relative;*/
        width: 100%;
        text-align: left;
        padding-left: 5px;
        margin-left: -2%;
        font-size: 24px;
        /*font-family: 'Fjalla One', Helvetica, sans-serif;*/
    }

    #product-price .vanprijs {
        position: relative;
        width: auto;
        float: left;
        margin-right: 10px;
        font-size: 18px;
        font-family: 'Fjalla One', Helvetica, sans-serif;
        top: 2px;
        text-decoration: line-through;
    }

    #product-price .voorprijs {
        position: relative;
        width: auto;
        float: left;
        text-align: right;
        margin-right: 30px;
        font-size: 24px;
        /*font-family: 'Fjalla One', Helvetica, sans-serif;*/
        color: #ce181e;
    }

#product-price-mobile {
    margin-bottom: 15px;
}

    #product-price-mobile .prijs {
        position: relative;
        width: 100%;
        text-align: left;
        font-size: 24px;
        /*font-family: 'Fjalla One', Helvetica, sans-serif;*/
    }

    #product-price-mobile .vanprijs {
        position: relative;
        width: auto;
        float: left;
        margin-right: 10px;
        font-size: 18px;
        /*font-family: 'Fjalla One', Helvetica, sans-serif;*/
        top: 2px;
        text-decoration: line-through;
    }

    #product-price-mobile .voorprijs {
        position: relative;
        width: auto;
        float: left;
        text-align: right;
        margin-right: 30px;
        font-size: 24px;
        /*font-family: 'Fjalla One', Helvetica, sans-serif;*/
        color: #ce181e;
    }

#product-variant {
    width: 100%;
}

    #product-variant .col-sm-3 {
        padding: 0 3px 0 0;
    }

    #product-variant img {
        padding-bottom: 4px;
    }

        #product-variant img.product-active {
            border-bottom: 2px solid #000000;
            padding-bottom: 2px;
        }

#product-size {
    margin-top: 15px;
}

    #product-size button {
        margin-top: 5px;
        width: 100%;
    }

        #product-size button.selectpicker {
            height: 25px;
            background-image: none;
            background-color: #ffffff;
            padding-top: 2px;
            text-shadow: none;
            box-shadow: none;
            border: 1px solid #dddddd;
        }

#product-size-mobile .bootstrap-select {
    width: 100%;
}

/*
#product-size button {
    background-color: #eeeeee;
    font-size: 15px;
    font-family: 'blissmedium', Helvetica, sans-serif;
    margin-bottom: 3px;
    border-radius: 0;
}

#product-size button.maat {
    height: 20px;
    width: 20px;
}

#product-size button:hover,
#product-size button.active {
    background-color: #eeeeee;
    border-color: #ce181e;
    color: #282828;
}
*/
#product-order {
    margin-top: 10px;
}

    #product-order span.levertijd {
        display: block;
        font-size: 12px;
        margin-bottom: 3px;
    }

    #product-order span.usp1 {
        display: block;
        font-size: 14px;
        margin-bottom: 10px;
        color: #419641;
        font-family: 'blissbold', Helvetica, sans-serif;
    }

    #product-order button.addproduct {
        width: 100%;
        border-radius: 0;
        text-transform: uppercase;
        line-height: 2;
        background-color: #000000;
        border: 0;
        color: #ffffff;
        margin-bottom: 10px;
    }

        #product-order button.addproduct .glyphicon {
            font-size: 10px;
            top: 0px;
        }

        #product-order button.addproduct:hover {
            background-color: #333;
        }

    #product-order button.stock {
        width: 100%;
        border-radius: 0;
        text-transform: uppercase;
        line-height: 1.3;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        color: #282828;
        font-size: 12px;
    }

.trustpilot-stars img {
    width: 200px;
    float: left;
    margin-bottom: 20px;
}

#product-order button.stock:hover {
    background-color: #dddddd;
}

#product-order .glyphicon,
#product-main .glyphicon {
    line-height: 2;
    font-size: 13px;
    margin-left: 12px;
}

#product-main {
    position: relative;
}

    #product-main #accordion.panel-group {
        margin-top: 50px;
    }

#product-title {
    position: relative;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    line-height: 1.2;
    padding: 0 20px;
}

    #product-title .panel-title h1 {
        font-family: 'Fjalla One', sans-serif;
        font-size: 16px;
        color: #ffffff;
        line-height: 1.2;
    }


#product-main .panel {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 50px;
    margin-bottom: 30px;
}

#product-main .panel-heading {
    background-color: #cccccc;
    padding: 10px 15px 12px 15px;
}

#product-main .panel-title {
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.2;
}

#product-main .panel-body {
    padding: 15px;
}

#product-main .table,
#product-main .table-responsive {
    border: 0;
}

#product-main table thead tr th,
#product-main table tbody tr td {
    padding: 4px 0;
    border-color: #eeeeee;
}

#slider-aanbevolen {
    position: relative;
    margin-top: 20px;
}

#slider-laatstbekeken {
    position: relative;
    margin-top: 20px;
}

#modal-voorraad .panel-heading {
    //font-family: 'blissregular', Helvetica, sans-serif;
}

#modal-voorraad #form-voorraad {
    position: relative;
}

p.beschikbare-maten {
    font-size: 15px;
    margin-top: 15px !important;
}


/* ==========================================================================
   Cart
   ========================================================================== */

#checkout-steps {
    height: 30px;
    background-image: url('/images/checkout-steps-bg-xs.png');
    font-family: 'Fjalla One', serif;
    font-size: 14px;
    margin-bottom: 20px;
    padding-top: 10px;
}

#checkout-steps-mobile {
    height: 30px;
    font-family: 'Fjalla One', serif;
    font-size: 18px;
    padding-top: 10px;
}

.checkout-step {
    color: #aaa;
}

    .checkout-step span.badge {
        background-color: #e8e8e8;
    }

    .checkout-step span.badge-active {
        background-color: #4d4d4f;
    }

.checkout-step-active {
    color: #282828;
}

.checkout-step .step-title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
}

.checkout-step .step-nr {
    display: block;
    height: 24px;
    width: 24px;
    margin: 0px auto;
    border-radius: 90px;
    font-size: 16px;
    line-height: 1.4;
}

    .checkout-step .step-nr a {
    }

.step-buttons {
    margin-bottom: 20px;
}

#shoppingbag {
    margin-bottom: 20px;
}

    #shoppingbag h1,
    #checkout-factuurgegevens h1,
    #checkout-verzendgegevens h1,
    #checkout-betaalgegevens h1,
    #checkout-bedankt h1 {
        font-size: 20px;
        text-transform: uppercase;
        padding-bottom: 10px;
    }

#shoppingbag-artikelen .img-responsive {
    max-height: 60px;
}

#shoppingbag-artikelen .shoppingbag-tr {
    textalign: left;
    height: 20px;
}

.checkout-overview {
    margin-top: 30px;
}

#shoppingbag-artikelen.checkout-overview .shoppingbag-tr {
    font-weight: bold;
}

#shoppingbag-artikelen tr td {
    height: 90px;
    vertical-align: middle;
}

#shoppingbag-artikelen.checkout-overview tr td {
    height: 40px;
}

#shoppingbag-artikelen .form-group {
    margin-bottom: auto;
}

#shoppingbag-artikelen .col-art-verwijder {
    vertical-align: middle;
    min-width:40px;
}

    #shoppingbag-artikelen .col-art-verwijder .close {
        float: left;
    }

#shoppingbag-artikelen th {
    font-weight: normal;
    font-family: 'blissmedium', Helvetica, sans-serif;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

#shoppingbag-artikelen span {
    display: block;
}

    #shoppingbag-artikelen span.span-artmerk {
        font-size: 18px;
        margin: 0;
        font-family: 'blissmedium', Helvetica, sans-serif;
    }

    #shoppingbag-artikelen span.span-artdesc {
        font-size: 14px;
        margin-top: -4px;
        margin-bottom: -2px;
    }

    #shoppingbag-artikelen span.span-artkleur {
        font-size: 13px;
        font-style: italic;
        color: #bbbbbb;
    }

#shoppingbag-artikelen .maat-select {
    max-width: 70px;
}

#shoppingbag-artikelen .aantal-select {
    max-width: 70px !important;
}

    #shoppingbag-artikelen .maat-select button, #shoppingbag-artikelen .aantal-select button {
        border-color: rgb(221, 221, 221);
        box-shadow: none;
    }

#shoppingbag-artikelen .cart-prijs,
.cart-totaal {
    font-size: 15px;
    display: block;
    text-align: right;
}

#shoppingbag-artikelen .cart-vanprijs {
    font-size: 12px;
    display: block;
    text-align: right;
    text-decoration: line-through;
}

#shoppingbag-artikelen .cart-voorprijs,
#shoppingbag-artikelen .cart-korting {
    color: #ce181e;
    font-size: 15px;
    display: block;
    text-align: right;
}

.text-left {
    text-align: left !important;
    display: inline !important;
    padding-right: 10px;
}

#shoppingbag-artikelen .col-img {
    min-width: 80px;
}

#shoppingbag-artikelen td.td-art-desc {
    width: 100%;/*omschrijving moet tabel vullend maken*/
}

#shoppingbag-artikelen .cart-kortingrij td {
    height: 40px;
}

#shoppingbag-artikelen .cart-subtotaalrij td {
    height: 20px;
}

#shoppingbag-artikelen .cart-totaalrij td {
    height: 20px;
}

.winkelmandje-totaal {
    border: 1px solid #eeeeee;
    background-color: #f9f9f9;
    margin-top: 20px;
    min-height: 100px;
    padding: 10px;
}

.winkelmandje-totaalrij {
    display: block;
    width: 100%;
    height: auto;
    margin: 4px auto;
    float: left;
    height: 20px;
}

.spaarpunten {
    padding-top: 8px;
    color: #47a447;
}

.winkelmandje-totaal button {
    margin-top: 30px;
}

.cart-summary {
    position: relative;
    width: 100%;
}

.cart-verwijder {
    padding-top: 6px;
}

    .cart-verwijder a {
        font-size: 13px;
        text-decoration: underline;
    }

.coupon-invoer {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 8px 15px 8px 0;
    text-align: right;
    margin-bottom: 20px;
    height: auto;
}

    .coupon-invoer .input-group {
        margin-top: 10px;
    }

    .coupon-invoer a:hover {
        cursor: pointer;
    }

.select-winkel {
    display: block;
    margin-top: 3px;
}

.levering-title {
    font-size: 19px;
    text-transform: uppercase;
}

.verzendwijze {
    margin-top: 20px;
}

    .verzendwijze .radio {
        display: block;
        width: 100%;
        border: 1px solid #eeeeee;
        padding: 12px;
        padding-left: 25px;
    }

    .verzendwijze .titel {
        font-size: 16px;
        text-transform: uppercase;
    }

#checkout-colright {
    border-left: 1px solid #eeeeee;
}

#checkout-klantenservice {
    padding: 5px 10px 10px 10px;
    font-size: 13px;
    margin-bottom: 20px;
}

    #checkout-klantenservice a {
        color: #282828;
    }

    #checkout-klantenservice .text-highlight {
        font-size: 14px;
        margin: 5px 0;
        font-weight: bold;
    }

    #checkout-klantenservice .form-title {
        width: 100%;
        font-family: 'Fjalla One', serif;
        text-transform: none;
        font-size: 23px;
    }

#checkout-verzendgegevens input[type=radio],
#checkout-betaalwijze input[type=radio] {
    width: 20px;
    height: 20px;
    margin-left: -20px;
    margin-top: 1px;
}

#checkout-betaalwijze label {
    padding-left: 10px;
}

#checkout-betaalwijze .select-bank {
    margin-left: 10px;
    margin-top: 10px;
    max-width: 160px;
}

#checkout-betaalwijze #toggle-bank {
    display: none;
}

#checkout-verzendgegevens .radio,
#checkout-betaalwijze .radio {
    margin: 10px 0;
    padding-top: 2px;
}

#checkout-bedankt img {
    display: block;
    height: 80px;
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.checkout-inloggen {
    margin: 10px 0 15px 0;
    background-color: #e9e9e9;
    border: 1px solid #eeeeee;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .checkout-inloggen a {
        color: #000000;
    }

#maak-account {
    display: block;
}

    #maak-account p {
        margin-top: 20px;
    }

#account-toggle {
    margin-top: 4px;
}

.checkbox-wachtwoord {
    margin-bottom: 0px;
}

    .checkbox-wachtwoord a {
        text-decoration: underline;
    }

#checkout-factuurgegevens .checkbox {
    padding-left: 34px;
    margin-bottom: 30px;
}

#checkout-verzendgegevens {
    background-color: #f9f9f9;
    margin-bottom: 30px;
}

#form-verzendadres {
    display: none;
}

#checkout-verzendgegevens.row-afhaaladres {
    margin-top: 20px;
}

#afhaaladres .winkeladres,
#afhaaladres .winkeltijden {
    margin-top: 20px;
    margin-bottom: 10px;
}

    #afhaaladres .winkeladres p,
    #afhaaladres .winkeltijden p {
        margin: 3px 0;
    }

.winkeltijden .weekdag {
    width: 100px;
    float: left;
}

#art-controle {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f9f9f9;
}

#controle-verzend,
#controle-factuur {
    margin-top: 20px;
    font-size: 15px;
}

    #controle-verzend a,
    #controle-factuur a {
        color: #666666;
        font-size: 14px
    }

.checkout-totaal {
    float: right;
    display: block;
    font-size: 16px;
    margin: 10px 3px 10px 0;
}

.checkout-totaalpunten {
    float: right;
    display: block;
    font-size: 14px;
    margin: 4px 3px 10px 0;
    color: #47a447;
    font-family: 'blissregular', Helvetica, sans-serif;
}

#checkout-terms {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
    padding: 15px 0;
}

    #checkout-terms a {
        text-decoration: underline;
    }

#checkout-colright .trustpilot-widget {
    max-width: 200px;
    color: #000000;
    margin-top: 3px;
}

.klantenservice-telefoon {
    font-size: 16px;
    letter-spacing: 1.3px;
    font-family: 'blissregular', Helvetica, sans-serif;
}

.klantenservice-email {
    font-size: 16px;
    letter-spacing: 1.3px;
    font-family: 'blissregular', Helvetica, sans-serif;
}

    .klantenservice-email .glyphicon {
        top: 4px;
    }

#checkout-nieuwsbrief {
    border-top: 1px solid #eeeeee;
}

.row-gegevensaccount {
    margin-top: 20px;
    margin-bottom: 30px;
}

/* ==========================================================================
   Vacatures
   ========================================================================== */


.vacature-blok {
    text-align: center;
    height: auto;
    margin-bottom: 20px;
}

.vacature-summary {
    padding: 15px;
    padding-bottom: 25px;
}



.vacature-blok a {
    color: #000000;
}

.vacature-blok p {
    line-height: 1.2;
    padding: 0 15px;
}

.vacature-blok-titel {
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    display: block;
    padding: 0 15px;
    padding-top: 20px;
    font-family: 'blissbold', Helvetica, sans-serif;
    line-height: 1.2;
}

#vacatures-nelson {
    padding: 10px;
}

.functie-blok {
    border: 1px solid #eeeeee;
    position: relative;
    height: auto;
    padding-left: 0;
    margin-bottom: 20px;
}

.functie-titel {
    text-transform: uppercase;
    font-family: 'blissbold', Helvetica, sans-serif;
    font-size: 15px;
    margin-bottom: 0px;
    padding-top: 5px;
}

    .functie-titel a {
        color: #000000;
    }

.functie-locatie {
    margin-top: 0px;
    margin-bottom: 3px;
}

.functie-uren {
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 4px;
}

.functie-button {
    position: absolute;
    right: 0;
    bottom: 0;
}

    .functie-button button {
        border: 1px solid #eeeeee;
        background-color: #000000;
        color: #ffffff;
    }

        .functie-button button:hover {
            background-color: #282828;
            border: 1px solid #eeeeee;
            color: #ffffff;
        }

.functie-expand {
    margin-top: 10px;
    padding: 15px;
    padding-bottom: 30px;
}

    .functie-expand ul {
        padding-left: 16px;
        margin-bottom: 10px;
    }

        .functie-expand ul li {
            list-style-type: none;
            position: relative;
            left: -5px;
            text-indent: -11px;
            line-height: normal;
            padding: 3px 0;
        }

            .functie-expand ul li:before {
                content: "- ";
            }

    .functie-expand .form-title {
        margin-top: 25px;
    }

.vacature-summary hr {
    margin-bottom: 0px;
}

#form-sollicitatie .help-block {
    margin-bottom: 0;
}

#form-sollicitatie textarea {
    max-width: 100%;
}

/* ==========================================================================
   Content
   ========================================================================== */


#content {
    margin-bottom: 20px !important;
    height: auto;
    overflow: hidden;
}

#content-menu,
#winkels-menu {
    margin-bottom: 20px;
}

    #content-menu ul {
        background-color: #f9f9f9;
        padding-left: 5px;
    }

    #content-menu a {
        color: #000000;
    }

    #content-menu p.menu-title {
        display: block;
        background-color: #000000;
        color: #ffffff;
        padding: 4px 6px 2px 6px;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    #content-menu ul {
        list-style-type: none;
    }

        #content-menu ul li {
            margin: 5px auto;
        }

            #content-menu ul li.active {
                font-family: 'blissbold', Helvetica, sans-serif;
            }

#content-main h1 {
    margin-top: 0;
    color: #000;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 2px;
    font-size: 16px;
    font-family: 'blissbold', Helvetica, sans-serif;
}

#content-main .panel-heading {
    background: none;
    background-image: none;
    background-color: #f9f9f9;
}

#content-main .panel,
#content-main .panel-default {
    border: 1px solid #dddddd !important;
    box-shadow: none !important;
}

#content-main .panel-heading h4 {
    background: none;
    font-family: 'blissmedium', Helvetica, sans-serif;
    font-size: 14px;
}

#content-main .art-status {
    color: #47a447;
    font-size: 13px;
}

#klantenservice-bereikbaarheid {
    padding: 30px;
}

    #klantenservice-bereikbaarheid .telefoon {
        font-size: 24px;
        color: #999999;
    }

#content-main .service-blok {
    padding: 20px;
    border: 1px solid #eeeeee;
    margin-bottom: 20px;
}

    #content-main .service-blok:hover {
        background-color: #f9f9f9;
        cursor: pointer;
    }

#content-main .no-decoration {
    text-decoration: none;
}

#content-main .blok-title {
    font-size: 17px;
    font-family: 'blissbold', Helvetica, sans-serif;
}

#content-main #contact-form {
    margin-top: 30px;
}

    #content-main #contact-form textarea {
        max-width: 100%;
    }

.content-account .nav {
    margin-top: 30px;
}

.content-account .nav-pills li.active a {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    color: #000000;
}

    .content-account .nav-pills li a:hover,
    .content-account .nav-pills li.active a:hover {
        cursor: pointer;
    }

.content-account .nav-pills li a {
    background-color: #ffffff;
    border: 1px solid #f9f9f9;
    border-radius: 0;
    color: #cccccc;
}

#form-account-login,
#form-spaarkaart-login {
    padding-top: 30px;
}

#form-account-login {
    display: block;
}

#form-spaarkaart-login {
    display: none;
}

.row-accountcart {
    background-color: #f9f9f9;
    border-top: 1px solid #dddddd;
    padding-bottom: 15px;
}

    .row-accountcart .winkelmandje-totaal {
        border: none;
    }

#panel-account .panel-body {
    padding-bottom: 0;
}

/* ==========================================================================
   Merken
   ========================================================================== */

.logo-row {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.merk-blok {
    width: 80px;
    height: 80px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    padding: 10px;
    border: 1px solid #eeeeee;
    display: table-cell;
    vertical-align: middle;
}

    .merk-blok.logo:hover {
        border: 1px solid #dddddd;
    }

    .merk-blok img {
        width: 60px;
        height: 60px;
        vertical-align: middle;
    }

    .merk-blok.letter {
        font-size: 34px;
        line-height: 2.1;
        color: #000000;
        text-align: center;
        text-transform: uppercase;
        font-family: 'maria', 'blissregular', Helvetica, sans-serif;
    }

/* ==========================================================================
   Blog
   ========================================================================== */



.blog-blok {
    background-color: #eeeeee;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

    .blog-blok .blog-title {
        text-transform: uppercase;
        color: #000000;
        font-size: 16px;
        margin-top: 10px;
        font-family: 'blissbold', Helvetica, sans-serif;
        padding: 0 5px;
    }

    .blog-blok .blog-intro {
        font-size: 14px;
        color: #333333;
        padding: 0 5px;
    }

    .blog-blok .blog-leesmeer {
        color: #ce181e;
        font-size: 14px;
        margin-top: 10px;
        padding: 0 5px;
    }

    .blog-blok a,
    .blog-blok a:hover {
        text-decoration: none;
        display: block;
    }

        .blog-blok a .blog-leesmeer,
        .blog-blok a:hover .blog-leesmeer {
            text-decoration: underline;
        }

    .blog-blok hr {
        width: 20%;
        margin: 0 auto;
        border-color: #000000;
        margin-bottom: 10px;
    }

.blog-img-full {
    width: 100%;
    margin-bottom: 10px;
}

.blog-img-thumb {
    width: 25%;
    float: left;
    margin-right: 10px;
}

    .blog-img-thumb:hover {
        cursor: pointer;
    }

.blog-title {
    text-transform: uppercase;
    color: #000000;
    font-size: 18px;
    margin-top: 10px;
    font-family: 'blissbold', Helvetica, sans-serif;
    padding: 0 5px;
}

.blog-inhoud {
    font-size: 15px;
    color: #333333;
    line-height: 1.3;
}

.blog-specs {
    width: 120px;
    float: left;
}

.addthis {
    margin-top: 20px;
}

.blog-thumbs {
    margin-bottom: 20px;
}

#blog-colleft p {
    margin: 3px 0;
}

    #blog-colleft p.specs-social {
        margin: 0;
        margin-top: 15px;
    }

.img-blogger {
    max-height: 120px;
}

#blogger-info {
    margin: 30px 0;
    background-color: #f3f3f3;
    padding: 10px;
}

.auteurimg {
    text-align: left;
}

.auteurinfo {
    text-align: left;
}

.auteur-naam {
    font-family: 'maria', 'blissmedium', Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1.5px;
}

.auteur-sub {
    font-family: 'maria', 'blissmedium', Helvetica, sans-serif;
    font-size: 14px;
    margin-top: 3px;
}

/* ==========================================================================
   Winkels
   ========================================================================== */

#map-filters .filter-checkbox {
}

#map-filters {
    padding-top: 10px;
    margin-bottom: 10px;
}

    #map-filters .form-group {
        margin-bottom: 0;
    }

        #map-filters .form-group.zoeken {
            margin-bottom: 10px;
        }

        #map-filters .form-group.checkbox {
            margin-top: 8px;
            margin-left: 10px;
        }

    #map-filters .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 100%;
    }

#map-canvas {
    width: 100%;
    height: 500px;
}

#accordion-winkels {
    margin-top: 40px;
}

    #accordion-winkels .panel-heading {
        background-image: none;
        background: none;
        background-color: #ffffff;
    }

    #accordion-winkels .winkel-titel {
        color: #ce181e;
        text-transform: uppercase;
    }

    #accordion-winkels p {
        margin: 2px 0;
    }

        #accordion-winkels p.winkelinfo {
            color: #999999;
            margin-top: 10px;
        }

    #accordion-winkels .accordion-titel {
        font-size: 16px;
        margin: 10px 0 30px 0;
        padding-left: 15px;
        color: #333333;
    }

#store-canvas {
    height: 400px;
    margin: 20px 0 20px 0;
}

.extra-info,
.vacature-info {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 14px;
}

.winkel-img-full {
    width: 100%;
    margin-bottom: 10px;
}

.winkel-img-thumb {
    width: 25%;
    float: left;
    margin-right: 10px;
}

    .winkel-img-thumb:hover {
        cursor: pointer;
    }

.teamnaam {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.3;
}

.blok-winkelinfo {
    margin-top: 20px;
    font-size: 14px;
}

    .blok-winkelinfo p {
        margin: 2px 0;
    }

    .blok-winkelinfo a {
        color: #666666;
    }

    .blok-winkelinfo p.openingstijd,
    .blok-winkelinfo p.activiteit {
        margin: 2px 0 6px 0;
        display: block;
        width: 100%;
    }

.vacature-intro {
    margin-bottom: 20px;
}

.blok-winkelinfo .weekdag {
    width: 100px;
    float: left;
}

.blok-winkelinfo .weekdag2 {
    width: 180px;
    float: left;
}

.blok-winkelinfo p.activiteit .weekdag2 {
    margin-bottom: 3px;
    margin-top: 10px;
    width: 100%;
}

.blok-winkelinfo .activiteit-desc {
    display: block;
    float: left;
    width: 100%;
    margin-top: 2px;
}

.infowindow {
    overflow: hidden;
}

.marker-popup {
    height: auto;
    overflow: hidden;
}

    .marker-popup p {
        margin: 0;
        font-family: 'blissregular', Helvetica, sans-serif;
        font-size: 14px;
    }

.marker-openingstijden {
    margin-top: 10px;
}

.marker-details {
    margin-top: 10px;
}

#info-container {
    display: none;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
    top: 0;
    right: 0;
    position: absolute;
}

/* ==========================================================================
   Footer
   ========================================================================== */

#footer {
    width: 100%;
    min-height: 120px;
    height: auto;
    background-color: #fff;
    color: #000;
    position: relative;
}

    #footer .row {
        padding: 40px 0 20px 0;
    }

    #footer #hr {
        padding: 0;
        margin: 0;
        opacity: 0.1;
        width: 100%;
    }

    #footer ul li {
        list-style: none;
    }

    #footer .heading {
        color: #000000;
        font-size: 14px;
    }

    #footer p {
        display: block;
        padding: 0;
        margin: 0;
    }

    #footer a {
        color: #000000;
    }

.footer-column {
    padding: 0 50px;
}

#footer #footer-social p.tidyhand {
    font-size: 15px;
}

#footer-social p.heading {
    font-family: 'maria';
    font-size: 20px;
    margin-bottom: 6px;
    text-transform: none;
}

#footer ul.footer-betaalmethoden img {
    max-width: 150px;
    margin-top: 20px;
}


#footer .trustpilot,
#footer .tp-_-_box {
    height: 200px;
}

#email-subscribe {
    margin-top: 10px;
    max-width: 300px;
}
/* Small devices (phones, up to 768px) */
@media screen and (max-width: 767px) {
    .homemenu-bg {
        margin: 10px 0;
    }

    .btn-collection {
        background-color: #FFFFFF;
        opacity: 0.8;
    }

    .banner-slide-container img.banner-prev,
    .banner-slide-container img.banner-next {
        position: absolute;
        top: 40%;
        display: block;
        z-index: 1;
        height: 20px;
        width: 20px;
        cursor: pointer;
        opacity: 0.7;
    }

    #masonry-container .blog-item {
        width: 92%;
    }

    .product-nav {
        background-color: #000000;
        font-size: 15px;
        margin-bottom: 20px;
        margin-left: 0;
        margin-top: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
        text-align: center;
        width: auto;
    }

        .product-nav a {
            color: #ffffff !important;
            display: block;
            margin: 0 8px;
        }
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {

    .btn-collection {
        background-color: #FFFFFF;
        opacity: 0.8;
    }

    .homepage-leader {
        font-size: 20px;
        padding-top: 20px;
    }

    .homemenu-text {
        font-size: 30px;
    }

    .no-padding-left {
        padding-left: 0;
        overflow-x: hidden;
    }

    .no-padding-right {
        padding-right: 0;
        overflow-x: hidden;
    }

    /*body {
        padding-top: 134px;
    }*/

    /*body.body-checkout {
            padding-top: 75px;
        }*/

    .navbar, .navbar-fixed-top {
        border: 0;
    }

    /*#topbar {
        height: 80px;
    }*/

    #topbar.navbar-checkout {
        height: 59px;
        border-bottom: 1px solid #eee;
    }

    #navmain {
        height: 60px;
        width: auto;
    }

    #navmain-logo {
        height: 60px;
        margin-top: -10px;
        margin-left: -65px;
    }

        #navmain-logo img {
            height: 70px;
            width: auto;
            /*margin-top: 16px;
        margin-right: 20px;*/
        }

    #breadcrumbs ol,
    #breadcrumbs ol.breadcrumb {
        margin-bottom: 15px;
    }

    .product-nav {
        margin-left: 20px;
        border: none;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 0px;
    }

        .product-nav p {
            margin-left: 10px;
            margin-right: 0;
        }

    #product-title {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 25px;
    }

    #product-main span.h1 {
        font-size: 30px;
        text-transform: uppercase;
    }

    #navmain-right {
        height: 60px;
    }

    .heading {
        font-size: 36px;
        padding-bottom: 8px;
    }

    #home-winkels img {
        opacity: 1;
        height: 400px;
        float: right;
        margin-right: 40px;
        overflow: hidden;
    }

    #home-winkelform {
        top: 33%;
        left: 100px;
    }

    #home-merken img {
        margin: 5px;
    }

    #matrix-filteren {
        display: block;
        min-height: 50px;
    }

    #product-main #product-img {
        padding-left: 40px;
        padding-right: 40px;
    }

    #voorraad-artnr {
        width: 320px;
    }

    #voorraad-maat {
        width: 80px !important;
    }

    #form-voorraad .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: auto;
    }

    #checkout-steps {
        background-image: url('/images/checkout-steps-bg.png');
        height: 50px;
        padding-top: 0;
    }

    .functie-blok {
        height: auto;
    }

    .functie-titel {
        font-size: 18px;
        padding-top: 10px;
    }

    .functie-uren {
        margin-bottom: 0;
    }

    #content-menu ul {
        background: none;
    }

    .auteurinfo {
        text-align: left;
    }

    #store-canvas {
        margin: 0 0 20px 0;
    }

    #info-container {
        width: 400px;
    }

    #nav-cart .cart-row img,
    #cart-mobile .cart-row img {
        height: 100%;
        width: 100%;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {

    .btn-collection {
        background-color: #fff;
        opacity: 0.8;
    }

    .homepage-leader {
        font-size: 36px;
        padding-top: 15px;
    }


    .no-padding-left {
        padding-left: 0;
        overflow-x: hidden;
    }

    .no-padding-right {
        padding-right: 0;
        overflow-x: hidden;
    }

    #nav-zoeken-small,
    #nav-cart-small {
        width: 50px;
    }

    .banner-caption .h1 {
        font-size: 40px;
    }

    #home-klantenservice .klantenservice-col {
        margin-bottom: 0;
    }

    #home-winkels img {
        margin-right: 100px;
    }

    #home-winkelform {
        top: 33%;
        left: 200px;
    }

    #product-main #product-img {
        border-left: 1px solid #dddddd;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    #vacatures-nelson {
        background-color: #eeeeee;
    }

    #winkels-menu {
        max-height: 460px;
    }

        #winkels-menu .scroll-content {
            max-height: 460px;
        }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {

    .btn-collection {
        background-color: transparent;
        opacity: 1.0;
    }

    .homepage-leader {
        font-size: 36px;
        padding-top: 30px;
    }

    .no-padding-left {
        padding-left: 0;
        overflow-x: hidden;
    }

    .no-padding-right {
        padding-right: 0;
        overflow-x: hidden;
    }

    /*
    #topbar:hover #subnav2 {
        background-color: #f5ddde;
    }
    */

    #home-winkels img {
        margin-right: 150px;
    }

    #home-winkelform {
        margin-left: 180px;
    }

    #matrix-filteren {
        min-height: 26px;
    }

    #winkels-menu {
        max-height: 500px;
    }

        #winkels-menu .scroll-content {
            max-height: 500px;
        }
}


.required {
    margin-left: 5px;
    color: #F55834; /*color:#999;*/
    font-size: 8px;
}

.validated {
    float: right;
    color: #339900;
    font-size: 8px;
    width: 16px;
    height: 16px;
    background-image: url(/images/accept-16x16.png);
    background-repeat: no-repeat;
    display: block;
}

.validation-error {
    float: right;
    color: #339900;
    font-size: 8px;
    width: 16px;
    height: 16px;
    background-image: url(/images/error-16x16.png);
    background-repeat: no-repeat;
    display: block;
}

.washicons ul {
    float: left;
    list-style: none;
    width: 100%;
    clear: both;
}

.washicons li {
    float: left;
    width: 50px;
    list-style: none;
}

/*!
 * Social Buttons for Twitter Bootstrap v1.0.0
 *
 * Copyright 2013 Adam Neumann
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 */

.btn-facebook {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #2b4b90;
    *background-color: #133783;
    background-image: -moz-linear-gradient(top, #3b5998, #133783);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#133783));
    background-image: -webkit-linear-gradient(top, #3b5998, #133783);
    background-image: -o-linear-gradient(top, #3b5998, #133783);
    background-image: linear-gradient(to bottom, #3b5998, #133783);
    background-repeat: repeat-x;
    border-color: #133783 #133783 #091b40;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff133783', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-facebook:hover,
    .btn-facebook:focus,
    .btn-facebook:active,
    .btn-facebook.active,
    .btn-facebook.disabled,
    .btn-facebook[disabled] {
        color: #ffffff;
        background-color: #133783;
        *background-color: #102e6d;
    }

    .btn-facebook:active,
    .btn-facebook.active {
        background-color: #0d2456 \9;
    }

.btn-twitter {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #1c95d0;
    *background-color: #0271bf;
    background-image: -moz-linear-gradient(top, #2daddc, #0271bf);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2daddc), to(#0271bf));
    background-image: -webkit-linear-gradient(top, #2daddc, #0271bf);
    background-image: -o-linear-gradient(top, #2daddc, #0271bf);
    background-image: linear-gradient(to bottom, #2daddc, #0271bf);
    background-repeat: repeat-x;
    border-color: #0271bf #0271bf #014473;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2daddc', endColorstr='#ff0271bf', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-twitter:hover,
    .btn-twitter:focus,
    .btn-twitter:active,
    .btn-twitter.active,
    .btn-twitter.disabled,
    .btn-twitter[disabled] {
        color: #ffffff;
        background-color: #0271bf;
        *background-color: #0262a6;
    }

    .btn-twitter:active,
    .btn-twitter.active {
        background-color: #01538d \9;
    }

.btn-github {
    color: #000000;
    text-shadow: 0 0.7px 0 rgba(0, 0, 0, 0.1);
    background-color: #f2f2f2;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #fafafa, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fafafa, #e6e6e6);
    background-image: -o-linear-gradient(top, #fafafa, #e6e6e6);
    background-image: linear-gradient(to bottom, #fafafa, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #c0c0c0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-github:hover,
    .btn-github:focus,
    .btn-github:active,
    .btn-github.active,
    .btn-github.disabled,
    .btn-github[disabled] {
        color: #000000;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }

    .btn-github:active,
    .btn-github.active {
        background-color: #cdcdcd \9;
    }

.btn-pinterest {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #c51e25;
    *background-color: #ab171e;
    background-image: -moz-linear-gradient(top, #d62229, #ab171e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d62229), to(#ab171e));
    background-image: -webkit-linear-gradient(top, #d62229, #ab171e);
    background-image: -o-linear-gradient(top, #d62229, #ab171e);
    background-image: linear-gradient(to bottom, #d62229, #ab171e);
    background-repeat: repeat-x;
    border-color: #ab171e #ab171e #680e12;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd62229', endColorstr='#ffab171e', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-pinterest:hover,
    .btn-pinterest:focus,
    .btn-pinterest:active,
    .btn-pinterest.active,
    .btn-pinterest.disabled,
    .btn-pinterest[disabled] {
        color: #ffffff;
        background-color: #ab171e;
        *background-color: #95141a;
    }

    .btn-pinterest:active,
    .btn-pinterest.active {
        background-color: #7e1116 \9;
    }

.btn-linkedin {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #60a9ce;
    *background-color: #4393bb;
    background-image: -moz-linear-gradient(top, #73b8db, #4393bb);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#73b8db), to(#4393bb));
    background-image: -webkit-linear-gradient(top, #73b8db, #4393bb);
    background-image: -o-linear-gradient(top, #73b8db, #4393bb);
    background-image: linear-gradient(to bottom, #73b8db, #4393bb);
    background-repeat: repeat-x;
    border-color: #4393bb #4393bb #2f6783;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff73b8db', endColorstr='#ff4393bb', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-linkedin:hover,
    .btn-linkedin:focus,
    .btn-linkedin:active,
    .btn-linkedin.active,
    .btn-linkedin.disabled,
    .btn-linkedin[disabled] {
        color: #ffffff;
        background-color: #4393bb;
        *background-color: #3c84a8;
    }

    .btn-linkedin:active,
    .btn-linkedin.active {
        background-color: #367595 \9;
    }

.btn-google-plus {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #d34332;
    *background-color: #c53727;
    background-image: -moz-linear-gradient(top, #dd4b39, #c53727);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#c53727));
    background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
    background-image: -o-linear-gradient(top, #dd4b39, #c53727);
    background-image: linear-gradient(to bottom, #dd4b39, #c53727);
    background-repeat: repeat-x;
    border-color: #c53727 #c53727 #85251a;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ffc53727', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-google-plus:hover,
    .btn-google-plus:focus,
    .btn-google-plus:active,
    .btn-google-plus.active,
    .btn-google-plus.disabled,
    .btn-google-plus[disabled] {
        color: #ffffff;
        background-color: #c53727;
        *background-color: #b03123;
    }

    .btn-google-plus:active,
    .btn-google-plus.active {
        background-color: #9a2b1f \9;
    }

.btn-instagram {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5c88ab;
    *background-color: #3f729b;
    background-image: -moz-linear-gradient(top, #6f97b6, #3f729b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f97b6), to(#3f729b));
    background-image: -webkit-linear-gradient(top, #6f97b6, #3f729b);
    background-image: -o-linear-gradient(top, #6f97b6, #3f729b);
    background-image: linear-gradient(to bottom, #6f97b6, #3f729b);
    background-repeat: repeat-x;
    border-color: #3f729b #3f729b #294a65;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f97b6', endColorstr='#ff3f729b', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-instagram:hover,
    .btn-instagram:focus,
    .btn-instagram:active,
    .btn-instagram.active,
    .btn-instagram.disabled,
    .btn-instagram[disabled] {
        color: #ffffff;
        background-color: #3f729b;
        *background-color: #386589;
    }

    .btn-instagram:active,
    .btn-instagram.active {
        background-color: #305777 \9;
    }

.btn-dropbox {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #2e95e0;
    *background-color: #2181cf;
    background-image: -moz-linear-gradient(top, #37a3eb, #2181cf);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#37a3eb), to(#2181cf));
    background-image: -webkit-linear-gradient(top, #37a3eb, #2181cf);
    background-image: -o-linear-gradient(top, #37a3eb, #2181cf);
    background-image: linear-gradient(to bottom, #37a3eb, #2181cf);
    background-repeat: repeat-x;
    border-color: #2181cf #2181cf #16588d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff37a3eb', endColorstr='#ff2181cf', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-dropbox:hover,
    .btn-dropbox:focus,
    .btn-dropbox:active,
    .btn-dropbox.active,
    .btn-dropbox.disabled,
    .btn-dropbox[disabled] {
        color: #ffffff;
        background-color: #2181cf;
        *background-color: #1d73b9;
    }

    .btn-dropbox:active,
    .btn-dropbox.active {
        background-color: #1a66a3 \9;
    }

.btn-bitbucket {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #285991;
    *background-color: #205081;
    background-image: -moz-linear-gradient(top, #2d5f9c, #205081);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d5f9c), to(#205081));
    background-image: -webkit-linear-gradient(top, #2d5f9c, #205081);
    background-image: -o-linear-gradient(top, #2d5f9c, #205081);
    background-image: linear-gradient(to bottom, #2d5f9c, #205081);
    background-repeat: repeat-x;
    border-color: #205081 #205081 #112a44;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2d5f9c', endColorstr='#ff205081', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-bitbucket:hover,
    .btn-bitbucket:focus,
    .btn-bitbucket:active,
    .btn-bitbucket.active,
    .btn-bitbucket.disabled,
    .btn-bitbucket[disabled] {
        color: #ffffff;
        background-color: #205081;
        *background-color: #1b436d;
    }

    .btn-bitbucket:active,
    .btn-bitbucket.active {
        background-color: #163758 \9;
    }

.btn-dribbble {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #de447f;
    *background-color: #cb396f;
    background-image: -moz-linear-gradient(top, #ea4c89, #cb396f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ea4c89), to(#cb396f));
    background-image: -webkit-linear-gradient(top, #ea4c89, #cb396f);
    background-image: -o-linear-gradient(top, #ea4c89, #cb396f);
    background-image: linear-gradient(to bottom, #ea4c89, #cb396f);
    background-repeat: repeat-x;
    border-color: #cb396f #cb396f #91264e;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffea4c89', endColorstr='#ffcb396f', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-dribbble:hover,
    .btn-dribbble:focus,
    .btn-dribbble:active,
    .btn-dribbble.active,
    .btn-dribbble.disabled,
    .btn-dribbble[disabled] {
        color: #ffffff;
        background-color: #cb396f;
        *background-color: #ba3163;
    }

    .btn-dribbble:active,
    .btn-dribbble.active {
        background-color: #a62b59 \9;
    }

.btn-flickr {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #f63198;
    *background-color: #ff0084;
    background-image: -moz-linear-gradient(top, #f051a5, #ff0084);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f051a5), to(#ff0084));
    background-image: -webkit-linear-gradient(top, #f051a5, #ff0084);
    background-image: -o-linear-gradient(top, #f051a5, #ff0084);
    background-image: linear-gradient(to bottom, #f051a5, #ff0084);
    background-repeat: repeat-x;
    border-color: #ff0084 #ff0084 #b3005c;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff051a5', endColorstr='#ffff0084', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-flickr:hover,
    .btn-flickr:focus,
    .btn-flickr:active,
    .btn-flickr.active,
    .btn-flickr.disabled,
    .btn-flickr[disabled] {
        color: #ffffff;
        background-color: #ff0084;
        *background-color: #e60077;
    }

    .btn-flickr:active,
    .btn-flickr.active {
        background-color: #cc006a \9;
    }

.btn-foursquare {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #079dcd;
    *background-color: #0072b1;
    background-image: -moz-linear-gradient(top, #0cbadf, #0072b1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0cbadf), to(#0072b1));
    background-image: -webkit-linear-gradient(top, #0cbadf, #0072b1);
    background-image: -o-linear-gradient(top, #0cbadf, #0072b1);
    background-image: linear-gradient(to bottom, #0cbadf, #0072b1);
    background-repeat: repeat-x;
    border-color: #0072b1 #0072b1 #004165;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0cbadf', endColorstr='#ff0072b1', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-foursquare:hover,
    .btn-foursquare:focus,
    .btn-foursquare:active,
    .btn-foursquare.active,
    .btn-foursquare.disabled,
    .btn-foursquare[disabled] {
        color: #ffffff;
        background-color: #0072b1;
        *background-color: #006298;
    }

    .btn-foursquare:active,
    .btn-foursquare.active {
        background-color: #00517e \9;
    }

.btn-renren {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #3773ab;
    *background-color: #33669a;
    background-image: -moz-linear-gradient(top, #397cb6, #33669a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#397cb6), to(#33669a));
    background-image: -webkit-linear-gradient(top, #397cb6, #33669a);
    background-image: -o-linear-gradient(top, #397cb6, #33669a);
    background-image: linear-gradient(to bottom, #397cb6, #33669a);
    background-repeat: repeat-x;
    border-color: #33669a #33669a #204061;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff397cb6', endColorstr='#ff33669a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-renren:hover,
    .btn-renren:focus,
    .btn-renren:active,
    .btn-renren.active,
    .btn-renren.disabled,
    .btn-renren[disabled] {
        color: #ffffff;
        background-color: #33669a;
        *background-color: #2d5987;
    }

    .btn-renren:active,
    .btn-renren.active {
        background-color: #264d74 \9;
    }

.btn-skype {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #43bbe8;
    *background-color: #00aff0;
    background-image: -moz-linear-gradient(top, #70c3e2, #00aff0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70c3e2), to(#00aff0));
    background-image: -webkit-linear-gradient(top, #70c3e2, #00aff0);
    background-image: -o-linear-gradient(top, #70c3e2, #00aff0);
    background-image: linear-gradient(to bottom, #70c3e2, #00aff0);
    background-repeat: repeat-x;
    border-color: #00aff0 #00aff0 #0077a3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff70c3e2', endColorstr='#ff00aff0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-skype:hover,
    .btn-skype:focus,
    .btn-skype:active,
    .btn-skype.active,
    .btn-skype.disabled,
    .btn-skype[disabled] {
        color: #ffffff;
        background-color: #00aff0;
        *background-color: #009cd7;
    }

    .btn-skype:active,
    .btn-skype.active {
        background-color: #008abd \9;
    }

.btn-stackexchange {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #3a70b0;
    *background-color: #185397;
    background-image: -moz-linear-gradient(top, #5184c1, #185397);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5184c1), to(#185397));
    background-image: -webkit-linear-gradient(top, #5184c1, #185397);
    background-image: -o-linear-gradient(top, #5184c1, #185397);
    background-image: linear-gradient(to bottom, #5184c1, #185397);
    background-repeat: repeat-x;
    border-color: #185397 #185397 #0e2f55;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5184c1', endColorstr='#ff185397', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-stackexchange:hover,
    .btn-stackexchange:focus,
    .btn-stackexchange:active,
    .btn-stackexchange.active,
    .btn-stackexchange.disabled,
    .btn-stackexchange[disabled] {
        color: #ffffff;
        background-color: #185397;
        *background-color: #154781;
    }

    .btn-stackexchange:active,
    .btn-stackexchange.active {
        background-color: #113b6b \9;
    }

.btn-trello {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #438ab4;
    *background-color: #27709b;
    background-image: -moz-linear-gradient(top, #569cc4, #27709b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#569cc4), to(#27709b));
    background-image: -webkit-linear-gradient(top, #569cc4, #27709b);
    background-image: -o-linear-gradient(top, #569cc4, #27709b);
    background-image: linear-gradient(to bottom, #569cc4, #27709b);
    background-repeat: repeat-x;
    border-color: #27709b #27709b #18445e;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff569cc4', endColorstr='#ff27709b', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-trello:hover,
    .btn-trello:focus,
    .btn-trello:active,
    .btn-trello.active,
    .btn-trello.disabled,
    .btn-trello[disabled] {
        color: #ffffff;
        background-color: #27709b;
        *background-color: #226187;
    }

    .btn-trello:active,
    .btn-trello.active {
        background-color: #1d5372 \9;
    }

.btn-tumblr {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #34526e;
    *background-color: #2a4763;
    background-image: -moz-linear-gradient(top, #3a5976, #2a4763);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a5976), to(#2a4763));
    background-image: -webkit-linear-gradient(top, #3a5976, #2a4763);
    background-image: -o-linear-gradient(top, #3a5976, #2a4763);
    background-image: linear-gradient(to bottom, #3a5976, #2a4763);
    background-repeat: repeat-x;
    border-color: #2a4763 #2a4763 #13202d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a5976', endColorstr='#ff2a4763', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-tumblr:hover,
    .btn-tumblr:focus,
    .btn-tumblr:active,
    .btn-tumblr.active,
    .btn-tumblr.disabled,
    .btn-tumblr[disabled] {
        color: #ffffff;
        background-color: #2a4763;
        *background-color: #223a51;
    }

    .btn-tumblr:active,
    .btn-tumblr.active {
        background-color: #1b2d3f \9;
    }

.btn-vk {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #50739a;
    *background-color: #426187;
    background-image: -moz-linear-gradient(top, #5a7fa6, #426187);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a7fa6), to(#426187));
    background-image: -webkit-linear-gradient(top, #5a7fa6, #426187);
    background-image: -o-linear-gradient(top, #5a7fa6, #426187);
    background-image: linear-gradient(to bottom, #5a7fa6, #426187);
    background-repeat: repeat-x;
    border-color: #426187 #426187 #293c54;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a7fa6', endColorstr='#ff426187', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-vk:hover,
    .btn-vk:focus,
    .btn-vk:active,
    .btn-vk.active,
    .btn-vk.disabled,
    .btn-vk[disabled] {
        color: #ffffff;
        background-color: #426187;
        *background-color: #3a5576;
    }

    .btn-vk:active,
    .btn-vk.active {
        background-color: #314865 \9;
    }

.btn-weibo {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #f14f4f;
    *background-color: #e64141;
    background-image: -moz-linear-gradient(top, #f85959, #e64141);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f85959), to(#e64141));
    background-image: -webkit-linear-gradient(top, #f85959, #e64141);
    background-image: -o-linear-gradient(top, #f85959, #e64141);
    background-image: linear-gradient(to bottom, #f85959, #e64141);
    background-repeat: repeat-x;
    border-color: #e64141 #e64141 #c11919;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff85959', endColorstr='#ffe64141', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-weibo:hover,
    .btn-weibo:focus,
    .btn-weibo:active,
    .btn-weibo.active,
    .btn-weibo.disabled,
    .btn-weibo[disabled] {
        color: #ffffff;
        background-color: #e64141;
        *background-color: #e32a2a;
    }

    .btn-weibo:active,
    .btn-weibo.active {
        background-color: #d81c1c \9;
    }

.btn-xing {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #155c5d;
    *background-color: #074c4d;
    background-image: -moz-linear-gradient(top, #1f6768, #074c4d);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1f6768), to(#074c4d));
    background-image: -webkit-linear-gradient(top, #1f6768, #074c4d);
    background-image: -o-linear-gradient(top, #1f6768, #074c4d);
    background-image: linear-gradient(to bottom, #1f6768, #074c4d);
    background-repeat: repeat-x;
    border-color: #074c4d #074c4d #010707;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f6768', endColorstr='#ff074c4d', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-xing:hover,
    .btn-xing:focus,
    .btn-xing:active,
    .btn-xing.active,
    .btn-xing.disabled,
    .btn-xing[disabled] {
        color: #ffffff;
        background-color: #074c4d;
        *background-color: #053536;
    }

    .btn-xing:active,
    .btn-xing.active {
        background-color: #031e1e \9;
    }

.btn-youtube {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #a72121;
    *background-color: #6e0610;
    background-image: -moz-linear-gradient(top, #cd332d, #6e0610);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cd332d), to(#6e0610));
    background-image: -webkit-linear-gradient(top, #cd332d, #6e0610);
    background-image: -o-linear-gradient(top, #cd332d, #6e0610);
    background-image: linear-gradient(to bottom, #cd332d, #6e0610);
    background-repeat: repeat-x;
    border-color: #6e0610 #6e0610 #250205;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd332d', endColorstr='#ff6e0610', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-youtube:hover,
    .btn-youtube:focus,
    .btn-youtube:active,
    .btn-youtube.active,
    .btn-youtube.disabled,
    .btn-youtube[disabled] {
        color: #ffffff;
        background-color: #6e0610;
        *background-color: #56050c;
    }

    .btn-youtube:active,
    .btn-youtube.active {
        background-color: #3e0309 \9;
    }

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }




@media screen and (max-width: 767px) {
    .btn-collection {
        background-color: #FFFFFF;
        opacity: 0.8;
    }
}

.btn-collection {
    width: auto;
    height: auto;
    padding: 10px 30px;
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
    text-transform: uppercase;
}

.homemenu-text {
    font-family: 'Fjalla One', 'blissmedium', Helvetica, sans-serif;
    color: #fff;
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
    font-size: 40px;
    text-transform: uppercase;
    line-height: 10px;
    padding-right: 15px;
}

a, a:active, a:hover, a:visited {
    color: #000000;
}

    a.anchor {
        display: block;
        position: relative;
        top: -120px;
        visibility: hidden;
    }


#home-slider {
    display: block;
    width: 100%;
    /*max-width: 1200px;*/
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: -40px;
}

    #home-slider .slider-banners {
        position: relative;
    }

    #home-slider img {
        /*border: 1px solid #000000;*/
    }

#product-page .dropdown.bootstrap-select.sizeSelector button.btn.dropdown-toggle {
    border-color: rgb(221, 221, 221);
    box-shadow: none;
}

#checkout-betaalwijze button.btn.dropdown-toggle.btn-light {
    border-color: rgb(221, 221, 221);
    box-shadow: none;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/*EINDE OORSPRONKELIJK DE "/css/main.css" ---------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------*/

.btn.dropdown-toggle.btn-light.bs-placeholder {
    border-color: rgb(221, 221, 221) !important;
    /*box-shadow: none !important;*/
}