/*
 Theme Name:   Kortingvandedag Child
 Description:  Kortingvandedag Child Theme
 Author:       Maxenta
 Author URI:   http://www.maxenta.be
 Template:     kortingvandedag
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, res
 ponsive-layout, accessibility-ready
 Text Domain:  kortingvandedag-child
*/
/*

bootstrap (fixes)

*/

.row,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1{ margin:0 !important;padding:0 !important; }
.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1{ margin:0 !important;padding:0 !important; }
.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1{ margin:0 !important;padding:0 !important; }

body {
    font-family: 'Quicksand', sans-serif !important;
    font-size: 15px;
    color: #666;
    background-color: #efefef;
    font-weight: 500;
}

.favs{
    font-family: 'Quicksand', sans-serif !important;
    color: #202020;
    font-size: 20px;
    margin: -5px 0px 7px 0px;
    line-height: 22px;
	font-weight:400;
}

h3, h4, h5, h6 {
    color: #777;
    padding: 0px;
    margin: 18px 0 15px;
    font-weight: 700;
}

h1 {
    font-family: 'Quicksand', sans-serif;
    padding: 0px;
    margin: 25px 0 20px 0;
    font-weight: 700;
    color: #777;
    font-size: 21px;
}

.container{
    padding:0 !important;
}

@media (max-width: 768px) {
    .container{
        padding:10px !important;
    }
}

.dvdw {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 999;
    border: 0px !important;
}

.datummobile {
    display: none;
}

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

@media (max-width: 768px) {
    .datummobile {
        display: initial;
    }

    .datumdesktop {
        display: none;
    }
}

/**** Scroll To Top ****/

#scrolltotop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 50px; /* Place the button at the bottom of the page */
    right: 50px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background: #47aed8;
    color:#fff;
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 8px 16px 10px; /* Some padding */
    border-radius: 100px; /* Rounded corners */
    font-size:18px;
}

#scrolltotop:hover {
    background:#6cc9ef;
}

/* Mobile Fix */

@media(max-width: 768px){
#scrolltotop {
    padding: 8px 14px 10px;
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 20px; /* Place the button 30px from the right */
    }

}


/**** HEADER ****/

.header {
    background: #fff;
	padding:13px 0px 32px !important;
}

@media(max-width: 768px){
    .header {
        padding:13px 0px 25px !important;
    }
}

/** Logo **/

.navbar-brand{
    color:#444;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size:18px;
}

.navbar-brand img{ 
    width:180px; 
    margin: 0 10px 0 -15px;
}

@media(max-width: 768px){
    .navbar-brand img{ 
        width:200px; 
        margin: -5px 0 0 -8px;
    }
}

.mobilenav{
    color:#999;
    font-size:28px;
    float:right;
    margin:5px 12px 0 0;
    font-weight: 300;
}

.linkall{ 
    color:#777 !important;
    font-weight: 700;
    font-size:13px;
    margin:0 0 0 5px;
}

/** Header Breadcrumbs **/

.header-bar-breadcrumbs{
    width:100%;
    font-family: 'Quicksand', sans-serif;
    color:#adadad;
    padding:8px 0 0 10px;
    margin-bottom:-10px;
    font-size:12px;
}

.header-bar-breadcrumbs i{
    font-size:8px;
    padding:0 3px;
    color:#c0c0c0;
}


.header-bar-breadcrumbs span{
    font-size:11px;
}

.header-bar-breadcrumbs a{
    color:#adadad;
    font-size:12px;
}

.header-bar-breadcrumbs a:hover{
    color:#555;
    text-decoration: none;
}

.header-bar-breadcrumbs strong{
    font-size:12px;
}

@media(max-width: 768px){
    .header-bar-breadcrumbs{
        padding:8px 0 0 27px;
        margin-bottom:-10px;
    }
}

.footer .header-bar-breadcrumbs{
    padding:0px 0 0 0px;
    margin:-8px 0 15px;
    font-size:12px;
}

@media(max-width: 768px){
    .footer .header-bar-breadcrumbs{
        padding:8px 0 0 0px;
        margin-bottom:5px;
    }
}

/** Search **/

.search {
    padding: 5px 0px 0px 55px;
}

.search .input-group {
    width: 100%;
    text-align: right;
}

.search .input-group .input-group-btn .btn {
    color:#282b40;
    border-left: 1px solid #eee;
    height: 45px;
    font-weight: 300;
    font-size: 13px;
    padding: 0px 17px;
    margin-right: 23px;
    font-family: 'Quicksand', sans-serif;
}

.search .input-group .input-group-btn .btn:hover {
    background: #282b40;
    color:#fff;
}

input[type="text"].form-control {
    height: 45px;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    border: none;
    font-weight: 300;
    box-shadow: none;
    width: 80%;
    padding:5px 0 2px 15px;
    border:1px solid #efefef;
}

input[type="text"].form-control:focus {
    box-shadow: none;
}

/* Remove Ugly Blue Input Highlight */
input[type="email"].form-control {
    border: none;
    box-shadow: none;
}

input[type="email"].form-control:focus {
    box-shadow: none;
}

@media (max-width: 768px) {
    .header .container .col-xs-12 {
        text-align: center;
    }

    .search {
        margin: 0px 0px 25px 0px;
		padding: 10px 0px 0px 0px;
    }

    .search .input-group {
        width: 95%;
        margin:0 auto;
		font-size:13px !important;
    }

    .search .input-group .input-group-btn .btn {
        margin-right: 0px;
    }

    .search .input-group input[type="text"].form-control {
        width: 100%;
        height: 45px;
    }

    .search .input-group .input-group-btn .btn {
        height: 45px;
        padding: 0px 17px;
    }
}

/** Nav **/

.mainmenu{
    margin:18px 25px 0 0;
}

.dropdown{
    float:left;
}

.dropdown a{ 
    font-weight: 700;
    color:#777;
    font-size: 15px;
    padding-right:30px;
}

.dropdown a:hover{ 
    color:#43abd6;
    text-decoration: none;
}

.dropdown-toggle:hover{ 
    color:#43abd6;
}

.dropdown-toggle{ 
    background:none;
    border:none;
    font-weight: 700;
    color:#777;
    font-size: 15px;
    margin:0 0 0 0;
    padding-right:30px;
}

.dropdown-menu{
    font-size:16px;
    padding:10px;
    margin:30px 0 0 0 !important;
    box-shadow: 0 2px rgba(0,0,0,0.1) !important;
    border: 0px solid #efefef;
    border-radius: 0 !important;
    line-height: 25px;
    width:500px;
}

.dropdown-menu li{
    padding:0 20px 0 0;
}

.dropdown-menu .first{
    border-right: 1px solid #efefef;
}

.dropdown-menu .first, .dropdown-menu .second{
    padding:10px !important;
}

.dropdown-menu .second{
    padding-left:20px !important;
}

.dropdown-menu a{
    color:#48aed8;
}

.dropdown-menu a:hover{
    text-decoration: none;
    color:#2c8ed3;
}

.navbar-nav {
    color: #FFFFFF;
    padding: 0px;
    margin: 5px 0px 0px 100px;
    width:120%;
}

