@font-face {
    font-family: "bimber";
        src:url("/fonts/bimber.eot");
        src:url("/fonts/bimber.eot?#iefix") format("embedded-opentype"),
        url("/fonts/bimber.woff") format("woff"),
        url("/fonts/bimber.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.theme-default {
    background-color: #FFFFFF;
}

.theme-sky {
    background-color: #01538E
}

.theme-elegance {
    background-color: #D40F51
}

.theme-teddybear {
    background-color: rgba(106, 165, 255, .8);
    background-image: url('/images/categories/algemene-dating-sites.png') !important;
}

.theme-teddybear .content h1.title,
.theme-teddybear .content p.description {
    text-shadow: -1px 1px 10px rgba(12, 65, 167, .65)
}

.theme-teddy50 {
    background-color: rgba(229, 85, 115, .8);
    background-image: url('/images/categories/senior-dating.png') !important;
}

.theme-teddy50 .content h1.title,
.theme-teddybear .content p.description,
.theme-teddy50 .thumbnail img {
    filter: drop-shadow(-1px 1px 10px rgba(176, 43, 71, .65))
}

.theme-compare {
    background-color: #EF1745
}

.theme-playboy {
    background-color: rgba(179, 4, 83, .8);
    background-image: url('/images/categories/affaire-sites.png') !important;
}

.theme-wine {
    background-color: rgba(241, 54, 61, .8);
    background-image: url('/images/categories/casual-dating-sites.png') !important;
}

.theme-sunset {
    background-color: rgba(255, 194, 84, .8);
    background-image: url('/images/categories/dating-voor-mensen-met-beperking.png') !important;
}

.theme-erotic {
    background-color: rgba(255, 1, 0, .8);
    background-image: url('/images/categories/erotische-chat-diensten.png') !important;
}

.theme-informele {
    background-color: rgba(0, 66, 90, .8);
    background-image: url('/images/categories/informeel-flirten-sites.png') !important;
}

.theme-blueromeo {
    background-color: rgba(103, 63, 168, .8);
    background-image: url('/images/categories/gay-dating-sites.png') !important;
}

.theme-grape {
    background-color: rgba(255, 120, 187, .8);
    background-image: url('/images/categories/milf-dating-sites.png') !important;
}

.theme-clover {
    background-color: rgba(206, 226, 178, .8);
    background-image: url('/images/categories/regio-dating-sites.png') !important;
}

.theme-greenaple {
    background-color: rgba(115, 222, 153, .8);
    background-image: url('/images/categories/hogeropgeleiden.png') !important;
}

.theme-darknight {
    background-color: rgba(128, 128, 128, .8);
    background-image: url('/images/categories/sexcontact-sites.png') !important;
}

.theme-ocean {
    background-color: #18ABAA;
    background-image: url('/images/categories/seksueel-actieve-senioren-sites.png') !important;
}

.theme-rainbow {
    background-color: #3971D0;
    background-image: url('/images/categories/shemale-sites.png') !important;
}

.theme-goldbar {
    background-color: #B28928;
    background-image: url('/images/categories/sugar-dating-sites.png') !important;
}

.theme-heart {
    background-color: #E60C14;
    background-image: url('/images/categories/swinger-sites.png') !important;
}

.theme-flirty {
    background-image: -webkit-linear-gradient(315deg, blue, magenta) !important;
    background-image: -moz-linear-gradient(315deg, blue, magenta) !important;
    background-image: -ms-linear-gradient(315deg, blue, magenta) !important;
    background-image: -o-linear-gradient(315deg, blue, magenta) !important;
    background-image: linear-gradient(315deg, blue, magenta) !important;
    background-color: magenta
}

.theme-teachgreen {
    background-image: -webkit-linear-gradient(315deg, #668770, #2a4437) !important;
    background-image: -moz-linear-gradient(315deg, #668770, #2a4437) !important;
    background-image: -ms-linear-gradient(315deg, #668770, #2a4437) !important;
    background-image: -o-linear-gradient(315deg, #668770, #2a4437) !important;
    background-image: linear-gradient(315deg, #668770, #2a4437) !important;
    background-color: #668770
}

.theme-tipadvisor {
    background-image: -webkit-linear-gradient(-189deg, rgba(239, 175, 139, .75), #FBD8C6) !important;
    background-image: -moz-linear-gradient(-189deg, rgba(239, 175, 139, .75), #FBD8C6) !important;
    background-image: -ms-linear-gradient(-189deg, rgba(239, 175, 139, .75), #FBD8C6) !important;
    background-image: -o-linear-gradient(-189deg, rgba(239, 175, 139, .75), #FBD8C6) !important;
    background-image: linear-gradient(-190deg, rgba(239, 175, 139, .75), #FBD8C6) !important;
    background-color: #FBD8C6
}

#header.theme-advisor {
    height: 500px !important;
    background-color: #ffffff !important;
}

.theme-advisor:before {
    height: 180% !important;
    box-shadow: 0 160px 2px 25px #ffffff;
}

.theme-advisor:after {
}

#header.theme-advisor .content {
    padding: 25px 0 0 15px !important;
    max-width: 65%;
    margin-top: 15px;
}

#header.theme-advisor .content h1.title {
    font-weight: 600 !important;
    text-align: left !important;
    text-shadow: none !important;
}

#header.theme-advisor .content p.description {
    font-weight: 400 !important;
    font-size:  16px !important;
    text-align: left;
}

#header .statistics ul li span.title{
    color: white !important;
}

#article .content .details  .alternate-box{
    margin: 0 0 30px
}

#article .content .details  .alternate-box  p{
    margin: auto;
    padding: 2px 5px;
}

#article .content .details .description p img {
    max-width: -webkit-fill-available;
    height: auto;
    margin: 5px auto 5px 5px;
    display: block;
    float: left;
}

/* prijsklasse */
#offers .filter .content ul.prijsklasse {
    display: table;
    table-layout: fixed;
}

#offers .filter .content ul.prijsklasse li {
    position: relative;
    display: table-cell;
    border: 1px solid #D5D5D5;
    text-align: center;
    background: #FFFFFF;
    padding: 0;
    color: #2b273c;
    transition: background-color .4s, border-color .4s, color .4s, clip-path .45s, transform .4s, -webkit-clip-path .45s;
    vertical-align: baseline;
    margin: auto;
}

#offers .filter .content ul.prijsklasse li:not(:first-child) {
    border-left: 0;
}

