/*
 Theme Name:   Code Promo Sudinfo
 Description:  Code Promo Sudinfo 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, responsive-layout, accessibility-ready
 Text Domain:  kortingvandedag-child
*/

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px;
    color: #585858;
    font-weight: 400;
    background:#f1f3f5;
    min-height: 100%;
    position: relative;
}

h1, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed', Helvetica, Sans-serif;
    color: #2b2b2b;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

h1 {  
    font-weight: 600;
}

/*

bootstrap (fixes)

*/

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

/* kortingscodes menu item */
.level-top.active{
	background:#ffb300 !important;
	color:#fff !important;
}

.loginbar {
    width: 100%;
    font-size: 10px;
    padding: 20px 0 0 0 !important;
    text-align: right;
    margin:0 0 -5px !important;
}

.loginbar a {
    color: rgba(0,0,0,0.4);
    text-decoration: underline;
}

.loginbar a:hover {
    color: rgba(0,0,0,0.65);
}

.loginbar .fab.fa-facebook{ color:#3b5998 !important; }

.discountheader{
	border-radius: 0px;
	width:100%;
	margin:0 !important;
    background:#0000FF;
    padding:0 15px 8px;
}

.whitebg{ background:#fff !important; }

.discountheader.new{
	padding:20px 0 0 0 !important;
}

.discountheader .logo{ margin:5px 0 0 5px !important; }

@media(max-width: 768px){
	.discountheader{
		padding:5px 5px 5px 0 !important;
		margin:0;
		background:#fff;
		width:100%;
	}

	.discountheader .row, .discountheader .col-xs-12{
		padding:0 !important;
	}
}

.header{ margin:0 0 10px; }

/** Header Breadcrumbs **/

.header-bar-breadcrumbs{
    width:100%;
    padding:5px 0 0;
    height:27px;
    color:#aab1b9;
    margin:12px 0 3px 0;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
}

.header-bar-breadcrumbs span{
    font-size:13px;
    padding:0 6px 0 6px !important;
}

.header-bar-breadcrumbs span:nth-of-type(1){
    padding:0 6px 0 0 !important;
}

.header-bar-breadcrumbs a{
    color:#aab1b9 !important;
    font-size:13px;
    padding:0 6px 0 6px !important;
}

.header-bar-breadcrumbs span a{
    color:#aab1b9;
}

.header-bar-breadcrumbs a:hover{
    color:#0000FF !important;
    text-decoration: none;
}

.header-bar-breadcrumbs .breadcrumb_last{ padding:0 6px 0 6px !important; }

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

/** Search **/

.search {
    padding: 0 0 0 0;
}

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

.awesomplete:before{
  font-family: "FontAwesome";
  color: #555;
   display: inline-block;
   padding-left: 0;
   vertical-align: middle;
   content: "\f002";
   margin:-7px 0 0 0;
   background:#f1f3f5;
   padding:15px 15px 12px;
   -webkit-border-top-left-radius: 50px !important;
-webkit-border-bottom-left-radius: 50px !important;
-moz-border-radius-topleft: 50px !important;
-moz-border-radius-bottomleft: 50px !important;
border-top-left-radius: 50px !important;
border-bottom-left-radius: 50px !important;
-webkit-border-top-right-radius: 0px !important;
-webkit-border-bottom-right-radius: 0px !important;
-moz-border-radius-topright: 0px !important;
-moz-border-radius-bottomright: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
   width:30px;
   height:42px;
   text-align: left !important;
}

.search .input-group input[type="text"]{
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
	background:#f1f3f5 !important;
	width:90% !important;
    box-shadow: 0;
    border:1px solid #f1f3f5;
    -webkit-border-top-right-radius: 50px !important;
-webkit-border-bottom-right-radius: 50px !important;
-moz-border-radius-topright: 50px !important;
-moz-border-radius-bottomright: 50px !important;
border-top-right-radius: 50px !important;
border-bottom-right-radius: 50px !important;
webkit-border-top-left-radius: 0px !important;
-webkit-border-bottom-left-radius: 0px !important;
-moz-border-radius-topleft: 0px !important;
-moz-border-radius-bottomleft: 0px !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
    color:rgba(0,0,0,0.5) !important;
    padding-left:10px;
    height:42px;
}

.search .nbshoplink{ 
    float:right;
    font-size:11px;
    padding-right: 5px;
}

.search .nbshoplink a{ 
    color:rgba(0,0,0,0.65);
    text-decoration: underline;
}

input[type="text"].form-control {
    font-size: 14px;
    border: none;
    font-weight: 400;
    box-shadow: none;
    padding:4px 0 2px 12px;
    margin:13px 0 20px 0;
    width:100% !important;
}

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) {

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

    .search .input-group {
        width: 100%;
		font-size:12px !important;
		text-align: center;
    }


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

}

/** Nav **/

/* Nieuwe Dropdown style 09.05.22 */

/* Dropdown Button */
.dropbtn{ font-family: "Roboto Condensed" !important;  
    color:#002342 !important; 
    font-size:15px !important; 
    cursor: pointer !important;  
    font-weight:500;
    background:none !important;
    border: none; }

.dropbtn:hover{ 
    color: #0000FF !important;
    background:none !important;
 }

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 480px;
  max-height: 350px;
  padding:35px 25px;
  box-shadow: none !important;
  z-index: 1;
  font-weight:500 !important;
}

.dropdown-content i{
    font-size: 12px;
}

.dropdown-shops{
    column-count: 3;
}

