/*
Theme Name: The Safe Porn
Author: The Safe Porn
Description: Clean directory theme for thesafeporn.com
Version: 1.0.1
Requires PHP: 8.0
Requires at least: 6.4
Text Domain: safeporn
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/


/* ==========================================================================
   parent-style.css (reset, typography, nav, base cards)
   ========================================================================== */

html {font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;}
body {margin: 0;}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;
  vertical-align: baseline;}
audio:not([controls]) {display: none;
  height: 0;}
[hidden], template {display: none;}
a {background-color: transparent;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em;
  margin: 0.67em 0;}
mark {background: #ff0;
  color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;
  height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace;
  font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit;
  font: inherit;
  margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;
  cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;
  padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;
  padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;}
legend {border: 0;
  padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;
  border-spacing: 0;}
td, th {padding: 0;}
body, button, input, select, textarea {color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {clear: both;}
p {margin-bottom: 1.5em;}
dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
pre {background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;}
code, kbd, tt, var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;}
abbr, acronym {border-bottom: 1px dotted #666;
  cursor: help;}
mark, ins {background: #fff9c0;
  text-decoration: none;}
big {font-size: 125%;}
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body {background: #fff;}
blockquote, q {quotes: """";}
blockquote:before, q:before, blockquote:after, q:after {content: "";}
hr {background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;}
ul, ol {margin: 0 0 1.5em 3em;}
ul {list-style: disc;}
ol {list-style: decimal;}
li>ul, li>ol {margin-bottom: 0;
  margin-left: 1.5em;}
dt {font-weight: bold;}
dd {margin: 0 1.5em 1.5em;}
img {height: auto;
  
  max-width: 100%;}
figure {margin: 1em 0;}
table {margin: 0 0 1.5em;
  width: 100%;}
button, input[type="button"], input[type="reset"], input[type="submit"] {border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, .8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border-color: #ccc #bbb #aaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);}
button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
  width: 100%;
  height: 40px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {color: #111;}
select {border: 1px solid #ccc;}
textarea {width: 100%;}
a {color: royalblue;}
a:visited {color: purple;}
a:hover, a:focus, a:active {color: midnightblue;}
a:focus {outline: thin dotted;}
a:hover, a:active {outline: 0;}
#C58 .card-block {height: auto !important;
    overflow: hidden;}
.main-navigation {clear: both;
  display: block;
  float: left;
  width: 100%;}
.main-navigation ul {display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;}
.main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 1.5em;
  left: -999em;
  z-index: 99999;}
.main-navigation ul ul ul {left: -999em;
  top: 0;}
.main-navigation ul ul li:hover>ul, .main-navigation ul ul li.focus>ul {left: 100%;}
.main-navigation ul ul a {width: 200px;}
.main-navigation ul li:hover>ul, .main-navigation ul li.focus>ul {left: auto;}
.main-navigation li {float: left;
  position: relative;}
.main-navigation a {display: block;
  text-decoration: none;}
.menu-toggle, .main-navigation.toggled ul {display: block;}
@media screen and (min-width: 37.5em) {
.menu-toggle {display: none;}
.main-navigation ul {display: block;}
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {margin: 0 0 1.5em;
  overflow: hidden;}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {float: left;
  width: 50%;}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {float: right;
  text-align: right;
  width: 50%;}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  
  z-index: 100000;}
#content[tabindex="-1"]:focus {outline: 0;}
.alignleft {display: inline;
  float: left;
  margin-right: 1.5em;}
.alignright {display: inline;
  float: right;
  margin-left: 1.5em;}
.aligncenter {clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;}
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {content: "";
  display: table;
  table-layout: fixed;}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {clear: both;}
.widget {margin: 0 0 0.5em;}
.widget select {max-width: 100%;}
.sticky {display: block;}
.hentry {margin: 0 0 1.5em;}
.byline, .updated:not(.published) {display: none;}
.single .byline, .group-blog .byline {display: inline;}
.page-content, .entry-content, .entry-summary {margin: 1.5em 0 0;}
.page-links {clear: both;
  margin: 0 0 1.5em;}
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {display: none;}
.infinity-end.neverending .site-footer {display: block;}
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;}
embed, iframe, object {max-width: 100%;}
.wp-caption {margin-bottom: 1.5em;
  max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block;
  margin-left: auto;
  margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}
.gallery {margin-bottom: 1.5em;}
.gallery-item {display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-caption {display: block;}
.mobile {display: none}
.web {display: block}
@media screen and (min-width:0) and (max-width:530px) {
.mobile {display: block}
.web {display: none}
}
@font-face {font-family: 'custom_regular';
  src: url("custom-webfont.woff2") format('woff2'), url("custom-webfont.woff") format('woff');
  font-weight: 400;
  font-style: normal}
.menu-item-1882 a::before, .menu-item-1883 a::before, .menu-item-1884 a::before {content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  margin-top: 15px;
  margin-left: -30px}
.menu-item-1882 a::before {background: url('home-page-icon.png');
  background-size: 100%}
.menu-item-1883 a::before {background: url('/wp-content/uploads/2019/09/Best-Amateur-Porn-Sites.png');
  background-size: 100%}
.menu-item-1884 a::before {background: url('categories-icon.png');
  background-size: 100%}
.header_menu, .header_menu ul {list-style-type: none;
  margin: 0;
  padding: 0}
.header_menu li {margin-right: 1px;
  position: relative;
  display: inline-block;}
.header_menu li a {display: block;
  text-align: center;
  padding: 0 20px 0 35px;
  line-height: 50px;
  font-family: inherit;
  color: #fff;
  text-decoration: none;
  font-size: 26px}
.header_menu li:hover ul a {color: #2f3036;
  height: 40px;
  line-height: 40px;
  font-family: sans-serif;
  font-size: 17px}
.header_menu li ul {display: none;
  max-height: 300px;
  overflow: auto;}
.header_menu li ul li {display: block;
  float: none}
.header_menu li ul li a {width: auto;
  min-width: 100px;
  padding: 0 20px}
.header_menu .sub-menu:hover, .header_menu li a:hover+.sub-menu {display: block;
  text-align: center;
  position: absolute;
  margin: 0;
  padding: 10px 0;
  z-index: 111;
  background: #fff;
  width: max-content}
.header_show_menus {font-family: custom_regular;
  text-decoration: none;
  color: #fff;
  text-align: center;
  padding: 16px 0 0 0;
  display: none}
#header_show_menus {display: none}
#header_show_menus:checked~.header_menu {display: block}
.header_menu li:hover ul a::before {content: none}
.menu-toggle span {width: 45px;
  height: 6px;
  background: #fff;
  display: block;
  margin-bottom: 6px;}
.header_show_menus:checked~.menu-toggle span:nth-child(2) {left: 5px;
  position: relative;}
.header_show_menus .menu-text {margin-top: 2px;
  font-size: 11px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: lowercase;}
.pad40search {padding-left: 45px !important;}
@media screen and (max-width :580px) and (min-width:0px) {
.header_menu {position: absolute;
    display: none;
    background: #2c4971;
    overflow: auto;
    top: 75px;
    z-index: 111;
    left: 0px;
    padding-left: 10px;
    border-top: 1px white solid;
    width: auto;}
.header_menu li {margin-bottom: 1px;
    display: block;}
.header_menu li a {text-align: left !important;
    color: #fff !important}
.header_menu li ul li a::before {content: none;}
.header_show_menus {display: block}
.header_menu .sub-menu:hover, .header_menu li a:hover+.sub-menu {position: relative !important;
    float: left;
    padding-left: 30px;
    background: 0 0;
    width: 100%}
.switcher {margin-top: 30px;
    margin-right: -25px;}
header {padding-left: 0px !important;
    background: #2c4971;}
.pad40search {padding-left: 40px !important;}
}
.iconsearch::before {border: 2px white solid;
  border-radius: 50%;
  padding: 3px;}
.otherlink .card .card-header .title {text-align: center;
  margin: 0px !important;
  padding: 0px !important;
  background: none;}
.otherlink .card .card-block .list-linkss {text-align: center;
  cursor: pointer;}
.otherlink .card .card-block {padding: 0px !important;
  position: relative;}
.otherlink .card .card-header .favicon-category {top: -3px !important;}
.otherlink .card .card-header a {display: inline-flex;}
.otherlink .card .card-header a span {line-height: 1.5;}
.otherlink .card .card-block .list-link::before {content: "";
  background: rgba(0, 0, 0, 0.10);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;}
.otherlink .card .card-block .caterogy_list_count {color: white;
  font-size: 22px;
  position: absolute;
  right: 5px;
  top: 0px;
  font-weight: 600;}
.otherlink .card .card-block .list-group {padding: 30px 0px;
  margin: 0px;
  height: 240px;}
.otherlink .card .card-block .list-group li {list-style: none;}
.otherlink .card .card-block .list-group li:hover {background: none !important;}
.otherlink .card .card-block .list-group li .title {background: none !important;
  color: white !important;
  line-height: 2.6;}
.otherlink .card .card-block .list-group li a {font-size: 14px !important;
  letter-spacing: 0.4px;}
@media screen and (min-width:1700px) and (max-width:9500px) {
.bigpixel {width: auto;
    margin: auto;}
}
.catpages .icondetails {font-size: 12px;}
.catpages .blankheight,.singlepagepost .blankheight {height: 36px;}
.catpages .mobiledivsize {height: auto;
  font-size: inherit;}
@media screen and (max-width: 640px) and (min-width: 0px) {
.catpages .item-category {width: 50% !important;
    float: left;}
.catpages .otherlink .card .card-block .list-group li a {font-size: 9px !important;}
.catpages .blankheight {height: 26px;}
.catpages .item-category .card-header .title {font-size: 10px;
    height: 35px;}
.catpages .otherlink .card .card-header a {align-items: center;}
.catpages .mobiledivsize {overflow: auto;}
.catpages .wrapper-category .title {font-size: 11px;}
}
#C4 .card-category .card-header {background: #d2ad1a;}
.homepage #wrapper {padding-bottom: 100px;}
.homepage #C3 .card-block {height: 350px;
  overflow: hidden;}
.homepage #C4 .card-block, .homepage #C2 .card-block {height: 910px;
  overflow: auto;}
.homepage #C27 .card-block, .homepage #C63 .card-block {height: 138px;
  overflow: hidden;}
.homepage #C8 .card-block {height: 240px;
  overflow: hidden;}
.homepage #C45 .card-block, .homepage #C42 .card-block, .homepage #C14 .card-block, .homepage #C81 .card-block, .homepage #C12 .card-block {height: 340px;
  overflow: hidden;}
.homepage #C58 .card-block {height: auto !important;
  overflow: hidden;}
.homepage #C36 .card-block, .homepage #C20 .card-block, .homepage #C17 .card-block {height: 310px;
  overflow: hidden;}
.homepage #C41 .card-block, .homepage #C38 .card-block, .homepage #C37 .card-block, .homepage #C44 .card-block, .homepage #C11 .card-block, .homepage #C5 .card-block, .homepage #C35 .card-block, .homepage #C51 .card-block {height: 250px;
  overflow: hidden;}
.homepage #C47 .card-block, .homepage #C50 .card-block {height: 550px;
  overflow: hidden;}
.homepage #C46 .card-block, .homepage #C9 .card-block, .homepage #C43 .card-block, .homepage #C39 .card-block {height: 400px;
  overflow: hidden;}
.homepage #C16 .card-block, .homepage #C15 .card-block {height: 260px;
  overflow: hidden;}
.homepage #C6 .card-block, .homepage #C55 .card-block, .homepage #C21 .card-block, .homepage #C48 .card-block {height: 220px;
  overflow: hidden;}
.homepage #C13 .card-block, .homepage #C18 .card-block, .homepage #C19 .card-block, .homepage #C49 .card-block, .homepage #C54 .card-block, .homepage #C56 .card-block, .homepage #C57 .card-block, .homepage #C62 .card-block {height: 160px;
  overflow: hidden;}
.homepage #C10 .card-block, .homepage #C7 .card-block {height: 199px;
  overflow: hidden;}
.homepage #C79 .card-block {height: 468px;
  overflow: hidden;}
.homepage #C36 .card-block, .homepage #C37 .card-block {overflow: auto;}
.homepage .card-footer a {text-decoration: none;
  color: #767676;
  font-size: 15px;}
.homepage .card-footer:hover {background: #ffffff;}
.homepage .card-footer:hover a {font-size: 15px;
  font-weight: 600;
  text-decoration: none;}
header {position: relative;
  z-index: 999;}
@media only screen and (max-width: 580px) {
header {position: sticky;
    top: 0;
    left: 0;
    z-index: 999;}
}
.titlecustom {background: #2c4971 !important;
  color: white !important;}
.singlepagepost .mobiledivsize {height: 65px;
  font-size: 12px;
  overflow: auto;}
.singlepagepost .webshow {display: block;}
.singlepagepost .mobileshow {display: none;}
.singlepagepost .box13 p {color:#4c4c4c !important;}
@media screen and (max-width: 767px) and (min-width: 0px) {
.singlepagepost .aligncenter {text-align: center;}
.singlepagepost .mobileshow p,.singlepagepost .mobilespac {margin: 0px !important;}
.singlepagepost .aligncenter .kk-star-ratings.lft {float: none;
      margin: auto;}
.singlepagepost .box-custom {border: none;
      box-shadow: none;}
.singlepagepost .webshow {display: none;}
.singlepagepost .mobileshow {margin-top: 20px;
      display: block;}
.singlepagepost .wrapper-review .breadcrumb li a {font-size: 14px;}
}
@media screen and (max-width: 580px) and (min-width: 0px) {
.singlepagepost .mobiledivsize {height: auto !important;
      font-size: 9.2px;
      overflow: auto;
      max-height: 65px;}
.singlepagepost .custom-link-single-post {font-size: 22px !important;}
.singlepagepost .content .box13 p {margin: 10px 0px !important;}
.singlepagepost .singlepadding {padding: 10px 0px !important;}
}
@media screen and (min-width: 1024px) {
.singlepagepost .category-list .item-category-item {height: auto;}
.catpages .mobiledivsize {height:80px;
    overflow: auto;}
.catpages .icondetails table {margin-bottom:0px;}
.catpages .icondetails table tr {height: 25px;}
.catpages .icondetails table tr:nth-child(4) {display: none;}
.catpages .icondetails table tr td:nth-child(odd) {width:10%;
    padding-left: 5px;}
.catpages .icondetails table tr td:nth-child(odd) img {width: 18px;
    height: 18px;}
.catpages .icondetails table tr td:nth-child(even) {width:45%;
    padding-left: 2px;}
.item-category-item .card-header .title {font-size:15px;}
}
@media screen and (min-width:1380px) {
.otherlink .card .card-header .title {overflow-y: auto;
    height: 27px;}
}
.homepage .icon_go_review {top: 4px;
    right: -5px;}
.wrapper-category section.category-list .item-category-item .card-block .icondetails {display:none;}


/* ==========================================================================
   parent-custom.css (primary visual design + media queries)
   ========================================================================== */

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left:0px;}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%;
    height: auto}
input:focus::-webkit-input-placeholder {color: transparent;}
input:focus:-moz-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
textarea:focus::-webkit-input-placeholder {color: transparent;}
textarea:focus:-moz-placeholder {color: transparent;}
textarea:focus::-moz-placeholder {color: transparent;}
.clearfix {width:100%;
    height:1px;
    clear:both;}
body {background:  #0095d2;
    font-family: 'Titillium Web', sans-serif;}
.col-centered {float: none;
    margin: 0 auto;}
#wrapper {padding-top:0px;}
.nav-bar-custom {background-color:#333;
    border:none;}
.blog-logo {float:left;
    padding-top:10px;
    text-align: center;}
.blog-logo img {width:80%;
    margin:0 auto;}
.blog-description {float:right;
    margin-left:50px;
    margin-right:15px;
    text-align: center;
    color:#ffffff;
    margin-top:12px;
    font-size:large;}
.blog-description h1 {font-size:17px;
    font-weight: bold;}
.blog-description h2 {font-size:18px;
    font-weight: normal ;}
.blog-description p {font-size:14px;
    text-align:left;}
.blog-social {margin-right:25px;
    margin-top:25px;}
.item-social-header {float:left;
    margin:5px;}
.img-social-header {width:35px;
    height:35px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}
.item-category {height: 350px;}
.left-link {float:left;}
.right-link {float:right;}
.list-link {height: 290px;}
.item-category .card-header {text-align: center;}
.card-category {background-color:whitesmoke!important;
    margin-top:5px;}
.item-category .card-header {padding-bottom:0px;}
.item-category .card-block {padding:5px;}
.item-category .card-header .title {color:#f7f7f7;
    font-weight: bold;
    font-size:13px;
    clear: both;
    padding:0;
    margin:0;}
.item-category .card-header .title a {color:#f7f7f7!important;
    font-family: sans-serif;}
.item-category .card-header .description {color:#333;
    font-size:13px;
    font-style: italic;}
.list-link {overflow-y:auto;
    overflow-x:hidden;}
.list-link ul {margin:0;
    padding:0;
    padding-top:5px;
    padding-bottom:5px;}
.list-link ul li {list-style:none;
    margin:0;
    padding:0;
    clear:both;
    margin-bottom:4px;
    border:none;
    background-color:transparent;}
.list-link ul li:hover {background-color:#EFEFEF;}
.icon_go_review {top: 2px;
    right: 5px;
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    background: url(assets/images/icon-go-review.png);}
.img-go-review {margin-left:10px;
    visibility: hidden;}
.list-link ul li:hover > .img-go-review {visibility:visible;}
.list-link ul li .title {font-size:14px;
    font-weight: normal;
    color:#333;
    text-decoration: none;}
.item-category .pos {display:none;}
.popover {z-index:9999;}
.img-popover {width:150px;
    height:auto;}
.popverdescription {width:150px;
    text-align: left;}
.header_descr {padding-top:10px;}
.link_style {color:#222;
    text-decoration: none!important;}
.link_style a {font-weight: bold;
    text-decoration: underline!important;}
.popoverlink:hover {color:#999!important;}
.title_after_logo {font-size:16px;
    color:#ffffff;
    font-weight: bold;
    text-align: center;
    padding-left: 10px;}
.num_link {float:left;
    margin-right:3px;
    position: relative;
    top: 5px;
    font-size:11px;
    font-weight: bold;}
.favicon-post-link {width:16px;
    height:16px;
    position: relative;
    top: 5px;
    float:left;
    margin-right:3px;}
#sidebar-left {}
.div-categories {margin-top:25px;
    margin-left:15px;}
.title-categories {font-weight: bold;
    padding:5px;}
.list-categories {}
.list-categories a {color:#282727;}
.list-categories li {margin-top:5px;
    margin-bottom:15px;}
.title_category_filter {color:#282727;
    font-size:11px;
    margin-left:0px;
    font-weight: bold;}
.favicon-category {width:25px;
    height:25px;
    margin-right:5px;
    position: relative;
    top: -6px;}
.list-categories .favicon-category {top: 0px;}
.list-categories .favicon-category {float:left;}
.item-category .favicon-category {float:left;}
.list-filter .favicon-post-filter {float:left;
    margin-right:5px;}
.div-filters {margin-left:15px;}
.list-filter {color:black;}
.title-link-filters {font-weight: bold;
    padding:5px;}
.favicon-post-filter {width:12px;
    height:12px;
    position: relative;
    top: 2px;}
.search-category {border:4px solid #CC181E;}
.right-link-icons {text-align:right;
    margin-right:5px;
    float:right;}
.filter-icon-link {width:12px;
    height:12px;
    margin:2px;
    float:left;}
.hot-posts {text-align:center;}
.img-hot-post {max-width:100%;
    margin: 0 auto;}
.title-hot-posts {font-size:16px;
    color:whitesmoke;}
.container-hot-post {border:1px solid whitesmoke;
    padding-top:5px;}
.footer {margin-top:20px;
    color:white;
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid whitesmoke;
    background:#2c4971 none repeat scroll 0 0;}
.footer-left p {text-align:center;
    font-size:13px;}
.footer-right p {text-align:center;
    font-size:13px;}
.card-default>.card-header {border-color: black;}
.card-category>.card-header {background: #2c4971;
    text-align: left;}
.list-filter small {font-size:11px;
    font-weight: bold;}
.header-single {text-align:center;
    margin-top:15px;
    padding:10px;}
.content-single {font-size:16px;
    font-weight: bold;
    margin-top:15px;
    padding:10px;}
.image-single {width:150px;
    margin-top:45px;}
.image-search {width:100%;}
.content-search p {color:white!important;}
.link-single {width:25%;
    margin-left:auto;
    margin-top:10px;
    margin-bottom:10px;}
.card-body {padding-top:5px;}
.text-post-link {float:left;}
.item-category .card-body {padding-bottom:0px;}
@media only screen and (max-width : 1680px) {
.container-fluid {margin-left:12.7%!important;
        width:76%!important;}
}
@media only screen and (max-width : 1280px) {
.blog-description p {font-size:12px;}
.card-header {padding: 10px 5px;}
.list-link ul li {padding: 2px 0px;
        margin-bottom:2px;}
.card-body {padding:5px;}
.blog-social {width:12%;}
.container-fluid {margin-left:2%!important;
        width:98%!important;}
}
@media only screen and (max-width : 1024px) {
#sidebar-left {display: none;}
#wrapper {width:98%;
        margin-left:1%;}
.hot-posts {display: none;}
.blog-description {margin-left: 0px;}
.item-social-header {width: auto;}
}
@media only screen and (max-width : 1000px) {
.item-category {width:33.333%;}
}
@media only screen and (max-width : 991px) {
.blog-social {width: 62%;
        margin: 0px auto !important;}
}
@media only screen and (max-width : 770px) {
.header-fixed {position: relative!important;
        height: auto!important;
        width:100%!important;}
.wrapper-header-fixed {top:0px!important;}
.footer-header-fixed {top:0px!important;}
.multi_descr {padding-left:25px!important;}
}
@media only screen and (max-width : 750px) {
.item-category {width:50%;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left:15px!important;}
.mobile-link-external {display:block!important;
        width:100%!important;
        clear:both!important;}
}
@media only screen and (max-width : 580px) {
.blog-social {width: 67%;
        position:relative;
        left: 0px;}
.item-category {width:100%;}
.container-fluid {margin-left: auto !important;
        width: auto !important;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left:5px!important;}
#shiftnav-toggle-main {display:none;}
.footer-text-custom {padding-top:25px;}
.row {margin-right: 0px!important;
        margin-left: 0px!important;}
header {padding-left:0px!important;}
.shiftnav-toggle-main-align-center {display:none;}
.header_descr p {padding-left:5px;}
}
.sprite_social {background-image: url(assets/images/spritesocial.png);
    background-repeat: no-repeat;
    display: block;}
.spr_social_facebook {width: 37px;
    height: 37px;
    background-position: -5px -5px;}
.spr_social_google {width: 37px;
    height: 37px;
    background-position: -52px -5px;}
.spr_social_pinterest {width: 37px;
    height: 37px;
    background-position: -5px -52px;}
.spr_social_rss {width: 37px;
    height: 37px;
    background-position: -52px -52px;}
.spr_social_twitter {width: 37px;
    height: 37px;
    background-position: -99px -5px;}
.spr_social_youtube {width: 37px;
    height: 37px;
    background-position: -99px -52px;}
.navbar-brand {color: white;
    float: left;
    font-size: 25px;
    height: 50px;
    line-height: 20px;
    padding: 15px;}
footer h3 {font-size:12px;}
.header-fixed {position: fixed;
    height: 250px;
    background-color:orange;
    z-index:9999;
    border-bottom:2px solid #222;
    width:100%;}
.wrapper-header-fixed {position: relative;
    top:250px;}
.footer-header-fixed {position: relative;
    top:250px;}
.header-info-img {float:left;
    width:20%;
    border:2px solid #222;}
.header-info-text {float:right;
    width:75%;}
.header-info-text h3 {color:darkslategray;}
.header-info-link {color:#333!important;}
.header-info-link:hover {color:#333!important;}
.header-info-link:visited {color:#333!important;}
.wrapper-category {background-color:#FFF;
    padding:15px;
    padding-top:5px!important;}
.wrapper-review {background-color:#FFF;
    padding:15px;
    padding-top:5px!important;}
.wrapper-category .breadcrumb {padding:0px;
    margin:0px;
    margin-left:20px;
    background-color:transparent;}
.wrapper-category .breadcrumb li a {color:#333!important;}
.wrapper-category .breadcrumb li.active a {color:#666!important;}
.wrapper-review .breadcrumb {padding:0px;
    margin:0px;
    margin-left:20px;
    background-color:transparent;}
.wrapper-review .breadcrumb li a {color:#333!important;}
.wrapper-review .breadcrumb li.active a {color:#666!important;}
.category-list {padding-left:15px;}
.category-descr {margin-top:20px!important;
    margin-bottom:20px!important;}
.category-descr .card-block .btn {margin-top:10px!important;
    margin-bottom:10px!important;}
.wrapper-category .title {text-align:center;
     color:#222;
     margin-bottom:10px!important;
     margin-top:10px!important;
     background-color:#f5f5f5;
     padding-top:10px!important;
     padding-bottom:10px!important;}
.wrapper-review .title {text-align:center;
    color:#222;
    margin-bottom:10px!important;
    margin-top:10px!important;
    background-color:#f5f5f5;
    padding-top:10px!important;
    padding-bottom:10px!important;}
.item-category-item {}
.item-category-item .card-block {text-align:center;}
.item-category-item .card-header {text-align: center;}
.item-category-item .img-go-review {visibility: visible!important;
    float:right!important;}
.item-category-item .num_link {font-size:13px!important;
    top:3px;}
.item-category-item .img-item {width:170px;
    height:150px;}
.item-category-item .card-header .title {color:#222!important;
    text-decoration:underline!important;}
.separator {width:100%;
    padding:10px;
    margin-bottom:10px!important;
    margin-top:10px!important;
    background-color:#f5f5f5;}
.box-custom {margin:5px;
    width:95%;}
.custom-link-single-post {font-weight: bold;
    font-size:24px!important;
    text-decoration:underline!important;
    color:#00a0d2!important;
    text-align: center;}
.category-list {margin-top:25px;}
.item-category {height: auto!important;}
.list-link {height: auto!important;}
main {background: url(assets/images/backgroundthesafeporn.png) no-repeat scroll right 100% transparent;}
.homepage #C58 .card-block {height: auto;
    overflow: hidden;}
@media only screen and (max-width : 580px) {
main {background-image:none;}
}


/* ==========================================================================
   parent-box.css (card/box layouts)
   ========================================================================== */

.box1 p, .box2 p, .box3 p, .box4 p, .box5 p, .box6 p, .box7 p, .box9 p, .box10 p, .box11 p, .box12 p, .box13 p, .box14 p, .box15 p, .box16 p {margin: 30px;
    color: #aaa;
    outline: none;}
.box1 {width: 300px;
    margin: 40px;
    min-height: 200px;
    position:relative;
    display: inline-block;
    background: -webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fff), to(#fff), color-stop(.1,#f3f3f3));
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -webkit-border-bottom-right-radius: 6px 50px;}
.box1:before {content: '';
    width: 50px;
    height: 100px;
    position:absolute;
    bottom:0; right:0;
    -webkit-box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.1);
    z-index:-1;
    -webkit-transform: translate(-35px,-40px)
    skew(0deg,30deg)
    rotate(-25deg);}
.box1:after {content: '';
    width: 100px;
    height: 100px;
    top:0; left:0;
    position:absolute;
    display: inline-block;
    z-index:-1;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
    translate(20px,25px)
    skew(20deg);}
.box2 {margin: 50px;
    width: 300px;
    min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);}
.box2:before {content:'';
    width: 25px;
    height: 20px;
    position: absolute;
    bottom:0;
    right:0;
    -webkit-border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform:
            rotate(-20deg)
            skew(-40deg,-3deg)
            translate(-13px,-13px);}
.box2:after {content: '';
    z-index: -1;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
    translate(-45px,-20px)
    skew(20deg);}
.box3 {margin: 50px;
    width: 300px;
    padding: 5px 0 ;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    border: 1px solid #ccc;
    -webkit-border-radius: 60px 5px;
    -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;}
.box3:before {content: '';
    width: 50px;
    height: 50px;
    top:0; right:0;
    position:absolute;
    display: inline-block;
    z-index:-1;
    -webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
    translate(-14px,20px)
    skew(-20deg);}
.box3:after {content: '';
    width: 100px;
    height: 100px;
    top:0; left:0;
    position:absolute;
    z-index:-1;
    display: inline-block;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
    translate(20px,25px)
    skew(20deg);}
.box4 {margin: 50px;
    min-height: 100px;
    width: 300px;
    padding: 5px 0 ;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#fff), to(#fff), color-stop(.2, #f2f2f2));
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.box4:before {content: '';
    width: 50px;
    height: 50px;
    top:0; right:0;
    position:absolute;
    z-index: -1;
    -webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
    translate(-14px,20px)
    skew(-20deg);}
.box4:after {content: '';
    width: 50px;
    height: 50px;
    top:0; left:0;
    position:absolute;
    z-index:-1;
    display: inline-block;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
    translate(12px,25px)
    skew(20deg);}
.shr_box4 {width: 100px;
    height: 100px;
    bottom:0; right:0;
    position:absolute;
    z-index: -1;
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
    translate(-20px,-15px)
    skew(20deg);}
.shl_box4 {content: '';
    width: 100px;
    height: 100px;
    bottom:0; left:0;
    position:absolute;
    z-index: -1;
    -webkit-box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
    translate(20px,-15px)
    skew(-20deg);}
.box5 {margin: 50px;
    width: 300px;
    padding: 0 0 1px 0;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -webkit-border-bottom-left-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);}
.box5:before {content:'';
    width: 25px;
    height: 20px;
    background: white;
    position: absolute;
    bottom:0; right:0;
    background: -webkit-gradient(linear, 0% 20%, 50% 40%, from(#fff), to( #eee), color-stop(.1,#fff));
    -webkit-border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(-20deg)
    skew(-40deg,-3deg)
    translate(-13px,-13px);}
.box5:after {content: '';
    z-index: -10;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
    translate(-45px,-20px)
    skew(20deg);}
.fold_box5 {z-index: -10;
    width: 50px;
    height: 50px;
    position:absolute;

    bottom:0; left:0;
    -webkit-box-shadow: -20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
    translate(40px,-20px)
    skew(-20deg);}
.fold2_box5 {content:'';
    width: 25px;
    height: 20px;
    background: white;
    position: absolute;
    bottom:0; left:0;
    background: -webkit-gradient(linear, 0% 20%, 50% 80%, from(#fff), to( #eee), color-stop(.1,#fff));
    -webkit-border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(103deg)
    skew(-3deg,-40deg)
    translate(-13px,-15px);}
.box6 {margin: 50px;
    width: 300px;
    min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -webkit-border-top-left-radius: 60px 5px;
    -webkit-border-top-right-radius: 60px 5px;
    -webkit-border-bottom-right-radius: 60px 60px ;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3) ;}
.box6:before {content:'';
    width: 25px;
    height: 20px;
    position: absolute;
    bottom:0;
    right:0;
    -webkit-border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform:
            rotate(-20deg)
            skew(-40deg,-3deg)
            translate(-13px,-13px);}
.box6:after {content: '';
    z-index: -10;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
    translate(-45px,-20px)
    skew(20deg);}
.box6_corner_lf {width: 100px;
    height: 100px;
    top:0; left:0;
    position:absolute;
    z-index:-6;
    display: inline-block;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
    translate(20px,25px)
    skew(20deg);}
.box6_corner_rt {content: '';
    width: 50px;
    height: 50px;
    top:0; right:0;
    position:absolute;
    display: inline-block;
    z-index:-6;
    -webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
    translate(-14px,20px)
    skew(-20deg);}
.box7 {margin: 50px;
    width: 320px;
    min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2) ;}
.box7:before {content: '';
    position:absolute;
    width: 130px;
    height: 30px;
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform:translate(-50px,10px)
    skew(10deg,10deg)
    rotate(-50deg)}
.box7:after {content: '';
    position:absolute;
    right:0;
    bottom:0;
    width: 130px;
    height: 30px;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(50px,-20px)
    skew(10deg,10deg)
    rotate(-50deg)}
.box8 {margin: 70px 50px;
    width: 300px;
    min-height: 250px;
    position:relative;
    border: 2px solid #ccc;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);}
.box8:before {content: '';
    width: 110%;
    left: 0;
    height: 125%;
    z-index:-1;
    position:absolute;
    border: 1px solid #ccc;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate(-5%,-5%);}
.box8:after {content: '';
    width: 100%;
    left: 0;
    height: 115%;
    z-index:-2;
    background: none;
    position:absolute;
    border-radius: 20px;
    -webkit-box-shadow: 15px 0px 30px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(0,0);}
.box9 {margin: 70px 50px;
    width: 300px;
    min-height: 250px;
    position:relative;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius:20px;
    background: white;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}
.box9:before {content: '';
    width: 110%;
    left: 0;
    height: 111%;
    z-index:-1;
    position:absolute;
    border-radius:20px;
    border: 1px solid rgba(0,0,0, 0.1);
    background: rgba(0, 0, 0, 0.0);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    -webkit-transform: 	translate(-5%,-5%);}
.box9:after {content: '';
    position:absolute;
    top:-25px; left: 30%;
    width: 130px;
    height: 40px;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);}
.box10 {margin: 50px;
    width: 320px;
    min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background: -webkit-gradient(linear, 100% 100%, 50% 10%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
    -webkit-border-bottom-right-radius: 60px 5px;}
.box10:before {content: '';
    width: 98%;
    z-index:-1;
    height: 100%;
    padding: 0 0 1px 0;
    position: absolute;
    bottom:0; right:0;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f9f9f9), color-stop(.1,#fff));
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0, 0.1);
    -webkit-border-bottom-right-radius: 60px 5px;
    -webkit-transform: skew(2deg,2deg)
    translate(3px,8px)}
.box10:after {content: '';
    width: 98%;
    z-index:-1;
    height: 98%;
    padding: 0 0 1px 0;
    position: absolute;
    bottom:0; right:0;
    background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#f3f3f3), to(#f6f6f6), color-stop(.1,#fff));
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
    -webkit-transform: skew(2deg,2deg)
    translate(-1px,2px)}
.box11 {margin: 50px;
    width: 300px;
    min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    border-top: 1px solid white;
    border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);}
.box11:before {content:'';
    width: 25px;
    height: 20px;
    background: white;
    position: absolute;
    bottom:0; right:0;
    background: -webkit-gradient(linear, 0% 20%, 50% 40%, from(#fff), to( #eee), color-stop(.1,#fff));
    -webkit-border-bottom-right-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(-20deg)
    skew(-40deg,-3deg)
    translate(-13px,-13px);
    transform: rotate(-20deg)
    skew(-40deg,-3deg)
    translate(-13px,-13px);}
.box11:after {content: '';
    z-index: -1;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
    translate(-45px,-20px)
    skew(20deg);}
.box11_ribbon {position:absolute;
    top:-25px; left: 30%;
    width: 130px;
    height: 40px;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);}
.box12 {margin: 50px;
    width: 300px;
    padding: 0 0 1px 0;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -webkit-border-bottom-left-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);}
.box12:before {content:'';
    width: 25px;
    height: 20px;
    background: white;
    position: absolute;
    bottom:0; right:0;
    background: -webkit-gradient(linear, 0% 20%, 50% 40%, from(#fff), to( #eee), color-stop(.1,#fff));
    -webkit-border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(-20deg)
    skew(-40deg,-3deg)
    translate(-13px,-13px);}
.box12:after {content: '';
    z-index: -10;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
    translate(-45px,-20px)
    skew(20deg);}
.fold_box12 {z-index: -10;
    width: 50px;
    height: 50px;
    position:absolute;
    bottom:0; left:0;
    -webkit-box-shadow: -20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
    translate(40px,-20px)
    skew(-20deg);}
.fold2_box12 {width: 25px;
    height: 20px;
    z-index:20;
    background: white;
    position: absolute;
    bottom:0; left:0;
    background: -webkit-gradient(linear, 0% 20%, 50% 80%, from(#fff), to( #eee), color-stop(.1,#fff));
    -webkit-border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(103deg)
    skew(-3deg,-40deg)
    translate(-13px,-15px);}
.box12_ribbon {content: '';
    position:absolute;
    top:-25px; left: 30%;
    width: 130px;
    height: 40px;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);}
.box13 {margin: 50px;
    width: 300px;
    min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -webkit-border-top-left-radius: 60px 5px;
    -webkit-border-top-right-radius: 60px 5px;
    -webkit-border-bottom-right-radius: 60px 60px ;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3) ;}
.box13:before {content:'';
    width: 25px;
    height: 20px;
    position: absolute;
    bottom:0;
    right:0;
    -webkit-border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform:
            rotate(-20deg)
            skew(-40deg,-3deg)
            translate(-13px,-13px);}
.box13:after {content: '';
    z-index: -10;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
    translate(-45px,-20px)
    skew(20deg);}
.box13_corner_lf {width: 100px;
    height: 100px;
    top:0; left:0;
    position:absolute;
    z-index:-6;
    display: inline-block;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
    translate(20px,25px)
    skew(20deg);}
.box13_corner_rt {content: '';
    width: 50px;
    height: 50px;
    top:0; right:0;
    position:absolute;
    display: inline-block;
    z-index:-6;
    -webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
    translate(-14px,20px)
    skew(-20deg);}
.box13_ribbon:before {content: '';
    position:absolute;
    top:0; left: 0;
    width: 130px;
    height: 40px;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(90deg) skew(0,0) translate(100px,65px);}
.box13_ribbon:after {content: '';
    position:absolute;
    top:0; right: 0;
    width: 130px;
    height: 40px;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(90deg) skew(0,0) translate(100px,-65px);}
.box14 {margin: 50px;
    width: 300px;
    padding: 5px 0 ;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    border: 1px solid #ccc;
    -webkit-border-radius: 60px 5px;
    -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;}
.box14:before {content: '';
    width: 50px;
    height: 50px;
    top:0; right:0;
    position:absolute;
    display: inline-block;
    z-index:-1;
    -webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
    translate(-14px,20px)
    skew(-20deg);}
.box14:after {content: '';
    width: 100px;
    height: 100px;
    top:0; left:0;
    position:absolute;
    z-index:-1;
    display: inline-block;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
    translate(20px,25px)
    skew(20deg);}
.box14_ribbon {position:absolute;
    top:0; right: 0;
    width: 130px;
    height: 40px;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(6deg) skew(0,0) translate(-60%,-5px);}
.box15 {margin: 50px;
    width: 320px;
    min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background: -webkit-gradient(linear, 100% 100%, 50% 10%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
    -webkit-border-bottom-right-radius: 60px 5px;}
.box15:before {content: '';
    width: 98%;
    z-index:-1;
    height: 100%;
    padding: 0 0 1px 0;
    position: absolute;
    bottom:0; right:0;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f9f9f9), color-stop(.1,#fff));
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0, 0.1);
    -webkit-border-bottom-right-radius: 60px 5px;
    -webkit-transform: skew(2deg,2deg)
    translate(3px,8px)}
.box15:after {content: '';
    width: 98%;
    z-index:-1;
    height: 98%;
    padding: 0 0 1px 0;
    position: absolute;
    bottom:0; right:0;
    background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#f3f3f3), to(#f6f6f6), color-stop(.1,#fff));
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
    -webkit-transform: skew(2deg,2deg)
    translate(-1px,2px)}
.box15_ribbon {position:absolute;
    top:0; left: 0;
    width: 130px;
    height: 40px;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(-30deg) skew(0,0) translate(-30px,-20px);}
.box16 {margin: 70px 50px;
    width: 300px;
    min-height: 250px;
    position:relative;
    border: 2px solid #ccc;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);}
.box16:before {content: '';
    width: 110%;
    left: 0;
    height: 125%;
    z-index:-1;
    position:absolute;
    border: 1px solid #ccc;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate(-5%,-5%);}
.box16:after {content: '';
    width: 100%;
    left: 0;
    height: 115%;
    z-index:-2;
    background: none;
    position:absolute;
    border-radius: 20px;
    -webkit-box-shadow: 15px 0px 30px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(0,0);}
.box16_ribbon {position:absolute;
    top:0; left: 0;
    width: 130px;
    height: 40px;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(-30deg) skew(0,0) translate(-20px,-20px);}
.box16_ribbon:before {content: '';
    position:absolute;
    top:0; left: 0;
    width: 130px;
    height: 40px;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg) skew(0,0) translate(-15px,-20px);}


/* ==========================================================================
   child overrides (.img-go-review, .breadcrumb-custom)
   ========================================================================== */

.img-go-review {margin-left: 0 !important;
    visibility: visible !important;
    float: right;
    margin-right: 15px;}
.breadcrumb-custom {padding: 1.75rem 1rem;
    margin-bottom: 1rem;
    border-radius: .25rem;
    border-bottom: 1px solid #bf5a5a;
    list-style: none;
    width: 100%;
    margin: unset;}

/* ---- Native star ratings (replaces kk-star-ratings plugin) ---- */
.safeporn-rating{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0;}
.safeporn-stars{position:relative;display:inline-block;font-size:20px;line-height:1;
    font-family:Arial,"Segoe UI Symbol",sans-serif;color:#ccc;white-space:nowrap;}
.safeporn-stars::before{content:"\2605\2605\2605\2605\2605";letter-spacing:2px;}
.safeporn-stars-on{position:absolute;top:0;left:0;height:100%;overflow:hidden;
    white-space:nowrap;color:#f5c518;}
.safeporn-stars-on::before{content:"\2605\2605\2605\2605\2605";letter-spacing:2px;}
.safeporn-rating-count{font-size:13px;color:#555;}


/* ---- Homepage category grid: masonry a colonne (fix layout) ---- */
.all_cats { column-count: 4; column-gap: 18px; }
.all_cats .item-category { height: auto !important; display: inline-block; width: 100%;
    margin: 0 0 18px; -webkit-column-break-inside: avoid; break-inside: avoid; vertical-align: top; float: none !important; }
.all_cats .item-category .card-block { height: auto !important; overflow: visible !important; }
@media (max-width: 1199px) { .all_cats { column-count: 3; } }
@media (max-width: 767px)  { .all_cats { column-count: 2; } }
@media (max-width: 575px)  { .all_cats { column-count: 1; } }