#offers .filter .content ul.prijsklasse li:hover,
#offers .filter .content ul.prijsklasse li:hover label {
    cursor: pointer;
}

#offers .filter .content ul.prijsklasse li:first-child,
#offers .filter .content ul.prijsklasse li:first-child span.description {
    border-radius: 25px 0 0 25px;
}

#offers .filter .content ul.prijsklasse li:last-child,
#offers .filter .content ul.prijsklasse li:last-child span.description {
    border-radius: 0 25px 25px 0
}

#offers .filter .content ul.prijsklasse li span.description {
    background: #FFFFFF;
    padding: 6px 12px;
}

#offers .filter .content ul.prijsklasse li input[type=checkbox] {
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}

#offers .filter .content ul.prijsklasse li input[type=checkbox]:checked ~ span.description {
    background: #0072BB;
}

#offers .filter .content ul.prijsklasse li input[type=checkbox]:checked ~ span.description label {
    color: #FFFFFF !important;
}

#header .content:after{
    content: "";
    background-image: url(/images/content/heart-line.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: auto;
    height: 55px;
    max-width: 100%;
    display: block;
    margin: 15px auto -15px;
    filter: invert(1) grayscale(1) brightness(2.5);
}
#header.theme-advisor .content:after{
    display: none
}

#icons-below-hp{
    background:white;
    height: 75px;
    border-left:0!important;
    border-right:0!important;
    padding-left:0px;
    padding-right:0px;
    padding-top: 5px;
}

#icons-below-hp .col-lg-4{
    list-style-type: none;
    display: inline-block;
    margin: 8px 0 6px;
    text-align: center;
    padding: 0% 6%;
}

.img-up-to-date:before, .img-onafhankelijk:before, .img-veilig:before{
    content:"";
    border:none;
    display:inline-block;
    margin-right:8px;
    vertical-align:middle;
    background:url(/images/content/dso-search-icons.jpg);
    background-repeat: no-repeat;
    height: 48px;
    width: 48px;
    display: block;
}

.img-up-to-date, .img-onafhankelijk, .img-veilig{
    width:100%;
    height:48px;
    display: flex;
    align-items: center;
}
.img-up-to-date:before{    
    background-position: 1px 0px;
}

.img-onafhankelijk:before{
    background-position: -48px 0;
    width: 54px;
}

.img-veilig:before{
    background-position: -100px 0;
}

#plek-1{width:35px;height:49px;background:url(/images/content/top-3-datingsites.png) 0px 0px;}
#plek-2{width:35px;height:49px;background:url(/images/content/top-3-datingsites.png) -35px 0px;}
#plek-3{width:35px;height:49px;background:url(/images/content/top-3-datingsites.png) 35px 0px;}

/* features icon */
#offers .card .features .item .icon {
    filter: invert(22%) sepia(98%) saturate(1798%) hue-rotate(205deg) brightness(70%) contrast(103%);
    width: 36px;
    height: auto;
}

/* page */
#content:before {
    content: "";
    background-image: url('/images/content/favicon.svg');
    background-repeat: no-repeat;
    background-position: top right -107px;
    background-size: contain;
    width: 30vw;
    height: 30vw;
    display: block;
    position: absolute;
    right: 0;
    opacity: 0.35;
}

/* review */
#review .comments .review .strengths ul {
    width: 100%;
}

#review .comments .review .comment span.upvote,
#review .comments .review .comment span.downvote {
    position: relative;
    display: inline-block;
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 500;
    padding: 2px 10px 2px 35px;
    background-color: #F2F2F8;
    border-radius: 12px 4px 4px 12px;
}

#review .comments .review .comment span.upvote {
    color: #00A698;
}

#review .comments .review .comment span.downvote {
    color: #EF1745;
}

#review .content h3, #review .content h2{
    margin-bottom: 5px;
}

#review .comments .review .comment span.upvote:before,
#review .comments .review .comment span.downvote:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: -2px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: center 3px;
    width: 23px;
    height: 23px;
    margin: 0 5px 0 0;
    border-radius: 50%;
    padding: 3px;
    vertical-align: middle;
}

#review .comments .review .comment span.upvote:before {
    background-image: url('/images/icons/thumb-up-green.svg');
    color: #00A698 !important;
    border: 1px solid #00A698;
}