.navbar-nav a {
    color: #ef8383;
    font-family: 'Quicksand', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.navbar-nav .current-menu-item a {
    color: #d6556d;
}

.navbar-nav li:hover a {
    color: #d6556d;
}

.navbar-nav li {
    padding-left:2px;
}

/** Mobile Nav **/

.navbar-toggle {
    padding-top:9px;
    border:none !important;
}

.navbar-toggle:hover,.navbar-toggle.collapsed {
    border:none !important;
}

.icon-bar{
    background: #999;
}


@media (max-width: 768px) {

    .navbar-nav{
        padding: 0px;
        margin: 5px 0px 10px 0px;
        text-align: right;
        width:100%;
    }

    .navbar-nav a {
        color: rgba(0, 0, 0, 0.5);
        font-family: 'Quicksand', sans-serif;
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .navbar-nav .current-menu-item a {
        color: #777;
    }

    .navbar-nav li:hover a {
        color: #a1cfee;
    }

    .navbar-nav li:first-of-type {
        border-top:#efefef 1px solid;
    }

    .navbar-nav li {
        border-bottom:#efefef 1px solid;
        padding:4px 0 3px;
    }
}

/* Container */

.bgsolden {
    background: #eaeaea;
}

.bgsolden h1 {
    margin-top: 25px;
    font-size: 32px;
}

.container .begin {
    padding-top: 20px;
}

.container .beginshop {
    padding-top: 28px;
}

@media (min-width: 992px) {
    .container {
    width: 1200px !important;
    }
}

/*** White ***/
.white {
    background-color: #FFFFFF;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 25px 25px 15px 25px;
    margin-bottom: 15px;

}

/*************************** START COUPON *************************/

/* coupon */

.coupon{
    background-color: #FFFFFF;
    -moz-border-radius: 2px;
    border-radius: 3px;
    padding: 25px 25px 15px 25px;
    margin-bottom: 1px !important;
    box-shadow:0px 0px #DCDCE3 !important;
    border:0px solid #DCDCE3;
    min-height:80px !important;
    width:100%;
}

.coupon:hover{
    box-shadow:0px 0px #C6C6CC !important;
}

.coupon .couponprice .featured_image{
    width:70% !important;
    margin:0 auto !important;
    border-radius:2px;
    max-width:70% !important;
    margin-top:-7px !important;
    position: relative;
}

.coupon .couponprice .discount{
    padding:6px 7px 0 0;
    background:none;
    color:#ff7700;
    position:absolute;
    top:0px;
    left:2px;
    font-family: 'Quicksand', sans-serif;
    font-size: 20px;
    text-align: center;
    font-weight: 900;
    border-radius: 2px;
}

.coupon .couponprice{
    border-right:1px #efefef dotted;
    text-align: center;
}

.coupon .coupontitle {
    margin: 0px 0px 7px 10px !important;
    padding-right:15px !important;
    line-height: 16px !important;
}

.coupon .coupontitle a {
    color: #666;
    font-size: 16px;
    line-height: 16px !important;
    font-weight:600 !important;
    font-family:'Quicksand', sans-serif !important;
}

.coupon .coupontitle a:hover {
    color: #111;
    text-decoration: none;
}

.coupon .couponsubtitle{
    border-radius:2px;
    padding:3px 6px;
    font-size:12px;
    color: #fb5e00;
}

.coupon.nopadding {
    padding-left: 10px;
}

.coupon .col-sm-4.nopadding {
    padding-left: 0px;
    padding-right: 0px;
}

.coupon .col-sm-3 {
    text-align: center;
}

.coupon .col-sm-3 img {
    max-width: 110px;
    max-height: 110px;
    border: 1px solid #eaeaea !important;
    border-radius: 4px !important;
    margin-bottom: 10px;
}

.coupon .col-sm-4 .winkel a {
    color: #777777;
    text-decoration: underline;
}

.coupon .col-sm-4 .winkel a:hover {
    text-decoration: none;
}

.coupon .prijsvoordeel{ color:#abb5b4 !important; border: 0px solid #fff; background:none; padding:4px 0px; width:100%; border-radius: 2px; margin:0 0 0 10px; font-size:11px !important;  font-family:'Verdana', sans-serif; }

/* Mobile Fix */

@media (max-width: 768px) {
    .coupon .coupontitle {
        margin: 0px 2px 7px 0px !important;
        padding-right:5px !important;
    }

    .coupon .coupontitle a {
        color: #262626;
        font-size: 18px;
        line-height: 18px !important;
        font-weight:600 !important;
        font-family:'Quicksand', sans-serif !important;
    }
    .prijsvoordeel{ color:#abb5b4 !important; border: 0px solid #fff; background:none; padding:4px 0px; width:100%; border-radius: 2px; margin:0 0 0 10px; font-size:11px !important;  font-family:'Verdana', sans-serif; }
    .oldprice{ color:#999 !important; text-decoration: line-through !important; }
    .newprice{ color:#56c434 !important; padding-left:3px; }
}

/* Coupon Single */

.contentsingle{
    padding:3px 10px;
}

/* Top Coupons */

.coupon.else .aanbieder{
    border-right:1px #efefef dotted;
}

.coupon.else .aanbieder .upup{
    margin-top:-10px;
}

.coupon.else .aanbieder img {
    width: 70% !important;
    border-radius: 2px !important;
    margin: 0 auto;
}

.coupon.else .coupontitle a{
    margin: 0px 0px 7px 10px !important;
    font-size:20px !important;
    line-height:20px !important;
}

/* Mobile Fix */

@media(max-width: 768px){
    .coupon.else .aanbieder{
        border-right:none;
    }

    .coupon.else .aanbieder .upup{
        margin-top:-10px;
    }

    .coupon.else .aanbieder img {
        width: 80% !important;
    }
}

/*** 5 Columns ***/

.col-half-offset:nth-of-type(1),.col-half-offset:nth-of-type(6),.col-half-offset:nth-of-type(11),.col-half-offset:nth-of-type(16) {
    margin-left:0% !important;
}

.col-half-offset{
    margin-left:0.25%;
	margin-top:5px;
}


/* single attributes */
.overflow {
    overflow: auto;
}

.overflow_hidden {
    overflow: hidden;
}

.prijs {
    font-family: 'Quicksand', sans-serif !important;
    color: #fb5e00;
    text-align: center;
    font-weight: 400;
    margin:-5px 0px 0px;
    font-size: 30px;
}

.prijs.prijs1 {
    font-size: 35px !important;
    font-weight: 600 !important;
}

.prijs.prijs2 {
    font-size: 26px !important;    
    margin:0px 0px 0px !important;
}

.prijs.grverz {
    font-size: 45px !important;    
    margin:-10px 0px 0px !important;
}

.prijs.grverz img{
    width:50%;
}


.korting {
    font-family: 'Quicksand', sans-serif !important;
    font-weight:400;
    color: #fb5e00;
    font-size: 14px;
    text-align: center;
    margin: -25px 0px 0px;
}
.grverz2{
    font-family: 'Quicksand', sans-serif !important;
    font-weight:500 !important;
    color: #fb5e00;
    text-align: center;
    margin: -10px 0px 0px;
    font-weight:500 !important;
    font-size: 10px !important;
}

.kortingtekst {
    color: #595959;
}

.webshoptekst {
    display: none;
    color: #595959;
    margin-top: 10px;
}

.inactive .webshoptekst {
    display: block;
}


/* Edit Coupon Button */

.coupon .editlink {
    display: none;
    text-align: center;
    width: 100%;
}

.coupon:hover .editlink {
    display: initial;
    text-align: center;
    width: 100%;
    font-size: 12px;
    margin: 25px 0px;
    clear: both;
}

.coupon:hover .editlink a {
    color: #9966ff;
    text-decoration: none;
    padding: 10px 0px;
}

.coupon:hover .editlink a:hover {
    color: #cc0099;
}

.coupon .vwbutton .editlink {
    display: none;
    text-align: center;
    width: 100%;
}

.coupon:hover .vwbutton .editlink {
    display: initial;
    text-align: center;
    width: 100%;
    font-size: 12px;
    margin: 25px 0px;
    clear: both;
}

.coupon:hover .vwbutton .editlink a {
    color: #9966ff;
    text-decoration: none;
    padding: 10px 0px;
}

.coupon:hover .vwbutton .editlink a:hover {
    color: #cc0099;
}

/*** START GENERAL COUPON BUTTON STYLE ***/

.btn.btn-korting {
    border-radius: 3px;
    font-weight: normal;
    text-align: center;
    margin: -2px 0px 10px 0px !important;
    width:100%;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    font-weight: 400;
    border: 0px;
    color: #282b40;
    padding: 13px 0px 12px;
    height: 47px;
    background: #fed101;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0px 2px #ddb600;
}

.btn.btn-korting:hover {
    color: #fff;
    background: #feb701 !important;
    box-shadow: 0px 2px #dd9c00;
}

.btn.btn-aanbieding {
    border-radius: 3px;
    font-weight: normal;
    text-align: center;
    width:100% !important;
    margin: -2px 7px 10px 0px !important;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    font-weight: 700;
    border: 0px;
    color: #282b40;
    background: #feb701;
    padding: 15px 0px;
    height: 51px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0px 0px #ddb600;
}

.btn.btn-aanbieding:hover {
    color: #fff;
    background: #fed101 !important;
    box-shadow: 0px 0px #dd9c00;
}

.mybtn.btn-code {
	border-radius: 2px;
    border:1px dashed #282b40;
	font-weight: normal;
    margin: -2px 7px 10px 0px !important;
    width:100%;
	font-family: 'Quicksand', sans-serif;
	font-size: 20px;
    font-weight:400;
	color: #282b40;
	background: #fff;
	padding-right: 35px;
	line-height: 22px;
	padding: 10px 0px;
	text-align: center;
}

.tekst.tekst2 a{
	font-family: 'Quicksand', sans-serif;
	font-size:13px;
}

.tekst.tekst2 a:hover{
	text-decoration:none;
}

/* Mobile Fix */

@media(max-width: 768px){

    .btn.btn-korting,.btn.btn-aanbieding{
        margin: 3px 0px 10px 0px !important;
        width:100% !important;
    }

    .mybtn.btn-code {
        margin: 3px 0px 10px 0px !important;
        width: 100%;
    }
}


/*** END GENERAL COUPON BUTTON STYLE ***/


/******************** COUPON DATA ********************/

.coupondata{
    margin-left:10px;
}

/****** Voorwaarden *******/

.coupon .voorwaarden {
    width:100% !important;
    margin: 0px 0px 0px 5px;
    padding: 2px 0px 0px 5px;
    font-family:'Quicksand', sans-serif;
    text-align: left;
}

.coupon .voorwaarden .kop{
    margin: 0px 0px 0px 0px !important;
}

.coupon .voorwaarden .kop a {
    color: #999;
    font-size: 12px;
    text-decoration: none;
}

.coupon .voorwaarden .kop a:hover {
    color: #4e7cca;
    text-decoration: none;
}

.coupon .voorwaarden .kop a:active {
    color: #4e7cca;
    text-decoration: none;
}

.coupon .voorwaarden .tekst {
    display: none;
    font-size: 12px;
    line-height:13px;
    color: #999;
}

.coupon .voorwaarden .tekst {
    display: none;
}

.coupon .voorwaarden .kop i {
        color:#0a8de9; 
        font-size:9px;
        padding-right:2px; 
}

i.fa.fa-angle-down {
    margin-left: 2px;
    color: #999 !important;
}

/* Mobile Fix */

@media(max-width:768px){

    .coupon .voorwaarden {
        margin: 2px 0px 0px 0px;
    }

    .coupon .voorwaarden .kop a {
        color:#999;  
        border-radius:2px; 
        font-size:13px !important;
    }

    .coupon .voorwaarden .kop i {
        color:#0a8de9; 
        font-size:9px;
        padding-right:2px; 
    }

    .coupon .voorwaarden .kop a:hover {
        color:#282b40; 
        text-decoration: none;
    }

    .coupon .voorwaarden .tekst {
        font-size: 13px;
        margin-top:10px;
        line-height:15px;
        padding-right:10px;
    }

    .vervaldatum{
        float:right;
    }

    .dagen{ padding-right:5px; font-size:13px !important; }
    .dagen i {  font-weight: 300; font-size:9px; color:#67b07a !important; }
}
}


/**** Geverifieerd ****/

.coupon .verified{
    color: #959595;
    font-size: 10px;
}

.coupon .verified i{
    color:#40ab7f;
    font-size:11px;
    font-weight:400 !important;
}


.coupon .col-sm-5 .btn.btn-code:hover,
.coupon .col-sm-5 .btn.btn-inactive:hover, opacity:

0.75
;
}
.btn.btn-ganaar:hover {
    opacity: 0.75;
}

.btn-hide {
    display: none;
}


/*** Inactive ***/

.coupon.inactive {
    background:#f6f7f9;
    border:none;
    margin:0 0 1px 0 !important;
}

.coupon.inactive h2 {
    color: #b0b0b0;
}

.coupon.inactive h2 a {
    color: #b0b0b0;
}

.coupon.inactive h2 a:hover {
    color: #888;
}

.coupon.inactive .prijs{
    color: #d5d5d5;
}

.coupon.inactive .discount{
    color:rgba(0,0,0,0.3);
}

.coupon.inactive .korting {
    color: #d5d5d5;
}


.coupon.inactive .grverz2 {
    color: #d5d5d5;
}

.coupon.inactive .prijs.grverz img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%);
            opacity: 0.3; 
}


.coupon.inactive .dagen {
    color: #d5d5d5;
    margin-left:-15px;
    text-align: center;
}

.coupon.inactive .dagen i{
    color: #d5d5d5;
}

.coupon.inactive .voorwaarden .kop i{
    color: #d5d5d5;
}

.coupon.inactive .voorwaarden .kop .verlopen i{
    color: #d5d5d5 !important;
}

.coupon.inactive img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.coupon.inactive .btn.btn-korting {
    color: #666;
    background: #d5d5d5;
    box-shadow: 0px 0px #c0c0c0;
}

.coupon.inactive .btn.btn-korting:hover {
    color: #fff;
    background: #333 !important;
    box-shadow: 0px 0px #c0c0c0 !important;
}

.coupon.inactive .btn.btn-aanbieding {
    color: #666;
    background: #d5d5d5;
    box-shadow: 0px 0px #c0c0c0;
}

.coupon.inactive .btn.btn-aanbieding:hover {
    color: #fff;
    background: #333 !important;
    box-shadow: 0px 0px #c0c0c0 !important;
}

.coupon.inactive .mybtn.btn-code {
    border:1px dashed #c0c0c0;
    color: #c0c0c0;
}

/*************************** END COUPON *************************/

/*** Adsense ***/

.adsense{
    margin:5px 0 20px !important;
}

/*** Related Deals ***/

.relatedcoupons{
    margin:20px 0 0px 0 !important;
}

.relatedtitle{ 
    font-family: 'Quicksand', sans-serif;
    color:#54555a !important;
    font-size: 22px !important;
    line-height:22px !important;
    margin:5px 0 0px 0 !important;
    font-weight:600;
    padding-right:50px;
}

.relatedtitle i{
    color:#ff7700;
    font-size:15px;
} 

.subrelated{
    color:#92939c !important;
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 15px;
    font-weight:400;
}

.nocouponstitle{ 
    font-family: 'Quicksand', sans-serif;
    color:#54555a !important;
    font-size: 22px !important;
    line-height:22px !important;
    margin:0 0 15px 0 !important;
    font-weight:600;
    padding-right:50px;
}

.coupon.related {
    margin: 0px !important;
    height: 345px !important;
    padding: 10px 0px 0px 0px !important;
    width:100% !important;
    text-align: center;
}

.coupon.related img {
        width: 60% !important;
        border: 0px !important;
        border-radius: 3px !important;
}

.coupon.related .coupontitle a {
    color: #404040 !important;
    font-size: 20px !important;
    line-height: 20px !important;
    font-weight:400 !important;
    font-family:'Quicksand', sans-serif !important;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* number of lines to show */
    max-height: 60px; /* fallback */
    min-height: 60px;
    border:none !important;
    vertical-align: middle;
}

.coupon.related .coupontitle a:hover {
    color:#0a8de9 !important;
}

.coupon.related .btn-aanbieding, .coupon.related .btn-korting, .coupon.related .mybtn.btn-code{
    width:85%;
    margin:0px !important;
    min-width: initial !important;
}

.coupon.related .mybtn.btn-code{
    margin-left:20px !important;
}

/* Mobile Fix */

@media(max-width: 768px){
    .coupon.related img {
        width: 50% !important;
        border: 0px !important;
        border-radius: 3px !important;
    }
}

/*** Related Shops ***/

.relatedshops .relatedshop{
    float:left;
    margin:5px 5px 5px 0;
}

.relatedshops h2{
    color:#54555a !important;
    font-family: 'Quicksand', sans-serif;
    font-size: 25px;
    margin-bottom: 10px;
    font-weight:400;
}

.relatedshops h3{
    color:#92939c !important;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    margin:15px 0 5px;
    font-weight:400;
}

.relatedshops a{
    color:#fff !important;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    background:#0a8de9;
    padding:5px 15px 4px;
    border-radius:2px;
    text-decoration: none;
    box-shadow: 0px 2px #0773be;
}

.relatedshops a:hover{
    color:#282b40 !important;
    font-family: 'Quicksand', sans-serif;
    background:#fed101;
    text-decoration: none;
    box-shadow: 0px 2px #ddb600;
}


/*** Tags ***/

.tags {
    color: #8e8e8e;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 11px;
    margin-bottom: 15px;
    margin-top: 25px;
}

.tags a {
    color: #8e8e8e;
}

.current_categorie {
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.current_categorie .col-md-4 {
    padding-top: 10px;
}

.current_categorie .col-md-7 {
    padding-top: 10px;
}


.author {
    color: #959595;
    font-size: 10px;
    margin-bottom: 10px;
}

.author a, .author span {
    color: #5a5a5a;
    text-decoration: underline;
}

.author a:hover {
    text-decoration: none;
}

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}

/*********** PAGE ***********/
.page {
    line-height: 22px;
    background-color: #FFFFFF;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 25px 35px 35px;
    margin: 15px 0;
    box-shadow: 0 2px #dadada;
}

.page h1 {
    margin: 10px 0 20px;
    text-align: left !important;
    color: #202020;
    font-size:28px;
}

.page h2 {
    font-family: 'Quicksand', sans-serif;
    margin-bottom: 7px;
    margin-top: 32px;
    color: #505050;
    font-size:20px;
    font-weight: 700;
}

.page h3 {
    font-family: 'Quicksand', sans-serif;
    margin-bottom: 7px;
    margin-top: 23px;
    color: #808080;
    font-size:18px;
    font-weight: 700;
}

.page p{
    padding:0 85px 0 0;
}

.page img{
    max-width: 100%;
    margin:10px 0;
}

.page .foto{
    width:35%;
    float:right;
    margin:0 0 15px 45px;
    font-size: 10px;
    line-height: 10px;
}

.page .foto img{
    width:100%;
    margin:0 0 5px 0;
}

@media(max-width: 768px){
    .page .foto{
        width:100%;
        float:none;
        margin:13px 0px 18px;
    }
    .page p{
        padding:0 0 0 0;
    }
}

/*********** SEARCH ***********/
.searchtop {
    padding-left: 40px !important;
}

.searchtop h3 {
    font-size: 20px;
    line-height: 26px;
    font-family: 'Quicksand', sans-serif;
}

.searchtop .search_winkels {
}

.searchtop .search_winkels ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
}

.searchtop .search_winkels ul li {
    line-height: 25px;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.searchtop .search_winkels ul li img {
    width: 88%;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    margin: 0px 0px 10px 0px;
}

.searchtop .search_winkels ul li img:hover {
    border: 1px solid #cacaca;
}

.searchtop .search_categorieen {
}

.searchtop .search_categorieen ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
}

.searchtop .search_categorieen ul li {
    line-height: 25px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-size: 11px;
}

.searchtop .search_categorieen ul li img {
    width: 100%;
    margin: 0px;
    opacity: 0.92;
}

.searchtop .search_categorieen ul li img:hover {
    opacity: 1;
}

.searchtop .text {
    padding-top: 10px;
}


/*********** 404 ***********/
.page404 {
    text-align: center;
    padding: 15px;
    margin: 15px 0 2px 0;
    font-family: 'Quicksand', sans-serif;
    background:#fff;
    box-shadow: 0px 2px #e1e2e8 !important;
}

.page404 h1 {
    font-family: 'Quicksand', sans-serif;
    margin: 10px 0px 12px 0px;
    font-size: 28px;
    font-weight: 600;
}

.page404 .search {
    padding: 20px 0px 20px 0px;
}

.page404 .search .input-group {
    width: 50%;
    margin: 0 auto;
}

.page404 .search .input-group .input-group-btn .btn {
    color: #fff;
    background: #007be6;
    padding: 0px 17px;
    margin-right: 0px;
}

.page404 .search .input-group .input-group-btn .btn:hover {
    background: #000000;
}

.page404 .search .input-group input[type="text"].form-control {
    width: 100%;
    border: 1px solid #cecece;
}

/* Mobile Fix */
@media(max-width: 768px){
    .page404 h1 {
        margin: 10px 0px 12px 0px;
        font-size: 24px;
    }

    .page404 .search .input-group {
        width: 100%;
    }
}

/*********** CONTACT ***********/
.page .wpcf7 {
}

.page .wpcf7 p {
    color: #505050;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
}

.page .wpcf7 input[type="text"] {
    padding: 10px;
    background-color: rgb(250, 250, 250);
    border: 1px solid #eaeaea;
}

.page .wpcf7 input[type="email"] {
    padding: 10px;
    background-color: rgb(250, 250, 250);
    border: 1px solid #eaeaea;
}

.page .wpcf7 textarea {
    padding: 10px;
    background-color: rgb(250, 250, 250);
    border: 1px solid #eaeaea;
}

.page .wpcf7 input[type="submit"] {
    background-color: #22a3d2;
    color: #FFFFFF;
    border: 0px;
    padding: 10px 20px 10px 20px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.page .wpcf7 input[type="submit"]:hover {
    background-color: #ff7700;
    border-radius: 3px;
}

/*********** SHOP OVERVIEW PAGE ***********/

.allshops{
}

.allshops h1{
    margin:15px 0 5px 5px;
}

.allshops img{
    max-width: 80px;
    border-radius: 5px;
    margin: 0 5px 5px 0;
}

.shopssidebar .newshops{
    margin-top:55px;
}

.shopssidebar .popular .shop, .newshops .shop{
    overflow: auto;
    margin-top: 15px;
}

.shopssidebar .popular .shop, .newshops .shop{
    float: left;
    width: 23%;
    margin-right: 2%;
    height: auto;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0px 2px #e1e2e8 !important;
}

.shopssidebar .popular .shop:hover, .newshops .shop:hover{
    box-shadow: 0px 2px #c7c8cf !important;
}

.shopssidebar .popular .shop .img-shop, .newshops .shop .img-shop{
    width: 100% !important;
    border-radius: 2px !important;
}

.shopssidebar .popular .shop .img-shop:hover, .newshops .shop .img-shop:hover{
    box-shadow: 0px 2px #939393 !important;
}


.popular.winkel_widget:first-of-type{
    margin-left: 0% !important;
}

.popular.winkel_widget:hover {
    border: 1px solid #a7a7a7;
}

.popular.winkel_widget img {
    margin: 0 auto;
    width: 100%;
}

.winkelsoverflow {
    overflow: auto;
    margin-top: 15px;
}

.winkelsoverflow .winkel_widget {
    float: left;
    width: 10%;
    margin-left: 1%;
	margin-top: 5px;
    height: auto;
    box-shadow: 0px 2px #D6D6D6;
    background:#eaeaea;
    overflow: hidden;
    border-radius: 3px;
    text-align: center;
    font-size:11px;
}

.winkelsoverflow .winkel_widget a{
    color:#555;
}

.winkelsoverflow .winkel_widget a:hover{
    color:#202020;
    text-decoration: none;
}

.winkelsoverflow .winkel_widget .acties{
    width:100%;
    background:#eaeaea;
    text-align: center;
    font-size:11px;
    padding:5px 2px;
    margin-top:0px !important;
}

.winkelsoverflow .winkel_widget:first-of-type, .winkelsoverflow .winkel_widget:nth-of-type(12){
    margin-left: 0 !important;
}

.winkelsoverflow .winkel_widget:hover {
    box-shadow: 0px 2px #bababa;
}

.winkelsoverflow .winkel_widget img {
    margin: 0 auto;
    width: 100%;
}

.winkels {
    overflow:hidden;
    min-height:100px;
}

@media(max-width: 768px){
   .winkels {
    min-height:150px;
    } 
}

.winkels ul {
    list-style: none;
    padding: 0px;
}

.winkels ul li {
    float: left;
    margin: 2px 4px 5px 0px !important;
    text-align: center;
    width:40px !important;
    height:35px;
    font-weight: 400;
    font-size:20px;
    color:#282b40 !important;
    font-family: 'Quicksand', sans-serif;
    background:#fed101;
    text-decoration: none;
    box-shadow: 0px 2px #ddb600;
    padding:4px 0 0 0;
}

.winkels ul li:hover {
    color: #fff !important;
    background: #434559 !important;
    text-decoration: none;
    box-shadow: 0px 2px #282b40 !important;
}

.winkel_letter {
    margin-bottom: 5px;
    overflow:hidden;
}

.winkel_letter h2 {
    margin: 20px 0px 3px;
    font-family: 'Quicksand', sans-serif;
    font-size: 20px;
    font-weight: 300;
    color:#282b40;
}

.winkel_letter .shopname{
    float:left;
    width:25%;
    margin:0 0 1px;
}

.winkel_letter .shopname a{
    font-family: 'Quicksand', sans-serif;
    font-size: 13px;
    color:#0a8de9;
    text-decoration: none;
    font-weight:600;
}

.winkel_letter .shopname a:hover{
    font-family: 'Quicksand', sans-serif;
    color:#282b40;
    text-decoration: none;
}

@media(max-width: 768px){
    .winkel_letter .shopname{
        float:left;
        width:50%;
        margin:0 0 3px;
    }

    .winkel_letter .shopname a{
        font-size: 15px !important;
    }
}


/*********** START TAXONOMY WINKEL ***********/

.winkel{
    margin:5px 0px 13px 7px !important;
}

.winkel h1 {
    font-family: 'Quicksand', sans-serif;
    color:#777 !important;
    font-size: 23px !important;
    margin: 10px 0 -14px !important;
    line-height: 28px;
    font-weight:800;
}

.winkel h2 {
    color:#92939c !important;
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    margin-bottom: 6px;
	font-weight:400;
}

.winkel .btn.btn-ganaar {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0px;
    width: 95%;
    font-family: 'Quicksand', sans-serif;
    font-size: 13px;
    font-weight: 600;
    border: 0px;
    color: #FFFFFF;
    background: #007be6;
    padding: 6px 0px;
    border-radius: 2px;
}

.winkel .btn.btn-ganaar:hover {
    background: #005aa9;
}

.winkel .overflow_hidden {
    margin-top: 10px;
}

.winkel .description {
    min-height: 121px;
    color: #666;
}

.winkel .filter{
    border:1px solid #efefef;
    box-shadow:0px 2px #e1e2e8 !important;
    border-radius:2px;
    background:#fff;
    padding:6px 7px 5px 7px;
    font-family: 'Quicksand', sans-serif;
    margin-top:0px;
}

.winkel .filter i{
    float:right;
    margin-right:3px;
}

/* Mobile Fix */
@media (max-width: 768px) {
    .winkel {
        text-align: left;
    }

    .winkel h1 {
        font-size: 20px !important;
        margin: 5px 0 -13px -3px !important;
        line-height: 22px !important;
        padding-right:5px !important;
    }

    .winkel .img-responsive {
        box-shadow:0px 2px #e1e2e8 !important;
        border-radius:2px;
    }

}

/* Edit Coupons on hover */
.editcoupons {
    display: none !important;
}

.sidebar:hover .editcoupons {
    display: initial !important;
}

.categorietitel:hover .editcoupons {
    display: initial !important;
}


/** Gemiste Kortingen **/

.expiredcoupons{

}

.gemisttitel {
    font-family: 'Quicksand', sans-serif;
    color: #404040;
    padding: 20px 0px 12px 0px;
    font-size: 22px;
    margin:10px 0 -25px -8px !important;
}

.gemistsubtitel {
    font-family: 'Quicksand', sans-serif;
    color: #777;
    padding: 12px 0px 12px 5px;
    font-size: 12px;
    font-weight:400;
    margin:0 0 5px 0;
}

.expiredcode {
    text-decoration: line-through;
    border-radius: 3px;
    border: 1px dashed #bfbfbf;
    font-weight: normal;
    margin: 0px 0px 10px 10px !important;
    width: 200px;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    color: #555;
    background: none;
    padding-right: 35px;
    line-height: 25px;
    padding: 10px 0px;
    text-align: center;
}

.expiredcode:hover {
    border: 1px dashed #007ce6;
}

.expiredcode a {
    text-decoration: line-through;
    color: #555;
}

.expiredcode a:hover {
    text-decoration: line-through;
    color: #007ce6;
}

.pretty {
    text-decoration: none !important;
}

.pretty:hover {
    text-decoration: none !important;
}

/**** Sidebar ****/

.sidebar{
    font-family:'Quicksand', sans-serif !important;
    color:#54555a !important;
    padding-right:20px !important;
    padding-top:0px;
}

/** Sidebar Breadcrumbs 

.sidebar .bar-breadcrumbs{
    width:100%;
    font-family: 'Quicksand', sans-serif;
    color:#999;
    padding:15px 0 0 0;
    margin-bottom:-25px;
}

.sidebar .bar-breadcrumbs i{
    font-size:9px;
    padding:0 3px;
}


.sidebar .bar-breadcrumbs span{
    font-size:11px;
}

.sidebar .bar-breadcrumbs a{
    color:#999;
    font-size:11px;
}

.sidebar .bar-breadcrumbs a:hover{
    color:#0a8de9;
    text-decoration: none;
}

**/

.sidebar h2{
    font-family:'Quicksand', sans-serif;
    font-size:18px;
    margin:20px 0px 3px !important;
    font-weight:400;
    color:#5c5f6e !important;
}

.sidebar .shoplogobox{
    box-shadow:0px 0px #e1e2e8 !important;
    border:0px solid #e1e2e8;
    margin:0 !important;
    width:90% !important;
    background:#fff;
    margin:20px 0 20px !important;
    padding:20px 0;
    overflow:hidden;
    border-radius: 3px;
}

.sidebar .img-responsive {
    border-radius: 2px !important;
    margin:-25px auto !important;
    width:70% !important;
    max-width: initial;
}

.sidebar .weblink{
    font-family: 'Quicksand', sans-serif;
    width:100%;
    text-align: left;
    margin:15px 0 0 0 ;
}

.sidebar .weblink i{
   font-size:13px;
}

.sidebar .weblink{
    color:#0a8de9;
    font-size:15px;
}

.sidebar .weblink a:hover{
    text-decoration: none;
    color:#0069b2;
}

.sidebar h3{
    font-family:'Quicksand', sans-serif;
    font-size:18px;
    margin:20px 0px 3px;
    font-weight:400;
    color:#5c5f6e !important;
}

.sidebar .winkelinfo .description{
    color:#54555a !important;
    font-size:13px;
    line-height:16px !important;
    color:#888 !important;
    margin:30px 0 !important;
}

.sidebar .winkelinfo strong{
    font-weight:500 !important;
}

.sidebar .winkelinfo .score{
    padding:30px 0px 0px 0px;
}

.sidebar .winkelinfo i{
    color:#666;
        padding:0 2px 0 5px;
 }


.sidebar .winkelinfo .welkescore{
    text-align: center;
    font-weight:400 !important;
    margin:15px 0 0 0;
}

.sidebar .popular .img-responsive {
    float: left !important;
    width: 30% !important;
    margin-right: 2% !important;
    height: auto !important;
    box-shadow: 0px 1px #c5c5c5 !important;
    overflow: hidden !important;
    border-radius: 2px !important;
    margin-top: 10px !important;
    max-width:initial !important;
}

.sidebar .popular .img-responsive:hover {
    box-shadow: 0px 1px #939393 !important;
}

.sidebar .amountcoupons{
    text-align: center;
    font-size:13px;
    border-radius: 2px;
    background:#fff;
    box-shadow: 0px 2px #e0e0e0;
    color:#999;
    width:100%;
    margin-top:20px;
    line-height:20px;
}

.sidebar .amountcoupons .activecoupons, .sidebar .amountcoupons .totalcoupons{
    width:50%;
    float:left;
    font-size:11px;
    padding:20px 0px 7px;
    color:#c3c3c3;
}

.sidebar .amountcoupons .amountactive{
    font-size:30px;
    font-weight:400;
    color:#333;
}

.sidebar .amountcoupons .totalcoupons{
    border-left:1px dashed #e3e3e3;
}

.winkels{
    padding:5px 0 0 5px;
}

.winkels i{ 
    font-size: 12px;
}

.winkels li:before{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f00c";
    font-size: 12px !important;
    padding:0 7px 0 0;
}

/*********** END TAXONOMY WINKEL ***********/

/* paginate */
.wp-paginate {
    list-style: none;
    padding: 0px;
    margin: 0px;
    overflow: auto;
    padding-bottom: 15px;
    line-height: 25px;
}

.wp-paginate li {
    float: left;
}

.wp-paginate li.paged {
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #c5c5c5;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 5px;
}

.wp-paginate li.gap {
    height: 25px;
    width: 25px;
    margin-left: 5px;
    text-align: center;
    line-height: 25px;
}

.wp-paginate li.paged a {
    color: #FFFFFF;
    text-decoration: none;
}

.wp-paginate li.paged:hover {
    background-color: #FFFFFF;
}

.wp-paginate li.paged:hover a {
    color: #000000;
}

.wp-paginate li.paged.current {
    background-color: #FFFFFF;
}

.go_coupon {
    padding-top: 150px;
    padding-bottom: 150px;
}

.go_coupon h1 {
    font-size: 40px;
}

.go_coupon h2 {
    font-size: 30px;
}

/* Populaire Winkels Sidebar */

.widget_winkelwidget {
    background: none !important;
    padding: 25px 0 0 0 !important;
}

.sidebar .widget_winkelwidget {
    overflow: auto;
}

.sidebar .widget_winkelwidget h3 {
    margin-left: 7px;
    font-family: 'Quicksand', sans-serif;
}

.winkelpopshops {
    margin-top: -41px;
}

.pagepopshops {
    margin-top: -49px;
}

.pageek {
    margin-top: -64px;
}

.sidebar .widget_winkelwidget .winkelsoverflow {
    overflow: auto;
}

.sidebar .widget_winkelwidget .winkel_widget {
    float: left;
    width: 30%;
    height: auto;
    border: 1px solid #e1e2e6;
    overflow: hidden;
    margin: 1%;
    border-radius: 3px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.sidebar .widget_winkelwidget .winkel_widget:hover {
    border: 1px solid #a7a7a7;
}

.sidebar .widget_winkelwidget .winkel_widget img {
    float: left;
    width: 100%;
}

/* Banner Sidebar */
#text-10 {
    padding: 0;
    background: none;
    text-align: center;
}

/* Blog Posts Sidebar */
#sticky-posts-2 .widget_ultimate_posts {
    padding: 2%;
    background: none;
}

#sticky-posts-2 .widget_ultimate_posts h3 {
    padding-left: 3% !important;
    font-family: 'Quicksand', sans-serif;
}

.sidebar .widget_ultimate_posts h3 {
    margin-left: 3% !important;
    font-family: 'Quicksand', sans-serif;
}

.sidebar .widget_ultimate_posts ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.sidebar .widget_ultimate_posts ul li {
    line-height: 20px;
    margin-top: 5px;
}

.sidebar .widget_ultimate_posts ul li a {
    color: #4f4f4f;
}

/* sidebar */
.sidebar ul.customcategorie {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.sidebar ul.customcategorie li {
    color: #4f4f4f;
    line-height: 20px;
    margin-top: 5px;
}

.sidebar ul.customcategorie li a {
    color: #4f4f4f;
}

.sidebar .widget_ultimate_posts ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.sidebar .widget_ultimate_posts ul li {
    color: #4f4f4f;
    line-height: 20px;
    margin-top: 5px;
}

.sidebar .widget_ultimate_posts ul li a {
    color: #4f4f4f;
}


.sidebar .widget_categories {
    border-bottom: 1px dotted #d2d2d2;
    color: #999;
}

.sidebar .widget_categories a {
    color: #555;
}

.sidebar .widget_categories .col {
    padding: 0px;
    padding-top: 5px;
    margin: 0px;
    line-height: 25px;
}

.sidebar .widget_categories:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
}

.sidebar .widget_categories .col-xs-10 {
    line-height: 12px;
    padding: 10px;
}

/*** Special Coupons ***/

.coupon.special {
    margin: 0 0 0 0 !important;
    height: 254px !important;
    padding: 15px 0px 0px 0px !important;
    text-align: center !important;
    box-shadow:1px 3px 5px #DCDCE3 !important;
}

.coupon.special:hover{
    box-shadow:0px 3px #C6C6CC !important;
}

.coupon.special img {
    width: 40% !important;
    border: 0px !important;
    border-radius: 3px !important;
}

.coupon.special .coupontitle a {
    color: #404040 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    font-weight:700 !important;
    font-family:'Quicksand', sans-serif !important;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* number of lines to show */
    max-height: 48px; /* fallback */
    min-height:48px;
    border:none !important;
}

.coupon.special .coupontitle a:hover {
    color: #1273cd !important;
}

.coupon.special .btn.btn-korting {
    margin: -2px 3% 10px 3% !important;
    width:80%;
    min-width: initial !important;
}

.coupon.special .btn.btn-aanbieding {
    margin: -2px 3% 10px 3% !important;
    width:80%;
    min-width: initial !important;
}

.coupon.special .mybtn.btn-code {
    margin: -2px 3% 10px 3% !important;
    width:80%;
    min-width: initial !important;
}

/* Mobile Fix */

@media(max-width: 768px){
    .coupon.special {
        margin: 0 0 10px 0 !important;
        height: initial !important;
        padding: 10px 10px 20px !important;
        width:100% !important;
        text-align: left !important;
    }

    .coupon.special .coupontitle a {
        min-height: initial !important;
        font-weight:600 !important;
        font-size: 20px !important;
        line-height: 20px !important;
        max-height: 80px; /* fallback */
        min-height:80px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4; /* number of lines to show */
    }

    .coupon.special img {
        width: 95% !important;
        margin:5px 0 5px 5px;
    }

    .coupon.special .btn-aanbieding, .coupon.special .btn-korting, .coupon.special .mybtn.btn-code {
        margin: -2px 3% 10px 3% !important;
        width:94% !important;
    }
}

/*** Homepage Slider ***/

.homepage .jcarousel-wrapper {
            margin: 0px auto;
            width: 100%;
            border-radius: 3px;
            position: relative;
}

.homepage .jcarousel{
    overflow:hidden;
}

.homepage .jCarousel a:hover{
        color: #fff;
    text-decoration: none;
}

.homepage .jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.homepage .jcarousel li {
    /* Required only for block elements like <li>'s */
}

/** Carousel Controls **/

.homepage .jcarousel-control-prev,
.homepage .jcarousel-control-next {
    position: absolute;
    top: 100px;
    width: 40px;
    height: 40px;
    text-align: center;
    background: rgba(0,0,0,0.1);
    color: #fff;
    text-decoration: none;
    font: 20px/21px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    padding:10px;
}

.homepage .jcarousel-control-prev:hover,
.homepage .jcarousel-control-next:hover {
    background: rgba(0,0,0,0.2);
    color: #fff;
    text-decoration: none;

}

.homepage .jcarousel-control-prev {
    left: -50px;
}

.homepage .jcarousel-control-next {
    right: -50px;
}

.homepage .jcarousel-control-prev:hover span,
.homepage .jcarousel-control-next:hover span {
    display: block;
}

.homepage .jcarousel-control-prev.inactive,
.homepage .jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

.homepage .slider {
    margin: 0 0 0 0 !important;
    height: 250px !important;
    padding: 0px 0px 0px 0px !important;
    border-radius:3px;
    float: left;
    width:375px;
}

.homepage .slider.slider2 {
    margin: 0 0 0 0 !important;
    height: 320px !important;
    padding: 0px 0px 0px 0px !important;
    border-radius:3px;
    float: left;
    width:375px;
}
/*
.homepage .slider:first-of-type {
    margin: 0 15px 0 0 !important;
}
*/
/*
.homepage .slider img {
    width: 75px !important;
    border: 0px !important;
    border-radius: 3px !important;
    position:absolute;
    top:10px;
    right:10px;
}
*/

.homepage .slider .baseline{
    background:rgba(0,0,0,0.4);
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 0px 15px 5px 15px;
}

/*
.homepage .slider .baseline .coupontitle a {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 18px !important;
    font-weight:600 !important;
    font-family:'Quicksand', sans-serif !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    max-height: 36px; 
    border:none !important;
    text-shadow: 0px 2px rgba(0,0,0,0.35);
}

.homepage .slider .baseline .coupontitle a:hover {
    text-shadow: 0px 2px rgba(0,0,0,0.65);
    text-decoration: none;
}
*/

.homepage .jcarousel-pagination {
    display:none;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.homepage .jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.homepage .jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}

/* Mobile Fix */

@media(max-width: 768px){
    .homepage .jcarousel-wrapper {
            height:300px;
    }

    .homepage .slider {
    margin: 0 0 0 0 !important;
    height: 250px !important;
    padding: 0px 0px 0px 0px !important;
    border-radius:3px;
    float: left;
    width:375px;
}


    .homepage .jcarousel-pagination {
        display:initial;
        width:70%;
    }

    .homepage .jcarousel-control-prev,
    .homepage .jcarousel-control-next {
        position: absolute;
        top: 80px;
        width: 55px;
        height: 70px;
        text-align: center;
        background: rgba(0,0,0,0.1);
        color: #fff;
        text-decoration: none;
        font: 25px Arial, sans-serif;
        padding:23px 12px 20px;
         border-radius: 0px;
    }


    .homepage .jcarousel-control-prev:hover,
    .homepage .jcarousel-control-next:hover {
        background: rgba(0,0,0,0.2);
        color: #fff;
        text-decoration: none;

    }

    .homepage .jcarousel-control-prev {
        left: -30px;
    }

    .homepage .jcarousel-control-next {
        right: 0px;
    }
}

/*** Related Slider ***/

.relatedcoupons .jcarousel-wrapper {
            margin: 20px auto;
            width: 100%;
            border-radius: 0px;
            position: relative;
}

.relatedcoupons .jcarousel{
    overflow:hidden;
}

.relatedcoupons .jCarousel a:hover{
        color: #fff;
    text-decoration: none;
}

.relatedcoupons .jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.relatedcoupons .jcarousel li {
    /* Required only for block elements like <li>'s */
}

/** Carousel Controls **/

.relatedcoupons .jcarousel-control-prev,
.relatedcoupons .jcarousel-control-next {
    position: absolute;
    padding:5px;
    top: 120px;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #a4a4a4;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #808080;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 40px;
       -moz-border-radius: 40px;
            border-radius: 40px;
    z-index:1 !important;
}

.relatedcoupons .jcarousel-control-prev:hover,
.relatedcoupons .jcarousel-control-next:hover {
    background: #222;
    color: #fff;
    text-decoration: none;

}

.relatedcoupons .jcarousel-control-prev {
    left: 0px;
}

.relatedcoupons .jcarousel-control-next {
    right: 0px;
}

.relatedcoupons .jcarousel-control-prev:hover span,
.relatedcoupons .jcarousel-control-next:hover span {
    display: block;
}

.relatedcoupons .jcarousel-control-prev.inactive,
.relatedcoupons .jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

.relatedcoupons .slider {
    margin: 0px !important;
    height: 350px !important;
    padding: 0px !important;
    border-radius:0px;
    float: left;
    width:295px;
}

.relatedcoupons .slider:first-of-type {
    margin: 0px !important;
}

.relatedcoupons .slider .baseline{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 0px 5px 5px 5px;
}

.relatedcoupons .jcarousel-pagination {
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.relatedcoupons .jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #efefef;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;

    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.relatedcoupons .jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}

/* Mobile Fix */

@media(max-width: 768px){
    .relatedcoupons .jcarousel-wrapper {
            margin: 20px auto 50px;
    }
    .relatedcoupons .jcarousel-pagination {
        position: absolute;
        bottom: -45px;
        left: 25%;
        -webkit-transform: translate(-10%, 0);
        -ms-transform: translate(-10%, 0);
        transform: translate(-10%, 0);
        margin: 10px 0 15px !important;
    }

    .relatedcoupons .jcarousel-pagination a {

        font-size: 13px;
        height: 13px;
        width: 13px;
        line-height: 13px;

        border-radius: 13px;
        text-indent: -9999px;

        margin-right: 10px;
    }
}

/**** Categorie ****/

.category{
    margin:0px 0px 13px 10px !important;
}

.categorietitel h1{
	font-size:28px !important;
	font-weight:400 !important;
	font-family:'Quicksand', sans-serif;
	margin:15px 0 0px -5px !important;
}

.categorietitel h2{
	font-size:18px !important;
	font-weight:400 !important;
	font-family:'Quicksand', sans-serif;
	margin:5px 0 10px -5px !important;
	color:#888;
}

.categoriesidebar{
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	margin:25px 0 0 0px !important;
	padding:0px 0px 0px 25px; 
}


.categoriesidebar h2{
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	margin:20px 0 7px;
	color:#505050;
}

.categoriesidebar a{
}

.categoriesidebar a:hover{
	text-decoration:none;
	color:#2DAD60;
}

.categoriesidebar .topshops{
	line-height:22px;
}

.categorieinfo{
	line-height:18px;
	font-size:13px;
	color:#888;
    font-family:'Quicksand', sans-serif;
    margin:20px 0 20px !important;
    padding:0px 10px; 
}

.categorieinfo strong{
	color:#777;
}

.categoriesidebar .allcategories{
	line-height:22px;
}

.categoriesidebar .allcategories li{
	list-style-type:none;
	padding-left:0px;
}

.categorieen h1 {
    margin:15px 0 5px 5px;
}

.categorieen h2 {
    margin:0px 0 20px 5px;
    font-size:15px;
    font-weight:400;
    color:#777;
}

.categorie {
    text-align: center;
    vertical-align: middle;
    padding:15px;
    font-size: 13px;
    box-shadow:0px 2px #e8e8e8;
    background:#fff !important;
    margin:0 2% 2% 0;
}

.categorie:hover {
    color:#555;
    box-shadow:0px 2px #bfbfbf;
}


.categorie img {
    width: 75%;
    padding: 0px 0px 0px 0px;
    margin-bottom:5px;
}

.categorieen a{
    color: #888;
    font-weight: 400;
    padding-top:5px;
    font-family: 'Quicksand', sans-serif;
}

@media (max-width: 768px) {
    .categorie{
        min-height:145px !important;
    }
    .categorie img {
        width: 65%;
    }
}

.thema {
    text-align: center;
    vertical-align: middle;
    padding:25px 5px 25px;
    font-size: 20px;
    font-weight:600 !important;
    box-shadow:0px 2px #e8e8e8;
    background:#fff !important;
    margin:0 1% 2% 0;
    color:#e67700;
    text-transform: uppercase;
}

.thema:hover {
    color:#222;
    box-shadow:0px 2px #bfbfbf;
}

/* FullWidth */
.page .fullwidth {
    padding: 5px 0px 13px 0px;
}

/* widget */
.widget {
    line-height: 20px;
    margin-bottom: 15px;
}

.widget h3 {
    font-family: 'Ubuntu', Verdana;
    color: #1b1b1b;
    font-size: 20px;
    margin-bottom: 10px;
}

/*
.nieuwsbrief { max-width: 200px; }*/
.nieuwsbrief .email {
    font-family: Verdana;
    font-size: 11px;
    padding: 5px 0px 5px 10px;
    margin-bottom: 5px;
}

.div-hide {
    display: none;
}

/*

bootstrap (fixes)

*/


.position {
    text-align: center;
    color: #c33437;
    border: 3px dotted #c33437;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    background-color: #ffdedf;
}

.winkel .position {
    margin-right: 10px;
    height: 130px;
    line-height: 100px;
}

.page .position {
    height: 430px;
    line-height: 400px;
}

h2.sub {
    color: #717171;
    font-family: 'Ubuntu', Verdana;
    font-size: 18px;
    color: #262626;
    margin-bottom: 20px;
}

#winkels {
    margin-bottom: 20px;
    height: 124px !important;
}

