.category-description { text-align: center; font-size: 14px;line-height:24px;padding: 20px; max-width: 760px; background: #1d1d1d; 
	margin: 0 auto; margin-top: 20px; margin-bottom: 30px;border-radius:4px;}
.category-description p { margin-bottom:0;}

.column h2 {font-family: 'DINCond-BoldAlternate',Arial; font-size: 24px; padding-top: 5px; color: #fff; margin-bottom: 10px;
    text-align: center; position:relative;}
.column h2::after { padding-left: 12px; content: " "; position: absolute; border-top: 3px solid red; width: 40px; height: 3px;
    text-align: center; float: left; left: 47%; top: 0;}
.column h2 a {font-family: 'DINCond-BoldAlternate',Arial; font-size: 24px; color: #fff; text-decoration:none;}
.column h2 a:hover { text-decoration:underline;}

.filter-more .filter-options-item {float:left;background: 0 0; padding: 2px 0; margin: 0; width: 100%;position:relative;
	height:32px;vertical-align: top;}
.filter-more .filter-options-title { color: #fff; font-size: 16px; line-height: 28px;}
.filter-options-title:after { right: 2px; top: -1px; z-index: 3; position: absolute;}
.filter-more .filter-options-content { width: 640px;}
.filter-more .filter-options-content li.item { width: 32%;}
.filter-options-item.active:after,  .filter-options-item.active:before {border: 8px solid transparent; height: 0; width: 0; z-index: 3;
    border-bottom-color: #1d1d1d; bottom: 0px; content: ''; display: block; left: 50%; margin-left: -20px; position: absolute;}
.filter-options-item.active:before { border: 8px solid transparent; height: 0; width: 0; border-bottom-color: #333; bottom: 1px;
    content: ''; display: block; left: 50%; margin-left: -20px; position: absolute; z-index: 3;}
.filter-options-title:after { right: 2px; top: -1px; z-index: 3;}
.active>.filter-options-title:after { content: '\f077';}
.filter-options-title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; content: '\f078';
    font-family: 'FontAwesome Regular'; vertical-align: middle; display: inline-block; font-weight: 400; overflow: hidden;
    speak: none; text-align: center;}
.filter-options-title { cursor: pointer; margin: 0; overflow: hidden; position: relative; z-index: 1; display: block; text-decoration: none;}
.filter-options-title:hover { color: #fff; text-decoration: underline;}
.filter-options-item.active:hover { z-index: 3;}
.filter-options-content { background: #1d1d1d; border: 1px solid #333; border-radius:4px;}
.filter-options-item.active {position: relative; z-index: 2;}
.filter-options-content li.item { padding: 0;}
.filter-options-content .item a {margin-left: 0;}
.filter-options-content ol, .filter-options-content ul { padding-left: 0; margin-bottom: 0;}
.filter-options-item.active .filter-options-content { padding: 10px 15px;}
.zoekfilter .filter-options-item { background: 0 0; padding: 5px 0; margin-left: 0; margin-right: 0; display: inline-block; width: 100%;
    position: relative; border-bottom: 1px solid #333; border-radius: 0; height:39px;}
.zoekfilter .filter-options-title { color: #fff; font-size: 16px; line-height: 28px;}
.filter-options-item { margin-bottom: 5px;vertical-align: top; }

.toolbartop { border-bottom: 1px solid #333; padding:10px 20px; margin-bottom:20px;}
.sorter { text-align:right;}
.sorter-label { font-size: 15px; color: #999; font-weight: 500;}
.sorter select { font-weight: 500; color: #333; background: #f2f2f2 url(/images/select-bg.svg) no-repeat 100% 45%;
    appearance: none; border: 1px solid #fff; padding:5px 10px 4px; padding-right: 25px; text-indent: 0.01em;}
.sorter-options { margin: 0 5px 0 7px; width: auto; height: 34px;}
.sorter-action { display: inline-block;text-decoration: none;}
.sorter-action:before {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit;
    color: #8f8f8f; content: '\f062'; font-family: 'FontAwesome Regular'; vertical-align: middle; display: inline-block;
    font-weight: 400; overflow: hidden;speak: none; text-align: center;}
.sorter-action>span { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

.dating-items {}
.dating-item {margin-left:0px; margin-right: 0px; position:relative; background: #1d1d1d; border: 1px solid #333; padding: 20px 15px; 
	margin-bottom: 30px; border-radius:4px;}
.dating-label {position: absolute;z-index: 3; color: #fff; top: -1px; left: -1px; overflow: hidden; height: 45px; width:45px;}
.dating-label .nr-label {background-color: #ffba16; transform: rotate(-45deg); margin-left: -35px; margin-top: -4px; width: 70px;
    height: 30px; line-height: 30px; text-align: center;}
.dating-label .nr-label span { display: inline-block; transform: rotate(45deg); font-weight: 700; margin-top: 2px; margin-right: 6px;}
.dating-image img { border-radius:4px;}
.dating-name { margin-bottom: 15px;}
.dating-name a { font-size: 20px;font-family:'DINCond-BoldAlternate',Arial; color:#a1a1a1; text-decoration:none;}
.dating-name a:hover,.dating-readmore a:hover { text-decoration: underline; color: #fff;}
.dating-shortdesc { font-size: 14px;line-height: 20px; color: #c6c6c6; margin-bottom: 15px;}
.dating-readmore {font-size:14px;}
.dating-readmore a { color: #999; text-decoration: underline;}
.dating-spec { width: 100%; display: inline-block; margin-bottom: 10px; vertical-align: top; margin-top:5px;}
.dating-specimg { width: 30px; margin-right: 12px; display: inline-block;}
.dating-specinfo { display: inline-block; font-size: 16px; line-height: 28px; font-family:'DINCond-BoldAlternate',Arial;
    color: #fff; vertical-align: top;}
.dating-rating { }
.dating-grade { font-family:'DINCond-BoldAlternate',Arial; font-size: 30px; line-height: 30px;}
.dating-gradetext { color: #c6c6c6; font-size: 10px;}
.dating-stars { position:relative; overflow:hidden;max-width: 130px;margin: 0 auto;}
.dating-stars::before { color: #ffba16; font-family:'FontAwesome Regular'; content: "\f005" "\f005" "\f005" "\f005" "\f005";
    font-size: 23px; left: 0px; position: absolute; top: 0; width: 100%; z-index: 1;}
.dating-stars span { display: block; overflow: hidden;}
.dating-stars span::before { color: #ffba16; font-family: fontawesome; content: "\f005" "\f005" "\f005" "\f005" "\f005";
    font-size: 27.3px; position: relative; z-index: 2; top: -1px;left:2px;}
.btn-green a { display: inline-block; border-radius: 4px; padding: 4px 27px; border: 2px solid #03b629; text-transform: none;
    background: #03b629; font-family: 'Futura Light',Arial; font-weight: 500; font-size: 20px; color: #fff; text-decoration:none;}
.btn-green a:hover { background: #fff; color: #03b629;}

.toolbar { padding: 10px 20px; margin-bottom: 20px;text-align: center; border-bottom: 1px solid #333;}
.toolbar ul { font-size: 0; letter-spacing: -1px; line-height: 0; white-space: nowrap; margin: 0; padding: 0; list-style: none none; display: inline-block;
    font-weight: 400;}
.toolbar .item { margin: 2px 4px 2px 0;font-size: 14px; letter-spacing: normal; line-height: 30px; display:inline-block;}
.toolbar strong.page { background-color: red; border-color: red; border-radius: 50%; line-height: 36px;color: #fff; display: inline-block; font-weight: 700;
    padding: 0 14px;font-size:14px;}
.toolbar .item a { border-radius: 50%; line-height: 35px; border-color: #eee;}
.toolbar .item a.page { background: #fff; border: 1px solid #333; color: #333; display: inline-block; padding: 0 14px; text-decoration: none;}
.toolbar a.page:active, .toolbar a.page:hover, .toolbar .action:active, .toolbar .action:hover { background-color: red; border-color: red;color:#fff;}
.toolbar  .item a { border-radius: 50%; line-height: 35px; border-color: #eee;}
.toolbar .action { background: #fff; border: 1px solid #333; color: #333; display: inline-block; padding: 0; text-decoration: none; backface-visibility: hidden;
    padding: 0 12px;}
.toolbar .action.next,.toolbar .action.previous { display: inline-block; text-decoration: none;}
.toolbar .action.next:before,.toolbar .action.previous:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px;
    line-height: inherit; color: #333; content: '\f054'; font-family: 'FontAwesome Regular'; margin: 0; vertical-align: top; display: inline-block;
    font-weight: 400;overflow: hidden; speak: none; text-align: center;}
.toolbar .action.previous:before {content: '\f053';}
.toolbar a.action.next:hover:before,.toolbar a.action.previous:hover:before { color:#fff;}
.toolbar .action.next>span,.toolbar .action.previous>span { border: 0;clip: rect(0,0,0,0); height: 1px; margin: -1px;  overflow: hidden; padding: 0;
	position: absolute; width: 1px;}

.side-head {height: 55px;line-height: 55px;color: #fff;background: #b30404;padding-left: 25px; padding-right: 25px;
    font-family: 'DINCond-BoldAlternate',Arial; font-size: 20px; border-top-left-radius:4px;border-top-right-radius:4px;}
.side-content { background: #1d1d1d; padding: 25px; border: 1px solid #333; border-top: none;border-bottom-left-radius:4px;
	border-bottom-right-radius:4px; margin-bottom:30px;}
.side-content .item:first-child { padding-top: 0;}
.side-content .item:last-child { border-bottom: none; padding-bottom: 0;}
.side-content .item {border-bottom: 1px solid #333; padding-top: 12px;padding-bottom: 12px;}
.side-content .item a {font-size: 16px; color: #fff; font-family: Arial;text-decoration:none; display:block;}
.side-content .item a:hover { color: #b30404;}
.side-blogbanner { text-align: center; margin-bottom: 25px;}

.cms-block { border-radius:4px; font-size: 14px; line-height:20px;padding: 30px; max-width: 760px; background: #1d1d1d;margin: 0 auto; margin-top: 30px;margin-bottom: 50px; }
.cms-block h2 { font-size: 24px; text-align:left;}
.cms-block h2::after{ display:none;}
.cms-block h3 {font-size:20px;}

.blogtop-wrapper { padding-top: 50px;position: relative; z-index: 0; margin-bottom: 0px; padding-left:0;padding-right:0;}
.blogtop-image { height: 100%; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: -1; background-size: cover;
    background-position: center;}
.blogtop-image::after {
    /*background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(90%,rgba(252,240,221,.35)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(252,240,221,.35) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(252,240,221,.35) 100%);*/
    bottom: 0; content: ''; height: 360px; position: absolute; width: 100%; max-height: 100%; z-index: -1;}
.blogtop-container { padding-bottom: 20px; min-height: 130px;}
.blogbox { text-align: center;}
.blogbox-head { background: rgba(255,0,0,.75); text-align: center; display: inline-block; padding: 7px 25px;border-radius:4px;}
.blogbox-head h1, .blogbox-head .h1 { color: #fff; font-size: 36px; line-height: 36px; margin: 0;}
.blogtop-links {margin-top: 12px;}
.blogtop-links a { display: inline-block; border-radius: 4px; padding: 4px 15px; border: 2px solid #03b629; text-transform: none;
    background: #03b629; font-family: 'Futura Light',Arial; font-weight: 500; font-size: 18px; color: #fff; margin-left: 6px;
    margin-right: 6px; margin-bottom: 5px; text-decoration:none;}
.blogtop-links a:hover { background: #fff; color: #03b629;}

.side-content.blog-related ul { margin: 0; list-style: none; padding: 0;}
.side-content.blog-related li a.post-item-image { margin-right: 20px; width: 35%;}
.blog-related img { border-radius: 4px;}
.side-content.blog-related li a.post-item-link { line-height: 20px; max-width: 55%;}
.side-content.blog-related li a {display: inline-block; font-family: DINCond-BoldAlternate,Arial; font-size: 18px; color: #c6c6c6;vertical-align: middle;}

@media screen and (min-width: 320px) and (max-width: 479px){
	.blogtop-image{background-image:url(/images/slides/480x320/sexdating.jpg);}
	.blogtop-container { min-height: 80px; padding-bottom:0;}
	.blogbox-head h1, .blogbox-head .h1 { font-size:32px;}
	.blogtop-wrapper { padding-top:40px;}
	.category-description { background:0; padding-top:0; padding-bottom:0;}
	.dating-item .dating-iteminfo { width: 100%; border-bottom: 1px solid #333; margin-bottom: 12px; text-align: center;}
	.dating-item .dating-spec { width: auto; margin-right: 12px;}
	.btn-green a { width: 100%;}
}
@media screen and (min-width: 480px) and (max-width: 767px){
	.blogtop-image{background-image:url(/images/slides/768x512/sexdating.jpg)}
	.dating-item .dating-image {margin-bottom: 12px;}
	.dating-iteminfo { text-align:center;}
	.dating-item .dating-spec { width: auto; margin-right: 20px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.blogtop-image{background-image:url(/images/slides/1200x800/sexdating.jpg)}
}
@media screen and (min-width: 992px) and (max-width: 1499px){
	.blogtop-image{background-image:url(/images/slides/1920x/sexdating.jpg)}
	.sidebar .side-block { float:right;max-width: 300px;}
}
@media screen and (min-width: 1500px){
	.blogtop-image{background-image:url(/images/slides/1920x/sexdating.jpg)}
	.sidebar .side-block { float:right;max-width: 300px;}
}