#review .comments .review .comment span.downvote:before {
    background-image: url('/images/icons/thumb-down-red.svg');
    color: #EF1745 !important;
    border: 1px solid #EF1745;
}

#review .comments .review .strengths ul li.pro,
#review .comments .review .strengths ul li.con {
    display: block;
    margin: 0 0 10px !important;
    padding: 15px;
    color: #333333;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0;
    background: #F6F6F6;
}

#review .comments .review .strengths ul li.con {
    border-left: 8px solid #EF1745;
}

#review .comments .review .strengths ul li.pro {
    border-left: 8px solid #00A698;
}

.btn-subject {
    color: #FFFFFF;
    font-weight: 300;
    background-color: #FF006E;
}
.btn-subject:before{
    background-image: url(/images/icons/arrow-right.svg);
    background-repeat: no-repeat;
    padding: 0 32px 0 6px;
    background-size: 14px 18px;
    background-position: center right 7.5px;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 35%);
}
.btn-subject:before:hover{
    -webkit-animation: horizontal 3s ease infinite;
    animation: horizontal 3s ease infinite;
}

#top-offers .container .card .ribbon img {
    filter: unset !important;
}

#navigation .logo a img svg {
    height: 48px;
    stroke-width: 137pt;
    stroke: #FFFFFF;
}

#header .content h1.title {
    color: #fff!important;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700!important;
    letter-spacing: -0.2px;
    text-align: center!important;
    word-spacing: -2px;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.9)!important;
}

#header .content h1.title span {
    font-weight: 600 !important;
    margin: 0 5px;
    font-size: 48px;
}

#header.theme-informele {
    background-image: linear-gradient(145deg, #ffffff, #ffffff) !important;
}

#header.theme-informele:before {
    background-image: url('/images/themes/informele-flirt-sites.jpg') !important;
    background-repeat: no-repeat;
    border-bottom-right-radius: 32%;
    background-size: cover;
    height: 100% !important;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}

#header.theme-informele .thumbnail img {
    margin: -50px auto auto;
    width: 95%;
    z-index: 1;
    opacity: 0;
}

#header .content p.description {
      color: #ffffff;
      text-align: center;
      font-size: 20px;
      font-family: 'Roboto', sans-serif;
}

.btn-subject.btn-large {
    padding: 0 46px 0 14px !important;
    background-size: 18px 20px, cover !important;
}

#top-offers .last-updated {
    margin-top: -65px;
}

#top-offers .container .card .ribbon {
    position: absolute;
    display: block;
    width: 68%;
    margin: 0 0 0 -12.5px;
    padding: 0 0 0 0px;
    left: 0;
    color: #ffffff !important;
    font-size: 0.85rem;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #8338EC !important;
    letter-spacing: -0.75px;
    text-align: center;
    line-height: 1.95;
    border-radius: 0;
    border-top: solid 1px #8B44EE;
    border-bottom: solid 1px #3E0C83;
    vertical-align: top;
    z-index: 1;
    top: -10px;
    height: 28px;
    box-shadow: 0 -10px 6px -4px rgb(227 227 229 / 40%);
}

#top-offers .container .card .ribbon:before{
    content:"";
    left: 0px;
    border-color: #3e0c83 transparent;
    border-style: solid;
    border-width: 10px 0 0px 12.5px;
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 27px;
}

#top-offers .container .card .ribbon img {
    position: absolute;
    width: auto !important;
    height: 30px;
    top: 5px;
    left: 6px;
    padding: 4px;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 2px 2px 2px rgba(250, 179, 156, .36);
}

#top-offers .container .card .grade {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 72px;
    height: 63px;
    background: url('/images/icons/label-score.svg') top right no-repeat;
    background-size: contain;
    text-align: right;
    padding: 8px 8px 0 0;
    font-size: 19px;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 0 3px 0 0;
    z-index: 1;
}

#header:before {
    position: absolute;
    content: "";
    width: 150%;
    height: 100% !important;
    bottom: -1px;
    background: linear-gradient(45deg, rgba(30,30,30, .8), transparent);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom;
    background-size: cover;
    z-index: -1;
}

#header.theme-default:after, #header.theme-default:before{
    display: none   
}

#sitemap {
    background: #e9ebf3;
}

#review .features {
    background: #dbf1ff;
    border: 1px solid #a8deff;
}

#banner {
    background: linear-gradient(271deg, rgb(0 0 0 / 20%), rgb(73 73 73 / 75%)) !important;
    padding: 20px 0;
}

#banner:before {
    content: "";
    background-image: url(/images/themes/header-bg-datingsites-ontmaskerd.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 150px;
    position: absolute;
    top: 56px;
    opacity: .7;
    z-index: -1;
}

#review .content .thumbnail img, #offers .card .container .thumbnail img {
    width: 100%;
object-position: center;padding: 56px 0 0 0;margin: 0 0 -8px;}

#review .content .thumbnail .thumbheader, #offers .card .container .thumbnail .thumbheader{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 60px;
    background: #f3f3f3;
    background-position: 50% 25%;
    overflow: hidden;
    background-size: contain;
}
#review .content .thumbnail .thumbheader img{
    width: 19px !important;
    max-height: 19px !important;
    position: absolute;
    top: 17.5px;
    left: 9%;
    transform: none;
    filter: unset;
    border-radius: 50%;
padding: 0;}

