/* SET BASE
----------------------------------------------- */
* {background: #ffffff00;margin: 0;padding: 0;outline: none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select {vertical-align: middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
img {max-width: 100%;max-height: 500px;}
.clr {clear: both;}

html {font-size: 14px;}
body {
	font: 14px Verdana, Tahoma, Geneva, sans-serif;
	font-size: 100%;
	padding: 0;
	margin: 0;
	color: #222;
	background-color: #fffad9;
	min-height: 100%;
	width: 100%;
	font-weight: normal;
}
a {color: #222; text-decoration: none;}
a:hover {color: #1e88e5;text-decoration: none;}
h1 {font-weight: inherit;font-size: 1.8rem;}
h2, h3, h4, h5 {
    font-weight: inherit;
    font-size: 1.5rem;
    display: inline-block;
    width: 100%;
    padding: 20px 0;
}

button, textarea, input[type="text"], input[type="password"] {appearance: none; -webkit-appearance: none; font-size: 16px; 
font-family: "GothamProRegular" !important;}

.btn, button, input[type="button"], input[type="submit"] {
	display: inline-block; text-align: center; padding: 0 15px; height: 40px; line-height: 38px; cursor: pointer;  
background-color: #fff; color: #222; font-size: 14px; border: 2px solid #1e88e5; border-radius: 5px;}
.btn:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover 
{background-color: #1e88e5; color: #fff; border-color: #1165af;}
button:active, input[type="button"]:active, input[type="submit"]:active {}

input[type="text"], input[type="password"] {display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 15px;
background-color: #eee; color: #222;  border-radius: 4px; box-shadow: none; border: 0;}
input[type="text"]:focus, input[type="password"]:focus {}
input::-webkit-input-placeholder {color: #222; opacity: 0.5;}
input::-moz-placeholder {color: #222; opacity: 0.5;}
input:-moz-placeholder {color: #222; opacity: 0.5;}
input:-ms-input-placeholder {color: #222; opacity: 0.5;} 
.search-box input::-webkit-input-placeholder {color: #222; opacity: 0.5;}
.search-box input::-moz-placeholder {color: #222; opacity: 0.5;}
.search-box input:-moz-placeholder {color: #222; opacity: 0.5;}
.search-box input:-ms-input-placeholder {color: #222; opacity: 0.5;} 
input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder {color: transparent}
input:focus:-moz-placeholder {color: transparent}
input:focus:-ms-input-placeholder {color: transparent} 

select {height: 40px; border: 1px solid #e3e3e3; background-color: #fffad9; color: #222;}
textarea {display: block; width: 100%; padding: 15px; overflow: auto; vertical-align: top; resize: vertical; height: 90px; 
background-color: #eee; color: #222;  border-radius: 4px; box-shadow: none; border: 0;}

.img-box, .img-wide, .img-square, .img-resp, .img-resp-vert, .img-resp-sq, .img-fit 
{overflow: hidden;position: relative;background-color: #ffffff;}
.img-resp {padding-top: 70%;border-radius: 5px;}
.img-resp-vert {padding-top: 140%;}
.img-resp-sq {padding-top: 100%;}
.img-box img, .img-square img, .img-resp img, .img-resp-vert img, .img-resp-sq img {width: 100%; min-height: 100%; display: block;}
.img-resp img, .img-resp-vert img, .img-resp-sq img {position: absolute;left: 0;top: 0;object-fit: contain;height: 100%;border-radius: 5px 0 0 5px;}
.img-wide img {width: 100%; display: block;object-fit: cover;}
.img-fit img {width: 100%; height: 100%; object-fit: cover;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.fx-row {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-col {display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-center {-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-middle {-ms-flex-align:center;-webkit-align-items:center;align-items:center}

@font-face {
	font-family: "GothamProRegular";
	src: url("../fonts/GothamProRegular/GothamProRegular.woff") format("woff");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "GothamProBold";
	src: url("../fonts/GothamProBold/GothamProBold.woff") format("woff");
	font-style: normal;
	font-weight: normal;
}
/*@font-face {
	font-family: "GothamProLight";
	src: url("../fonts/GothamProLight/GothamProLight.woff") format("woff");
	font-style: normal;
	font-weight: normal;
}*/

b, strong, h1, h2, h3, h4, h5, .fw700, .items-sort li[class] {
    color: #dc143c;
}
.hover-mask {transition: color .2s, background-color .2s, opacity .2s;}
.icon-left .fa {margin-right: 0.4em; vertical-align: middle;}


/* BASIC GRID
----------------------------------------------- */
.wrapsite-block {min-width:320px;overflow:hidden;max-width: 1400px;margin: 0 auto;position: inherit;box-shadow: 0 0 15px 8px rgba(56, 53, 53, 0.2);background-color: #fff;}
.add-favor {
    position: absolute;
    margin: 0 0 0 250px;
    background-color: coral;
    color: #fff;
    padding: 8px 15px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.3);
}
.add-favor:hover {background-color: #2196f3; color: #f5f5f5;}
.wrap-center {z-index:10;}

.bottom_line {height: 40px;background-color: #ffef87;}
.header-block {background-color: #ffef87;color: #fff;padding: 5px 20px 10px 20px;border-bottom: 2px solid #f9e563;}
.nav {background-color: #fff;padding: 10px 0;box-shadow: 0 6px 6px 0 rgba(0,0,0,0.1);border-top: 1px solid #ccc;height: 130px;overflow: hidden;display:none;}
.link-top {
    background-color: #ffc107;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    margin: 5px 0;
}
.link-top a {
    margin: 5px;
    background-color: #ffd34e;
    padding: 0px 15px;
    border-radius: 4px;
    font-size: 16px;
    display: inline-block;
    line-height: 2.5;
}
.link-top a:hover {
    background-color: #ff9800;
	color: black;
}
.main {margin: 20px 0;padding: 0 20px 0 20px;display: flow-root;}
.speedbar {
    padding: 10px;
    margin: 10px 0;
    font-weight: bold;
    color: #1e88e5;
}
.footer {background-color: #ffef87;color: #222;font-size: 14px;padding: 20px;}

#gotop{position:fixed;width: 110px;height: 40px;line-height: 40px;right: 10px;bottom:10px;padding: 0 15px 0 0;cursor:pointer;font-size: 20px;z-index:9998;display:none;opacity:1;background-color: #ffef87;color: #1e88e5;border-radius: 4px;text-align:center;box-shadow: 0 1px 9px 3px rgba(0,0,0,0.2);}
.arrowtop {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg); 
    transform: rotate(-90deg);
    position: absolute;
    display: inline;
}

/* HEADER
----------------------------------------------- */
.logo {display: block;}
.logo img {height: 90px;}
.search-box {width: 35%;position: relative;}
.search-box input#story, .search-box input#story:focus {width: 100%;height: 40px;line-height: 40px;background-color: #fffbe0;color: #222;padding-right: 60px;border: 1px solid #ccc;}
.search-box button {position: absolute;right: 0;top: 0;color: #4f884f;background-color: #90ee90;padding: 0;width: 90px;font-size: 18px;border: 1px solid #44d444;border-radius: 0 4px 4px 0;}
.search-box button:hover {color: #222;background-color: #44d444;}

/* NAV
----------------------------------------------- */
.nav-in li {
	width: 50%;
	float: left;
	display: block;
	position: inherit;
}
.nav-in a {display: block; padding: 0 15px; height: 28px; line-height: 28px; position: relative; overflow: hidden;}
.nav-in a:before {content: ""; height: 1px; border-top: 1px dotted #ccc; 
position: absolute; left: 30px; right: 30px; top: 15px;}
.nav-in a span:first-child {display: inline-block;vertical-align: top;background-color: #fff;padding-right: 10px;float: left;position: relative;z-index: 10;white-space: nowrap;text-overflow: ellipsis;}
.nav-in a span + span {display: inline-block; vertical-align: top; font-size: 12px; color: #888;
background-color: #fff; padding-left: 10px; top: 2px; float: right; position: relative; z-index: 10;}
.nav-in a:after {content: ""; display: table; clear: both;}
.nav-in a:hover, .nav-in a:hover span, .nav-in a.active, .nav-in a.active span {}

/* SECT, THUMBS
----------------------------------------------- */
.items-header {margin: inherit;}
.items-title-h1 {font-size: 1.8rem;display: inline-block;width: 100%;}
.items-title {font-size: 1.5rem;display: inline-block;width: 100%;}
.items-sort {font-size: 12px; line-height: 12px; margin: 0 10px;}
.items-sort form, .items-sort li {display: inline-block; vertical-align: top;}
.items-sort li {margin-left: 10px;}
.items-sort li + li {padding-left: 10px; border-left: 1px solid #888;}
.items-sort a {color: #1e88e5;}
.items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.item {float: left;width: 31.7777%;margin-bottom: 30px;margin: 10px 0;border-radius: 5px;text-align: center;}
.item-link {display: block;}
.item-in {background-color: #fff;box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);border: 1px solid #e3e3e3;border-radius: 5px;-webkit-box-shadow: 0px 0px 37px -7px rgba(34, 60, 80, 0.2);-moz-box-shadow: 0px 0px 37px -7px rgba(34, 60, 80, 0.2);box-shadow: 0px 0px 37px -7px rgba(34, 60, 80, 0.2);}
.item-in-rel {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.item-title {line-height: 20px;height: 40px;overflow: hidden;padding: 10px;text-align: center;color: white;background-color: #3b93ff;border-radius: 0 0 5px 5px;}
.violet-title {background-color: #b462ff;color: white;border-radius: 0 0 5px 5px;}
.meta-rate {right: 10px; bottom: 10px; background-color: #1e88e5; opacity: 0;}
.wdone {opacity: 1;}
.item-model {width: 20%;}
.itemcat {
	width: 23.7777%;
    text-align: center;
}
.cat-in {
	border-radius: 100% !important;
    height: 250px;
    width: 250px;
    object-fit: cover;
    display: inline-block;
}
.cat-img {
	border-radius: 100% !important;
    width: 250px;
    height: 250px;
    padding-top: inherit !important;
    display: flex;
    justify-content: center;
}
.cat-img:hover {border: 10px solid #ddd;}
.cat-img-src {
	width: 200px !important;
    height: 200px !important;
    position: inherit !important;
}
.cat-title {
	background-color: #ffffff00;
    color: black;
}
.cat-title:hover { color: blue; }

.catmenuLoadWrap .btn {
    padding: 10px 50px;
    margin: 40px;
    display: inline-table;
    font-size: 1.2rem;
}

/* DESC
----------------------------------------------- */
.sect-desc {
    line-height: 2;
    margin: 40px 0px 14px 0px;
    font-size: 14px;
    color: #000;
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    border: 2px solid #ffef87;
}
.sect-desc p + p {margin-top: 15px;}
.sect-desc p {opacity: 0.7;background-color: #ffffff8c;}
.sect-desc .items-title {
    margin-bottom: 5px;
}
.sect-desc a {text-decoration: underline; color: #1e88e5;}
.slice {overflow:hidden; position:relative; transition:height .2s;}
.slice-masked:before {content:'';position:absolute;z-index:1;bottom:0px;left:0;right:0;height:120px;pointer-events:none;
	background:-webkit-linear-gradient(top, rgba(238,238,238,0) 0%, #eee 100%);
background:linear-gradient(to bottom, rgba(238,238,238,0) 0%, #eee 100%);}
.slice-btn {margin:-30px 0 20px 0;}
.slice-btn span {display:inline-block; cursor:pointer; color:#1e88e5; font-size: 12px;}

.seo-text ul {
    list-style: inside;
}

.seo-text h2, h3 {
    padding: 30px 0 10px 0;
}

.list6b {
    padding:0;
    list-style: none;
}
.list6b li{
    padding:6px;
    height: auto;
}
.list6b li:before {
    padding-right:10px;
    font-weight: bold;
    color: #C0C0C0;
    content: "\2714";
    transition-duration: 0.5s;
}
.list6b li:hover:before {
    color: #337AB7;
    content: "\2714";
}

/* FOOTER
----------------------------------------------- */
.footer-text {text-align: right;}
.footer-text li {display: inline-block; margin: 0 5px 10px 5px; padding: 0 7px 0 15px;}
.footer a {color: #1e88e5;}
.footer-copy  {line-height: 1.7;color: #555;}


/* PAGS
----------------------------------------------- */
.bottom-nav {text-align: center;padding-top: 20px;display: flex;width: 100%;justify-content: center;}
.pagi-nav {display: inline-block;background-color: #90ee90;line-height: 40px;padding: 0 10px;box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);border-radius: 5px;}
.pagi-nav > a, .pagi-nav > span {display: inline-block;float: left;padding: 0 10px;border-left: 1px solid #4cda47;min-width: 40px;}
.pagi-nav > *:first-child {border: 0;}
.pagi-nav > span:not(:first-child):not(.nav_ext) {background-color: #68e468;color: #222;}
.pagi-nav a:hover {background-color: #68e468;color: #222;}

/* FULL
----------------------------------------------- */
.custom-speedbar {
    padding-bottom: 5px;
}
.custom-speedbar .custom-speedbar-home {
    padding-right: 5px;
}
.custom-speedbar .custom-speedbar-home:before {
    content: "\f015";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 5px;
}
.custom-speedbar .custom-speedbar-home:after {
    content: "•";
    padding-left: 5px;
}
.pages-bg {display: flex; flex-wrap: wrap; flex-direction: row; padding: 15px; background-color: #fff; box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);}
#fullsearch {width: 100%; padding-bottom: 20px;}
.sub-title {margin-bottom: 15px;}
.searchres {margin: 8px;}
.fright {width: 300px;float: right;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: flex-start;align-content: flex-start;}
.fleft {
	width: calc(100% - 320px);
	width: -webkit-calc(100% - 320px);
	padding: 30px;
	float: left;
	display: flex;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 12px 0 rgba(130, 130, 130, 0.2);
	flex-direction: column;
}
.cat-desc-title a:first-child:before {
    content: "\f015";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 5px;
}
.cat-desc-title {
    text-align: justify;
    width: 100%;
    background-color: aliceblue;
    padding: 25px;
    margin: 10px 0 10px 0;
    border-radius: 5px;
}
.cat-desc-title h1 {
    padding-top: 5px;    
}
.cat-desc {
    text-align: justify;
    width: 100%;
    background-color: aliceblue;
    padding: 30px;
    margin: 30px 0 30px 0;
    border-radius: 5px;
}
.cat-desc-text {
	margin: 10px 0 20px 0;
}
.cat-desc-text ul {
    list-style: inherit;
    margin-left: 30px;
}
.cat-desc p {
    margin: 15px 0;
    line-height: 1.6em;
}
.radv {
	padding: 0 0 15px 0;
    width: 300px;
}
.radv2 {
    width: 300px;
}
.position-relative{
	position: relative;
}
.position-fixed{
	position: fixed;
}
.sticky-place{
	width:100%;
	z-index:1035;
}
.sticky-place.fixed{
	z-index:1037;
}

.sub_a {
	position: relative;
}
.sub_i {
	position: relative;
	background-color: aliceblue;
	padding-right: 10px;
}
.sub_i:before {
	content: "";
	display: block;
	height: 1px;
	border-top: 1px dotted #bee1ff;
	position: relative;
	margin-right: 40px;
	top: 19px;
}
.sub_n {
	float: right;
	padding-right: 20px;
}
.sub_ul {
	list-style: inherit;
	padding-left: 20px;
	background-color: #bcfbbc;
}

.block_links {
	padding: 20px;
	display: flex;
	justify-content: center;
}
.block_links small {
    font-size:12px;
}
.skins {
    display: block;
    background-color: #ffe74d;
    border: 1px solid #ecd541;
    margin-bottom: 20px;
}
.skins_title {
    padding: 8px;
    font-size: 1.1rem;
    color: #555;
}
.skins form {
    padding: 10px;
    width: 100%;
    display: inline-grid;
}
.btn_dwn:before {
    content: "\f019";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    padding-right: 10px;
}
.btn_dwn {
	background-color: #f5bc68;
	color: black !important;
	float: left;
	margin: 10px;
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	border-radius: 5px;
	padding: 10px 20px;
	font-size: 1.1rem;
}
.btn_dwn:hover {
	background-color: #fe9a09;
	color: black !important;
}
.btn_dwn:visited {
	color: white;
}
.btn_prt:before {
    content: "\f02f";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    padding-right: 10px;
}
.btn_prt {
	background-color: #97c7f2;
	color: black;
	padding: 12px;
	float: left;
	margin: 10px;
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	border-radius: 5px;
	padding: 10px 20px;
	font-size: 1.1rem;
}
.btn_prt:hover {
	background-color: #5cacf4;
	color: black !important;
}
.btn_prt:visited {
	color: white;
}
.btn_onl:before {
    content: "\f1fc";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    padding-right: 8px;
}
.btn_onl {
    background-color: #f692a3;
    float: left;
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 10px 20px;
    font-size: 1.1rem;
    border-radius: 5px;
    text-align: center;
}
.btn_onl:hover {
	background-color: #e9617b;
    color: black !important;
}

@media screen and (min-width: 1220px) {
	.fcols .item {float: none; width: 100%; margin: 10px 0 10px 0;}
	.fcols .item-link {padding: 0;}
}

.fplayer {margin:20px -30px 0 -30px;text-align: center;}
.fplayer img { max-height: 400px; }
.full-tags {line-height:30px;}
.full-tags a {color: #1e88e5;}
.full-tags a:hover {text-decoration: underline;}

.fmeta {padding:10px 30px;margin: 0 -30px;border-bottom: 1px solid #e3e3e3;}
.fm-item {float: left;line-height: 37px;padding: 0 20px;border-right: 1px solid #e3e3e3;}
.fm-item div {font-size: 14px;}
.fm-fav {cursor:pointer;width: 60px;height:40px;text-align: center;font-size:24px;float: left;color: #ff9800;line-height: 40px;background-color: #fff;}

.fmeta-rate {float:left;white-space:nowrap;text-align:center;overflow:hidden;height: 40px;border-right: 1px solid #e3e3e3;padding-right: 10px;}

.related-paint {display: flex;margin-top: 20px;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.related-paint .item {width: 32%;float: left;}

/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{max-width:100% !important; display:block; width:100%; height:400px;}
.mejs-container {max-width:100% !important;}

.full-taglist a {color:#1e88e5;}
.full-taglist {margin-top:20px;}
.full-taglist span:not(.fa):not(:last-child):after {content:","; display:inline;}


/* COMMENTS
----------------------------------------------- */
.full-comms {padding:10px 30px; margin: 20px -30px -20px -30px; border-top: 1px solid #e3e3e3;}
.comms-title {line-height:40px;}
.comms-title > span {font-size:14px;}
.add-comm-form {position:relative; margin:20px 0; display:none;}
.ac-soc {position:absolute; right:0px; top:-8px;}
.ac-soc:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:5px;}
.ac-soc a {display:inline-block; margin:0 0 0 3px; vertical-align:top;}
.ac-soc img {display:block; width:30px;}
.ac-inputs, .ac-textarea {margin-bottom:15px;}

.ac-inputs input {width:49%;}
.ac-textarea textarea {height:85px;}
.ac-submit {}
.sec-answer + .sec-label {margin-top:10px;}
.ac-protect {margin-top:-10px; display:none;}
.ac-protect .label {font-size:12px;}
.ac-protect .sep-input {padding:10px 10px 10px 160px;}

.mass_comments_action {display:none;}
.last-comm-link {margin-bottom:10px;}
.last-comm-link a {text-decoration:underline;}
.full-comms {}

.comm-item {font-size: 12px;}
.comm-author {margin-right:10px;}
.comm-one {margin-bottom:10px; opacity: 0.6;}
.comm-two {line-height: 1.5;}
[id*=comment-id-] {margin-top: 10px;}
[id*=comment-id-]:nth-child(2n) {background-color: #f5f5f5; padding: 10px 30px; margin-right: -30px; margin-left: -30px;}


/* ADAPTIVE
----------------------------------------------- */
.btn-menu {display:none;}
.side-panel {width:260px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#fff; 
padding:0 10px; z-index:888; position:fixed; left:-260px; top:0; transition:left .4s; -webkit-transition:left .4s;}
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.8); 
position:fixed; left:0; top:0; z-index:887; display:none;}
.side-panel a {display:block; padding:10px 50px 10px 0; font-size:14px;
color:#222; border-bottom:1px solid #e3e3e3;}
.side-panel li {position:relative; color:#222;}
.side-panel li a span + span {position:absolute; right:10px; top:12px; opacity:0.8; font-size: 12px;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}


@media screen and (max-width: 1220px) {
	.wrap-center {}
	.logo {width: 300px;}
    .logo img {height: auto;}
	.h-menu-nav, .nav, .footer-alert, .footer-copy {display: none;}
	.header-block {box-shadow: 0px 4px 13px 0 rgb(0 0 0 / 10%);}
	.header-in, .main, .footer-in {}
	.item-model {width: 25%;}
	
	.btn-menu {
	background-color:#1e88e5;
	color:#fff;
	cursor:pointer;
	display:block;
	width: 50px;
	height: 40px;
	line-height:40px;
	text-align:center;
	font-size:28px;
	border-radius: 5px;
	}
	
	.fcols {display: block;}
	.fleft {width: 100%;}
	.fright {width: auto; margin: 30px -15px 0 -15px;}
	.fright .items-title {margin-left: 15px;margin-bottom: 10px;}
	
	.item {width: 31.11111%;}
    .itemcat {width: 31.7777%;}
	.fright {   
		margin: 30px 0px 0 0px;
        width: 100%;
	}
    .link-top { display:none; }
	.footer-text {text-align: center;width: 100%;}
}

@media screen and (max-width: 950px) {
	.wrap-center {}
	.items-sort {width: 100%;margin-top: 10px;line-height: 1.6;}
	.item {width: 46.44444%;}
    .itemcat {width: 46.44444%;}
	.footer-in {display: block; text-align: center;}
	.item-model {width: 33.33%;}
	
    .fm-item {width: 100%;}
    
	.fleft, .fmeta, .full-comms, [id*=comment-id-]:nth-child(2n) {padding-left: 15px; padding-right: 15px;}
	.fplayer, .fmeta, .full-comms, [id*=comment-id-]:nth-child(2n) {margin-right: -15px;margin-left: -15px;flex-direction: column;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
    .link-top { display:none; }
	.footer-text {text-align: center;}
}

@media screen and (max-width: 760px) {
	.wrap-center {}
	.header-block {}
	.search-box {width: 100%;order:3;-webkit-order:3;}
	.pagi-nav {display: block; background-color: transparent; padding: 0; box-shadow:none;}
	.pagi-nav > a, .pagi-nav > span {display: inline-block; float: none; padding: 0 10px; 
	border-left: 0; background-color: #fff; box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1); margin: 0 3px 8px 3px;}
	
	.ac-protect {margin-top:0px;}
	.comments-tree-list .comments-tree-list {padding-left:0px !important;}
	.comments-tree-list .comments-tree-list:before {display:none;}
	.mass_comments_action {display:none;}
	.sub-title h1 {font-size:18px; line-height:24px;}
    
    .block_links {
    	display: grid;
	}
    .link-top { display:none; }
    .footer-text {text-align: center;}
}

@media screen and (max-width: 590px) {
	.wrap-center {
    padding: 0;
}
	
	.items-title {font-size: 1.2rem;}
	.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}
	
	.ac-soc {position:static;}
	.ac-inputs input {width:100%; margin-top:10px;}
	.ac-protect {width:100%; float:none; margin:0;}
	.ui-dialog {width:100% !important;}
	.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
	.upop-left {margin-bottom:10px; text-align:center;}
	.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
	#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
	.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
	.attach-info {float:none;}
    .link-top { display:none; }
    .footer-text {text-align: center;}
}

@media screen and (max-width: 470px) {
	.wrap-center22 {max-width:320px;}
	.logo {width: 200px;font-size: 18px;}
	.item {width:100% !important;margin-bottom: 15px;position: relative;}
	.item-model {width: 50%;}
	
	.fmeta-rate {border-right: 0; padding-right: 0;	}
	.rate-counts {width: 100px;}
	.add-comm-btn {padding:0 10px;}
	.comms-title2 {text-align:center; display:block !important;}
	
	.puzzle-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
    .link-top { display:none; }
    .item-in-rel {padding: 0 15px;}
    .footer-text {text-align: center;}
}

/*************************************************************************************/
.ac-container {
	box-shadow: 0 0 12px 0 rgba(56, 56, 56, 0.2);
}
.ac-container a {
	display: contents;
}
.ac-container a:hover {
    color: #000;
}
label.m_lnk:hover {
	background-color: #68e468;
}
.m_lnk_parent:before {
	content: "\f07b";
    color: #229122;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 10px;
}
.m_lnk_sub:before {
	content: "\f07c";
    color: #229122;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 10px;
}
.ac-container label{
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 40px;
    cursor: pointer;
    line-height: 33px;
    font-size: 14px;
    background-color: lightgreen;
    border-bottom: 3px solid #44d444;
}
}

.ac-container label:hover{
    background: #fff;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover{
    color: #303030;
    background-color: #44d444;
    -webkit-box-shadow: 0px 5px 9px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 5px 9px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 5px 9px 0px rgba(50, 50, 50, 0.4);
}

.ac-container input{
    display: none;
}

.ac-container article{
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container input:checked ~ article {
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    height: auto;
}

.ac-container article p{
    font-style: italic;
    color: #777;
    line-height: 23px;
    font-size: 14px;
    padding: 20px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}

/**************************************************************************/
.ads {
    margin: 20px;
    text-align: center;
    background-color: #f3edc8;
    max-height: 250px;
}
/******************************** LOGIN ******************************/
.loginblock {
    position: relative;
}
.loginblock a {
}
.loginblock a:hover {
    color:#36b528;
	text-decoration: underline;  
}
.login_input input {
	margin-bottom: 10px;
}
.login_input .enter {
    margin: 10px;
    margin-left: 110px;
}
.profile a {
    text-decoration: none !important; 
}
.profile-left {
    padding-bottom: 10px;
    padding-top: 10px;
}
.lostpass {
    float: right;
}
#loginb {
    color: #1977b2;
    width: 270px;
    display: none;
    background-color: white;
    position: fixed;
    top: 100px;
    left: 50%;
    margin-left: -150px;
    z-index: 20000 !important;
    box-shadow: -1px 3px 200px 2000px #000000a1;
    border-radius: 4px;
    padding: 30px;
}

#loginb a {
    color: #505050;
    text-decoration: underline;
}

#loginb a:hover {
    color: #8BC34A;
    text-decoration: underline !important;
}

.logintitle {
    line-height: 30px;
    height: 30px;
    text-align: center !important;
    color: #1877c4;
    font-size: 18px;
}

.login-close {
    position: absolute;
    background: url(../images/login-close.png) 0 0 no-repeat;
    width: 25px;
    height: 25px;
    cursor: pointer;
    top: -15px;
    right: -15px;
}

.login-close:hover {
    background-position: 0 -25px;
}
/************************************************************/
.ui-icon, .ui-dialog-titlebar-close {display:none !important;}

.clearfix::after {display: none !important;}

/*nav-top*/
.nav-top{
	display:flex;
	justify-content: center;
}
.nav-top .sub_li{
	position:relative;
}
.nav-top .sub_li > .sub_ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background-color:#ffef87;
	padding:6px;
	border-radius:7px;
	z-index:1050;
	flex-wrap: wrap;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.nav-top .sub_li:hover > .sub_ul{
	display:grid;
	gap: 6px;
}
.nav-top .sub_li > .sub_ul a{
	white-space: nowrap;
	width:100%;
	margin: 0;
	display: flex;
    justify-content: center;
    align-content: center;
	font-size: 14px;
}
.nav-top .sub_li > .sub_ul .count{
	padding: 4px;
    border-radius: 50%;
    background-color: #ffc107;
    font-size: 12px;
    display: block;
    margin: auto 0 auto 4px;
    line-height: 14px;
}
.w-100{
	width: 100%;
}
.flex-auto{
	flex: auto;
}
.item-pseudo{
	margin:0 !important;
}
.relatedLoadWrap{
	margin-top:30px;	
 }