#winkels .image {
    border: 1px solid #CDCDCD;
    background-color: #FFFFFF;
    overflow: auto;
    line-height: 120px;
    text-align: center;
    overflow: hidden;
}

#winkels .image img {
    display: inline;
    max-height: 120px;
}

.modal {
}

.modal .modal-content {
    background-image: url('assets/img/header.png');
    background-position: center top;
    background-repeat: repeat-x;
}

.modal .modal-header {
    padding: 0px;
    height: 89px;
}

.modal .modal-header img {
    margin-left: 20px;
}

.modal .modal-header .close {
    color: #FFFFFF;
    margin-top: 32px;
    margin-right: 20px;
}

.modal_overflow {
    overflow: hidden;
    text-align: center;
}

#myModal {
    height: 450px;
    top: calc(40% - 250px) !important;
    overflow: hidden;
}

#myModal:focus {
    outline: none;
}

@media screen and (max-width: 360px) {
    .modallogo {
        width: 70%;
    }
}

@media screen and (max-width: 960px) {
    .modallogo {
        width: 60%;
    }
}

.clipboard {
}

.clipboard .open_modal {
}

.clipboard .open_webshop {
    display: none;
}

.clipboard .tekst {
    padding-top: 10px;
}

.clipboard .tekst.tekst1 {
}