#review .content .thumbnail .thumbheader span{
   position: absolute;
    left: 12.5%;
    line-height: 3.5;
    font-size: 15.5px;
    color: #767676; 
height: 60px;vertical-align: middle;}

#review .content .thumbnail .thumbheader span b{color: black}

#review .content .thumbnail .thumbheader:after, #offers .card .container .thumbnail .thumbheader:after{
        content: "";
    background-image: url(/images/content/top-bar-long.svg);
    background-repeat: no-repeat;
    background-position: top left 5px;
    background-size: contain;
    width: auto;
    display: block;
    height: 60px;
}

#navigation .logo a img svg {
    height: 48px;
    stroke-width: 137pt;
    stroke: #FFFFFF;
}

#navigation:not(.active):not(.scrolled) .logo a:before {
    content: "";
    background-image: url('/images/content/logo-svg-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 49px;
    height: 48px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    filter: invert(.75) opacity(0.34);
    opacity: 0;
}

#navigation .wrapper {
    padding: 0 8px 0 0;
}

#navigation .menu ul li ul li {
    padding: 10px 0 10px 5px !important;
}

#navigation .menu ul li ul li a span.title {
    color: #013d65;
    margin: 0 0 5px 34px;
}

#navigation.scrolled .logo a:before {
    display: none;
}

#navigation .logo a img {
    display: block;
    width: auto !important;
    height: 48px;
    margin: 0;
    filter: none !important;
}

#navigation.active .logo a img,
#navigation.scrolled .logo a img {
    filter: none !important;
}

#offers .card .container .thumbnail .brand {
    display: none;
}

#navigation .menu ul li ul li a {
    padding: 10px 10px;
    background: #F5F4F4;
    margin: -3px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#navigation .menu ul li ul li a:hover {
    transform: scale(1.025)
}

#navigation .menu ul li ul li a img {
    filter: invert(26%) sepia(92%) saturate(1662%) hue-rotate(182deg) brightness(56%) contrast(103%);
}

#navigation .menu ul li ul {
    outline: solid 35px transparent;
    padding: 0 15px 15px;
    border-top: 17px solid transparent;
}

@media (min-width: 1025px) {
    #navigation .menu ul li ul {
        top: 40px;
    }
}

#navigation .menu ul li ul:before {
    top: -45px;
}

#navigation .menu ul li {
    height: 46px;
    line-height: 46px;
    margin-top: 2px;
}

@media (min-width: 0px) and (max-width: 480px) {
    #navigation .menu ul li {
        height: 46px;
        line-height: 56px;
        margin-top: 2px;
    }
}

#navigation{
    background-color: #FFFFFF
}

#navigation .menu ul li a,
#navigation .menu ul li button {
    height: 46px;
    padding: 0 8px;
}

#navigation .menu ul li a img {
    width: 18px;
    height: auto;
    margin: 14px 0 0;
}

#offers .filter .content ul li {
    margin: 8px 0 8px;
}

#offers .card .container .details span.title[data-position="1"]::after {
    background-color: #0363a7;
    border-radius: 0;
    margin: 0 0 0 12px;
}

#header .content button.compare {
    background: #fd1d6d;
    z-index: 2;
}

#header .content button.compare:hover {
    background-color: #03538c !important;
}

#header .content button.recommend {
    z-index: 2
}

#header .content button.compare:hover {
    background: #ee1118;
}

#offers .card .container .details p.description a.reviews {
    color: #0363a7;
    font-weight: 400;
    text-decoration: underline;
}

#header {
    background-color: #ffffff !important;
    min-height: 420px;
}

#header .btn-box{
    display: block;
    margin: auto;
    max-width: fit-content;
}

#header{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

#header.theme-advisor .wrapper{
    min-height: 440px;
    background-position: right;
    max-width: 1200px !important;
}

#home .reviews {
    border: 0;
    background-color: #FFFFFF;
    padding-bottom: 50px;
}

#top-offers .categories, #home .articles {
    padding-top: 30px;
    background-color: #f5f6fa;
    margin: 0;
}

#top-offers .categories .wrapper{margin-top: -30px;}

#top-offers .categories h2{
    font-size: 30px;
    font-weight: 400;
    text-align: center;    
}

#top-offers .categories ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    list-style: none;
    padding-inline: 0;
    border-spacing: 5px;
    padding: 20px 0 0;
}

#top-offers .categories li {
    display: inline-block;
    background-color: #FFFFFF;
    border: solid #e5e5e5 1px;
    padding: 5px;
    height: 200px;
    width: calc(19% - 5px);
    margin: 0 8px 20px;
    vertical-align: top;
    background-image: url(/images/categories/thumbnails/dating-apps.jpg);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-size: cover;
    position: relative
}

#top-offers .categories li a:before{
    content: "";
    background-image:  linear-gradient(to top, rgb(43 40 40 / 80%), rgb(0 0 0 / .15));
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#top-offers .categories li:hover a:before{
    content: "";
    background: rgb(255 255 255 / 50%);
}

#top-offers .categories li:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
}

#top-offers .categories li a {
    display: block;
    overflow: visible;
}

#top-offers .categories li .icon {
    content: "";
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    top: 25px;
    margin: 0 auto 5px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-size: cover;
    filter: invert(1.2) drop-shadow(2px 4px 6px rgba(0,0,0, .5));
    transform: scale(1.2);
}

