/* Minification failed. Returning unminified contents.
(715,20): 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;*/
}

.table-sartofashion-cms-pointer td {
    cursor:pointer;
}

#page--winkelwagen .card-deck {
        column-count: 3;  
}
.card-afleveradres {
    transition: box-shadow 0.4s linear;
}
    .card-afleveradres.active {
        border: 1px solid #5c77fc;
    }
    .card-afleveradres.incomplete {
        box-shadow: 0px 0px 0px 2px #f44336;
    }

.bg-gradient-yellow-orange {
    background-image: linear-gradient(to bottom,#ffd633 0,#fa3 100%) !important;
}
/*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;
}

#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;
}
/*OVERRIDE Fix Verschuiving zichtbaar bij hover voor sale-producten*/
@media (min-width: 768px) {
    .product-card:hover .product-card-body.body-default div {
        visibility: hidden;
        opacity: 0;
    }
}
/*Einde OVERRIDE Fix Verschuiving zichtbaar bij hover voor sale-producten*/
.modal-full {
    min-width: calc(100% - 15px) !important;
    width: calc(100% - 15px) !important;
    margin-left: 15px;
    margin-right: 15px;
}

    .modal-full .modal-content {
        min-height: 90vh;
    }

    .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;
    }

    #checkout-summary .cart-art-naam {
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

#offcanvas-cart, #offcanvas-wishlist, #checkout-summary {
    /*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, #checkout-summary .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,
        #checkout-summary .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,
    #checkout-summary .cart-row {
        height: auto;
        margin: 0;
        border-bottom: 1px solid #eeeeee;
        padding: 10px 0;
    }

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

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

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

        #offcanvas-cart .row-total span.totaalbedrag,
        #cart-mobile .row-total span.totaalbedrag,
        #checkout-summary .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,
    #checkout-summary span.cart-art-naam {
        font-size: 15px;
        text-align: center !important;
    }

    .cart-art-maat {
        bottom: 10px;
        text-align: center;
    }

        .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,
#checkout-summary .cart-row img {
    height: 60px;
    width: 60px;
}

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

        #offcanvas-cart span.cart-prijs,
        #cart-mobile span.cart-prijs,
        #checkout-summary 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,
        #checkout-summary 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,
        #checkout-summary 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-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 5.03125rem;
    padding: 1.25rem 1.25rem;
    border-top: 1px solid #e7e7e7;
}


#offcanvas-cart img,
#offcanvas-wishlist img,
#cart-mobile img,
#checkout-summary 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-detailpagina {
        width: 50px !important;
        height: 50px !important;
    }

    .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 {
        color: #000000;
        font-size: 20px;
        letter-spacing: 0.6px;
    }

    #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: 30px;
        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;*/
    }

    .delete_ww_row {
        z-index: 10000; /*Boven op datatable-filter-row plaatsen */
    }

    .delete_ww_row_icon:hover {
        /*animation: shake 0.5s;
    animation-iteration-count: infinite;*/
    }

    @keyframes shake {
        0% {
            transform: translate(1px, 1px) rotate(0deg);
        }

        10% {
            transform: translate(-1px, -2px) rotate(-1deg);
        }

        20% {
            transform: translate(-3px, 0px) rotate(1deg);
        }

        30% {
            transform: translate(3px, 2px) rotate(0deg);
        }

        40% {
            transform: translate(1px, -1px) rotate(1deg);
        }

        50% {
            transform: translate(-1px, 2px) rotate(-1deg);
        }

        60% {
            transform: translate(-3px, 1px) rotate(0deg);
        }

        70% {
            transform: translate(3px, 1px) rotate(-1deg);
        }

        80% {
            transform: translate(-1px, -1px) rotate(1deg);
        }

        90% {
            transform: translate(1px, 2px) rotate(0deg);
        }

        100% {
            transform: translate(1px, -2px) rotate(-1deg);
        }
    }
    /*-----------------------------------------*/
    /*       CHECKOUT PROGRESS BAR BLOCKS      */
    /*-----------------------------------------*/
    #checkout {
        height: auto;
        min-height: 500px;
        position: relative;
    }

    .steps-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(246,246,246,1);
        height: 40px;
    }

    .track-progress {
        margin: 0;
        padding: 0;
        overflow: hidden;
        font-size: 0;
    }

        .track-progress ol,
        .track-progress ol li {
            margin: 0 !important;
            padding: 0 !important;
        }

        .track-progress li {
            list-style-type: none;
            display: inline-block;
            position: relative;
            margin: 0;
            padding: 0;
            text-align: center;
            line-height: 41px;
            height: 40px;
            background-color: rgba(246,246,246,1);
            font-size: 15px;
        }

        .track-progress[data-steps="3"] li {
            width: 33.33333%;
        }

        .track-progress[data-steps="4"] li {
            width: 25%;
        }

        .track-progress[data-steps="5"] li {
            width: 20%;
        }

        .track-progress li > a {
            display: block;
            color: #000;
            text-decoration: none;
            padding-left: 15px;
            pointer-events: none;
        }

        .track-progress li:first-child > a {
            padding-left: 0;
        }

        .track-progress li.done > a {
            color: #ffffff;
            background-color: #333;
            pointer-events: visible;
        }

        .track-progress li > a:before {
            border-left-color: #333;
        }

        .track-progress li.active > a {
            color: #ffffff;
            background-color: #aaa;
            pointer-events: visible;
        }

        .track-progress li > a:after,
        .track-progress li > a:before {
            content: "";
            display: block;
            width: 0px;
            height: 0px;
            position: absolute;
            top: 0;
            left: 0;
            border: solid transparent;
            border-left-color: rgba(246,246,246,1);
            border-width: 20px;
        }

        .track-progress li > a:after {
            top: -5px;
            z-index: 1;
            border-left-color: white;
            border-width: 25px;
        }

        .track-progress li.active > a:before {
            content: "";
            display: block;
            width: 0px;
            height: 0px;
            position: absolute;
            top: 0;
            left: 0;
            border: solid transparent;
            border-left-color: rgba(246,246,246,1);
            border-width: 20px;
        }

        .track-progress li.done > a:after {
            top: -5px;
            z-index: 1;
            border-left-color: rgba(246,246,246,1);
            border-width: 25px;
        }

        .track-progress li > a:before,
        .track-progress li.active > a:before,
        .track-progress li.done > a:before {
            z-index: 2;
        }

        .track-progress li.done + li > a:before {
            border-left-color: #333;
        }

        .track-progress li.active + li > a:before {
            border-left-color: #aaa;
        }

        .track-progress li:first-child > a:after,
        .track-progress li:first-child > a:before {
            display: none;
        }

        .track-progress span {
            color: #999;
        }

        .track-progress li.active span {
            color: #fff;
        }