.clipboard .tekst.tekst2 {
    display: none;
}

.clipboard .code {
    display: none;
}

.kortingscodegebruiken {
    position: fixed;
    right: 0;
    top: 225px;
    width: 42px;
    height: 214px;
    top: 225px !important;
    z-index: 9999;
}

/* Bekijk Alle */
.bekijkalle1 {
    padding-top: 20px;
}

.bekijkalle1 span {
    font-size: 14px;
    padding: 0px 8px 0px 3px;
}

a.bekijkalle {
    padding: 15px 2px;
    color: #0c77b8;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-weight400;
    font-size: 16px;
    font-family: 'Quicksand', Sans-serif;
}

a:hover.bekijkalle {
    text-decoration: none;
    color: #2da05b;
}

/*** Homepage ***/

.homepage{
	padding:0px 0px !important;
}

.panel-group{
    width:100% !important;
}

@media(max-width: 768px){
    .panel-group{
        width:100% !important;
    }
}

.soldenbanner{
    max-width: 100%;
    width:100%;
    margin:25px auto 0 !important;
}

@media(max-width: 768px){
   .soldenbanner{
        margin-top:0px;
    } 
    .homepage.container{
        padding:0px 15px !important;
    }
}

.homepage h1{
    font-family: 'Quicksand', Sans-serif;
    font-size: 24px;
    line-height: 29px;
    padding: 0 0 7px 0;
    margin: 35px 0px 12px 0 !important;
    color: #666;
    font-weight: 700 !important;
}