#top-offers .categories li:hover .icon{
    filter: invert(24%) sepia(99%) saturate(4264%) hue-rotate(328deg) brightness(107%) contrast(98%) drop-shadow(-10px 10px 15px #FFFFFF);
}

.icon.theme-algemene-dating{
    background-position: 0 0;
    object-position: 0 2px;
    max-width: 100px;
}

.icon.theme-chats{
    background-position: -104px 0px;
    object-position: -36px 2px;
}

.icon.theme-dating-apps{
    background-position: -205px 0px;
    object-position: -72px 1px;
    max-width: 90px;
}

.icon.theme-gay-dating{
    background-position: -404px 0px;
    object-position: -145px 1px;
}

.icon.theme-gratis-dating{
    background-position: -300px 0px;
    object-position: -107px 1px;
}

.icon.theme-hoger-opgeleiden{
    background-position: -500px 0px;
    object-position: -178px 1px;
    max-width: 90px;
}

.icon.theme-nichedating{
    background-position: -584px 0px;
    max-width: 80px;
}

.icon.theme-senioren{
    background-position: -666px 0px;
    max-width: 86px;
}

.icon.theme-sexdating{
    background-position: -758px 0px;
    max-width: 96px;
}

.icon.theme-vreemdgaan-sites{
    background-position: -860px 0px;
    max-width: 92px;
}

.icon.theme-lgbt-dating{
    background-position: -955px 0px;
    width: 120px !important;
    max-width: 120px;
}

.icon.theme-social-media{
    background-position: -1166px 0px;
    width: 108px !important;
    max-width: 120px;    
}

.icon.theme-bdsm-dating{
    background-position: -1280px 0px;
    width: 120px !important;
    max-width: 120px;    
}

.icon.theme-shemales-dating{
    background-position: -1074px 0px;
    max-width: 90px;    
}

#sitemap ul.menu li a img.category.icon.theme-bdsm-dating{
    object-position: -408px 0px;max-width: 48px !important;width: 44px !important;padding: 3px;margin-right: 5px;
}

#top-offers .categories li .icon img {
    display: block;
    margin: 50px auto;
    width: 50px;
    vertical-align: middle;
    filter: invert(1) brightness(7.5) drop-shadow(-1px 1px 15px black);
}

#top-offers .categories li span.description {
    display: block;
    width: auto !important;
    margin: 3px -5px;
    font-size: 14px;
    position: relative;
    top: 35px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    text-decoration: underline;
}

#home .articles .btn-secondary {
    background-color: #f5f6fa;
}

#top-offers .btn-secondary{
    background-color: #ffffff;
    border: solid 1px #DDDDDD;
}

#top-offers .btn-secondary:hover{
    color: #fd1d6d;
    border: solid 1px #fd1d6d;
}

#home .reviews span.description, #home .compare .description {
    display: block;
    margin: 0 auto;
    max-width: 975px;
    text-align: center;
    font-size: 16px;
    color: #2D2D2D;
    line-height: 24px;
    font-weight: 300;
}

#home .reviews ul span.description {
    line-height: 17px;
    width: 100%;
}

.alternate-box{
    display: inline-block;
    white-space: nowrap;
}

.alternate-box .col-lg-4{
    margin: 0 1.5%;
    overflow: hidden;
    border: solid 1px #EEE;
    width: 30%;
}

.alternate-box span.score{
    float: right;
    width: 30%;
    font-size: 20px;
    line-height: 2.6;
font-weight: 500;}

#article .alternate-box span.score{
    float: right;
    max-width: max-content;
    padding: 5px 10px 0 0;
}

.alternate-box p:nth-of-type(1){
    height: 50px;
    max-width: 60%;
    float: left;
margin: 4px 0 5px !important;}

.alternate-box p img:nth-of-type(1){
    max-width: 80%;
    max-height: 55px;
    width: auto;
    object-fit: contain;margin: auto;
    padding: 0;display: list-item;
}

.alternate-box ul{
    list-style: none;
    display: table;
    width: 100%;
    padding: 0;
}

.alternate-box ul li{
    width: 100%;
    text-align: center;
    padding: 5px 0;
    border-top: solid 1px #eeeeee;
}

#review .content .details tr td{
        padding: 8px;
}

#review .content .details tr:nth-of-type(odd) td {
    border-bottom: 1px solid #d8dbe5;
    border-top: 1px solid #d8dbe5;
    background-color: #f9f9f9;
}

.out-content{
    background-color: #e9ebf3;
    padding: 28px 16px;
    position: relative;
    margin: 20px 0 0;
}



.out-content:hover{
    background-color: #fff2f2;
}    