/* Links inside the dropdown */
.dropdown-content a{  color: #0000FF; }
.dropdown-shops a{ font-family: "Roboto Condensed" !important;  color:#002342 !important; font-size:15px !important; cursor: pointer !important; padding:5px; font-weight:500 !important; display: block; }
.dropdown-shops a:hover{ color: #0000FF !important; background:none !important; }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

.dropdown{ font-family: "Roboto Condensed" !important;  color:#002342 !important; font-size:15px !important; cursor: pointer !important; padding:5px 0; font-weight:500; }
.dropdown:hover{ color: #0000FF !important; }

.mainmenu{
    list-style-type: none;
    margin:23px 0 0 -33px;
}

.mainmenu .dropdown-toggle:hover{
    color:#0000FF !important;
    background:#fff;
}

.mainmenu .dropdown-toggle .fa.fa-angle-down{
    font-size:12px;
}

.mainmenu .dropdown-toggle:hover .fa.fa-angle-down{
    color:rgba(255,255,255,1) !important;
}

.mainmenu li{
    display:inline-block;
    margin-right:25px;
    font-size: 14px;
}

.mainmenu li a:active{
    text-decoration: none;
}

.dropdown-menu{
    font-size:15px;
    /* margin:15px 0 0 -60px !important; */
    margin:25px 0 0 -288px !important;
    box-shadow: 0 !important;
    border: 0px solid #efefef;
    border-radius: 0 !important;
    line-height: 16px;
    width:600px;
    padding:25px 10px;
}

.dropdown-menu.cat{
    margin:25px 0 0 -188px !important;
}

.dropdown-menu li{
    padding:0 0 0 0 !important;
    margin:0 !important;
    display:inline-block !important;
    width:180px;
}

.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 li a{
    color:#333 !important;
    font-weight: 400 !important;
    background: none !important;
}

.dropdown-menu li a:hover{
    text-decoration: none;
    color:#0000FF !important;
    background:none !important;
}

.dropdown-toggle{ 
    background:none;
    border:none;
    font-weight: 700;
    font-size: 17px;
}

.dropdown-menu .ontdek{
    color:#555 !important;
    font-weight:400;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    padding:5px 18px 10px;
    background:none !important;
}

.dropdown-menu .ontdek i{
    font-size:10px;
    margin:2px 0 0 7px;
}

.dropdown-menu .ontdek:hover{
    color:#38a9de !important;
    background: none !important;
}

.dropdown-menu .andere{
    color:#555 !important;
    background:none;
    font-weight:600;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    padding:10px 18px 10px;
    width:100%;
    margin:5px 0 0 0;
}

.dropdown-menu .andere:hover{
    color:#38a9de;
}

.navbar-header i{
	color:#fff;margin:10px;font-size:18px;
}

@media(max-width: 768px){
    .mainmenu{
        margin:0 0 0 -40px !important;
    }

    .mainmenu li{
        display:initial;
        margin:0 12px 0 5px;
    }

    .mainmenu li a{
        font-weight: 500;
        font-size: 15px !important;
    }

    .mainmenu li a:hover{
        text-decoration: none;
    }

    .dropdown-menu{
	    font-size:15px;
	    margin:10px 0 0 -80px !important;
	    width:380px;
	    padding:15px 5px !important;
	}

	.dropdown-menu.cat{
	    margin:10px 0 0 -185px !important;
	    width:380px;
	}

	.dropdown-menu li{
	    width:110px;
	}

	.dropdown-menu li a{
	    font-weight: 600 !important;
	    font-size: 13px !important;
	}

    #winkels{
        font-size:14px;
        line-height: 16px;
    }

    #winkels li{
        padding:0 0 0 0 !important;
        margin:0 !important;
        display:initial !important;
        width:initial;
    }

}

/** Mobile Nav **/

.navbar-toggle {
    border:none !important;
    background:none !important;
    margin:0 0 0 5px !important;
    font-size: 25px !important;
    float:left;
    color:#555 !important;
}

.navbar-toggle.toggle2{
    color:#555 !important;
}

.searchtoggle {
    border:none !important;
    background:none !important;
    color:#555 !important;
    font-size: 23px !important;
    margin:10px 10px 0 0 !important;
    float:right;
}

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


/* Container */

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

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

/* coupon */

.coupon{
    background-color: #FFFFFF;
    padding: 25px 25px 25px 25px;
    margin:0 1px 1px 8px !important;
    box-shadow:0;
    min-height:140px !important;
    width:99% !important;
    transition: 1s;
}

.coupon:first-of-type,.coupon:last-of-type{
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.coupon:hover{
    /* box-shadow:0px 0px 2px rgba(0,0,0,0.3) !important; */
}

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

.coupon .couponprice .discount{
    padding:3px 5px;
    background:#ff7700;
    color:#fff;
    position:absolute;
    top:-2px;
    left:5px;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    border-radius: 2px;
}

.coupon .couponprice{
    text-align: center;
    margin:10px 0 0 0;
    max-width: 100px;
}

.coupon .content{ padding-left:35px; }
.coupon .cta{ padding-left:30px; }

.coupon .coupontitle {
    margin: 5px 0px 7px 0 !important;
    padding-right:20px !important;
    line-height: 20px !important;
}

.coupon .coupontitle a {
    color: #002342;
    font-size: 20px;
    font-weight:500 !important;
}

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

/* Mobile Fix */

@media (max-width: 768px) {

	.coupon{
	    margin:0 1px 0 0 !important;
	    box-shadow:0px 0px 2px rgba(0,0,0,0.1) !important;
	    min-height:160px !important;
	    width:100% !important;
	}

	.coupon .content{ padding:0px !important; }
	.coupon .cta{ padding-left:0px; }

    .coupon .coupontitle {
        margin: 0px 2px 7px 0px !important;
        padding-right:5px !important;
    }

    .coupon .coupontitle a {
        font-size: 17px;
        line-height: 18px !important;
    }
}

/* Coupon Single */

.contentsingle{
    padding:3px 10px;
}

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

.overflow_hidden {
    overflow: hidden;
}

.prijs {
    color:#0000FF;
    /* color:#007bcd;*/
    /* color: #fb5e00; */
    text-align: center;
    font-weight: 400;
    margin:-5px 0px 0px;
    font-size: 30px;
}

.prijs.prijs1 {
    font-size: 28px !important;
    font-weight: 500 !important;
}

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

.couponcode .prijs, .couponcode .korting {
    color: #ff0030;
}

.coupon .couponprice.topdeal .prijs, .coupon .couponprice.topdeal .korting{
    color:#ff6f00;
}


.korting {
    font-weight:500;
    color:#0000ff;
    /* color:#007bcd;*/
    /* color: #fb5e00; */
    font-size: 14px;
    text-align: center;
    margin: -16px 0px 0px;
}

.korting2 {
	font-size:13px;
}

.grverz2{
    font-family: 'Open Sans', sans-serif !important;
    font-weight:500 !important;
    color: #fb5e00;
    text-align: center;
    margin: 5px 0px 0px;
    font-weight:500 !important;
    font-size: 10px !important;
}

.kortingtekst {
    color: #FF0030;
}

.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: 0px;
    font-weight: normal;
    text-align: center;
    margin: 2px 0px 10px 0px !important;
    min-width: 260px;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    border: 0px;
    color: #fff;
    background:#FF0030;
    padding: 13px 0px 12px;
    height: 47px;;
    border-radius: 2px;
    /* background: #ff9900; */
    /* box-shadow: 0 4px #f77a00;*/ 
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.btn.btn-korting:hover {
    background:#cc0e32;
    box-shadow: 0;
    /* background: #f77a00; */
}

.btn.btn-aanbieding {
    font-weight: normal;
    text-align: center;
    margin: 2px 7px 10px 0px !important;
    min-width: 260px;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    border: 0px;
    color: #fff;
    background:#0000FF;
    border-radius: 2px;
    padding: 12px 0px;
    height: 45px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.btn.btn-aanbieding i{
	font-size:11px;
	margin:2px 0 0 15px;
}


.btn.btn-aanbieding:hover {
    background:#0f0fbd;
    color:#fff;
    box-shadow: 0;
    /* background: #f77a00; */
}

.topdeal .btn.btn-aanbieding{ background:#ff6f00; }
.topdeal .btn.btn-aanbieding:hover{ background: #d16c1d; }

.mybtn.btn-code {
	border-radius: 2px;
    border:0px dashed #007bcd;
	font-weight: normal;
    margin: -2px 7px 10px 0px !important;
    min-width: 260px;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 900;
	color: #777;
	background: #f1f3f5;
	padding-right: 35px;
	line-height: 22px;
	padding: 10px 0px;
	text-align: center;
}

.tekst.tekst2 a{
	font-family: 'Roboto Condensed', Helvetica, 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: 8px 0px 10px 0px !important;
        width:100%;
    }

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

    .cta{
        margin-left:-5px !important;
    }
}


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


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

.coupondata{
    margin:5px 0 5px;
}

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

.coupon .voorwaarden {
    width:99% !important;
    margin: 0;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    text-align: left;
    font-size: 12px;
}

.coupon .voorwaarden .kop{
    margin: 0px 0px 0px 15px !important;
    text-align: right;
}

.coupon .voorwaarden .kop a {
    color: rgba(0,0,0,0.35);
    font-size: 12px;
    text-decoration: none;
    padding:3px 5px;
}

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

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

.coupon .voorwaarden .tekst {
    display: none;
    font-size: 14px;
    line-height:15px;
    color: #999;
    margin:10px 0 0 3px;
    padding:7px 12px !important;
    background:rgba(0,0,0,0.02);
}

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

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

.exclusievekortingscode{ font-family: 'Roboto Condensed', Helvetica, sans-serif; font-size:11px;padding-left:5px;font-weight: 600; color:#40a840;}
.blackfriday{ font-family: 'Roboto Condensed', Helvetica, sans-serif; font-size:11px;padding-left:5px;font-weight: 600; color:#111;  }
.topdeal{ font-size:11px;font-weight:600;color:#ff6f00; padding-left:5px; }

i.fa.fa-angle-down {
    margin-left: 2px;
    color: #fff !important;
    font-size:12px;
}

/* Mobile Fix */

@media(max-width:768px){

    .coupon .voorwaarden {
        margin: 5px 0px 10px 0px;
         padding: 2px 0px 0px 0px;
    }

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

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

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

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

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

.btn-hide {
    display: none;
}


/*** Inactive ***/

.coupon.inactive {
    /* background:#f6f7f9; */
}

.coupon.inactive h2 {
    opacity:0.85;
}

.coupon.inactive h2 a {
    opacity:0.85;
}

.coupon.inactive .coupontitle a{
    color: #555;
}

.coupon.inactive h2 a:hover {
    opacity:0.85;
}

.coupon.inactive .prijs, .coupon.inactive .korting, .coupon.inactive .grverz2, .coupon.inactive .couponprice.topdeal .prijs, .coupon.inactive .couponprice.topdeal .korting, .coupon.inactive .topdeal{
    color: #969696 !important;
}

.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 .exclusievekortingscode{
	color:#333;
}


.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 .mybtn.btn-code {
    border:1px dashed #555;
    color: #555;
}

.coupon.inactive .btn.btn-aanbieding, .coupon.inactive .btn.btn-korting{
	background:#555;
	color:rgba(255,255,255,0.85);
}

.coupon.inactive .btn.btn-aanbieding:hover,.coupon.inactive .btn.btn-korting:hover{
	background:#444;
	color:#fff;
}

@media(max-width: 768px){
	.coupon.inactive h3 {
	    opacity:0.8 !important;
	}

	.coupon.inactive .coupontitle a {
	    opacity:0.8 !important;
	}

	.coupon.inactive h3 a:hover {
	    opacity:0.8 !important;
	}
}

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

/*** Related Deals ***/

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

.relatedtitle{ 
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    color:rgba(0,0,0,0.66) !important;
    font-size: 20px !important;
    line-height:22px !important;
    margin:40px 0 10px 5px !important;
    font-weight:400;
    padding-right:50px;
}

.subrelated{
    color:#92939c !important;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    font-size: 12px;
    line-height: 13px;
    margin:0 0 25px 5px !important;
    font-weight:300;
}

.nocouponstitle{ 
    font-family: 'Roboto Condensed', Helvetica, 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: 360px !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: #555 !important;
    font-size: 17px !important;
    line-height: 20px !important;
    font-weight:500 !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){
    .relatedcoupons{
        margin:20px 0 80px !important;
    }
    .coupon.related {
        margin: 0px !important;
        padding: 10px 15px 0px !important;
    }
    .coupon.related img {
        width: 40% !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: 'Roboto Condensed', Helvetica, sans-serif;
    font-size: 25px;
    margin-bottom: 10px;
    font-weight:400;
}

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

.relatedshops a{
    color:#fff !important;
    font-family: 'Roboto Condensed', Helvetica, 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: 'Roboto Condensed', Helvetica, sans-serif;
    background:#fed101;
    text-decoration: none;
    box-shadow: 0px 2px #ddb600;
}

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

.page h1 {
    margin-bottom: 20px;
    text-align: left !important;
}

.page h2 {
    font-family: 'Roboto Condensed', Helvetica, Sans-serif;
    margin-bottom: 7px;
    margin-top: 20px;
    color: #505050;
}

/*********** SEARCH ***********/

/* Search Results */

.foundshop{
    background:#fff;
    border:1px solid rgba(0,0,0,0.15);
    padding:15px !important;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.foundshop:hover{
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
}

.search_winkels{
    padding:0 0 0 10px;
}

.searchresults{
    padding-bottom: 35px;
}

.searchresults h2{
    margin-left:10px;
}

.searchresults .foundresults{
    margin-left:-12px !important;
}

@media(max-width: 768px){
    .searchresults .foundresults{
        margin-left:0 !important;
    }
}

.catdeals{
    margin-left:-20px !important;
}

@media(max-width: 768px){
    .catdeals{
        margin-left:0 !important;
    }
}

/*********** 404 ***********/
.page404 {
    text-align: center;
    padding: 15px;
    margin: 15px 0 2px 0;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
}

.page404 h1 {
    font-family: 'Roboto Condensed', Helvetica, 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%;
    }
}

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

.allshops{
    padding-right:35px;
}

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

.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 0px #e1e2e8 !important;
    border: 0px solid #efefef;
}

.shopssidebar .popular .shop:hover, .newshops .shop:hover{
    box-shadow: 0px 10px #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 10px #939393 !important;
}


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

.popular.winkel_widget:hover {
    border: 0px 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: 'Roboto Condensed', Helvetica, 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: 'Roboto Condensed', Helvetica, 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: 'Roboto Condensed', Helvetica, sans-serif;
    font-size: 16px;
    color:#0000FF;
    text-decoration: none;
    font-weight:500;
}

.winkel_letter .shopname a:hover{
    font-family: 'Roboto Condensed', Helvetica, 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 ***********/

.shoppage{
	padding-bottom: 100px;
}

.winkel{
    margin:15px 0px 23px 7px !important;
    /*background:#fff;*/
    border-radius:3px;
    padding:0px;
    box-shadow: 0 0 0px rgba(0,0,0,0.15);
}

.winkel .img-responsive {
    box-shadow:0 !important;
    border-radius:2px;
    width:100% !important;
    margin:-3px 0 0 0;
   	border-radius:2px;
}

.winkel h1 {
    color:#002342;
    font-size: 25px !important;
    margin: -2px 0 5px 20px !important;
    line-height: 30px;
    font-weight:600;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
}

.winkel h2 {
    color:#002342;
    font-size: 18px;
    margin: 8px 0 8px 20px;
	font-weight:400;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
}

.winkel h3{ 
	margin: 6px 0 3px 20px; 
	font-size: 15px;
	font-weight: 400;
	color:#334F68;
}

.winkel h3 i{
	font-size: 9px;
	color:rgba(0,0,0,0.25);
}

.winkel h3 a{ color:#0000FF !important; text-decoration: underline !important; }
.winkel h3 a:hover{ text-decoration: none !important; }

.winkel .btn.btn-ganaar {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0px;
    width: 95%;
    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: 'Roboto Condensed', Helvetica, sans-serif;
    margin-top:0px;
}

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

/* Mobile Fix */
@media (max-width: 768px) {
    .winkel {
        text-align: left;
        margin:10px 0px 13px 5px !important;
    }

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

    .winkel h2 {
        margin-left: -5px !important;
        margin-bottom:7px;
    }

    .winkel h3{ 
		display:none; 
	}

}

.extratips{
    margin:15px 0;
    font-family: 'Open Sans', sans-serif !important;
    font-size:15px !important;
}

.extratips h2{
	font-size:16px;
	font-weight: 700;
}

.extratips .extra{
    color:rgba(0,0,0,0.45);
    font-weight: 500;
}


.extratips .extra h3{
    font-weight: 500 !important;
    color:rgba(0,0,0,0.45);
    margin:22px 0 8px !important;
    font-size: 15px;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
}

@media(max-width: 768px){
    .extratips .extra{
        width:90% !important;
    }
}

.faq{ margin:45px 0; font-size:14px; font-family: 'Roboto Condensed', Helvetica, sans-serif; }
.faq h2{ margin:35px 0 25px; }
.faq .panel{ box-shadow: none !important; border:none !important; }
.faq .relatedtitle{ font-size:15px; }
.faq .panel-title{ font-weight: 700; color:#555; }
.faq .panel-title:hover{ color:#333; }
.faq .panel-heading{ background: rgba(255,255,255,0.6) !important; }
.faq .panel-heading a:hover{ text-decoration: none; }

@media(max-width: 768px){
    .faq .panel-title{ font-size:14px; }
}

.kortingscodeverzilveren{
    padding:22px 40px 24px;
    font-weight: 500;
    font-size:14px;
    background:rgba(255,255,255,1);
    border-radius: 2px;
    color:#888;
    line-height: 21px;
    margin-top:5px;
}

.kortingscodeverzilveren h2{
    color:#444;
}

.kortingscodeverzilveren ol{
    padding:12px 0 0 15px !important;
}


.kortingscodeverzilveren ol li{
    line-height: 25px !important;
}

.kortingscodeverzilveren .extra{ float:right; margin:10px 0 15px 15px; }

.kortingscodeverzilveren .codeverzilveren{
    max-width:100%;
    margin:15px 0 22px;
    border:1px solid #efefef;
    border-radius: 2px;
    padding:25px;
}

@media(max-width: 768px){
    .kortingscodeverzilveren .extra{ float:initial; margin:10px 0; width:100%; }
    .kortingscodeverzilveren{
        padding:18px 25px 19px;
    }
}

.geencode{
	margin:15px 0;
	color:#777;
	color:rgba(0,0,0,0.5) !important;
	font-size:13px;
}

.geencode.extra3{
	color:rgba(255,255,255,0.95) !important;
	background:rgba(0,0,0,0.48);
	border-radius: 2px;
	padding:25px 25px 25px 35px;
	margin:35px 0 15px;
}

.geencode.extra3 h3{
    color:rgba(255,255,255,1) !important;
    font-size: 20px !important;
    line-height:22px !important;
    margin:10px 0 25px 0 !important;
    font-weight:700;
    text-shadow: 0px 2px rgba(0,0,0,0.15);
}

.geencode ul{
    margin:0;
    padding:0 20px 0 12px; 
}

.geencode ul li{
    margin:0 0 15px; 
}

.geencode h3{
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
    color:rgba(0,0,0,0.66) !important;
    font-size: 20px !important;
    line-height:22px !important;
    margin:40px 0 15px 0 !important;
    font-weight:400;
}

.geencode h4{
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
    color:#777 !important;
    font-size: 14px !important;
    line-height:30px !important;
    font-weight:600;
}

.geencode .month{
	padding:10px 22px 15px 0 !important; 
}

.shopdescription{
    line-height:18px !important;
    margin:30px 0 !important;
}

.shopdescription h3{ 
	margin:15px 0 10px;
}

.surfnaar{ font-size:14px; margin:0 0 35px; }
.surfnaar a{ font-weight: 600; text-decoration: underline; color:#0000FF !important; }
.surfnaar a:hover{ text-decoration: none; }
.surfnaar i{ color:rgba(0,0,0,0.35) !important; font-size:12px !important; }

.why{ font-family: 'Roboto Condensed', Helvetica, sans-serif; color:#888 !important; line-height: 18px; font-size:13px; /*background:rgba(255,255,255,1); border-radius: 2px;*/ padding:0; margin:25px 0 18px; /*box-shadow:0px 3px #DCDCE3 !important;*/ }
.why i{ color:rgba(33,182,89,0.85) !important; }

.tipcode{ font-size:14px; color:#888; }
.tipcode input{ border:1px solid rgba(0,0,0,0.2); border-radius: 2px; }
.tipcode .inzenden{ padding:15px 25px; background:#ff7700; color:#fff; font-weight: 700; box-shadow: none; border:none; border-radius: 2px; }
.tipcode .inzenden:hover{ padding:15px 25px; background:#40a840; color:#fff; font-weight: 700; box-shadow: none; border:none; border-radius: 2px; }

.redacteur{ background:rgba(255,255,255,0.6); border-radius: 2px; padding:10px 10px 5px; margin:25px 0 15px;}
.redacteur .author{ padding:10px 10px 0 10px !important; line-height: 14px; }
.redacteur .author .name{ float:left; font-size:18px; color:#555; font-family: 'Roboto Condensed', Helvetica, sans-serif; font-weight: 900; padding: 10px 0 0 15px; }
.redacteur .author .name .role{ font-size:13px; font-weight: normal; text-decoration: none; color:#777; }
.redacteur .author img{ float:left; width:42px; border-radius: 35px; }
.redacteur .description{ padding:0 10px !important; margin:-10px 0 0 0; }

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

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

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

/* Populair Tabel */

.populairtitel{
    margin:45px 0 15px;
    font-family: 'Open Sans', sans-serif !important;
    font-size:16px !important;
    color:rgba(0,0,0,0.5) !important;
}

.populair{
    font-family: 'Roboto Condensed', Helvetica, sans-serif; 
    width:100%; 
    margin:0 0 15px; 
}

.populair th{
    font-weight: 700;
    padding:10px;
}

.populair .voordeel{
    padding-right:10px;
}

.populair tr{
    padding:5px;
    background:rgba(255,255,255,0.50);
    border:1px solid #eaebee;
    margin:1px;
}

.populair td{
    padding:10px;
    font-weight: 500 !important;
    color:rgba(0,0,0,0.5);
}

/** Gemiste Kortingen **/

.expiredcoupons{

}

.expiredcode {
    text-decoration: line-through;
    border-radius: 3px;
    border: 1px dashed #007bcd;
    font-weight: normal;
    margin: 0px 0px 10px 10px !important;
    width: 200px;
    font-family: 'Roboto Condensed', Helvetica, 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:'Roboto Condensed', sans-serif !important;
   color:rgba(0,0,0,0.55);
    padding-left:20px !important;
    padding-top:100px;
    font-weight: 500;
    font-size:14px;
}


@media(max-width: 768px){
    .sidebar{
        font-family:'Open Sans', sans-serif !important;
        padding:10px 5px !important;
        max-width: 100% !important;
    }
}

.sidebar h2{
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    font-size:18px;
    margin:25px 0px 12px !important;
    font-weight:600;
    color:#334F68 !important;
}

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

.sidebar img{
    border-radius: 2px !important;
    margin:10px 0 !important;
    width:100%;
    max-width: 250px;
}

.sidebar .links { line-height: 18px; margin:15px 0 10px; }
.sidebar .links a{ font-family: 'Roboto Condensed', Helvetica, sans-serif; font-size: 14px; color:#0000FF; text-decoration: underline;  }
.sidebar .links a:hover{ text-decoration: none;  }
.sidebar .links i{ color:rgba(0,0,0,0.45) !important; padding:0 3px 0 0 !important; margin:0 !important; }
.sidebar .links .item{ margin:0 0 10px 0; }

.sidebar h3{
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    font-size:18px;
    margin:20px 0px 10px;
    font-weight:600;
    color:rgba(0,0,0,0.6) !important;
}

.sidebar h4{
    font-family: 'Roboto Condensed', Helvetica, sans-serif; 
    font-size:13px;
    margin:20px 0px 10px;
    font-weight:600;
    color:rgba(0,0,0,0.5) !important;
}

.sidebar .winkelinfo .description{
    font-size:13px;
    line-height:16px !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{
    font-weight:500 !important;
    margin:15px 0 15px 0;
    color:#888 !important;
}

.sidebar .winkelinfo .welkescore #spr_shapes{
    margin:0 0 0 0 !important;
}

.shopdata h3{ 
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    color:rgba(0,0,0,0.66) !important;
    font-size: 20px !important;
    line-height:22px !important;
    margin:40px 0 10px 0px !important;
    font-weight:400;
    padding-right:50px;
}

.shopdata .popular{ /*background:#fff; box-shadow:0px 3px #DCDCE3 !important; border-radius: 2px;*/ 
	font-family: 'Roboto Condensed', Helvetica, sans-serif; /*padding:6px 10px 15px; */ margin:35px 0; }

.shopdata .popular .item{ padding:6px 11px; background:rgba(255,255,255,0.6); display:inline-block; color:#666; border-radius: 2px; margin:0 5px 5px 0; 
	border:1px solid rgba(255,255,255,0.6); font-size:14px; }
.shopdata .popular .item:hover{ background:none; display:inline-block; color:#0000FF; border:1px solid #0000FF; }

.shopdata .popular .img-responsive {
    float: left !important;
    width: 19% !important;
    margin-right: 4% !important;
    height: auto !important;
    box-shadow:0 0 0px rgba(0,0,0,0.1) !important;
    overflow: hidden !important;
    border-radius: 2px !important;
    margin-top: 10px !important;
    max-width:initial !important;
}

.shopdata .popular .img-responsive:hover {
    box-shadow:0 0 2px rgba(0,0,0,0.25) !important;
}

.shopdata .amountcoupons{
    font-size:15px;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    font-weight: 500;
    /* background:rgba(255,255,255,0.5);*/
    color:rgba(0,0,0,0.45);
    width:100%;
    margin:30px 0;
    line-height:22px;
    padding:0 20px 0 0;
}

.shopdata .amountcoupons i{
    color:#999;
}

.shopdata .amountcoupons .activecoupons, .shopdata .amountcoupons .totalcoupons{
    font-size:11px;
    padding:20px 0px 7px;
    color:#c3c3c3;
}

.shopdata .amountcoupons .amountactive{
    font-size:14px;
    color:#666;
    padding:0 10px 0 0;
    float:right;
}

.shopdata .amountcoupons .totalcoupons{
}


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

/*** Special Coupons ***/

.coupon.kortingscode {
    height: 300px !important;
}

.coupon.special {
    margin: 0 25px 15px !important;
    height: 300px !important;
    padding: 15px 0px 0px 0px !important;

    box-shadow:0 !important;
    border:0;
    overflow: visible;
}

.coupon.special:hover{
    box-shadow:0 0 8px rgba(0,0,0,0.25) !important;
}

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

.coupon.special .coupontitle a {
    color: #555 !important;
    font-size: 18px !important;
    line-height: 19px !important;
    font-weight:600 !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: 50px; /* fallback */
    min-height:50px;
    border:none !important;
}

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

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

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

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

/* Excl Page */

.coupon.special.excl {
    height: 275px !important;
}

/*** POC Added 24/02/2020 ***/

.coupon.special .exclcode{
    background:#40a840 !important;
    padding:5px 7px;
    z-index: 3;
    font-family: 'Roboto Condensed', Helvetica, sans-serif; 
    font-size:11px;
    font-weight: 500; color:#fff;
    width:60px;
    margin:-10px 0 -16px -1px;
    position: relative;
}

.coupon.special .voorwaarden .tekst{
	background:#efefef !important;
	padding:10px 15px 10px 10px;
	margin-top:-150px;
	z-index: 2;
}

.coupon.special .voorwaarden .tekst .close{
	position:relative;
	top:2px;
	right:5px;
	color:#333 !important;
	margin:0 0 20px 10px;
}

@media(max-width: 768px){

    .coupon.special .exclcode{
        margin:-11px 0 -16px -17px;
    }

	.coupon.special .voorwaarden .tekst{
		background:#efefef !important;
		padding:10px 15px 10px 10px;
		margin-top:0px;
		z-index: 2;
	}

	.coupon.special .voorwaarden .tekst .close{
		position:relative;
		top:2px;
		right:5px;
		color:#333 !important;
		margin:0 0 20px 10px;
	}
}

/* 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.kortingscode {
	    height: 165px !important;
	}

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

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

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

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

/*** 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: 'Roboto Condensed', Helvetica, sans-serif;
	margin:15px 0 0px -5px !important;
}

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

.categoriesidebar{
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	font-size:16px;
	margin:45px 0 0 5px !important;
	padding:0!important; 
}


.categoriesidebar h2{
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	font-size:16px;
	margin:30px 0 15px;
	color:#505050;
    font-weight: 600 !important;
}

.categoriesidebar .popular{
    text-align: left !important;
    width:100%;
}

.categoriesidebar .popular .item{ padding:6px 11px; background:rgba(255,255,255,0.6); display:inline-block; color:#777; border-radius: 2px; margin:0 5px 5px 0; 
    border:1px solid rgba(255,255,255,0.6); }
.categoriesidebar .popular .item:hover{ background:none; display:inline-block; color:#0172bc; border:1px solid #0172bc; }
 }

.categoriesidebar .popular .shop{
    float: left;
    width: 10%;
    height:85px;
    margin: 0 0.5% 0.5% 0 !important;
    overflow: hidden;
    border-radius: 2px;
    box-shadow:0 0 2px rgba(0,0,0,0.2) !important;
    padding:7px 15px;
    background:#fff;
}

.categoriesidebar .popular .shop:hover{
    box-shadow: 0px 0px 2px rgba(0,0,0,0.25) !important;
    border: 1px solid #d0d0d0;
    text-decoration: none;
}

.categoriesidebar .popular .shop .img-shop{
    width: 70px !important;
    height:70px !important;
    margin:0;
    box-shadow: none !important;
    border-radius: 2px !important;
}

.categorieinfo{
	line-height:22px;
	font-size:16px;
	color:#666;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    margin:20px 0 20px !important;
    padding:0px 10px; 
}

.categorieinfo strong{
	color:#222;
}

.categorieinfo i{
    color:#67b07a;
}

.categorieinfo h2{ color:#333; font-weight: 600; font-size:18px; }

.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:300;
    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: 'Roboto Condensed', Helvetica, sans-serif;
}

@media (max-width: 768px) {
    .categorie{
        min-height:145px !important;
    }
    .categorie img {
        width: 65%;
    }
    .categoriesidebar .popular .shop{
        float: left;
        width: 30%;
        height:85px;
        margin: 0 0.5% 0.5% 0 !important;
        overflow: hidden;
        border-radius: 2px;
        box-shadow:0 0 2px rgba(0,0,0,0.2) !important;
        padding:7px 15px;
        background:#fff;
    }
    .topshops{
        padding:15px 0 50px !important; 
    }
}

.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 */

.fullwidth h1{
	margin:15px 0 25px;
	font-weight: 800;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
}

.fullwidth h2{
	margin:25px 0 20px;
	font-weight: 700;
	color:#444;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
}

.fullwidth h3{
    margin:25px 0 15px;
    font-weight: 700;
    color:#555;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
}

.fullwidth {
    padding: 15px 0px 103px 7px;
    font-size: 16px;
    line-height: 28px !important;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
}

.fullwidth i{ 
	color:#005aa9 !important;
	margin:0 5px 0 0;
}

.fullwidth .checklist{ list-style-type: none; padding:0; margin:5px 0; color:#333; }
.fullwidth .checklist li{  padding-left: 1.3em; padding-bottom:15px; }
.fullwidth .checklist li:before {
  content: "\f058"; /* FontAwesome Unicode */
  font-family: 'Font Awesome\ 5 Free';
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.55em; /* same as padding-left set on li */
  font-weight: 900;
  color:#fe9315 !important;
}

.fullwidth .check{ list-style-type: none; padding:0; margin:15px 0 0; }
.fullwidth .check li{  padding-left: 1.3em; padding-bottom:10px; }
.fullwidth .check li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: 'Font Awesome\ 5 Free';
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.55em; /* same as padding-left set on li */
  font-weight: 900;
  font-size:12px;
  color:#005aa9 !important;
}

.fullwidth .ad{ list-style-type: none; padding:0; margin:5px 0; }
.fullwidth .ad li{  padding-left: 1.3em; padding-bottom:10px; }
.fullwidth .ad li:before {
  content: "\f641"; /* FontAwesome Unicode */
  font-family: 'Font Awesome\ 5 Free';
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.55em; /* same as padding-left set on li */
  font-weight: 900;
  color:#005aa9 !important;
}

/*
.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: 'Roboto Condensed', Helvetica, sans-serif;
    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: 500px;
    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: 'Roboto Condensed', Helvetica, sans-serif;
}

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

/*** Homepage ***/

.homepage{
	padding:0 !important;
}

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

@media(max-width: 768px){
   .soldenbanner{
        margin-top:0px;
    } 
}

.homepage .introduction{ margin:20px 0 5px; font-size:18px; font-family: 'Roboto Condensed', Helvetica, sans-serif; color: #555; }

.homepage h2{
    font-size: 20px;
    line-height: 25px;
    padding: 0 0 7px 0;
    margin: 15px 0px 12px 0px !important;
    color: #666;
    font-weight: 400 !important;
    font-family: 'Roboto Condensed', Helvetica, Sans-serif;
}

.themasub{
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    font-size:18px;
    line-height: 25px;
    padding: 0 0 7px 0;
    margin: 5px 0px 30px 0px;
    color: #555;
    font-weight: 500 !important;
}

.homepage .title{
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
    font-size: 20px;
    line-height: 25px;
    padding: 0 10px 7px;
    margin: 45px 0px 15px 0px !important;
    color: #4d4d4d;
    font-weight: 500 !important;
}

.homepage .coupon.special {
	margin: 0 0 15px !important;
	height: 300px !important;
	padding: 20px 0px 0px 0px !important;
	width:95% !important;
}

.coupon .content{ padding:0px 15px; }

.homepage .coupon.special.kortingscode {
	height: 315px !important;
}

.homepage .coupon.special.kortingscode .codespromos{
	margin:3px 0 0 10px;
}

.homepage .coupon.special.kortingscode .codespromos a{
	color:#0000FF;
}

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

.homepage .coupon.special .shopimg{
		padding-right:0px !important;
}

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

.homepage .coupon.special .btn-aanbieding,.homepage  .coupon.special .btn-korting{
        width:95% !important;
    }

.coupon.special .expirydate{
	float:left;
	margin:0 0 5px 15px;
}

.homepage .popular{
    text-align: center;
    width:100%;
    margin:-5px 0 10px;
    padding: 0 !important;
}

.homepage .popular .shop{
    overflow: auto;
    margin: 10px 0 15px;
}

.homepage .popular .shop{
    float: left;
    width: 10%;
    height:85px;
    margin-right: 0.8% !important;
    overflow: hidden;
    border-radius: 0;
    box-shadow:0;
    padding:7px 15px;
    background:#fff;
}

.homepage .popular .shop:first-of-type{
    margin-left: 0;
}


.homepage .popular .shop:hover{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.15) !important;
    text-decoration: none;
}

.homepage .popular .shop .img-shop{
    width: 70px !important;
    height:70px !important;
    margin:0;
    box-shadow: none !important;
    border-radius: 2px !important;
}

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

.exclusiefhomepage{
    text-align: center;
}

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

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


.discoverall{
    border-radius:3px;
    border:1px solid #38a9de;
    color:#38a9de;
    font-weight:600;
    text-decoration: none;
    font-size: 13px;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    padding:7px 13px 6px;
    text-transform: uppercase;
}

.discoverall:hover{
    background:#38a9de;
    color:#fff;
}


/* Mobile Fix */

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

    .homepage h2{
        font-family: 'Roboto Condensed', Helvetica, sans-serif;
        font-size: 19px;
        line-height: 18px;
    }

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

    .homepage .coupon.special.kortingscode {
		height: initial !important;
	}

	.coupon .content{ padding:5px 15px 10px; }

	.coupon.special .img-responsive{
			margin-left:-45px !important;
	}

	.coupon.special .content{ padding:5px 20px 10px 20px !important; }

	.homepage .coupon.special .expirydate{
        margin:-5px 0 5px 0;
    }

    .coupon.special .coupontitle a {
        min-height: initial !important;
        font-weight:600 !important;
        font-size: 17px !important;
        line-height: 19px !important;
        max-height: 62px !important; /* fallback */
        min-height:56px;
        padding: 0 10px 0 0 !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /* number of lines to show */
    }

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

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

    .homepage .popular{
        padding:0 0 0 15px;
    }


    .homepage .popular .shop{
        width: 30%;
        margin: 1%;
    }

}



/* Niet te missen */
.populairstewinkels {
}

.homepagecategory{
    min-height:280px;
}

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

.populairstewinkels h2 {
    font-size: 27px;
    line-height: 29px;
    padding: 0px;
    margin: 0px 0px 35px 0px;
    color: #888;
    font-weight: 300;
	text-align:center;
}

.populairstewinkels h3 {
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    font-size: 20px;
    line-height: 24px;
    padding: 0px;
    margin: 0px 0px 10px -7px;
    color: #2d2d2d;
    font-weight: 300;
}

.populairstewinkels  a {
	font-family: 'Roboto Condensed', Helvetica, 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: 'Roboto Condensed', Helvetica, 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: 'Roboto Condensed', Helvetica, Sans-serif;
    font-size: 15px;
    padding-bottom:80px;
}

.overhome .shop{ padding:0 10px 10px 0; display: inline-block; }
.overhome .shop a{ color:#0000FF; }

.overhome .container {
    padding: 50px 35px 60px;
    color: rgba(0, 0, 0, 0.5);
}

.overhome h3 {
    font-family: 'Roboto Condensed', Helvetica, Sans-serif;
    font-size: 22px;
    line-height: 35px;
    padding: 0px;
    margin: 40px 0px 15px !important;
    color: #2d2d2d;
    font-weight: 400;
}

.overhome .info{
    margin: 0px 0px 20px 0px;
}

/* Footer Signup Form */
.niewsbriefaanmelding {
    padding: 70px 0px 50px;
    overflow: auto;
    width: 100%;
    margin-top: 25px !important;
    border-top:1px solid rgba(0,0,0,0.05);
}

.niewsbriefaanmelding .container {
    width: 100%;
}

.niewsbriefaanmelding .container .title {
    font-size: 22px;
    font-weight:600;
    color: #666;
   font-family: "Vitesse black" !important;
}

#mc_embed_signup_scroll {
    width: 930px;
}

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

.niewsbriefaanmelding input[type="email"] {
    float: left;
    width: 75%;
    border: 1px solid rgba(0,0,0,0.1);
    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: 'Roboto Condensed', Helvetica, sans-serif;
    font-weight: 300;
}

.niewsbriefaanmelding input[type="submit"] {
    float: left;
    width: 25%;
    margin-top: 17px;
    margin-right: 0px;
    height: 50px;
    background: #2885c3;
    border: none;
    background-image: 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: 'Roboto Condensed', Helvetica, sans-serif;
    font-weight: 600;
}

.niewsbriefaanmelding input[type="submit"]:hover {
    background: #2da05b;
    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 {
        padding: 70px 0px 125px;
    }
    .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;
        }
}


/* 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:300 !important;
    color:#0172bc;
}

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


/* 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;
}

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

.page .clear {
    clear: both;
}

.fullwidth span {
}

/********************** 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: 'Roboto Condensed', Helvetica, 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: 'Roboto Condensed', Helvetica, 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: 'Roboto Condensed', Helvetica, 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;
    }
}


/*** Andere Style File ***/

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

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

.caret {
	font-size:10px;
}

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

.modal-footer {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 10px 0;
    text-align: left;
}

.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: 'Roboto Condensed', Helvetica, sans-serif;
    font-size:18px;
    font-weight:300;
}

.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: 'Roboto Condensed', Helvetica, 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: 'Open Sans', Sans-serif !important;
    margin: 15px 0 0 0;
}

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

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

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

/* Ga Naar Website Button */
.gotobutton {
    background: #0a8de9;
    color:#fff;
    text-decoration: none;
    font-size: 13px;
    font-family: 'Open Sans', Sans-serif !important;
    font-weight: 300;
    padding: 15px 20px;
    margin:15px 0 0 0;
    border-radius: 2px;
}

.gotobutton:hover {
    background: #ff7700;
    color:#fff;
    text-decoration: none !important;
}

/* Code Kopieren Button */
.btn-warning {
    background: #ff7700;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-family: 'Roboto Condensed', Helvetica, 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: 'Roboto Condensed', Helvetica, sans-serif;
    font-weight: 300;
}

.formwrap #mc_embed_signup input[type="submit"] {
    float: left;
    width: 35%;
    margin: 0px;
    height: 40px;
    background: #666;
    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: 'Roboto Condensed', Helvetica, 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: 900;
    color: #666;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    text-align: center;
    border-radius: 3px;
    border:none;
    margin:-10px 0 12px 0px !important;
    padding: 15px 0;
}

/* SoldenModal */

#SoldenModal{
    top: 10px !important;
    overflow: hidden;
}

#SoldenModal h3{
    font-weight:700 !important;
    font-size:20px !important;
    margin:5px 0 10px !important;
}

#SoldenModal .formwrap {
    margin-left: 0px !important;
    text-align: left;
}



/* Mobile Fix Codevak */

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

.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: 'Roboto Condensed', Helvetica, 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;
    border-radius: 2px;
    background: #fff url(/wp-content/themes/kortingvandedag-child/img/emailalerts.png) top right no-repeat;
    margin: 10px 0px 25px 7px;
    width:99%;
    border:1px solid rgba(0,0,0,0.07);
}

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

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

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

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

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

.couponsignup .title {
    font-size: 20px;
    color: #505050;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    font-weight: 300;
    line-height: 22px;
    margin:25px 0 10px 0px !important;
}

.couponsignup .title i{
    color: #ff7700;
    background:none;
    border-radius:20px;
    padding:6px 3px 7px 0px;
    font-size:18px;
}

.couponsignup input[type="email"] {
    width: 58%;
    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: 'Roboto Condensed', Helvetica, sans-serif;
    font-weight: 300;
    text-align: left;
    float: left;
}

.couponsignup input[type="submit"] {
    width: 22%;
    margin-top: 10px;
    margin-right: 0px;
    background: #2885c3;
    border: none;
    background-image: none;
    padding: 10px 0px 13px;
    -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: 'Roboto Condensed', Helvetica, sans-serif;
    font-weight: 600;
    float: left;
}

.couponsignup input[type="submit"]:hover {
    background: #22a3d2;
    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;
        margin: 10px 0 0 0;
        width:100%;
    }

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

}

/* Code Popup Couponsignup */

.modal-content .couponsignup{
    margin:0 !important;
    width:100% !important;
}

.coupons.gemist{ margin-top:20px; }

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

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

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

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

.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: rgba(0,0,0,0.6);
    font-size: 12px;
    text-align: left;
    margin-left:0px;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
}

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

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

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

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

.discountbig {
    font-size: 18px;
}


/* Specials */

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

/* Blog */

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

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


.onzetips h2 {
    padding: 0px;
    margin: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    line-height: 17px;
}

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

.onzetips h2 a:hover {
    color: #202020;
    text-decoration: none;
}

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

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

.datecomment {
    font-family: 'Roboto Condensed', Helvetica, 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;
    border:1px solid rgba(0,0,0,0.1);
    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: 'Roboto Condensed', Helvetica, sans-serif;
}
.blog h1{ margin:0px 0px 5px 0px; font-size:33px; font-weight:800; color:#111; }
.blog .featimg{ float:right; margin:0 0 20px 25px;  }
.blog .dateandshare{ padding:10px 0px; margin:0px 0px 25px; }
.blog .date{ font-family: 'Roboto Condensed', Helvetica, sans-serif; font-size:12px; color:#888; margin-top:3px; float:left; }
.blog .facebookshare{ background:#3b5998; color:#fff; font-family: 'Roboto Condensed', Helvetica, sans-serif; float:right; margin-right:5px; border-radius:2px; padding:2px 5px; }
.blog .twittershare{ background:#1da1f2; color:#fff; font-family: 'Roboto Condensed', Helvetica, sans-serif; float:right; border-radius:2px; padding:2px 5px; }
.blog .facebookshare:hover, .blog .twittershare:hover{ opacity:0.8; }
.blog .firstp{ padding: 0 200px 45px 0; font-weight: 600; font-size:16px; color:#000; line-height:27px !important; }
.blog a{ color:#0a8de9; font-weight: 600; text-decoration: underline; }
.blog a:hover{ color:#0f77e2; text-decoration: none; }
.blog p{ font-size:16px; line-height:27px !important; color:#000; }
.blog strong{ font-weight:700; color:#222; }
.blog h2{ font-size:22px; font-family:'Open Sans', sans-serif !important; margin:28px 0px 12px; color:#222 !important; font-weight:700 !important; }
.blog h3{ font-size:20px !important; font-family:'Open Sans', sans-serif !important; margin:24px 0px 12px; color:#333 !important; font-weight:600 !important; }
.blog h4{ font-size:18px !important; font-family:'Open Sans', sans-serif !important; margin:20px 0px 12px; color:#444 !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-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 .firstp{ padding-right: 0; }
.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;
}


.checklist{
    font-size:16px;
    margin:5px 0 25px;
    color:#777;
}


/* 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:'Open Sans', 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: 'Roboto Condensed', Helvetica, sans-serif;
    font-size: 18px;
    border-radius: 2px;
    box-shadow:0px 2px #e9e9ef;
    background: #fff;
    padding: 5px 15px;
}

a.page-numbers {
    font-family: 'Roboto Condensed', Helvetica, 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:300 !important;
  font-size:10px !important;
  padding-top:-2px !important;
}

.reasons li i{
  font-weight:300 !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: 2; /* Sit on top */
  left: 0;
  top: 0;
  background-color: #fff; /* Black fallback color */
  background-color: #fff; /* 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) */
  font-family: 'Roboto Condensed', Helvetica, sans-serif;
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 5%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: left; /* Centered text/links */
  margin-top: 10px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

.overlay-content #webshops li a{ font-size:18px; }
.overlay-content #webshops .ontdek{ font-family: 'Roboto Condensed', Helvetica, sans-serif; padding:0; }

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 25px;
  font-weight: 700;
  color: rgba(0,0,0,0.45);
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #0172bc;
}

.overlay ul{
    list-style-type: none;
    padding:0;
    color:#fff;
    font-size:14px;
    line-height: 15px;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 5px;
  right: 12px;
  font-size: 40px;
  color: rgba(0,0,0,0.3);
}

/* 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: 5px;
    right: 12px;
  }
} 

/*** Nieuwsblad CSS ***/


/* Header */

.header.content{ padding:15px 0 10px 0; }

.page-wrapper{ padding-top: 5px !important; background:#fff; }
.page-header.type1 img{ max-width:100%;max-height:100%;width:auto; margin:18px 10px 20px -20px !important; }
.page-header.type1 .custom-block{ display:none; }
.navigation{ display: block !important; margin: 15px 0 0 5px; }

@media(max-width: 768px){

.page-header{ background:#fff; }
.page-header.type1 .logo img{max-width:100%;max-height:100%;width:auto}

.page-header.type1 .block-search .label{float:right;margin:10px 0;line-height:40px;margin-right:15px}
.page-header.type1 .custom-block{display:none}
}

/* mobile menu */

.nav-toggle:before{color:#f90}
.page-header.type1 .logo:hover{ text-decoration: none; }
.page-header.type1 .logo .retour{ vertical-align: middle !important; background:#f1f3f5; color:rgba(0,0,0,0.45) !important; border-radius: 50px; padding:10px 20px; font-family: "Roboto Condensed", Helvetica, sans-serif !important; font-size:13px; font-weight: 400; }
.page-header.type1 .logo .retour:hover{ color: #002342; }

/* Footer */

.spacing{ 
    width:100%;
    height:140px;
}

.topfooter{ 
    background:#fff; width:100%; padding:35px 0 45px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0; 
    color:#fff;
    margin:50px 0 0 0;
    font-size:14px;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    line-height: 24px;
}

.topfooter a{ color:#7f90a0; }
@media(max-width: 768px){
    .topfooter{ 
        padding:35px 0 60px;
        line-height: 26px;
    }
    .topfooter .logo{ margin:15px 0 0; }
}