.homepage h2{
    font-family: 'Quicksand', Sans-serif;
    font-size: 21px;
    line-height: 29px;
    padding: 0 0 7px 0 !important;
    margin: 35px 0px 12px 0px !important;
    color: #555;
    font-weight: 500 !important;
}

.homepage .title{
	font-family: 'Quicksand', Sans-serif;
    font-size: 25px;
    line-height: 27px;
    padding: 0 10px 7px;
    margin: 45px 0px 15px 0px !important;
    color: #4d4d4d;
    font-weight: 300 !important;
}

.homepage .coupon.special {
	margin: 0 0 10px 0 !important;
	height: 280px !important;
	padding: 10px 0px 0px 0px !important;
	width:100% !important;
}

.homepage .coupon.special img {
		width: 40% !important;
		border: 0px !important;
		border-radius: 4px !important;
}

.homepage .coupon.special .coupontitle a {
	color: #404040 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    font-weight:500 !important;
    font-family:'Quicksand', sans-serif !important;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 0px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* number of lines to show */
	max-height: 36px; /* fallback */
	border:none !important;
}

.homepage .popular{
    line-height: 55px;
}

.homepage .popular a{
    font-weight: 500;
    color:#666;
}

.homepage .popular a:hover{
      text-decoration: none;
    background:#333;
    color:#fff;
}

.homepage .popularcategory a{
    font-weight: 500;
    color:#666;
    padding:15px 25px;
    border-radius: 25px;
    background:#fff;
}

.homepage .popularcategory a:hover{
    text-decoration: none;
    background:#333;
    color:#fff;
}

.homepage .popular .shop{
    overflow: auto;
    margin-bottom: 15px;
}

.homepage .popular .shop{
    background: #fff;
    float: left;
    width: 19%;
    margin-right: 1.22%;
    height: auto;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0px 2px #e1e2e8 !important;
}

.shop a:hover{
    text-decoration: none;
}

.homepage .popular .shop:nth-of-type(5), .homepage .popular .shop:nth-of-type(10), .homepage .popular .shop:nth-of-type(15), .homepage .popular .shop:nth-of-type(20){
    margin-right: 0%;
}

.homepage .popular .shop:hover{
    box-shadow: 0px 2px #c7c8cf !important;
        text-decoration: none;
}

.homepage .popular .shop .img-shop{
    width: 50% !important;
    height:auto !important;
    margin:5px 0;
    border-radius: 2px !important;
}

.homepage .popular .shop .img-shop:hover{
    text-decoration: none;
}

.homepage .popular .shop .acties{
    width:100%;
    background:#fff;
    text-align: center;
    font-size:13px;
    font-family:'Quicksand', sans-serif;
    padding:5px 2px;
    margin-top:0px !important;
    border-top:#eaeaea dashed 1px;
    color:#666;
}

.homepage .popular .shop .acties:hover{
    color:#333;
}

.homepage .popular .shop .acties a:hover{
    text-decoration: none !important;
}

.exclusiefhomepage{
    text-align: center;
}

.space{ margin:20px 0 10px; }

.space a:hover{
    text-decoration: none !important;
}


.discoverall{
    font-weight:700 !important;
    color:rgba(0,0,0,0.4) !important;
}

.discoverall:hover{
    color:#222 !important;
    text-decoration: none !important;
}


/* Mobile Fix */

@media(max-width: 768px){
    .homepage{
        padding:0px 0px !important;
    }

    .homepage h1{
        font-family: 'Quicksand', Sans-serif;
        font-size: 22px;
        line-height: 22px;
        padding: 0 0px 7px;
        margin: 30px 0px 13px 0px !important;
        color: #666;
    }

    .homepage .coupon.special {
        margin: 0 0 10px 0 !important;
        height: initial !important;
        padding: 10px 10px 20px !important;
        width:100% !important;
        text-align: left !important;
    }

    .homepage .coupon.special .coupontitle a {
        min-height: initial !important;
        font-weight:600 !important;
        font-size: 20px !important;
        line-height: 20px !important;
        max-height: 80px; /* fallback */
        min-height:80px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4; /* number of lines to show */
    }

    .homepage .coupon.special img {
        width: 95% !important;
        margin:5px 0 5px 5px;
    }

    .homepage .coupon.special .btn-aanbieding,.homepage  .coupon.special .btn-korting{
        width:100% !important;
        margin: 0 0 0 0px !important;
    }

    .homepage .popular .shop{
        width: 48%;
        margin-right: 2%;
    }

    .homepage .popular .shop:nth-of-type(5), .homepage .popular .shop:nth-of-type(10), .homepage .popular .shop:nth-of-type(15), .homepage .popular .shop:nth-of-type(20){
        margin-right: 1.22%;
    }
}



/* Niet te missen */
.populairstewinkels {
}

.homepagecategory{
    min-height:200px;
    font-size:14px;
    padding:0 25px 0 0 !important;
}

.populairstewinkels .container {
    padding: 25px 25px;
}

.populairstewinkels h2 {
    font-family: 'Quicksand', Sans-serif;
    font-size: 27px;
    line-height: 29px;
    padding: 0px;
    margin: 0px 0px 35px 0px;
    color: #888;
}

.populairstewinkels h3 {
    font-family: 'Quicksand', Sans-serif;
    font-size: 15px;
    line-height: 24px;
    padding: 0px;
    margin: 0px 0px 10px 0;
    color: rgba(0,0,0,0.5);
    font-weight: 700 !important;
}

.populairstewinkels  a {
	font-family: 'Quicksand', Sans-serif;
    color: #22a3d2;
    font-size: 15px;
}

.populairstewinkels a:hover {
    text-decoration: none;
    color: #113948;
}

.populairstewinkels .container ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

.populairstewinkels .container ul li a {
    line-height: 24px;
    color: #22a3d2;
    font-size: 15px;
}

.populairstewinkels .container ul li a:hover {
    text-decoration: none;
    color: #113948;
}

.populairstewinkels .container .alleshops {
    text-align: center;
    margin-top: 40px;
    font-size: 16px;
    width: 100%;
    font-family: 'Quicksand', Sans-serif;
}

.populairstewinkels .container .alleshops a {
    background: none;
    border: 1px solid #ff7700;
    padding: 9px 18px;
    color: #ff7700;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-weight400;
}

.populairstewinkels .container .alleshops a:hover {
    background: #ff7700;
    text-decoration: none;
    color: #fff;
}

/* Over */
.overhome {
    font-family: 'Quicksand', Sans-serif;
    font-size: 15px;
    background:rgba(0,0,0,0.06);
    margin:50px 0 -20px 0;
}

.overhome .container {
    padding: 50px 0px 60px !important;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
}

.overhome h2 {
    font-family: 'Quicksand', Sans-serif;
    font-size: 22px;
    line-height: 28px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    color: #777;
    font-weight: 700;
}

.overhome strong{
    color:#333;
}

@media(max-width: 768px){
    .overhome .container {
        padding: 50px 15px 60px !important;
    }

    .overhome .veelgestelde{
        margin-top:20px;
    }
}

.veelgesteldevragen{
    list-style-type: none;
    padding:0;
}

.veelgesteldevragen li a{
    font-weight: 700;
    font-size:18px;
    line-height: 25px;
}

/* Footer Signup Form */
.niewsbriefaanmelding {
    background: #53b5df;
    padding: 54px 0px 50px;
    text-align: center;
    overflow: auto;
    width: 100%;
    margin: -20px 0 -20px !important;
    font-weight:600;
    color: #fff;
}

.niewsbriefaanmelding i{
    font-size:12px;
    padding-right:3px;
}

.niewsbriefaanmelding .container {
    text-align: center;
    width: 100%;
}

.niewsbriefaanmelding .container .title {
    font-size: 26px;
    font-weight:700;
    color: #fff;
    font-family: 'Quicksand', Sans-serif;
}

#mc_embed_signup_scroll {
    margin: 0 auto;
    width: 930px;
}

.niewsbriefaanmelding .container .central {
    margin: 0 auto;
    width: 65%;
    text-align: left;
}

.niewsbriefaanmelding input[type="email"] {
    float: left;
    width: 75%;
    border: 1px solid #efefef;
    padding: 5px;
    padding-left: 15px;
    height: 50px;
    margin-top: 17px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 17px;
    color: #666;
    font-family: 'Quicksand', Sans-serif;
    font-weight: 300;
}

.niewsbriefaanmelding input[type="submit"] {
    float: left;
    width: 25%;
    margin-top: 17px;
    margin-right: 0px;
    height: 50px;
    background: rgba(0,0,0,0.6);
    border: none;
    padding: 5px 35px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    font-size: 15px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-family: 'Quicksand', Sans-serif;
    font-weight: 600;
}

.niewsbriefaanmelding input[type="submit"]:hover {
    background: rgba(0,0,0,0.8);
    color: #fff;
}

/* Footer Signup Style Popover */
.niewsbriefaanmelding .popover {
    color: #777;
    font-size: 11px;
    padding: 5px 2px;
    border: none;
    text-align: center;
    background: rgba(255, 255, 255, 1);
}

/* Privacy, Disclaimer, Number of subscribers */
.niewsbriefaanmelding .privacy {
    clear: both;
    color: #fff;
    padding-top: 10px;
    font-size: 10px;
    position: initial;
    overflow: auto;
    padding-bottom: 7px;
    width: 100%;
    text-align: center;
    padding-right: 35.4%;
}

@media (max-width: 768px) {
    .niewsbriefaanmelding .privacy {
        text-align: center;
        padding-right: 0%;
    }
}

.niewsbriefaanmelding .privacy a {
    opacity: 0.5;
    color: #fff;
}

.niewsbriefaanmelding .privacy a:hover {
    opacity: 0.9;
    color: #fff;
}

/* Signup Footer Mobile Fix */
@media (max-width: 768px) {
    .niewsbriefaanmelding .container .title {
        line-height: 20px;
    }

    .niewsbriefaanmelding .container {
        text-align: center;
        min-width: initial;
        width: 100%;
    }

    #mc_embed_signup_scroll {
        margin: 0 auto;
        width: 100%;
    }

    .niewsbriefaanmelding .container .central {
        margin: 0 auto;
        width: 100%;
    }

    .niewsbriefaanmelding input[type="email"] {
        width: 70%;
    }

    .niewsbriefaanmelding input[type="submit"] {
        width: 30%;
        padding: 5px 15px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        color: #fff;
        font-size: 12px;
    }
}



/* Footer Menu Widgets */

.footer {
    background: #fff;
    font-family: 'Quicksand', sans-serif !important;
    color: rgba(0,0,0,0.5);
    margin:20px 0 0 0;
}

.footer .container {
    padding: 50px 0 30px !important;
    font-size: 13px;
}

.footer .container h3 {
    color: rgba(0,0,0,0.3);
    font-size: 18px !important;
    padding-left: 0px;
    font-weight: 700 !important;
    font-family: 'Quicksand', Sans-serif;
}

.footer .container ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer .container ul li {
    line-height: 20px;
}

.footer .container ul li a {
    color: rgba(0,0,0,0.75);
    font-size: 13px;
}

.footer .container ul li a:hover {
    color:#0172bc;
    text-decoration: none;
}

.footer .container .row div {
    min-height: 100px;
}

.footer .container .info {
    text-align: right;
    line-height: 20px;
}

.footer .container .menu {
    padding-bottom:20px;
}

@media(max-width: 768px){
    .footer .container{
        padding: 50px 15px 30px !important;
    }
}

/* USPs */

.usp{
    text-align: center;
    font-size:13px;
    line-height: 15px;
    border-top:1px dotted #efefef;
    font-weight:400;
    padding:45px 0 20px;

}

.usp i{
    font-size:35px;
    padding-bottom:25px;
    font-weight:400 !important;
    color:#0172bc;
}