.ctaText{
    color: #fd1d6d;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}

.ctaButton{
    background-color: #d8dbe5;
    color: #fd1d6d;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    width: 80px;
    min-height: 80px;
    position: absolute;
    right: 0;
    top: 0;
}
.out-content:hover .ctaButton{
     background-color: #fd1d6d;
}

.ctaButton .fa{
    color: white;
    font-size: 48px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    height: 78px;
    text-align: center;
    width: 80px;
}

.postTitle{
    color: #000000;
}

.how-we-rank .card{
    background-color: #FFFFFF;
    margin: 10px;
    border: solid 1px #DDDDDD;
    padding: 15px 20px;
    text-align: justify;
}
.how-we-rank .card img{
    margin: 0 auto -20px;
    display: block;
    width: 60%;
    height: auto;
}

.how-we-rank{
    padding: 25px 25px 50px
}

.how-we-rank .wrapper .col-lg-4{
    width: 33%;
}

.how-we-rank .card h3{
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    border-bottom: solid 1px #DDDDDD;
    padding-bottom: 10px;
    line-height: 2;
}
.how-it-works{
    background-color: #FFFFFF;
    padding: 15px 0 45px;
    margin-bottom: 35px;
    box-shadow: -10px 0px 20px 2px #b2b3b7, 0 20px 20px -14px #b2b3b7;
}
.how-it-works img{
    display: block;
    margin: auto;
}
.how-it-works span{
    display: block;
    text-align: center;
    padding: 20px 0;
    font-size: 20px;
}
.how-it-works h2{
    font-size: 30px;
    font-weight: 400;
    text-align: center
}
.subscribe{
    margin: 0;
    padding: 35px 20px;
    position: relative;
    background: linear-gradient(to bottom,#f6f7fb 0%,#fff 100%);
}

.subscribe .wrapper{
    width: calc(50% - ( 0.75027056277056 * 30px ) );
    margin: 50px auto;
}

.subscribe h3{
        text-transform: none;
    font-size: 26px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 20px !important;
    text-align: center;
    border-bottom: 1px solid #d8dbe5;
    padding-bottom: 12px;
    max-width: 610px;
    margin: 0 auto;
}
 input.tnp-email {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 10px;
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #ffffff;
    color: #444;
    font-size: 14px;
}
 input.tnp-submit {
    width: 100%;
    padding: 10px;
    display: inline-block;
    border: 1px;
    border-color: #ddd;
    background-color: #444;
    background-image: none;
    text-shadow: none;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    border-radius: 0px;
    box-sizing: border-box;
    height: auto;
    margin: 0;
}

.alternate-box ul li .btn-subject{margin: -5px 0;width: 100%;display: block;padding: 10px 15px 10px 0;}
    #top-offers .categories li span.description{
        background-color: #ff035d;
        max-width: fit-content;
        padding: 5px 12px;
        margin: auto;
        border-radius: 15px;
        text-decoration: none;
    }
    #top-offers .categories li span.description:before{
        content: "# ";
    } 
@media (min-width: 1680px) {

}


@media (min-width: 1280px) {
    #header{
        background-size: cover;
    }
    
    #header.theme-advisor{
        background-size: cover;
    }

    #navigation{
        background-color: #FFFFFF
    ;box-shadow: 1px 1px 4px rgba(0,0,0,0.15);}

    #offers.categories .card .container .position {
        top: 141px;
        left: 228px;
        width: 78px;
        height: 48.5px;
        font-size: 32px;
        line-height: 1.5;
        background-color: rgba(241, 54, 61, .8);
    }

    #top-offers .container .card .details .btn-subject {
        max-width: 95%;
    }

    #top-offers .container .card .details .btn-subject:hover, #offers .btn-subject:hover {
        transition: color .1s ease-in-out,background-color .1s ease-in-out
    }

    #offers .card .features {
        background: #ffffff;
        border-top: solid 1px #e5e5e5;
        padding: 12px;
    }

    #offers .card .container .options .grade .score {
        margin-bottom: 15px;
    }

    #offers .card .container .details p.description {
        line-height: 25px;
        padding-right: 25px;
    }

    #offers .card .features .item .details span.name {
        font-size: 14px;
    }

    #offers .card .container .details span.title, #offers .card .container .options .grade span.title {
        color: #000000;
    }

    #offers .card .container.category .thumbnail img {

    padding: 5px 0 15px;}
    #offers .card .container.category .thumbnail .btn-compare.active img{background-image: url(/images/icons/check-mark.svg);z-index: 9;background-size: contain;}
    #offers .card .container.category .thumbnail .btn-compare{height: 40px;bottom: 0;font-size: 17px;line-height: 40px;color: #747474;}
    #offers .card .container.category .thumbnail .btn-compare img{padding: 0;bottom: 4px;left: -10px;width: 22px;height: 22px;opacity: .6;margin-left: -20px;}
    #offers .card .container .options .grade .score span.amount, #offers .card .container .options .grade .score .tooltip .item .score span {
        background-color: #252530;
    }

    #header .content {
        padding: 25px !important;
        margin-top: 35px;
        border-radius: 5px;
        z-index: 2;
        position: relative;
    }

    #header .thumbnail img {
        filter: drop-shadow(20px 20px 30px rgba(217, 42, 64, .5)) !important;
    }

    #header.theme-advisor .thumbnail img {
        filter: unset !important;
        width: 100%;
    }

    #header.theme-wine .content h1.title:before {
        bottom: -60px;
        left: -15px;
    }

    #navigation .search input[type=text]::placeholder {
        color: #252530;
    }

    #navigation .search input:hover, #navigation .search input {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    #navigation .search input:hover, #navigation .search input:active {
        background: rgba(255, 255, 255, 0.65);
    }

    #navigation .logo a {
        filter: drop-shadow(1px -1px 26px rgba(255, 255, 255, .4));
    }

    #header .content p.description, #header .content h1.title{
        text-shadow: 1px 1px 4px rgba(0,0,0,0.9);font-weight: 400;}
}

