/* SET BASE
----------------------------------------------- */
* {background:0 0; 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%}
.clr {clear:both}
.clearfix:after {content:""; display:table; clear:both}

body {font:14px source sans pro,sans-serif; line-height:normal; padding:0; margin:0; 
color:#000; background-color:#f5f5f5; min-height:100%; width:100%; font-weight:400}
a {color:#000; text-decoration:none}
a:hover,a:focus {color:#28a6f3; text-decoration:none}
h1,h2,h3,h4,h5 {font-weight:600; font-size:18px}

button,textarea,input[type=text],input[type=password] {appearance:none; -webkit-appearance:none; 
font-size:16px; font-family:source sans pro!important}
.button,.btn,.pagi-load a,.up-second li a,.usp-edit a,.qq-upload-button,button:not(.color-btn):not([class*=fr]),
html input[type=button],input[type=reset],input[type=submit],.meta-fav a,.usp-btn a {
display:inline-block; text-align:center; padding:0 20px; height:40px; line-height:40px; 
border-radius:4px; cursor:pointer; color:#fff; background-color:#27ae60; font-size:16px; font-weight:600}
.button:hover,.btn:hover,.up-second li a:hover,.usp-edit a:hover,.qq-upload-button:hover,
.pagi-load a:hover,.usp-btn a:hover,
button:not(.color-btn):hover,html input[type=button]:hover,input[type=reset]:hover,
input[type=submit]:hover,.meta-fav a:hover 
{background-color:#2ecc71; color:#fff; box-shadow:0 10px 20px 0 transparent}
button:active,input[type=button]:active,input[type=submit]:active {box-shadow:inset 0 1px 4px 0 rgba(0,0,0,.1)}

input[type=text],input[type=password] {height:40px; line-height:40px; 
border-radius:4px; border:0; padding:0 15px}
select {height:40px; border:0; padding:0 15px}
textarea {padding:15px; overflow:auto; vertical-align:top; resize:vertical}
input[type=text],input[type=password],select,textarea {width:100%; background-color:#fff; color:#000; 
box-shadow:inset 0 0 0 1px #e3e3e3,inset 1px 2px 5px rgba(0,0,0,.1)}
select {width:auto}
input[type=text]:focus,input[type=password]:focus,textarea:focus 
{box-shadow:inset 0 0 0 1px #3498db,inset 1px 2px 5px rgba(0,0,0,.1)}
input::placeholder,textarea::placeholder {color:#000; opacity:.5; font-size:14px}
input:focus::placeholder,textarea:focus::placeholder {color:transparent}

.img-box,.img-wide,.img-square,.img-resp,.img-resp-vert,.img-resp-sq,.img-fit 
{overflow:hidden; position:relative}
.img-resp {padding-top:60%}
.img-resp-vert {padding-top:124%}
.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}
.img-wide img {width:100%; display:block}
.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}
.fx-start {-webkit-justify-content:flex-start; justify-content:flex-start}
.fx-first {-ms-flex-order:-1; -webkit-order:-1; order:-1}
.fx-last {-ms-flex-order:10; -webkit-order:10; order:10}
.fx-1 {-ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; 
max-width:100%; min-width:50px}

b,strong,h1,h2,h3,h4,h5,.fw700 {font-weight:600}
.icon-left .fa,.icon-left .icon {margin-right:10px}
.icon-right .fa,.icon-right .icon {margin-left:10px}
.hidden,#dofullsearch {display:none}
.anim {transition:color .3s,background-color .3s,opacity .3s}
.anim-all {transition:all .3s}
.mtitle,.sub-title h1,.form-wrap h1 {margin-bottom:30px; font-size:24px; font-weight:400}
.pages,.short-in,.comm-right,.lcomm-text,.filter-sect,.add-comm-form,.sect-ffirst 
{box-shadow:1px 2px 4px 0 rgba(0,0,0,.2); background-color:#fff; border-radius:6px}
.pages {padding:30px}


/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; position:relative; overflow:hidden; padding-top:60px}
.wrap-center {max-width:1070px; margin:0 auto; position:relative; z-index:20}
.header {background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,.2); position:fixed; z-index:999; left:0; top:0; width:100%}
.sticky-hide {top:-70px}
.is-active.sticky-hide {top:-140px}
.sticky {top:0!important}
.content {padding:30px 0; min-height:100vh}
.footer {background:#222  center 15px no-repeat; color:#ccc; position:relative; 
text-align:center; border-top:5px solid #28a6f3; padding:7px 2000px 30px; margin:0 -2000px}

#gotop {position:fixed; width:40px; height:40px; line-height:40px; right:10px; bottom:10px; 
z-index:9998; display:none; background-color:#fff; color:#222; cursor:pointer; font-size:16px; 
border-radius:50%; text-align:center; box-shadow:0 1px 4px rgba(0,0,0,.2)}


/* HEADER
----------------------------------------------- */
.btn-menu {height:40px; border-radius:4px; line-height:40px; text-align:center; 
margin-right:30px; cursor:pointer; font-size:24px}
.logo {display:block; width:200px; height:60px}
.login-btns>* {display:inline-block; vertical-align:middle; font-size:16px; cursor:pointer; 
height:30px; border-radius:50%; line-height:30px; text-align:center}
.btn-login {background-color:#626262; color:#fff; width:30px; margin-left:15px}
.btn-fav {color:#e74c3c}
.btn-menu:hover {color:#28a6f3}
.btn-login:hover {background-color:#28a6f3}
.search-wrap {margin-left:6px}
.search-box {width:380px; position:relative}
.search-box input,.search-box input:focus {padding:0 15px 0 50px; background-color:#f5f5f5; 
border-radius:4px; box-shadow:none}
.search-box input::placeholder {color:#000; opacity:.5}
.search-box button {position:absolute; left:5px; top:0; z-index:10; padding:0!important; 
background-color:transparent!important; color:#000!important; font-size:14px!important; width:40px}


/* SIDE, NAV
----------------------------------------------- */
.mmenu-panel {position:fixed; z-index:9999; left:-400px; top:0; width:280px; height:100%; 
background-color:#333; overflow-x:hidden; overflow-y:auto; transition:left .3s linear}
.mmenu {padding:10px 0 0 10px; 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}
.mmenu li {-ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; 
-ms-flex-positive:1; flex-grow:1; max-width:100%; min-width:auto; margin:0 10px 10px 0}
.mmenu li a {padding:8px 10px; border-radius:4px; border:1px solid #111; display:block; 
background-color:#444; color:#fff; font-size:16px; white-space:nowrap}
.mmenu li.submenu {position:relative; min-width:calc(100% - 10px)}
.mmenu-btn-toggle {position:absolute; z-index:5; right:1px; top:1px; bottom:1px; 
border-radius:0 4px 4px 0; width:30px; background-color:#28a6f3; color:#fff; font-size:18px; 
text-align:center; cursor:pointer}
.hidden-menu {min-width:100%!important; margin-right:0!important; display:none}
.hidden-menu li a {font-size:14px; background-color:#222}
.mmenu a:hover {background-color:#27ae60}
.mmenu-overlay {z-index:9998!important; opacity:.8!important}
.mmenu-close {width:40px; height:40px; text-align:center; line-height:40px; display:none; 
position:fixed; left:280px; top:0; z-index:9999; background-color:#e74c3c; color:#fff}
.mmenu-panel.is-active {left:0}


/* SECTION
----------------------------------------------- */
.sect+.sect,.sect+#dle-content {margin-top:30px}
.sect-header {margin-bottom:30px}
.sect-title {font-size:38px; font-weight:300}
.sect-link {display:inline-block; padding:5px 10px; border-radius:4px; cursor:pointer; 
background-color:#28a6f3; color:#fff; margin-left:15px}
.sect-link:hover,.fdl-btn:hover {background:#3498db; color:#fff}
.short-items {margin:0 -7px -15px}
.sect-wide {margin-left:-2000px; margin-right:-2000px; padding:30px 2000px; 
background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,.2)}
.sect-col {width:48%}
.sect-col .sect-title {font-size:24px}
.mb-remove {margin-bottom:-15px}
.sect-lcomms {column-width:290px; column-gap:15px}


/* THUMB
----------------------------------------------- */
.short-item {float:left; width:20%; padding:0 7px; margin-bottom:15px}
.short-in {text-align:center; padding:0 15px 45px; border-radius:6px; overflow:hidden; position:relative}
.short-link {display:block}
.short-img-holder {padding:15px 0; margin:0 -15px; overflow:hidden; position:relative; 
background-color:#333; border-bottom:1px solid #e3e3e3}
.short-img {width:100px; height:100px; margin:0 auto; z-index:10; border-radius:20px; 
background-color:transparent!important}
.short-title {margin:15px 0 8px; height:20px; font-size:16px}
.short-desc {line-height:20px; height:60px; overflow:hidden; opacity:.5}
.short-bottom .mrating {transform:scale(.6,.6) translateX(-50%); transform-origin:center bottom; 
position:absolute; bottom:10px; left:50%; display:inline-block; margin-left:-30px}
.short-img-holder::after,.short-img-holder::before {content:''; position:absolute; top:20px; left:10px; width:300px; 
height:600px; z-index:3; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); transform:rotate(45deg)}
.short-img-holder::after {transform:rotate(135deg)}
.short-label {height:20px; line-height:20px; width:100px; background-color:#27ae60; color:#fff; transform:rotate(-45deg); 
text-transform:uppercase; font-size:12px; position:absolute; right:-35px; bottom:5px}

.short-upd {background-color:#28a6f3}
.short-new {background-color:#95a5a6}
.short-label+.short-label {animation:blinks 10s infinite linear; animation-delay:5s}
.short-label+.short-label+.short-label {animation-delay:8s}
@keyframes blinks {0% {opacity:1} 2% {opacity:0} 50% {opacity:0} 52% {opacity:1} 100% {opacity:1}}

.short-img-bg {z-index:1!important; opacity:0; transition:all .5s; position:absolute; left:0; top:0; right:0; bottom:0}
.done .short-img-bg {opacity:1}
.short-link:hover .short-img {box-shadow:2px 2px 10px rgba(0,0,0,.3)}

.srate-bar {width:90px; height:18px; line-height:18px; overflow:hidden; border-radius:9px; background-color:#95a5a6; 
position:absolute; bottom:15px; left:50%; transform:translateX(-50%)}
.srate-fill {position:absolute; left:0; top:0; height:100%; background-color:#27ae60}
.srate-title {color:#fff; font-size:12px; text-align:center; position:absolute; 
z-index:2; left:0; top:0; width:100%; height:100%}
.short-rate3.done {display:block}

.top-item {width:31%; margin-bottom:15px}
.top-img {width:40px; height:40px; margin-right:8px; border-radius:6px}


/* LASTCOMMENTS
----------------------------------------------- */
.lcomm {margin-bottom:15px}
.lcomm-meta {position:relative; padding-left:40px}
.lcomm-av {width:30px; height:30px; border-radius:50%; background-color:transparent; position:absolute; left:0; top:2px}
.lcomm-name {margin-bottom:2px; opacity:.6; font-size:12px}
.lcomm-date {opacity:.6}
.lcomm-text {padding:10px; line-height:1.5; position:relative; width:100%; margin-bottom:10px}
.lcomm-title {display:block}


/* FILTER
----------------------------------------------- */
.filter-sect {position:relative; z-index:99}
.filter-icon {background-color:#28a6f3; color:#fff; font-size:24px; text-align:center; 
width:50px; border-radius:6px 0 0 6px}
.filter-content {padding:15px}
.filter-btn {cursor:pointer; width:30px; height:30px; line-height:30px; text-align:center; 
border-radius:50%; font-size:16px; margin-left:0; background-color:#27ae60; color:#fff}
.filter-btn+.filter-btn {background-color:#e74c3c; margin-left:8px}
.filt-col {width:calc((100% - 155px)/5)}
.filt-col select {width:100%; opacity:0; height:30px}
.nice-select {background-color:#fff; cursor:pointer; border-radius:2px; line-height:30px; 
padding:0 8px 0 30px; position:relative; white-space:nowrap; width:100%; 
box-shadow:inset 0 0 0 1px #e3e3e3,inset 1px 2px 5px transparent}
.nice-select:active,.nice-select.open,.nice-select:focus {border-color:#999}
.nice-select::after {border-bottom:1px solid #999; border-right:1px solid #999; content:""; 
display:block; height:5px; margin-top:-4px; pointer-events:none; position:absolute; left:10px; 
top:50%; transform:rotate(45deg); transform-origin:66% 66% 0; transition:all .15s ease-in-out 0s; width:5px}
.nice-select.open::after {transform:rotate(-135deg)}
.nice-select.open .list {opacity:1; pointer-events:auto}
.nice-select.disabled {border-color:#ededed; color:#999; pointer-events:none}
.nice-select.disabled::after {border-color:#ccc}
.nice-select .list {background-color:#fff; box-shadow:0 0 0 1px rgba(68,68,68,.11); left:0; 
margin-top:4px; opacity:0; overflow:hidden; pointer-events:none; position:absolute; 
top:100%; width:100%; z-index:9}
.nice-select .list:hover .option:not(:hover) {background-color:transparent}
.nice-select .option {cursor:pointer; line-height:30px; min-height:30px; padding:0 15px}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus
 {background-color:#f6f6f6}
.nice-select .option.selected {font-weight:600}
.nice-select .option.disabled {background-color:transparent; color:#999; cursor:default}
.no-csspointerevents .nice-select .list {display:none}
.no-csspointerevents .nice-select.open .list {display:block}


/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {line-height:1.7; color:#5c5c5c; margin-top:60px}
.site-desc h1,.site-desc h2 {font-size:24px; font-weight:300; margin-bottom:15px; color:#000}
.site-desc li {list-style-type:disc; margin-left:40px}
.site-desc a {color:#28a6f3; text-decoration:underline}
.site-desc img {float:left; max-width:200px; margin:0 10px 10px 0}
.slice {overflow:hidden; position:relative; transition:height .2s}
.slice-masked:before {content:''; position:absolute; z-index:1; bottom:0; left:0; right:0; height:120px; pointer-events:none; 
background:linear-gradient(to bottom,rgba(245,245,245,0) 0%,#f5f5f5 100%)}
.slice-btn {margin:15px 0 0}
.slice-btn span {display:inline-block; cursor:pointer; text-decoration:underline; color:#28a6f3}


/* FOOTER
----------------------------------------------- */
.footer>* {position:relative; z-index:10}
.ft-menu li {display:inline-block; margin:0 15px 30px}
.ft-menu a {color:#fff; font-size:16px}
.ft-copyr {}
.ft-copyr a {color:#28a6f3}
.footer a:hover {text-decoration:underline}
.footer::before,.footer::after {content:''; position:absolute; top:-40px; left:50%; opacity:.6; width:500px; 
height:1000px; z-index:1; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); transform:rotate(45deg)}
.footer::after {transform:rotate(135deg)}
.share {width:225px; height:36px; margin:0 auto 30px; white-space:nowrap}
.share a {display:inline-block; vertical-align:top; width:36px; height:36px; border-radius:50%; margin-right:10px; 
box-shadow:5px 5px 16px 0 rgba(0,0,0,.1); background:url(../images/share.png) -2px -1px no-repeat}
.share a:last-child {margin:0}
.share a:nth-child(2) {background-position:-46px -1px}
.share a:nth-child(3) {background-position:-89px -1px}
.share a:nth-child(4) {background-position:-132px -1px}
.share a:nth-child(6) {background-position:-174px 0}
.share a:nth-child(5) {background-position:-220px -1px}
.share a:hover {transform:rotate(20deg)}


/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {line-height:40px; text-align:center; padding:30px 0 15px}
.pagi-nav {max-width:100%; display:inline-block}
.pagi-nav>span {display:inline-block}
.pprev,.pnext {}
.pprev {}
.pnext a,.pprev a,.pprev>span,.pnext>span {display:block; width:46px; text-align:center}
.navigation {text-align:center}
.navigation a,.navigation span,.pnext a,.pprev a,.pprev>span,.pnext>span {display:inline-block; padding:0 15px; 
background-color:#fff; margin:5px 2px 0; border-radius:4px; font-size:18px; box-shadow:1px 2px 4px 0 rgba(0,0,0,.2)}
.navigation span,.pagi-nav a:hover {background-color:#28a6f3; color:#fff}
.navigation span.nav_ext {background-color:#fff; color:#939393}
.pagi-nav a:hover {background-color:#28a6f3; color:#fff}
.dle-comments-navigation .pagi-nav {margin-bottom:0}
.fright {width:410px; margin-left:30px}


/* FULL
----------------------------------------------- */
@media screen and (min-width:1220px) {
.sect-rels .short-item {width:50%}
.sect-rels .sect-title {font-size:24px}
.sect-rels .top-item {width:100%}
}
.sect-rels .short-in {padding-bottom:15px}
.sect-rels .short-label {right:auto; bottom:auto; left:-35px; top:5px; z-index:20}
.sect-ffirst {overflow:hidden}
.sect-ffirst .short-img-holder {padding:15px; margin:0}
.sect-ffirst .short-img {margin:0 15px 0 0; width:140px; height:140px}
.sect-ffirst .short-img-bg {right:140px}

.frate,.fheader {position:relative; z-index:20; color:#fff}
.frate {width:110px}
.fheader h1 {font-size:38px; font-weight:300}
.ab-light+.fheader {color:#000}
.fleft .short-label {text-align:center; left:-35px; top:5px; right:auto; bottom:auto}

.frate .mrating {transform:scale(.8,.8) translateX(-50%); transform-origin:center bottom; position:relative; left:50%; margin-left:-20px}
.frate .mrating-count {opacity:.8; text-align:center}
.rate3-short {white-space:nowrap}
.r3-hide {display:none}
.sr-plus1,.sr-minus1 {cursor:pointer; height:40px; line-height:30px; border-radius:20px; background:#111; padding:5px; padding-right:15px}
.sr-minus1 {margin-top:10px}
.sr-plus1 div,.sr-minus1 div {display:inline}
.sr-plus1 .fa {background-color:#2ecc71}
.sr-minus1 .fa {background-color:#ec2828}
.rate3-short .fa {font-size:16px; margin-right:10px; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%}
.sr-plus1:hover .fa,.sr-minus1:hover .fa {background-color:#28a6f3; color:#fff}

.ffav a {display:block; border-radius:4px; padding:5px 0; text-align:center; background-color:#28a6f3; color:#fff; margin-top:10px}
.finfo {padding:15px; border-bottom:1px solid #e3e3e3}
.finfo li {font-size:16px; max-width:20%; font-weight:300}
.finfo li div {font-size:12px; opacity:.5; margin-bottom:5px; font-weight:400}
.finfo a {color:#28a6f3; text-decoration:underline}

.fdesc {padding:15px}
.gallery-shown {margin-bottom:15px}
.fmessage {padding:15px; font-weight:300; margin-bottom:3px}
.yellow {background-color:#ffecb3; color:#bf360c; border-left:3px solid #bf360c}
.blue {background-color:#e8eaf6; color:#1a237e; border-left:3px solid #1a237e}
.green {background-color:#e0f2f1; color:#004d40; border-left:3px solid #004d40}
.fdl-box {padding:15px}
.fdl-title {font-size:18px; font-weight:300}
.fdl-box .share {margin:0}
.fdl-header {margin-bottom:15px}
.fdl-btn {width:100%; overflow:hidden; background-color:#28a6f3; color:#fff; border-radius:4px; text-align:center}
.fdl-btn-icon,.fdl-btn-size {width:50px; background-color:rgba(0,0,0,.1); font-size:24px}
.fdl-btn-title {padding:15px; text-align:left; font-size:16px}
.fdl-btn-size {font-size:14px; font-weight:600; text-transform:uppercase}
.fdl-btn-title div+div {font-size:12px; margin-top:5px; opacity:.8}
.fdl-btn+.fdl-btn {margin-top:8px}
.fdl-btn-gp {background-color:#333}
.fdl-btn-gp img {width:20px}
.fdl-btn-gp .fdl-btn-icon {background-color:rgba(0,0,0,.5)}


/* 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-text {line-height:1.7; font-size:16px}
.full-text img:not(.emoji) {max-width:100%; margin:10px 0}
.full-text>img[style*=left],.full-text>.highslide img[style*=left] {margin:0 10px 10px 0}
.full-text>img[style*=right],.full-text>.highslide img[style*=right] {margin:0 0 10px 10px}
.full-text a {text-decoration:underline; color:#28a6f3}
.full-text a:hover {text-decoration:none}
.full-text h2,.full-text h3,.full-text h4,.full-text h5 {margin:10px 0; font-size:24px; font-weight:300}
.full-text p {margin-bottom:10px}
.full-text ul,.full-text ol {margin:0}
.full-text ul li {list-style:disc; margin-left:40px}
.full-text ol li {list-style:decimal; margin-left:40px}

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


/* COMMENTS
----------------------------------------------- */
.add-comms {padding:15px; margin-bottom:30px; display:none}
.ac-inputs input {width:48.5%; margin-bottom:15px}
.ac-textarea textarea {height:100px; margin-bottom:15px}
.add-comms input,.add-comms textarea,.ac-submit button {}
.ac-protect,.ac-textarea .bb-editor+br {display:none}
.comments_subscribe input {margin-right:10px}
.comments_subscribe {display:block}
.mass_comments_action {padding:10px; background-color:#ebebeb; margin:20px 0 0; text-align:right}
.last-comm-link {font-size:16px; margin-bottom:10px; text-decoration:underline}

.comm-item {margin-bottom:30px}
.comm-left {width:50px; margin-right:15px}
.comm-right {padding:10px 15px; position:relative}
.comm-right:before,.comm-right:after {content:''; border:10px solid transparent; border-right-color:#fff; 
position:absolute; right:100%; top:15px; margin-right:-1px; z-index:2}
.comm-right:after {z-index:1; margin-right:0; border-right-color:#e3e3e3}
.comm-img {height:50px; border-radius:50%; background-color:transparent}
.comm-two {margin:5px 0 10px}
.comm-one>span {margin-right:15px; color:#939393}
.comm-one>span.comm-author,.comm-one>span.comm-author a {font-size:16px; color:#28a6f3}
.comm-three-left>a,.comm-three-right li a {color:#939393}
.comm-three-right li {display:inline-block; margin-left:15px}
.comm-rate3 {white-space:nowrap; font-size:14px; margin-right:15px; height:20px; line-height:20px; 
display:inline-block; vertical-align:top; color:#909090; position:relative; top:-3px}
.comm-rate3 a {display:inline-block; vertical-align:middle; color:#909090; position:relative; top:-2px}
.comm-rate3 a:hover {color:#000}
.comm-rate3 a:last-child {margin-bottom:-6px}
.comm-rate3>span {margin:0 5px; font-size:16px}
.comm-rate3>span>span.ratingtypeplus {color:#06b601}
.comm-rate3>span>span.ratingplus {color:#95c613}
.comm-rate3>span>span.ratingminus {color:#ff0e0e}
.comm-three a:hover {text-decoration:underline}


/* LOGIN
----------------------------------------------- */
.login-overlay,.mmenu-overlay {position:fixed; z-index:998; left:0; top:0; width:100%; height:100%; 
opacity:.9; display:none; background:linear-gradient(270deg,#08cc80,#08b9cc,#222); 
background-size:400% 400%; animation:bgg 20s ease infinite}
@keyframes bgg {0% {background-position:0% 50%} 50% {background-position:100% 50%} 100% {background-position:0% 50%}}
.login-box {position:fixed; z-index:999; left:50%; top:50%; transform:translate(-50%,-50%); 
background-color:#fff; padding:30px 60px 40px; border-top:5px solid #28a6f3; width:400px; 
box-shadow:0 20px 60px rgba(0,0,0,.5); display:none}
.login-close {width:26px; height:26px; line-height:26px; text-align:center; font-size:24px; 
cursor:pointer; position:absolute; top:-30px; right:-30px; color:#fff}
.login-title {font-size:24px; font-weight:600; margin-bottom:15px; text-align:center; text-transform:uppercase}
.login-title:first-letter {color:#28a6f3}
.login-avatar {width:60px; height:60px; border-radius:50%; margin:0 auto 15px; text-align:center; 
line-height:60px; font-size:24px; background-color:#f2f6f8; color:#939393}
.login-input {margin-bottom:15px}
.login-btn button {width:100%; margin:15px 0}
.login-btm a {border-bottom:1px dotted #28a6f3; color:#28a6f3}
.login-check {position:relative}
.login-check input {opacity:0; position:absolute; cursor:pointer}
.login-check span {display:block; padding-left:36px; height:30px; line-height:30px; color:#939393}
.login-check span:before,.login-check span:after {content:''; position:absolute; top:50%; transition:.3s}
.login-check span:before {left:0; height:10px; margin-top:-5px; width:26px; border-radius:5px; 
background:#fff; box-shadow:inset 0 1px 4px rgba(0,0,0,.3)}
.login-check span:after {left:1px; height:12px; width:12px; margin-top:-6px; background:#2ecc71; 
border-radius:6px; box-shadow:0 1px 4px transparent}
.login-check input:checked+span:before {background-color:#fff}
.login-check input:checked+span:after {left:13px; background-color:#fff; box-shadow:0 1px 4px rgba(0,0,0,.3)}
.login-menu {border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3}
.login-menu li {text-align:center; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3ee; width:50%}
.login-menu a {display:block; padding:10px 5px}
.login-menu li .fa {display:none; height:28px; font-size:22px; color:#06c}
.login-admin {text-align:center; margin:-10px 0 25px}
.login-soc-title {display:flex; align-items:center; margin:30px 0 15px}
.login-soc-title:before,.login-soc-title:after {content:''; height:1px; background-color:#e3e3e3; flex:1}
.login-soc-title:before {margin-right:15px}
.login-soc-title:after {margin-left:15px}
.login-soc-btns {text-align:center}
.login-soc-btns a {display:inline-block; margin:0 3px; vertical-align:top}
.login-soc-btns img {display:block; width:30px; height:30px; border-radius:50%}
.btn-search {display:none}



/* ADAPTIVE
----------------------------------------------- */
@media screen and (max-width:1220px) {
.wrap-center {max-width:1000px}
.header-in,.content {padding-left:10px; padding-right:10px}
.footer {padding-left:2010px; padding-right:2010px}
#gotop {display:none!important}
.not-logged .login-avatar {display:none}
.login-close {top:-5px}
.login-title {font-size:18px}
.login-box {max-width:calc(100% - 60px); padding:15px}
.fright {width:100%; margin:30px 0 0}
.sect-ffirst {margin-left:-10px; margin-right:-10px; margin-top:-30px; border-radius:0}
}

@media screen and (max-width:950px) {
.wrap-center {max-width:768px}
.search-wrap,.btn-fav {display:none}
.search-box {width:100%}
.btn-search {display:block; font-size:18px; width:30px; text-align:right}
.short-item {width:33.33%}
.filter-icon {width:100%; border-radius:6px; padding:15px; font-size:16px; display:block}
.filter-icon:after {content:'Подобрать по параметрам'; margin-left:10px; display:inline}
.filter-content {display:none}
.filt-col {width:100%; margin-bottom:15px}
.sect-title {font-size:24px}
.sect-col {width:100%}
.sect-col+.sect-col {margin-top:30px}
.sect-wide {order:10}
.site-desc-wr {order:11}
.logo {overflow:hidden; position:relative; -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; 
-ms-flex-positive:1; flex-grow:1; max-width:100%; min-width:50px; margin-right:30px}
.logo img {position:absolute; height:auto; left:0; top:50%; transform:translateY(-50%)}
.search-wrap {min-width:100%; padding:0 0 10px; margin:0; -ms-flex-order:9; -webkit-order:9; order:9}
.is-active .search-wrap {display:block}
}

@media screen and (max-width:760px) {
.wrap-center {max-width:640px}
.dcont button {font-size:12px; padding:0 15px!important}
.comments-tree-list .comments-tree-list {padding-left:0!important}
.comments-tree-list .comments-tree-list:before {display:none}
.mass_comments_action {display:none}
}

@media screen and (max-width:590px) {
.wrap-center {max-width:480px}
.top-item {width:100%}
.short-item {width:50%}
.fheader h1 {font-size:24px}
.frate {width:100%; width:calc(100% + 20px); padding:15px 10px; background-color:#333; margin:15px -10px -15px}
.frate .mrating {transform:none; margin:0 auto; left:0; width:150px}
.sect-ffirst .short-img-bg {right:0}
.sect-ffirst .short-img {width:100px; height:100px}
.sect-ffirst .short-img-holder,.fdesc,.fdl-box,.finfo,.fmessage {padding-left:10px; padding-right:10px}
.finfo li {width:33.33%; max-width:33.33%; margin-bottom:15px; font-size:14px; padding:0 10px}
.finfo {padding-bottom:0; justify-content:start; margin:0 -10px}
.finfo.fx-row > div{    margin: 5px !important;}
.finfo.fx-row > span{    margin: 5px !important;}
.fdl-box .fdl-header {display:block; text-align:center}
.fdl-box .share {margin:15px auto 0}
.rate3-short {display:flex; justify-content:space-between}
.sr-plus1,.sr-minus1 {margin:0; width:48%}
.ac-inputs input {width:100%}
.video-box embed,.video-box object,.video-box video,.video-box iframe,.video-box frame {height:300px}
.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; 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}
}

@media screen and (max-width:470px) {
.wrap-center222 {max-width:320px}
.logo {margin-right:5px}
.short-label {bottom:auto; right:auto; top:5px; left:-35px; z-index:20}
.full .sect-title {font-size:22px}
.video-box embed,.video-box object,.video-box video,.video-box iframe,.video-box frame {height:250px}
}