/* Copyright */
.copyright {
    background-color: #fff !important;
    border-bottom: 0px !important;
    color: rgba(0,0,0,0.4);
    font-weight:500;
    font-family: 'Quicksand', sans-serif !important;
    font-size:12px;
}

.copyright .container {
    padding: 25px 0px !important;
    text-align: left;
}

.footer .spacer {
    height: 95px;
}

.footer .second {
    margin-top: 20px;
}

/* Footer Mobile Fix */
@media (max-width: 768px) {
    .footer .container {
        padding: 25px 20px 35px;
    }

    .footer .container h3 {
        margin-top: 17px;
    }

    .footer .container .info {
        text-align: left;
    }

    .copyright .container {
        padding: 10px 0px;
        text-align: center;
    }
}

/* sitemap */

#sitemap h2 a {
    color: #002745;
}

#sitemap h2 {
    margin-top: 5px;
    margin-bottom: 10px;
}

.winkelssitemap {
}

.winkelssitemap ul {
    overflow: auto;
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
}

.winkelssitemap ul li {
    color: #FFFFFF;
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
    line-height: 20px;
    width: 12px;
    text-align: center;
}

.winkelssitemap ul li a {
    color: #1c74b8;
    text-decoration: none;
}

.relative {
    position: relative;
}

.exclusief {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 888;
    border: 0px !important;
}

.exclusiefhome{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 888;
    border: 0px !important;
    width:30px !important;
}

.exclusief2 {
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 888;
    border: 0px !important;
}

.small_coupon .exclusief2 {
    top: 3px;
    right: 3px;
}

/* Nieuwsbrief Widget */

#text-3 {
    background: none;
    padding-bottom: 20px;
}

#text-3 .nieuwsbrief {
    overflow: auto;
    margin: 0px auto;
    margin-top: 0px;
    width: 240px !important;
    text-align: center;
}

#text-3 .nieuwsbrief .title {
    font-size: 20px;
    color: #555;
    font-family: 'Quicksand', Sans-serif;
}

#text-3 .nieuwsbrief input[type="email"] {
    width: 100%;
    border: 1px solid #cfcfcf;
    padding: 10px 0px 7px 15px;
    margin-top: 22px;
    border-radius: 5px;
    font-size: 15px;
    color: #666;
    font-family: 'Quicksand', Sans-serif;
    font-weight: 300;
    text-align: left;
}

#text-3 .nieuwsbrief input[type="submit"] {
    width: 100%;
    margin-top: 3px;
    margin-right: 0px;
    background: #22a3d2;
    border: none;
    background-image: none;
    padding: 10px 0px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-family: 'Quicksand', Sans-serif;
    font-weight: 600;
}

#text-3 .nieuwsbrief input[type="submit"]:hover {
    background: #ff7700;
    color: #fff;
}

#text-3 .links {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 0px;
}

#text-3 .links a {
    color: rgba(0, 0, 0, 0.25);
    text-decoration: none;
    font-size: 11px;
}

#text-3 .links a:hover {
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none;
}

#text-3 .nieuwsbrief #test.error, #test.valid, #test {
    display: none !important;
}

/* Sidebar Signup Style Popover */
#text-3 .nieuwsbrief .popover {
    color: #555;
    font-size: 11px;
    padding: 0px;
    text-align: center;
}

.vergelijken {
    font-size: 10px;
    text-align: center;
    margin-bottom: 20px;
}

.vergelijken td {
    padding: 5px;
    border: 1px solid #ffffff;
}

.vergelijken a {
    text-decoration: underline;
}

@media screen and (max-width: 960px) {
    .single_social .facebook,
    .single_social .twitter,
    .single_social .google {
        float: left;
        display: inline-block;
    }

    .single_social {
        overflow: hidden;
        margin-bottom: 15px;
        width: 60%;
    }
}

.solden {
    width: 100%;
    border: 0;
    padding: 5px;
    vertical-align: top;
    font-size: 11px;
    font-family: 'Quicksand', sans-serif;
}



@media (max-width: 768px) {
    .page .info1, .page .info2 {
        width: 100%;
    }
}

.page .clear {
    clear: both;
}

.fullwidth span {
}

/* Solden */

.soldencontent {
    padding: 0px 30px 0px 15px;
}

.soldencontent h1{
    margin:5px 0 -17px; 
    font-size:28px;
}

.soldencontent .coupon.special {
    margin: 0 0 10px 0 !important;
    height: 280px !important;
    padding: 10px 0px 0px 0px !important;
    text-align: center !important;
}

/* Mobile Fix */

@media(max-width: 768px){
    .soldencontent {
        padding: 0px 10px 0px 10px;
    }

    .soldencontent h1{
        margin:20px 0 -17px; 
        font-size:24px;
    }
    
    .soldencontent .coupon.special {
        margin: 0 0 10px 0 !important;
        height: initial !important;
        padding: 10px 10px 20px !important;
        width:100% !important;
        text-align: left !important;
    }

    .soldencontent .coupon.special .coupontitle a {
        min-height: initial !important;
        font-weight:600 !important;
        font-size: 20px !important;
        line-height: 20px !important;
        max-height: 80px; /* fallback */
        min-height:80px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4; /* number of lines to show */
    }

    .soldencontent .coupon.special img {
        width: 95% !important;
        margin:5px 0 5px 5px;
    }

    .soldencontent .coupon.special .btn-aanbieding, .soldencontent  .coupon.special .btn-korting{
        width:95% !important;
        margin: 0 0 0 10px !important;
    }
}

.soldensidebar{
    font-size:13px !important;
    line-height:16px !important;
    color:#999 !important;
    font-family:'Quicksand', sans-serif; 
}

.soldensidebar h2{
    font-family:'Quicksand', sans-serif;
    font-size:18px;
    margin:20px 0px 3px !important;
    font-weight:400;
    color:#5c5f6e !important;
}

.soldensidebar i{
    color:#67b07a;
}

/* Mobile Fix */

@media(max-width: 768px){
    .soldensidebar{
        padding:0 35px 0;
    }
}

/********************** Horizontal Signup Forms ************************/
.hsignup {
    width: 100%;
    overflow: auto;
    text-align: center;
    padding: 28px 15px 35px;
    box-shadow: 0px 2px #d9dbe3;
    margin: 20px 0px 10px;
    border-radius: 2px;
    background: #fff url(/wp-content/themes/kortingvandedag-child/img/emailalerts.png) top right no-repeat;
}

.hsignup .title {
    font-size: 18px !important;
    line-height:19px;
    color: #555;
    font-family: 'Quicksand', Sans-serif;
    font-weight: 500;
    width: 100%;
    padding-bottom: 25px;
}

.hsignup input[type="email"] {
    width: 90%;
    border: 1px #eaeaea solid;
    padding: 6px 0px 0px 12px;
    height: 45px;
    margin-top: -10px;
    font-size: 15px;
    color: #666;
    font-family: 'Quicksand', Sans-serif;
    font-weight: 300;
    border-radius: 5px;
    text-align: left;
}

.hsignup input[type="submit"] {
    width: 90%;
    margin: 5px 0px -5px;
    border-radius: 5px;
    height: 42px;
    background: #22a3d2;
    border: none;
    background-image: none;
    padding: 2px 20px 0px;
    color: #fff;
    font-size: 15px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-family: 'Quicksand', Sans-serif;
    font-weight: 600;
}

.hsignup input[type="submit"]:hover {
    background: #ff7700;
    color: #fff;
}

@media (max-width: 768px) {
    .hsignup {
        padding: 20px 12px;
        margin: 16px 0px;
    }

    .hsignup .title {
        font-size: 19px;
    }

    .hsignup input[type="submit"], .hsignup input[type="email"] {
        width: 90%;
    }

    .hsignup input[type="email"] {
        font-size: 15px;
    }
}


.solden img {
    border: 1px solid #e6e6e6;
    width: 100%;
    max-width: 125px !important;
    margin-bottom: 10px;
    border-radius: 4px;
}

.solden img:hover {
    border: 1px solid #d7d7d7;
}

.solden .shop {
    width: 15%;
    vertical-align: top;
    float: left;
    margin: 10px 15px 0px 0px;
}

h2.soldencategorie {
    font-size: 18px;
    font-weight: bold;
    margin-top: 70px;
    font-family: 'Quicksand', sans-serif;
}

h2.soldencategorie:first-of-type {
    margin-top: 0px;
}

@media (max-width: 768px) {
    .solden .shop {
        width: 50%;
        margin: 0px;
    }

    .solden img {
        max-width: initial;
    !important
    }
}

.image {
    position: relative;
    margin-bottom: 20px;
    font-size: 14px;
}

.image a {
    text-decoration: underline;
}

.image h2 {
    position: absolute;
    top: 94px;
    left: 0;
    padding: 9px 11px 5px 11px;
    background: #22a3d2;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    margin-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 4px;
}

.image h2 a {
    text-decoration: none;
    color: #fff;
}

.image h2 a:hover {
    text-decoration: none;
}

.image h2:hover, .image h2.orange:hover {
    background: #202020;
}

.image h2.orange {
    background: #ff7700;
}

    .image h2 {
        position: absolute;
        top: 45px;
        left: 0;
        padding: 7px;
        font-weight: bold;
        font-size: 12px;
        margin-top: 0px;
    }

    .image span {
        position: absolute;
        top: 35px;
        left: 0;
        padding: 9px;
        background: #d7d7d7;
        color: #202020;
        font-weight: bold;
        font-size: 14px;
        margin-top: 0px;
        font-family: verdana;
    }

    @media screen and (max-width: 450px) {
        .image span {
            position: absolute;
            top: 45px;
            left: 0;
            padding: 7px;
            background: #d7d7d7;
            color: #202020;
            font-weight: bold;
            font-size: 12px;
            margin-top: 0px;
            font-family: verdana;
        }

        .image {
            position: relative;
            font-size: 8px;
        }
    }

    .soldentekst {
        float: left;
        width: 45%;
        overflow: hidden;
        padding-bottom: 5px;
    }

    .soldensubscribe {
        float: left;
        width: 50%;
        overflow: hidden;
        margin-left: 5%;
    }

    @media screen and (max-width: 450px) {
        .soldentekst {
            float: left;
            width: 37%;
            overflow: hidden;
        }

        .soldensubscribe {
            float: left;
            width: 60%;
            overflow: hidden;
            margin-left: 3%;
        }
    }

    .bronnen {
        font-size: 9px;
        line-height: 10%;
    }

    .tijdschriftimg {
        float: left;
        margin-left: -200px;
        width: 190px;
    }

    @media screen and (max-width: 450px) {
        .tijdschriftimg {
            display: none;
        }
    }

    .dagvdwebshop {
        border: 0;
        padding: 5px;
        vertical-align: top;
        font-size: 10px;
    }

    .wtf {
        border: 1px solid #d7d7d7;
        max-width: 75px;
    !important width: 25 px;
        margin-bottom: 5px;
    }

    .copyright .container span a {
        color: #999;
    }

    /*     Blog Aanpassingen     */
    .blog .truitje {
        float: right;
        margin: 10px 10px 10px 20px;
        width: 35%;
    }

/*** Andere Style File ***/

/***** Modal *****/

#myModal {
    height: auto;
    border-radius: 7px;
}

.codeable_clipboard .tekst2, .codeable_clipboard .code {
    display: none;
}

.modal-footer {
    background: #fff url(/wp-content/themes/kortingvandedag-child/img/emailalerts.png) top right no-repeat;
    border-top: 1px dotted #f6f6f6;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 10px 0;
}

.modal-footer img {
    max-width: 90px;
    max-height: 90px;
    float: left;
    box-shadow: 0px 2px #e4e4e4 !important;
    border-radius: 2px;
}

.modal .modal-header {
    height: auto;
    min-height: 0;
    border-bottom: 0;
    text-align: center;
}

.modal .modal-header a {
    font-size: 20px;
    color: #000000;
}

.modal .modal-header a:hover {
    text-decoration: none;
    color: #555;
}

.modal .modal-header h3 {
    padding: 15px 0px 0px 0px;
    font-family: 'Quicksand', Sans-serif;
    font-size:18px;
    font-weight:400;
}

.modal .modal-content {
    background-image: none;
    padding-bottom: 0px;
}

.modal .modal-content .close {
    color: #000000;
    font-size: 27px;
    margin: 15px 18px 0px 0px;
    font-weight: 600;
}

.modal_formtext {
    font-size: 22px;
}

.formwrap {
    margin-left: 110px;
    text-align: left;
}

.formwrap p {
    font-family: 'Quicksand', Sans-serif;
    margin: 7px 0px 5px 3px;
}

#myModal .dagen {
    color: #c5c5c5;
    font-size: 10px;
    text-align: left;
    padding-top: 10px;
}

#myModal .voorwaarden {
    padding-top: 15px;
    text-align: center;
    font-family: 'Quicksand', Sans-serif !important;
}

#myModal .voorwaarden .kop a {
    color: #959595;
    font-size: 13px;
    text-decoration: none;
}

#myModal .voorwaarden .kop a:hover {
    color: #4e7cca;
    font-size: 13px;
    text-decoration: underline;
}

#myModal .voorwaarden .tekst {
    display: none;
    font-size: 13px;
    color: #888;
    padding-top: 7px;
}

/* Ga Naar Website Button */
.gotobutton {
    color: #0a8de9;
    text-decoration: underline;
    font-size: 13px;
    font-family: 'Quicksand', Sans-serif !important;
    font-weight: 300;
    padding: 35px 0 0 0;
}

.gotobutton:hover {
    color: #333;
}

/* Code Kopieren Button */
.btn-warning {
    background: #ff7700;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-family: 'Quicksand', Sans-serif;
    font-weight: 600;
    margin-left: -15px;
    padding: 15px 0px;
}

.btn-warning:hover {
    background: #333333;
}

/* Font Awesome Fix */
.btn-primary i, .btn-warning i {
    font-size: 13px;
    margin-left: 5px;
    font-weight: 300;
}

.formwrap input[type="email"] {
    float: left;
    width: 60%;
    border: 1px solid #efefef;
    padding: 7px;
    padding-left: 10px;
    height: 40px;
    margin: 0px 0px 0px 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 15px;
    color: #666;
    font-family: 'Quicksand', Sans-serif;
    font-weight: 300;
}