@media (min-width: 761px) and (max-width: 1024px){
    .img-onafhankelijk:before{
        width: 60px;
        padding: 0 2%;
        max-width: 46px;
    }
    #top-offers .categories li{
        width: calc(31.5% - 5px);
    }

    #top-offers .categories li span.description{

    }
}

@media (min-width: 481px) and (max-width: 760px){
    #icons-below-hp .col-lg-4{
        padding: 0;
    }
    .img-up-to-date, .img-onafhankelijk, .img-veilig{
        font-size: 14px;
        padding-left: 18%;
        padding-right: 5%;
    }
    .img-up-to-date:before, .img-onafhankelijk:before, .img-veilig:before{
        margin-right: 4px;
        margin-left: -10px;
    }
    .img-onafhankelijk:before{
        background-position: -48px 0;
        min-width: 52px;
        max-width: 52px;
    }
    #top-offers{
        margin: 70px 0 50px;
    }
    #top-offers .categories li{
        width: calc(47.5% - 5px);
    }
    .how-we-rank .wrapper .col-lg-4{
        width: 100%
    }
}

/* top offers grade */
@media (min-width: 0px) and (max-width: 480px) {
    #top-offers .container .card .grade {
        display: block;
        background: #FFFFFF;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        padding: 4px 1px 0 0;
        font-size: 16px;
        text-align: center;
        top: 35px;
        left: 5px;
        color: #fa5931;
        right: unset;
        border: 1px solid #DDDDDD;
    }

    #top-offers .container .card .grade:after {
        content: 'score';
        display: block;
        font-size: 9px;
        line-height: 0;
        color: #777777;
        font-weight: 200;
    }

    #navigation .logo a:before {
        display: none !important;
    }

    #top-offers {
        margin: 15px 0 25px !important;
    }

    #top-offers .last-updated {
        margin: -50px auto 0 0;
        float: left;
        background: rgba(0,0,0, .25);
        padding: 1px 8px 1px 5px;
    }

    #top-offers .last-updated span.title, #top-offers .last-updated span.title strong{
        color: #FFFFFF
    }

    #top-offers .last-updated span.title:before{
        filter: invert(1);}

    #top-offers .container .card .ribbon {
        max-width: 200px;
        font-size: 14px;
        width: 50%;
        top: -35px;
        height: 35px;
    }

    #top-offers .container .card .ribbon img {
        left: 7px;
        top: 0;
    }

    #header {
        height: auto !important;
        padding: 56px 0 0;
    background-position: bottom center;background-size: cover;}

    #header:before {
        background-position: top left 0;
        height: 100% !important;
        border-radius: 0 !important;
    }

    #header .content p.description {
        font-size: 15px;
        z-index: 2;
        color: #FFF;
        width: 100%;
        margin: 10px 0 15px;
    }
    
    #header .content:after{
        
    margin: 15px auto 40px;}
    
    #header.theme-playboy .content p.description, #header.theme-informele .content p.description {
        width: 100%;
        padding: 0
    }

    #header.theme-teddybear .content p.description {
        text-shadow: -1px 1px 15px rgba(21, 47, 78, 0.35) !important;
        filter: none;
    }

    #header.theme-advisor .content p.description {
        font-size: 14px !important;
    }
    #icons-below-hp{
        height: 110px
    }

    #header .content button{
        font-size: 18px;
        width: auto
    }
    #header .content button.recommend{
        padding-right: 35px;
        padding-right: 15px;
    }

    #icons-below-hp .col-lg-4{
        width: 33%;
    }

    .img-up-to-date, .img-onafhankelijk, .img-veilig{
        display: list-item;
        margin: auto;
        font-size: 12px;
    }

    .img-up-to-date:before, .img-onafhankelijk:before, .img-veilig:before{
        margin: auto;
        width: 48px;
    }

    #top-offers .container .card .thumbnail img {
        max-width: 130px;
        max-height: 80px;
    }

    #top-offers .container .card:first-child .thumbnail {
        margin: 15px auto 5px;
        
    }

    #top-offers .container .card .thumbnail{
        position: relative;top: -10px;
    margin: 15px auto 5px;}

    #top-offers .container .card .rating{
        
    left: -20px;}
    
    #top-offers .container .card .thumbnail:after{
        content:"";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        background-color: #eaeaea;
    }

    #top-offers .container .card:first-of-type .grade, #top-offers .container .card .grade {
        top: 130px;
        left: 37%;
    }

    #header.theme-informele .thumbnail img {
        right: -30vw;
        margin-top: -20rem;
        position: relative;
        z-index: 1;
        top: -50px;
    }

    #header.theme-teddy50 .thumbnail img {
        margin: -350px auto 0;
        width: 75% !important;
        right: -55px;
    }

    .btn-subject {
        background-size: 18px 20px !important;
        background-position: center right 7px !important;
    }

    #top-offers .container .card{
        min-height: 195px
    }

    #top-offers .container .card .details .btn-subject {
        padding: 0 32px 0 12px;
        margin: auto auto 0 auto;
        max-width: 165px;
    }

    #top-offers .container .card .details {
        margin: 15px 0 0;
    }

    #top-offers .container .card .details p.description{
        min-height: 70px;
        font-size: 13px;
    }

    #offers .card .container .thumbnail .brand {
        display: none;
    }

    #offers .card .container .thumbnail img {
        max-width: 100%;
    }

    #navigation .logo a img {
        margin-top: 0;
        height: 41px;
    }

    #top-offers .container .card .details .btn-subject {
        max-width: 170px;
        background-size: 17px 20px, cover !important;
        line-height: 2;}

    #header .content h1.title {
        font-size: 23px;
    }

    #top-offers .container .card .details a.reviews{
        font-size: 12.5px;
    }

    #top-offers .categories li {
        display: inline-table;
        margin-bottom: 15px;
        width: 100%;
    }

    #top-offers .categories li .icon {
        width: 100%;
        min-height: 50px;
        padding: 5px;
        max-width: 98px;
        margin: 20% auto 0;
    }

    #top-offers .categories li span.description{
        font-size: 19px;
        color: #FFFFFF;
        background-color: rgba(0,0,0, .5);
        max-width: 100%;
        margin: auto 0 0;
        padding: 8px;
        position: absolute;
        bottom: 10px;
        top: auto;
        left: 10px;
        right: 10px;
    }

    .subscribe{
        width: 100% !important
    }

    .how-we-rank .card{
        margin: 10px 0 !important
    }

    .how-we-rank .card h3{
        line-height: 1.35 !important
    }

    .icon.theme-hoger-opgeleiden, .icon.theme-senioren, .icon.theme-gay-dating{
        max-width: 94px !important;
    }
    .icon.theme-nichedating{
        max-width: 80px !important;
    }

    #top-offers .categories li img {
        margin: auto;
        width: 50px;
    }

    #home .reviews ul span.description {
        width: 100%;
        margin: auto;
    }

    #top-offers .categories li .description span {
        font-size: 15px;
        font-weight: 400;
        text-align: left;
    }

    #home .reviews h2.title, #home .categories h2.title {
        text-align: center;
    }

    #header.theme-advisor {
        height: auto !important;
    }

    #header.theme-advisor .content {
        max-width: 100%;
        margin: 10px;
    }

    #header.theme-advisor .content .description {
        color: #FFFFFF !important;
        max-width: 100% !important;
        padding: 0;
        font-size: 15px !important;
    }
    .alternate-box .col-lg-4{
        width: 100%
    }
    .alternate-box .col-lg-4 img{
        width: 100%
    }
    #top-offers .categories li{
        width: calc(95% - - 20px);
        background-size: 95%;
        background-repeat: no-repeat;
        background-position: center;
        height: 78vw;
    } 
    .how-we-rank .wrapper .col-lg-4{
        width: 100% !important
    }   
}
@media (min-width: 0px) and (max-width: 390px) {
    #top-offers .container .card .details p.description{
        
    font-size: 12.5px;word-spacing: 0;letter-spacing: -0.1px;}
}
    