.formwrap #mc_embed_signup input[type="submit"] {
    float: left;
    width: 35%;
    margin: 0px;
    height: 40px;
    border: none;
    background-image: none;
    padding: 5px 15px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    font-size: 14px !important;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-family: 'Quicksand', Sans-serif;
    font-weight: 600;
}

.formwrap #mc_embed_signup input[type="submit"]:hover {
    background: #ff7700;
    color: #fff;
}

.btn-full {
    width: 100%;
}

.btn-full2 {
    width: 102%;
}

.modal-body p.textdesc {
    text-align: left;
    margin-bottom: 10px;
}

.coupon_korting {
    background:#efefef;
    font-size: 35px !important;
    font-weight: 600;
    color: #444;
    font-family: 'arial black', sans-serif;
    text-align: center;
    border-radius: 3px;
    border:none;
    margin:-10px 0 12px 0px !important;
    padding: 15px 0;
}


/* Mobile Fix Codevak */

.coupon .vwbutton .tekst2 {
    margin-bottom: 10px;
    font-size: 12px;
}

/* Tabs Homepage */

.kort-tabs {
    margin-top: 5px;
}

.kort-tabs a {
    float: left;
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
}

#hometabsmobile {
    display: none;
}

#hometabs {
    padding: 0;
    margin: 0;
}

#hometabs ul li {
    border-radius: 0px;
    padding: 0px 0px;
}

#hometabs ul li i {
    display: none;
}

#hometabs .active a {
    padding: 10px 15px;
}

#hometabs a:hover {
    padding: 10px 15px;
}

.kort-tabs a.kort-arrow {
    display: none;
}

.kort-tabs a:hover, .kort-tabs a.active {
    background: #fff;
}

.kort-tabs a:hover, .nav-tabs a:hover, #hometabs .nav {
    border-bottom: none;
}

@media (max-width: 768px) {
    #hometabs ul li span {
        display: none;
    }

    #hometabs ul li i {
        display: initial;
        font-size: 22px;
    }

    #hometabsmobile {
        display: initial;
    }
}

.ajax_autosuggest_form_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: 53px !important;
    overflow: auto;
    zoom: 1;
    clear: both;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ajax_autosuggest_input.ac_input {
    min-height: 49px;
    font-family: 'Ubuntu Condensed', Verdana;
    font-size: 18px;
}

.ajax_autosuggest_submit,
.ajax_autosuggest_submit:hover,
.ajax_autosuggest_submit:active,
.ajax_autosuggest_submit:visited,
.ajax_autosuggest_submit:focus {
    min-height: 51px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 61px;
    background: #C33437 url('http://www.devomgeving.com/klanten/kortingvandedag/wp-content/uploads/2015/03/search.png') no-repeat 50% scroll !important;
    top: 0;
    right: 0;
}

.modal-content {
    width: 650px;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 650px
    }
}

.modal-footer, .modal-body, .modal-header {
    padding: 20px 50px 20px 50px !important;
}

.modal-body {
    padding-top: 0 !important;
}

/* Modal Mobile Fix */
@media (max-width: 768px) {
    .modal-content {
        width: 100%;
    }

    #myModal {
        height: auto;
        top: 0px !important;
        overflow: hidden;
        width: 100%;
        border-radius: 0px !important;
    }

    .modal-dialog {
        width: 100%;
        margin: 0;
        border-radius: 0px !important;
    }

    #myModal:focus {
        outline: none;
    }

    .modal-footer, .modal-body, .modal-header {
        padding: 15px !important;
    }

    .modal .modal-content .close {
        margin-top: 12px;
        margin-right: 12px;
        font-size: 30px;
        color: #888;
        font-weight: 600;
    }

    .coupon_korting {
        font-size: 30px !important;
        border: 1px dotted #CDCDCD;
        padding: 25px 0;
        margin:-10px 0 30px 0px !important;
    }

    .btn-primary, .btn-warning {
        margin: 0px 0px 7px !important;
    }

    .btn-full {
        width: 96%;
        border-radius: 5px;
    }

    .btn-full2 {
        display: none;
    }

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

    .modal .modal-header h3 {
        padding: 10px 0px 0 0px;
        width: 95%;
        margin-bottom: -7px;
    }

    .modal-footer img {
        display: none;
    }

    .formwrap {
        margin-left: 0px;
        text-align: center;
    }

    .modal_formtext {
        font-size: 18px;
        font-weight: 600;
        color: #202020;
    }

    .formwrap p {
        font-family: 'Quicksand', Sans-serif;
        margin: 7px 0px 5px 3px;
    }

    .formwrap input[type="email"] {
        width: 100%;
        border-radius: 4px !important;
    }

    .formwrap #mc_embed_signup input[type="submit"] {
        width: 100%;
        margin: 4px 0px 0px;
        border-radius: 4px !important;
    }

    .modal-body p.textdesc {
        text-align: center;
        margin-bottom: 15px;
    }

    #myModal .dagen {
        font-size: 11px;
        text-align: center;
    }

    #myModal .voorwaarden .tekst, #myModal .voorwaarden .kop a, #myModal .voorwaarden .kop a:hover {
        font-size: 12px;
    }
}

.ajax_autosuggest_input.ac_input {
    color: #747474;
}

a.ajax_autosuggest_result span.highlight {
    color: #fb5e00;
}

a.ajax_autosuggest_result {
    border-bottom: 1px solid #C2C2C2 !important;
}

a.ajax_autosuggest_result {
    padding-bottom: 10px;
}

.ajax_autosuggest_suggestions {
    margin-left: -1px;
    width: 570px !important;
    max-width: 88%;
}

/* Webshop Signup Coupons */
.couponsignup {
    padding: 15px 15px 32px;
    border-radius: 3px;
    background: #fff url(/wp-content/themes/kortingvandedag-child/img/emailalerts.png) top right no-repeat;
    margin: 5px 0px 10px;
}

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

.couponsignup.side .shopsignupaanbieder{
    display:none;
}

.couponsignup.side .title {
    font-size: 18px;
    color: #505050;
    font-family: 'Quicksand', Sans-serif;
    font-weight: 900;
    line-height: 18px;
    margin:25px 0 10px 0px !important;
}

.couponsignup.side input{
    display: block !important;
    width:100% !important;
    float:initial !important;
    margin:0 auto !important;
}

.couponsignup.nocoupons{
    margin: 15px 0px 10px;
}

.couponsignup .shopsignupaanbieder {
    padding-left: 0px !important;
    padding-right: 30px;
    text-align: center;
}

.couponsignup .shopsignupaanbieder .img-shopsignup{
    width:70% !important;
    border-radius:3px !important;
    margin: 0 auto !important;
}

.couponsignup .description {
    padding:15px 0 0 20px !important;
}

.couponsignup #mc_embed_signup, .couponsignup .coupon #mc_embed_signup_scroll {
    width: 100% !important;
}

.couponsignup .title {
    font-size: 20px;
    color: #777;
    font-family: 'Quicksand', Sans-serif;
    font-weight: 400;
    line-height: 22px;
}

.couponsignup .title i{
    color: #999;
    background:none;
    padding:6px 3px 7px 0px;
    font-size:16px;
}

.couponsignup input[type="email"] {
    width: 50%;
    border: 1px solid #e5e5e5;
    padding: 11px 0px 10px 10px;
    margin-top: 10px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 15px;
    color: #666;
    font-family: 'Quicksand', Sans-serif;
    font-weight: 300;
    text-align: left;
    float: left;
}

.couponsignup input[type="submit"] {
    width: 22%;
    margin-top: 10px;
    margin-right: 0px;
    background: #22a3d2;
    border: none;
    background-image: none;
    padding: 10px 0px 12px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #fff;
    font-size: 15px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-family: 'Quicksand', Sans-serif;
    font-weight: 600;
    float: left;
}

.couponsignup input[type="submit"]:hover {
    background: #333;
    color: #fff;
}

.couponsignup .nieuwsbrief #test.error, #test.valid, #test {
    display: none !important;
}

/* Mobile Fix */

@media (max-width: 768px) {
    .couponsignup {
        padding: 15px 15px 20px 25px;
        background: #fff url(/wp-content/themes/kortingvandedag-child/img/emailalerts_mobile.png) top right no-repeat;
    }

    .couponsignup .description {
        padding-left: 10px;
        padding-top: 15px;
    }

    .couponsignup .title i{
        color: #ff7700;
        background:none;
        border-radius:20px;
        padding:0px 2px 2px !important;
        font-size:16px !important;
    }

    .couponsignup input[type="email"] {
        width: 90%;
        border-radius: 2px;
    }

    .couponsignup input[type="submit"] {
        width: 90%;
        border-radius: 2px;
        margin-top: 3px;
    }

}

.gemisttitel {
    font-family: 'Quicksand', sans-serif;
    color: #555;
    padding: 12px 0px 12px 15px;
    font-size: 16px;
}

.specialww:hover {
    border: 1px solid #ff7700;
}



.testing {
    margin: 0px !important;
    padding: 3px !important;
}

.coupon.solden {
    text-align: center !important;
    margin: 0px !important;
    width: 100% !important;
    min-height: 300px;
    padding-top: 20px !important;
    padding-bottom: 30px !important;
}

.coupon.white.solden {
    width: 100% !important;
    margin: 0px !important;
}

.coupon.solden.nopadding {
    padding-left: 0px;
}

@media (min-width: 992px) {
    .coupon.solden {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 768px) {
    .coupon.solden {
        padding-left: 20px;
        padding-right: 10px;
    }

    .coupon .col-xs-3 img {
        width: 90% !important;
        border: 1px solid #f0f0f0 !important;
        border-radius: 4px !important;
    }
}

.coupon.solden .datumdesktop .dagen {
    text-align: left;
}

.coupon.solden h2 {
    font-family: 'Quicksand', sans-serif;
    color: #262626;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 5px;
    line-height: 18px;
    font-weight: 400;
    padding: 0px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* number of lines to show */
    max-height: 36px; /* fallback */
}

.coupon.solden h2 a {
    color: #262626;
}

@media (max-width: 768px) {
    .coupon.solden h2 {
        font-size: 18px;
        max-height: 45px;
    }
}

.coupon.solden h2 a:hover {
    color: #007ce6;
    text-decoration: none;
}

.coupon.solden p {
    margin-bottom: 10px;
    line-height: 20px;
}

/* Edit Coupons on hover */
.winkel .editcoupons {
    display: none !important;
}

.winkel:hover .editcoupons {
    display: initial !important;
}

.coupon.solden .btn.btn-korting {
    border-radius: 3px;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    min-width: 80%;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    font-weight: 600;
    border: 0px;
    color: #FFFFFF;
    background: #007be6;
    padding: 12px 0px;
    height: 45px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.coupon.solden .btn.btn-korting:hover {
    background: #005aa9;
}

.coupon.solden .btn.btn-aanbieding {
    border-radius: 3px;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    min-width: 80%;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    font-weight: 600;
    border: 0px;
    color: #FFFFFF;
    background: #005aa9;
    padding: 12px 0px;
    height: 45px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.coupon.solden .btn.btn-aanbieding:hover {
    background: #007be6;
}

.coupon.solden .mybtn.btn-code {
    border-radius: 3px;
    border: 1px dashed #007be6;
    font-weight: 600;
    margin: 0 auto !important;
    width: 100% !important;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    color: #007be6;
    background: none;
    padding: 10px 0px;
    height: 45px;
    text-align: center;
}

.btn.btn-ganaar:hover {
    opacity: 0.75;
}

.btn-hide {
    display: none;
}

.coupon.solden .more-link {
    color: #c33437;
    text-decoration: underline;
}

.coupon.solden .more-link:hover {
    text-decoration: none;
}

.coupon .col-sm-2 {
    padding-left: 0px;
    padding-right: 0px;
}


/* Geldig tot tekst */
.dagen {
    color: #b0b0b0;
    font-size: 11px;
    text-align: left;
    margin-left:52px;
    font-family: 'Quicksand', sans-serif;
}

.dagen i {
    font-weight: 300;
    font-size:9px;
    color:#67b07a;
}

/* Hoeveelheid korting en onderschrift mooier */
.amount {
    font-family: 'Quicksand', sans-serif;
    color: #fb5e00;
    font-size: 45px;
    text-align: center;
    font-weight: 500;
}

.amount.amountbig {
    font-size: 30px;
}

.discount {
    font-family: 'Quicksand', sans-serif;
    color: #959595;
    font-size: 23px;
    text-align: center;
    font-weight: 300;
}

.discountbig {
    font-size: 18px;
}


/* Specials */

.specialheading{
    font-family:'Quicksand', sans-serif;
    margin:25px 0px 15px 7px;
}

.woewebdag{
    background: url(/wp-content/themes/kortingvandedag-child/img/woensdagwebdagpizzahutdesktop.png) no-repeat;
    height:116px;
    margin:0 0 10px;
}

@media(max-width: 768px){
    .woewebdag{
        background:none;
        width:100%;
        height:auto;
        border-radius:2px;
    }

    .woewebdag img{
        width:100%;
        height:auto;
        border-radius:2px;
    }
}

.lazymonday{
    background: url(/wp-content/themes/kortingvandedag-child/img/lazymonday.png) no-repeat;
    height:116px;
    margin:0 0 10px;
    border-radius:3px;
}

@media(max-width: 768px){
    .lazymonday{
        background:none;
        width:100%;
        height:auto;
        border-radius:2px;
    }

    .lazymonday img{
        width:100%;
        height:auto;
        border-radius:2px;
    }
}


/* Blog */

.latestblogposts .blogpost {
    margin:0 10px 0 0 !important;
}

.blogpost {
    padding: 0px 15px 0 0;
}

.onzetips {
    text-align: left;
    padding: 0px;
    margin: 25px 0 0 -10px;
}

.onzetips h1 {
    margin: -10px 0px 25px 0px;
    color: #202020;
    font-family: 'Quicksand', sans-serif;
    font-size: 30px;
    font-weight: 300;
}


.onzetips h2 {
    padding: 0px;
    margin:5px 0 15px !important; 
    font-size: 18px;
    font-weight: 900;
}

.onzetips .blogpost h2 a {
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    color: #2c2c2c;
    margin-left: 0px;
}

.onzetips .blogpost h2 a:hover {
    color: #47aed8;
    text-decoration: none;
}

.onzetips img {
    margin-left: 0px;
}

.onzetips .blogpostimg img {
    width: 100%;
}

.datecomment {
    font-family: 'Quicksand', sans-serif;
    overflow: auto;
    color: #a6a6a6 !important;
    font-size: 12px;
    margin-bottom: 3px;
    vertical-align: bottom;
}

.datecomment a {
    color: #48a1af;
    text-decoration: underline;
}

.datecomment a:hover {
    color: #48a1af;
    text-decoration: none;
}

.blogdata {
    width: 100%;
    padding: 20px 15px;
    height: 120px !important;
    margin-bottom: 22px !important;
    box-shadow:0px 2px #e9e9ef;
    background: #fff;
}

.blogheadline {
}

@media (max-width: 768px) {
    .blogheadline {
        height: initial;
    }

    .blogpost {
        padding: 0px 0px 0 0;
        margin-bottom: 0px;
    }

}

/* Blog Single */
.blog{ 
    padding:25px 35px; 
    margin-top:15px;     
    background-color: #FFFFFF;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow:0px 2px #e9e9ef;
    margin-bottom: 15px;
    font-family:'Quicksand', sans-serif;
}
.blog h1{ margin:0px 0px 5px 0px; font-size:33px; font-weight:400; color:#666; }
.blog .dateandshare{ padding:10px 0px; border-bottom:1px solid #efefef; border-top:1px solid #efefef;  margin:10px 0px 25px; }
.blog .date{ font-family:'Quicksand', sans-serif; font-size:12px; color:#888; margin-top:3px; float:left; }
.blog .facebookshare{ background:#3b5998; color:#fff; font-family:'Quicksand', sans-serif; float:right; margin-right:5px; border-radius:2px; padding:2px 5px; }
.blog .twittershare{ background:#1da1f2; color:#fff; font-family:'Quicksand', sans-serif; float:right; border-radius:2px; padding:2px 5px; }
.blog .facebookshare:hover, .blog .twittershare:hover{ opacity:0.8; }
.blog p{ font-size:15px; line-height:22px; color:#999; }
.blog strong{ font-weight:600; color:#444; }
.blog h2{ font-size:22px; font-family:'Quicksand', sans-serif !important; margin:28px 0px 8px; color:#333 !important; font-weight:400 !important; }
.blog h3{ font-size:20px !important; font-family:'Quicksand', sans-serif !important; margin:24px 0px 8px; color:#555 !important; font-weight:400 !important; }
.blog h4{ font-size:18px !important; font-family:'Quicksand', sans-serif !important; margin:20px 0px 5px; color:#666 !important; font-weight:400 !important; }
.blog img{ max-width: 100%; margin:10px 0 0 0;}
.blog .singleblogimg{ width:30%; float:right; }
.blog .singleblogimg img{ width:100%; height:auto; margin:0px 0px 10px 10px; }
.blog .singleblogdelen{ padding:10px 0px; border-bottom:1px solid #efefef; border-top:1px solid #efefef; margin:25px 0px 10px; }
.blog ul li{ font-family:Arial; font-size:14px; line-height:22px; color:#555; }
.clear{ clear:both; }

@media(max-width:768px){ 
.blog{ padding:25px 25px; }
.blog .facebookshare, .blog .twittershare{ float:left; margin-top:5px; }
.blog .twittershare{ margin-right:5px; }
.blog .singleblogimg{ width:100%; float:left; }
.blog .singleblogimg img{ margin:0px 0px 15px 0px; }
}

.blog table{
    margin-top:15px;
}

.blog table th,.blog table td{
    border:1px #efefef solid;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}



/* Relevant Coupons */

#relevant{
    margin-left:10px;
}

.relevante .coupon.special img {
    width: 30% !important;
    border: 0px !important;
    border-radius: 3px !important;
 }

 .relevante .coupon.special .coupontitle a {
    color: #404040 !important;
    font-size: 18px !important;
    line-height: 18px !important;
    font-weight:500 !important;
    font-family:'Quicksand', sans-serif !important;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* number of lines to show */
    max-height: 36px; /* fallback */
    min-height:36px;
    border:none !important;
}

/* Mobile Fix */

@media(max-width: 768px){
    .relevante .coupon.special img {
        width: 70% !important;
        border: 0px !important;
        border-radius: 3px !important;
    }
}

/* Pagination */
.page-numbers.current {
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    border-radius: 2px;
    box-shadow:0px 2px #e9e9ef;
    background: #fff;
    padding: 5px 15px;
}

a.page-numbers {
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    border-radius: 2px;
    box-shadow:0px 2px #e9e9ef;
    background: #fff;
    padding: 5px 15px;
    text-decoration: none;
    color: #999;
}

a:hover.page-numbers {
    background: #202020;
    color: #fff;
    text-decoration: none;
}

.sinterklaasinfo{
    padding:25px 10px 0px 0px !important;
    font-size:9px !important;
}



.reasons{
    margin:10px 0 15px -37px ;
    list-style-position:outside !important;
    list-style-type: none !important;
}

.reasons li {
  padding:8px 0 3px 10px;
  font-weight:500;
  list-style-type: none !important;
  color:#282b40;
  font-size:13px !important;
}

.reasons li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -10px; /* same as padding-left set on li */
  width: 15px; /* same as padding-left set on li */
    color:#67b07a !important;
  font-weight:400 !important;
  font-size:10px !important;
  padding-top:-2px !important;
}

.reasons li i{
  font-weight:400 !important;
}

.popular .img-responsive {
    float: left !important;
    width: 18% !important;
    margin-right: 2% !important;
    height: auto !important;
    box-shadow: 0px 1px #c5c5c5 !important;
    overflow: hidden !important;
    border-radius: 2px !important;
    margin-top: 10px !important;
    max-width:initial !important;
}

.popular .img-responsive:hover {
    box-shadow: 0px 1px #939393 !important;
}

/* Home Coupons */

.homebox{ padding:0 10px 0 0 !important; }

.coupon.home{
    font-weight:500;
    box-shadow: 0 0 #e8e8e8 !important;
    border:1px solid #e8e8e8;
    height:250px;
    border-radius: 8px;
}

.coupon.home:hover{
    box-shadow: 0px 1px 1px rgba(0,0,0,0.22) !important;
}


.homebox:nth-child(1),.homebox:nth-child(2),.homebox:nth-child(3),.homebox:nth-child(4),
.homebox:nth-child(5),.homebox:nth-child(6),.homebox:nth-child(7),.homebox:nth-child(8),
.homebox:nth-child(9),.homebox:nth-child(10),.homebox:nth-child(11),.homebox:nth-child(12){
    padding:0 5px 0 0 !important;
}


.coupon.home .img-responsive{
    width:30%;
    /*margin:0 auto 12px !important;*/
    float:right;
    border-radius: 50px;
    border:none !important;
}

.coupon.home .discount{
    padding:6px 10px;
    background:#ff7700;
    color:#fff;
    position:absolute;
    top:0px;
    left:8px;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    border-radius: 2px;
}

.coupon.home.product{
    height:320px;
    text-align: center;
}

.coupon.home.product .productimg{
    width:auto;
    height:100px;
    margin:0 auto 12px !important;
    border-radius: 2px;
    border:none !important;
}

.coupon.home.product .oldprice{ color:#bb7d7d !important; text-decoration: line-through !important; }
.coupon.home.product .newprice{ color:#56c434 !important; padding-left:3px; font-weight: 700; font-size: 20px; }

.coupon.home .newprice{
    color:#ff6a00 !important;
    margin:-10px 0 3px 0;
    font-size:18px;
    font-weight:700;
}

.coupon.home.product .shop{
    margin:10px 0 0 0;
}

.coupon.home.product .shop a{
    color:#999;
    font-weight: 700;
}

.coupon.home.product .hometitle{
    margin:5px 0 3px 0;
    height:50px;
}

.coupon.home.product .hometitle a{
    font-size:17px;
    line-height: 19px;
    color:#666;
    font-weight:700;
}

.coupon.home .hometitle{
    font-size:15px;
    line-height: 17px;
    color:#777;
    font-weight:700;
    margin:5px 0 3px 0;
}

.coupon.home .vervaldatum{
    float:left !important;
    text-align: left;
    margin:8px 0 0 0;
}

.coupon.home .dagen {
    color: #b0b0b0;
    font-size: 11px;
    text-align: left;
    margin:0;
    font-family: 'Quicksand', sans-serif;
}

.coupon.home .code{
    color:#999;
    font-weight:700;
    border: 1px dotted #999;
    padding:3px 5px;
}

@media(max-width: 768px){
    .coupon.home{
        height:250px;
        width:100% !important;
    }
    .coupon.home .newprice{
        margin:-10px 0 3px -3px;
    }

    .coupon.home .img-responsive{
    }

}

/* Product Related */


.coupon.related.product{
    border:none !important;
}

.coupon.related.product:hover{
    box-shadow:none !important;
}

.coupon.related.product .discount{
    padding:6px 10px;
    background:#ff7700;
    color:#fff;
    position:absolute;
    top:10px;
    left:0px;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    text-align: center;
    font-weight: 900;
    -webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}

.coupon.related.product{
    height:320px;
    text-align: center;
}

.coupon.related.product .productimg{
    width:auto !important;
    height:150px;
    margin:10px auto 12px !important;
    border-radius: 2px;
    border:none !important;
}

.coupon.related.product .oldprice{ color:#999 !important; text-decoration: line-through !important; }
.coupon.related.product .newprice{ color:#56c434 !important; padding-left:3px; font-weight: 700; font-size: 20px; }

.coupon.related.product .prices{

}

.coupon.related.product .newprice{
    color:#3ca64b !important;
    margin:-10px 0 3px 0;
    font-size:21px;
    font-weight:900;
}

.coupon.related.product .shop{
    margin:10px 0 0 0;
}

.coupon.related.product .shop a{
    color:#999;
    font-weight: 700;
}

.coupon.related.product .hometitle{
    margin:5px 0 3px 0;
    height:50px;
    padding:0 10px;
}

.coupon.related.product .hometitle a{
    font-size:17px;
    line-height: 19px;
    color:#666;
    font-weight:700;
}

.coupon.related.product .hometitle{
    font-size:15px;
    line-height: 17px;
    color:#777;
    font-weight:700;
    margin:5px 0 3px 0;
}

.coupon.related.product .btn-aanbieding{
    width:80% !important;
    margin:15px 0 !important;
}

 /* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(255,255,255); /* Black fallback color */
  background-color: rgba(255,255,255, 1); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 5%; /* 25% from the top */
  width: 90%; /* 100% width */
  text-align: left; /* Centered text/links */
  margin-top: 0px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

.overlay-content #webshops, .overlay-content #steden, .overlay-content #info{
    list-style-type: none;
    font-size:16px;
    list-style-position: inside;
    margin-left:0 !important;
    padding-left:0 !important;
}

.overlay-content #webshops li,.overlay-content #steden li{
}

.overlay-content #webshops li a,.overlay-content #steden li a,.overlay-content #info li a{
    color:#4eb2dc;
    font-weight: 500;
}


/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 22px;
  font-weight: 700;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

.overlay a i{
    margin:0 0 0 10px;
    font-size:15px;
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #333;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 0px;
  right: 9px;
  font-size: 40px;
  color:#999;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

/* SoldenModal */

#SoldenModal{
    overflow: hidden;
    background:rgba(0,0,0,0.8);
    text-align: left !important;
}

#SoldenModal .modal-dialog{
    top: 100px !important;
}

#SoldenModal .modal-content{
    background:#52b4de;
    text-align: left !important;
}

#SoldenModal .modal-header{
    text-align: left !important;
}

#SoldenModal .modal-header img{
    margin:15px 0 0 -10px;
    width:200px;
}

#SoldenModal h3{
    font-weight:900 !important;
    font-size:35px !important;
    margin:5px 0 5px !important;
    text-transform: condensed;
    color:#023d56;
}

#SoldenModal h4{
    font-weight:700 !important;
    font-size:24px !important;
    margin:0 0 20px !important;
    color:#0a6f9a;
}

#SoldenModal .formwrap {
    margin-left: 0px !important;
} 

#soldenModal .formwrap #mc_embed_signup .submitbutton{
    background:#f1c100 !important;
    color:#363636 !important;
}

@media (max-width: 768px) {

    #SoldenModal .modal-header img{
        margin:15px 0 0 -5px;
        width:200px;
    }

    #SoldenModal h3{
        font-weight:900 !important;
        font-size:30px !important;
        margin:5px 0 5px !important;
        text-transform: condensed;
        color:#023d56;
    }
}

.niettemissen{ width:150px; }
.aanrader{  
    background: #53b5df;
    color:#fff;
    padding:10px 18px 25px;
    margin:15px 0 0 -15px !important;
    border-radius: 3px;
}

.aanrader h3{
    color:#fff;
}

.aanrader img{ max-width: 100%; margin:0 0 10px 0; border-radius:  }

.aanrader a{ color:rgba(255,255,255,0.85); text-decoration: underline; }
.aanrader a:hover{ color:rgba(255,255,255,1); }

.sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
  padding: 50px;
  font-size: 20px;
}

.sidebarsignup{
    background: #53b5df;
    border-radius: 3px;
    margin:15px 0 0 -10px;
    position: -webkit-sticky !important;
      position: sticky !important;
      top: 0;
}

.sidebarsignup .title{
    color:#fff;
    line-height: 18px !important;
    font-weight: 700;
}

.sidebarsignup input[type="email"]{
    max-width:100%;
    display: block;
    padding:10px 15px;
    font-size:14px;
    border: 1px solid rgba(0,0,0,0.35) !important;
    border-radius: 2px; 
    margin:15px 0 5px;
}

.sidebarsignup input[type="submit"]{
    max-width:100%;
    background:rgba(0,0,0,0.5);
    border-radius: 2px; 
    padding:10px 25px;
    font-size:14px;
    color:#fff;
    border: 1px solid rgba(0,0,0,0.3) !important;
}

.sidebarsignup input[type="submit"]:hover{
    background:rgba(0,0,0,0.75);
}