@media (min-width: 0px) and (max-width: 320px) {
    #top-offers .container .card .grade,
    #top-offers .container .card:first-of-type .grade {
        top: 5px;
        right: 5px;
        left: unset;
    }

    #header .content h1.title {
        font-size: 21px
    }
}

h1, h2, h3, h4, h5, h6 {
    color: #333333 !important;
    font-weight: 600;
}

#banner .details h1 {
    color: #FFFFFF !important;
}

#banner.review-banner .details h1:before{
    background-image: url(/images/icons/quotation-marks-white.svg);
}

@keyframes horizontal{
    0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
    6%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}
    12%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
    18%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}
    24%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
    30%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}
    100%,36%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
}

#content .wrapper #articles.discounts .card{
    display: list-item;
}

#content .wrapper #articles.discounts .card p{
    font-size: 14px;
}

#content .wrapper #articles.discounts .card .thumbnail{
    height: auto;
    width: 100%;
    display: block;
    padding: 10px;
    background-color: #04ca5e12;
    border: dashed 1px #DDD;
}

#content .wrapper #articles.discounts .card .thumbnail img{
    height: auto
}

#content .wrapper #articles .card h3{
    min-width: 100%;
    position: relative;
    margin-block-end: unset;
    margin-block-start: unset;
}

.update-melding {
    padding: 6px;
    margin: 6px;
    font-size: 13px;
    border: solid 1px red;
    background: #ff000021;
}
.entry-flag:before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -0.5em;
    text-align: center;
    font-size: 24px;
    line-height: 1;
    font-family: bimber;
    font-weight: 400;
    content: "";
}

.entry-flag-hot:before {
    content: "\e01c" !important;
}

.entry-flag{
    border-color: #FF035D;
    background-color: #FF035D;
    position: absolute;color: #fff;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 40px;
    text-align: center;
    margin-top: -35px;
    left: 15px;
    border-style: solid;
    border-radius: 50%;
    display: inline-block;
}
a.entry-flag{    
    transition: all .3s ease-in-out;
    pointer-events: auto;
}
a.entry-flag:hover {
    margin-top: -42.5px;
}

a.entry-flag:hover:after {
    content:"";    
    background-color: #FFFFFF;
    color: #FF035D;
    font-size: 15px;
    padding: 1px 6px;
    line-height: 1.2;
    border: solid 1px;
    width: max-content;
    position: absolute;
    top: 40px;
    left: -15px;
    text-align: center;
    -webkit-animation: label 1s ease  alternate;
    -moz-animation: label 1s ease  alternate;
    animation: label 1s ease  alternate;
}

a.entry-flag-hot:hover:after {
    content:"top pick";
}

a.entry-flag-trend:hover:after {
    content:"trending";
}

@keyframes label {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

#review .content .details p{
    margin: 0 0 30px;
}