.alertify,
.alertify-show,
.alertify-log {
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.alertify-hide {
-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-log-hide {
-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-cover {
position: fixed; z-index: 99999;
top: 0; right: 0; bottom: 0; left: 0;
background-color:#000;
filter:alpha(opacity=0.5);
opacity:0.5;
}
.alertify-cover-hidden {
display: none;
}
.alertify {
position: fixed; z-index: 99999;
top: 50px; left: 50%;
width: 550px;
margin-left: -275px;
opacity: 1;
}
.alertify-hidden {
-webkit-transform: translate(0,-150px);
-moz-transform: translate(0,-150px);
-ms-transform: translate(0,-150px);
-o-transform: translate(0,-150px);
transform: translate(0,-150px);
opacity: 0;
display: none;
}
/* overwrite display: none; for everything except IE6-8 */
:root *> .alertify-hidden {
display: block;
visibility: hidden;
}
.alertify-logs {
position: fixed;
z-index: 5000;
bottom: 10px;
right: 10px;
width: 300px;
}
.alertify-logs-hidden {
display: none;
}
.alertify-log {
display: block;
margin-top: 10px;
position: relative;
right: -300px;
opacity: 0;
}
.alertify-log-show {
right: 0;
opacity: 1;
}
.alertify-log-hide {
-webkit-transform: translate(300px, 0);
-moz-transform: translate(300px, 0);
-ms-transform: translate(300px, 0);
-o-transform: translate(300px, 0);
transform: translate(300px, 0);
opacity: 0;
}
.alertify-dialog {
padding: 25px;
}
.alertify-resetFocus {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.alertify-inner {
text-align: center;
}
.alertify-text {
margin-bottom: 15px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%;
}
.alertify-buttons {
}
.alertify-button,
.alertify-button:hover,
.alertify-button:active,
.alertify-button:visited {
background: none;
text-decoration: none;
border: none;
/* line-height and font-size for input button */
line-height: 1.5;
font-size: 100%;
display: inline-block;
cursor: pointer;
margin-left: 5px;
}
@media only screen and (max-width: 680px) {
.alertify,
.alertify-logs {
width: 90%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.alertify {
left: 5%;
margin: 0;
}
}
/**
* Default Look and Feel
*/
.alertify,
.alertify-log {
font-family: sans-serif;
}
.alertify {
background: #FFF;
border: 10px solid #333; /* browsers that don't support rgba */
border: 10px solid rgba(0,0,0,.7);
border-radius: 8px;
box-shadow: 0 3px 3px rgba(0,0,0,.3);
-webkit-background-clip: padding; /* Safari 4? Chrome 6? */
-moz-background-clip: padding; /* Firefox 3.6 */
background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
.alertify-text {
border: 1px solid #CCC;
padding: 10px;
border-radius: 4px;
}
.alertify-button {
border-radius: 4px;
color: #FFF;
font-weight: bold;
padding: 6px 15px;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(0,0,0,.5);
box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
}
.alertify-button:hover,
.alertify-button:focus {
outline: none;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
background-image: -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
background-image: -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
background-image: -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
background-image: linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
}
.alertify-button:focus {
box-shadow: 0 0 15px #2B72D5;
}
.alertify-button:active {
position: relative;
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.alertify-button-cancel,
.alertify-button-cancel:hover,
.alertify-button-cancel:focus {
background-color: #FE1A00;
border: 1px solid #D83526;
}
.alertify-button-ok,
.alertify-button-ok:hover,
.alertify-button-ok:focus {
background-color: #5CB811;
border: 1px solid #3B7808;
}
.alertify-log {
background: #1F1F1F;
background: rgba(0,0,0,.9);
padding: 5px 15px;
border-radius: 4px;
color: #FFF;
}
.alertify-log-error {
background: #FE1A00;
background: rgba(254,26,0,.9);
}
.alertify-log-success {
background: #5CB811;
background: rgba(92,184,17,.9);
}
.nyroModalBg {
position: fixed;
overflow: hidden;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
opacity: 0.7;
z-index: 100;
}
.nmReposition {
position: absolute;
}
.nyroModalCloseButton {
top: 0px;
right: -60px;
width: 38px;
height: 38px;
text-indent: -9999em;
background: url("../images/modal/close.png");
z-index: 101;
}
.nyroModalTitle {
margin: 0;
top: -25px;
font-size: 1.4em;
color: #FFF;
z-index: 200;
padding: 0;
background: none;
border: 0;
height: 22px;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.nyroModalCont {
position: absolute;
box-shadow:0 0 30px #000;
margin: 30px;
padding:0;
background: #fff;
z-index: 101;
box-sizing: border-box;
overflow: hidden;
}
.nyroModalMessage .nyroModalCont {
box-sizing: border-box;
max-width: calc(90% - 100px)!important;
}
.nyroModalCont .notice{
padding:20px;
color:#BDC3C7;
}
.nyroModalError {
border: 1px solid red;
color: red;
width: 250px;
height: 250px;
}
.nyroModalError div {
min-width: 0;
min-height: 0;
padding: 10px;
}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
position: relative;
max-width: 1000px;
box-sizing: border-box;
}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
position: relative;
overflow: hidden;
box-sizing: border-box;
}
.nyroModalImage img {
vertical-align: top;
}
.nyroModalHidden {
left: -9999em;
top: -9999em;
}
.nyroModalLoad {
position: absolute;
width: 50px;
height: 50px;
padding: 0;
z-index: 200;
}
.nyroModalPrev, .nyroModalNext {
outline: none;
position: fixed;
top: 0;
height: 60%;
width: 150px;
min-height: 50px;
max-height: 300px;
cursor: pointer;
text-indent: -9999em;
transition: none;
}
.nyroModalPrev:after, .nyroModalNext:after {
content: '';
height: 32px;
width: 20px;
background-image: url(../images/modal/controls.png);
background-position: 0px 0;
position: absolute;
top: 50%;
margin-top: -16px;
opacity: 0.5;
}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
height: 100%;
width: 40%;
max-height: none;
}
.nyroModalPrev {
left: 0;
}
.nyroModalNext {
right: 0;
}
.nyroModalPrev:after {
left: 30px;
}
.nyroModalNext:after {
right: 30px;
background-position: 0px -40px;
}
.nyroModalPrev:hover:after, .nyroModalNext:hover:after {
opacity: 1;
}
.sk-circle {
width: 50px;
height: 50px;
position: relative;
}
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle .sk-child:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #FFF;
border-radius: 100%;
-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg); }
.sk-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg); }
.sk-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.sk-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg); }
.sk-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg); }
.sk-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.sk-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg); }
.sk-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg); }
.sk-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.sk-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg); }
.sk-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
.sk-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media screen and (max-width: 640px) {
.nyroModalCont{
margin: 30px 15px;
}
.nyroModalCloseButton {
top: -30px;
right: 0;
width: 25px;
height: 25px;
background-size:cover;
z-index:201;
}
.nyroModalTitle {
font-size:14px;
padding:0 60px 0 0;
}
.nyroModalMessage .nyroModalCont {
max-width: calc(100% - 30px) !important;
margin:30px 0 15px !important;
}
.nyroModalMessage .nyroModalCont.nyroModalImg{
margin:0 !important;
}
.nyroModalMessage .nyroModalTitle {
font-size:22px;
padding:0;
}
.nyroModalMessage .nyroModalImage img {
max-width:100%;
max-height:100%;
margin:auto;
}
}
html, body{
width: 100%;
height: 100%;
}
body {
margin:0;
padding:0;
font-size: 14px;
font-family: Arial,sans-serif;
line-height: 1.5em;
color: #000;
}
*, :after, :before {
box-sizing: border-box;
}
header, footer
{
width: 100%;
}
header > .w, footer > .w, #layout {
max-width: 1200px;
margin: 0 auto 0;
}
header #hamburger{
padding: 8px 16px;
cursor: pointer;
}
a {
text-decoration: none;
}
table {
border-spacing: 0;
}
#layout{
margin-top: 50px;
transition-duration: 0.2s;
transition-property: padding;
position: relative;
}
h1{
font-weight: bold;
line-height: 1.2em;
}
h2,
a.h2{
font-weight: bold;
}
h3{
font-weight: bold;
}
body > header{
height: 50px;
line-height: 50px;
color: #000;
position: fixed;
top: 0;
z-index: 100000;
}
body > header .w {
height: 50px;
width: 100%;
position: relative;
}
body > header a#logo {
display: inline-block;
height: 50px;
line-height: 50px;
color: #000;
text-decoration: none;
font-size: 26px;
font-weight: bold;
padding: 0 10px;
}
body > header .w .spacer {
margin: auto;
}
body > header .w .icon {
margin: 0 10px 0 0;
}
.bold {
font-weight: bold;
}
.flex {
display: flex;
}
.fs0 {
flex-shrink: 0;
}
.flexwrap {
display: flex;
flex-wrap: wrap;
}
.jcfe {
justify-content: flex-end;
}
.acenter {
align-items: center;
}
.img-thumbnail {
display: block;
}
#layout #main-left, #layout #main-center, #main-right {
}
#layout #main-center{
padding: 10px;
font-size: 16px;
}
.fl8 {
font-size: 32px;
}
.fl3 {
font-size: 27px;
}
.fl2 {
font-size: 24px;
}
.fl1 {
font-size: 21px;
}
.fs1 {
font-size: 14px;
}
.fs2 {
font-size: 12px;
}
.fs3 {
font-size: 11px;
}
.fwn {
font-weight: normal;
}
#layout #main-left {
width: 200px;
flex-shrink: 0;
}
#layout #main-right {
width: 300px;
flex-shrink: 0;
}
#hmbg
{
display: none;
height: 100%;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 100001;
}
#hmbg.v {
display: block;
background-color: rgba(0, 0, 0, 0.5);
}
#hm {
background-color: #fff;
height: 100%;
font-size: 16px;
left: -250px;
outline: none;
overflow-y: scroll;
position: fixed;
top: 0;
transition: left 0.5s;
width: 250px;
z-index: 100002;
}
#hm.v{
left: 0px;
}
#hm #hmlogo {
display: block;
height: 50px;
line-height: 50px;
color: #000;
text-decoration: none;
font-size: 26px;
font-weight: bold;
margin-left: 15px;
}
#hm .catslite
{
}
.block {
display: block;
}
.t-center {
text-align: center;
}
.t-left {
text-align: left;
}
.t-right {
text-align: right;
}
.f-left {
float: left;
}
.f-right {
float: right;
}
.oyscroll {
overflow-y: scroll;
}
#hm img,
#layout #main-left img,
#layout #main-right img,
#layout #main-center img,
#layout #main-center iframe
{
max-width: 100%;
height: auto;
}
.popup
{
background: #fff;
border: 1px solid #ccc;
border-color: rgba(0,0,0,.2);
color: #000;
-webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
z-index: 1000;
}
.btn-primary,
.btn-secondary,
.noborder {
border: 0;
}
.popup.bubble {
margin-top: 10px;
}
.bubble[arrow-alignment^="top"]:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
top: -5px;
background: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-box-shadow: -1px -1px 0 0 rgb(0 0 0 / 7%);
box-shadow: -1px -1px 0 0 rgb(0 0 0 / 7%);
}
.bubble[arrow-alignment$="left"]:before {
left: 10px;
}
.bubble[arrow-alignment$="right"]:before {
right: 10px;
}
.button {
line-height: 32px;
height: 32px;
display: inline-block;
border-radius: 4px;
text-decoration: none;
text-align: center;
padding: 0 10px;
}
.button-cancel,
.button-gray {
background-color: #EEE;
color: #000;
}
.button-dgray {
background-color: #AAA;
color: #FFF;
}
.button-submit,
.button-ok {
background-color: #2980b9;
color: #FFF;
}
.button-red {
background-color: #C00;
color: #FFF;
}
.button.disabled {
background-color: #AAA;
color: #666;
}
.button .arrow {
display: inline-block;
}
.button.dropped .arrow {
transform: rotateZ(180deg);
}
.important-button {
background-color: #54a22c;
color: #FFF;
padding: 0 10px;
}
.important-button:hover {
color: #FFF;
background-color: #67c837;
}
.button-ok:hover {
color: #FFF;
background-color: #3f99d5;
}
.abs {
position: absolute;
}
.rel {
position: relative;
}
.my0 {
margin-top: 0;
margin-bottom: 0;
}
.my10 {
margin-top: 10px;
margin-bottom: 10px;
}
.my20 {
margin-top: 20px;
margin-bottom: 20px;
}
.mx10 {
margin-left: 10px;
margin-right: 10px;
}
.ml5 {
margin-left: 5px;
}
.mlauto {
margin-left: auto;
}
.mrauto {
margin-right: auto;
}
.mtauto {
margin-top: auto;
}
.mt0 {
margin-top: 0;
}
.mt5 {
margin-top: 5px;
}
.mt10 {
margin-top: 10px;
}
.mt20 {
margin-top: 20px;
}
.mb0 {
margin-bottom: 0px;
}
.mb5 {
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px;
}
.mb20 {
margin-bottom: 20px;
}
.mb30 {
margin-bottom: 30px;
}
.mb40 {
margin-bottom: 40px;
}
.mr0 {
margin-right: 0;
}
.ml0 {
margin-left: 0px;
}
.ml10 {
margin-left: 10px;
}
.ml20 {
margin-left: 20px;
}
.ml30 {
margin-left: 30px;
}
.ml40 {
margin-left: 40px;
}
.mt-10 {
margin-top: -10px;
}
.ml-10 {
margin-left: -10px;
}
.ml-20 {
margin-left: -20px;
}
.mr-10 {
margin-right: -10px;
}
.mr-10 {
margin-right: -10px;
}
.mr10 {
margin-right: 10px;
}
.mr20 {
margin-right: 20px;
}
.mr30 {
margin-right: 30px;
}
.mr40 {
margin-right: 40px;
}
.p0 {
padding: 0;
}
.p5 {
padding: 5px;
}
.p10 {
padding: 10px;
}
.pt10 {
padding-top: 10px;
}
.pb0 {
padding-bottom: 0;
}
.pb10 {
padding-bottom: 10px;
}
.pb20 {
padding-bottom: 20px;
}
.px5 {
padding-left: 5px;
padding-right: 5px;
}
.px10 {
padding-left: 10px;
padding-right: 10px;
}
.px20 {
padding-left: 20px;
padding-right: 20px;
}
.py10 {
padding-top: 10px;
padding-bottom: 10px;
}
.py20 {
padding-top: 20px;
padding-bottom: 20px;
}
.pl10 {
padding-left: 10px;
}
.pl20 {
padding-left: 20px;
}
.pl25 {
padding-left: 25px;
}
#layout #main-left #left-sticky,
#layout #main-right #right-sticky {
position: sticky;
position: -webkit-sticky;
top: 60px;
}
.clearul,
#breadcrumbs ol
{
list-style-type: none;
padding: 0;
margin: 0;
}
#breadcrumbs ol a {
color: #888;
text-decoration: none;
}
#breadcrumbs ol li {
display: inline;
}
#breadcrumbs ol li:not(:last-child):after {
content: "/";
margin: 0 5px;
color: #888;
}
.w32 {
width: 32px;
}
.mw32 {
max-width: 32px !important;
}
.w48 {
width: 48px;
}
.w100p {
width: 100%;
}
.w32 {
width: 32px;
}
.w64 {
width: 64px;
}
.w100 {
width: 100px;
}
.w200 {
width: 200px;
}
.w300 {
width: 300px;
}
.col-d-10p {
width: 10%;
}
.col-d-12p {
width: 12.5%;
}
.col-d-16p {
width: 16.6%;
}
.col-d-20p {
width: 20%;
}
.col-d-25p {
width: 25%;
}
.col-d-33p {
width: 33.3%;
}
.col-d-50p {
width: 50%;
}
.h-op1 {
opacity: 0.1;
}
.h-op2 {
opacity: 0.2;
}
.h-op3 {
opacity: 0.3;
}
.h-op5 {
opacity: 0.5;
}
.h-op6 {
opacity: 0.6;
}
.h-op7 {
opacity: 0.7;
}
.h-op8 {
opacity: 0.8;
}
.h-op9 {
opacity: 0.9;
}
.h-op:hover {
opacity: 1;
}
.h-ch-op7 a {
opacity: 0.7;
}
.h-ch-op8 a {
opacity: 0.8;
}
.h-ch-op9 a {
opacity: 0.9;
}
.h-ch-op a:hover {
opacity: 1;
}
.bw1 {
border-width: 1px;
}
.r4{
border-radius: 4px;
}
.r50p {
border-radius: 50%;
}
.oh {
overflow: hidden;
}
.bg-white {
background-color: #FFF;
}
.bg-blue {
background-color: #2980b9;
}
.bg-lblue {
background-color: #F4FAFC;
}
.bg-gray {
background-color: #EEE;
}
.bg-gray-hover:hover {
background-color: #EEE;
}
.c-white {
color: #FFF;
}
.c-black {
color: #000;
}
a.notu {
text-decoration: none;
}
.black {
color: #000;
}
a.black:hover {
color: #000;
}
.gray {
color: #666;
}
.lgray {
color: #AAA;
}
.info_bar .bar_item {
height: 32px;
line-height: 32px;
}
.h32 {
height: 32px;
}
.lh32 {
line-height: 32px;
}
.h42 {
height: 42px;
}
.lh42 {
line-height: 42px;
}
.lh15em {
line-height: 1.5em;
}
.info_bar .bar_item:not(:last-child) {
margin-right: 20px;
}
.info_bar .bar_item .caption {
display: none;
}
.info_bar .bar_item .touch {
cursor: pointer;
}
.tags_bar_link {
color: #888;
text-decoration: none;
margin: 10px 0;
}
.scrollUp {
position: fixed;
right: 5px;
bottom: 5px;
background-color: #FFF;
color: #7f7f7f;
z-index: 9999;
cursor: pointer;
padding: 2px 15px 0;
font-size: 16px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
-webkit-border-radius: 5px;
border-radius: 5px;
height: 42px;
line-height: 42px;
}
.pagebar_pages span, .pagebar_pages a {
}
.pagebar_nav, .pagebar_notice {
display: none;
}
.clear {
clear: both;
}
.maxh6em {
max-height: 6em;
}
.hidden,
.popup.h
{
display: none;
}
.btn-primary,
.btn-secondary,
.pointer {
cursor: pointer;
}
.abs-right-top {
top: 32px;
right: 0;
}
.nyroModalBg
{
z-index: 200030;
}
.nyroModalTitle,
.nyroModalCloseButton,
.nyroModalCont
{
z-index: 200040;
}
.modal_padding {
padding: 10px;
box-sizing: border-box;
min-width: 460px;
}
.autoh {
height: auto !important;
}
.dots {
white-space: nowrap;
text-overflow: ellipsis;
}
.wscrollbar::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
.wscrollbar::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.centered-notification {
color: #ffffff;
background-color: rgba(0,0,0,0.8);
padding: 20px;
border-radius: 30px;
position: fixed;
top: 50%;
left: 50%;
width: 300px;
margin-top: -30px;
margin-left: -150px;
display: none;
text-align:center;
}
.bline {
border-bottom: 1px dotted #ccc;
}
.bline:last-child {
border-bottom: none;
}
.bb1gray {
border-bottom: 1px solid #EEE;
}
.o-1 {
order: -1;
}
.o10 {
order: 10;
}
.o11 {
order: 11;
}
.o12 {
order: 12;
}
.o13 {
order: 13;
}
.positive {
color: green;
}
.negative {
color: red;
}
.message_error {
color: #d0193b;
background-color: #fce7eb;
}
.message_warning {
color: #f5803e;
background-color: #fef0e8;
}
.message_info,
.message_success {
color: #00864e;
background-color: #ccf6e4;
}
.msg_overlay {
position: absolute;
width: 100%;
height: 100%;
background: #333;
opacity: 0.6;
top: 0;
left: 0;
z-index: 200030;
}
.confirm_wrap {
z-index: 200030;
position: absolute;
top: 50%;
left: 50%;
width: 360px;
height: 110px;
margin: -55px 0 0 -180px;
}
.confirm_wrap, .msg_overlay {
position: fixed;
}
.video_frame {
position: absolute;
width: 100%;
height: 100% !important;
top: 0;
left: 0;
}
#layout #main-center .redactor_editor iframe {
height: 281px;
}
.guest-modal-overlay{
position:fixed; inset:0;
/* display: none; <-- удалить */
display:flex; /* всегда flex */
align-items:center; justify-content:center;
background:rgba(12,18,28,.55);
backdrop-filter:blur(2px);
z-index:10000000;
/* для плавного скрытия/показа */
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .25s ease, visibility .25s ease;
}
.guest-modal-overlay.active{ opacity:1;
visibility:visible;
pointer-events:auto; }
.guest-modal{
background:#fff; color:#0b0c0f; border-radius:16px;
max-width:400px; width:100%; max-height:90vh; overflow:hidden;
box-shadow:0 20px 60px rgba(16,24,40,.18),0 2px 8px rgba(16,24,40,.06);
display:flex; flex-direction:column; position:relative;
transform:scale(.96);
opacity:0;
transition:transform .25s ease, opacity .25s ease;
will-change: transform, opacity;
padding: 10px 20px 20px;
}
.guest-modal-overlay.active .guest-modal{ transform:scale(1);
opacity:1; }
/* Крестик */
.guest-modal__close {
position: absolute;
top: 16px;
right: 16px;
border: 0;
background: transparent;
cursor: pointer;
line-height: 0;
padding: 6px;
border-radius: 8px;
font-size: 20px;
color: #667085;
transition: color 0.2s ease;
}
.guest-modal__close:hover { color: #333; }
/* Контент */
.guest-modal__body {
font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.guest-modal__body h2 {
font-size: 22px;
font-weight: 700;
margin: 0 0 8px;
color: #0b0c0f;
}
.guest-modal__body p {
margin: 0 0 24px;
color: #667085;
font-size: 15px;
line-height: 1.5;
}
/* Формы */
.guest-modal__body label {
display: block;
font-size: 14px;
font-weight: 500;
color: #344054;
margin-bottom: 6px;
}
.guest-modal__body input#display-name,
.guest-modal__body input[type="email"] {
width: 100%;
height: 48px;
padding: 0 14px;
border: 1px solid #d0d5dd;
border-radius: 8px;
font-size: 15px;
color: #0b0c0f;
outline: none;
transition: border-color 0.2s ease;
}
.guest-modal__body input:focus {
border-color: #3b82f6;
}
.guest-modal__body button {
width: 100%;
height: 48px;
border: none;
border-radius: 8px;
background: #3b82f6;
color: #fff;
font-size: 16px;
font-weight: 600;
margin-top: 25px;
cursor: pointer;
}
.guest-modal__body button.light {
background: transparent;
font-weight: normal;
height: 20px;
color: #666;
line-height: 20px;
margin-bottom: 10px;
margin-top: 10px;
}
.guest-modal__body button:hover {
background: #2563eb;
}
.guest-modal__body button:active {
transform: scale(0.98);
}
.guest-modal__body button.light:hover {
background: transparent;
color: #333;
}
@media (max-width: 480px) {
.guest-modal {
max-width: 92vw;
padding: 24px 20px;
}
.guest-modal__body h2 {
font-size: 20px;
}
}
.bookmarks-block {
margin: 20px 0 40px;
}
.bookmarks-block .btn-bookmarks {
display: block;
width: 100%;
max-width: 600px;
margin: 0px auto;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 0.5px;
text-align: center;
color: #b25f6b;
background-color: #fff5f7;
border: 2px solid #b25f6b;
border-radius: 14px;
padding: 18px 24px;
cursor: pointer;
transition: all 0.25s ease;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.bookmarks-block .btn-bookmarks:hover {
background-color: #ffe6eb;
transform: translateY(-2px);
box-shadow: 0 0 6px rgba(255,0,0,0.15);
}
.bookmarks-block .btn-bookmarks:active {
transform: translateY(0);
}
.bookmarks-block .btn-bookmarks.added {
color: #fff;
background-color: #b25f6b;
border-color: #b25f6b;
}
.bookmarks-block .bookmarks-set-my-tags {
display: none;
width: 100%;
margin: 1px auto 0;
height: 60px;
line-height: 60px;;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 0.5px;
text-align: center;
color: #fff;
background-color: #b25f6b;
border: 2px solid #b25f6b;
border-radius: 14px;
padding: 0px 24px;
cursor: pointer;
transition: all 0.25s ease;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.bookmarks-block.light .bookmarks-set-my-tags {
height: 50px;
line-height: 50px;;
font-weight: normal;
font-size: 14px;
background-color: #e4bdc2;
color: #000;
}
.bookmarks-block.light .bookmarks-set-my-tags:hover {
background-color: #ffe6eb;
transform: translateY(-2px);
box-shadow: 0 0 6px rgba(255,0,0,0.15);
}
.bookmarks-block .bookmarks-set-my-tags.visible {
display: block !important;
animation: tagsSlideDown .35s ease forwards;
}
.info_bar {
display: none;
}
.bookmarks-block .counter {
display: none;
}
/* Анимации выезда/заезда */
@keyframes tagsSlideDown {
from { opacity:0; transform:translateY(-8px); max-height:0; border-top-width:0; }
to { opacity:1; transform:translateY(0); max-height:80px; border-top-width:2px; }
}
.item-header-controls,
.author-header-item-view {
flex-wrap: wrap;
}
.item-header-controls {
justify-content: space-between;
gap: 15px;
padding: 15px 0;
}
.author-header .bookmarks-block,
.author-header-item-view .bookmarks-block {
padding-top: 5px;
}
.item-header-controls .bookmarks-block {
margin: 0;
}
.author-header .bookmarks-block .btn-bookmarks,
.item-header-controls .bookmarks-block .btn-bookmarks,
.author-header-item-view .bookmarks-block .btn-bookmarks
{
display: inline-block;
background-color: rgb(230, 0, 35);
height: 60px;
line-height: 60px;
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 18px;
padding: 0px 16px;
border-radius: 50px;
border: 0;
float: none;
}
.bookmarks-block.light .btn-bookmarks
{
background-color: #ffe3e7;
border: 1px solid rgba(230, 0, 35);
height: 50px;
line-height: 50px;
color: #000;
font-weight: normal;;
}
.bookmarks-block.small .btn-bookmarks
{
background-color: #ffe3e7;
border: 1px solid rgba(230, 0, 35);
height: 50px;
line-height: 50px;
color: #000;
font-weight: normal;;
font-size: 14px;
overflow: hidden;
padding: 0;
}
.author-header .bookmarks-set-my-tags,
.item-header-controls .bookmarks-set-my-tags,
.author-header-item-view .bookmarks-set-my-tags {
border: 0;
padding: 0 !important;
border-radius: 50px;
}
@media (max-width: 768px) {
.bookmarks-block .btn-bookmarks {
font-size: 1.2rem;
padding: 16px;
border-radius: 12px;
}
.author-header-item-view .bookmarks-block {
flex: 0 0 100%;
margin-top: 20px;
}
.item-header-controls > * {
width: 100%;
margin-top: 0;
}
}
.top-favorites {
height: 50px;
line-height: 50px;
overflow: hidden;
font-size: 24px;
}
.myfavorites-recipient {
position: relative;
display: inline-block;
transition: color .2s ease;
}
/* Анимации */
@keyframes fav-pulse {
0% { transform: scale(1); }
35% { transform: scale(1.08); }
100% { transform: scale(1); }
}
@keyframes fav-glow {
0% { text-shadow: none; color: inherit; }
40% { text-shadow: 0 0 8px rgba(255, 200, 0, .8); color: #ffcc00; }
100% { text-shadow: none; color: inherit; }
}
/* Сочетаем оба эффекта */
.myfavorites-recipient.is-animating {
animation:
fav-pulse .45s ease-out,
fav-glow .45s ease-out;
}
/* Вариант для пользователей с reduced motion */
@media (prefers-reduced-motion: reduce) {
.myfavorites-recipient.is-animating {
animation: none !important;
}
}
#layout .vert-list {
}
.vert-list .sprt
{
content: " ";
display: block;
background: #dadce0;
height: 1px;
margin: 5px 0;
}
.vert-list a {
display: block;
padding: 8px 10px;
}
.vert-list a.s {
color: #000;
text-decoration: none;
font-weight: bold;
}
.vert-list a.l1{
}
.vert-list a.l2{
padding-left: 25px;
}
.vert-list a.l3{
padding-left: 45px;
}
.vert-list .counter{
float: right;
background-color: #C00;
color: #FFF;
font-size: 10px;
padding: 0px 5px;
border-radius: 10px;
margin-left: 20px;
}
.h-gray:hover{
background-color: #EEE;
}
.lined a {
background-color: #FAFAFA !important;
border-bottom: 1px solid #EEE;
}
.hor-list {
overflow: hidden;
}
.hor-list a
{
display: inline-block;
padding: 4px;
margin: 0 4px 4px 0;
}
.widget_tabbed {
margin-bottom: 10px;
background: #FFF;
}
#layout #main-right .widget_tabbed .tabs {
border-bottom: 1px solid #EEE;
margin: 0 0;
}
.widget_tabbed .tabs ul {
overflow: hidden;
line-height: 47px;
margin: 0;
padding: 0;
list-style: none;
}
.widget_tabbed .tabs ul li {
float: left;
line-height: 45px;
}
.widget_tabbed .tabs ul li a {
cursor: pointer;
display: block;
border-bottom: 3px solid transparent;
height: auto;
line-height: 30px;
padding: 0 5px;
color: #888;
}
.widget_tabbed .tabs ul li a:hover {
color: #000;
border-color: #EEE;
}
.widget_tabbed .tabs ul li a.active {
color: #000;
border-color: #7293b6;
}
.top-header-menu .dropdownmenu {
display: flex;
padding: 0 10px;
height: 50px;
cursor: pointer;
}
.top-header-menu .dropdownmenu .img-thumbnail{
height: 46px;
width: 46px;
box-sizing: border-box;
padding: 2px;
background-color: #FFF;
border: 1px solid #C00;
border-radius: 50%;
margin-top: 2px;
}
.top-header-menu .dropdownmenu .default_avatar.small{
line-height: 46px !important;
height: 46px;
width: 46px;
margin-top: 2px;
border-radius: 50%;
}
.dropdownmenu.expanded .arrow {
transform: rotateZ(180deg);
}
.top-header-menu .menu{
position: absolute;
top: 50px;
margin: 0;
right: 0;
padding: 0;
line-height: 1em;
overflow: scroll;
height: auto;
background-color: #FFF;
}
.birthdays-widget-active > a > .img-thumbnail,
.birthdays-widget-active > a > .default_avatar {
margin: 0 auto 5px;
}
.nyroModalData {
padding: 10px;
}
.ui_message {
padding: 15px;
margin-bottom: 20px;
background-color: #E4F1FE;
border-color: #2980b9;
border-width: 1px;
border-style: solid;
border-left-width: 10px;
color: #555;
}
.ui_message.ui_warning {
background-color: #FDE3A7;
border-color: #f39c12;
}
.ui_message.ui_error {
background-color: #F1A9A0;
border-color: #e74c3c;
}
.default_avatar {
position: relative;
font-style: normal;
font-weight: 300;
text-align: center;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
display: block;
background: no-repeat center;
background-size: 1em;
}
.default_avatar img {
opacity: 0; display: block;
}
.default_avatar:before {
content: attr(data-letter);
display: block;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.default_avatar.white_avatar_text:hover:after {
background: #000;
opacity: 0.4;
}
.default_avatar.black_avatar_text:after, .default_avatar.white_avatar_text:after {
transition: all 0.5s ease;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.default_avatar.black_avatar_text:hover:after {
background: #FFF;
opacity: 0.2;
}
.default_avatar.small {
width: 64px;
}
.default_avatar.micro
{
width: 32px;
}
.progress-bar
{
height: 20px;
position: relative;
padding: 3px;
box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
.progress-bar .progress
{
display: block;
height: 100%;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-color: rgb(43,194,83);
background-image: linear-gradient(
center bottom,
rgb(43,194,83) 37%,
rgb(84,240,84) 69%
);
box-shadow:
inset 0 2px 9px rgba(255,255,255,0.3),
inset 0 -2px 6px rgba(0,0,0,0.4);
position: relative;
overflow: hidden;
}
.user-profile-fields
{
padding: 0;
overflow: hidden;
}
.user-profile-fields .i
{
padding: 2px 5px 2px 33px;
background-size: 16px;
background-repeat: no-repeat;
background-position: 10px center;
color: #888;
}
.user-profile-fields .i span
{
border-bottom: 1px solid #88888833;
}
.user-profile-fields .i.filled
{
color: #6a8651;
}
.user-profile-fields .i.filled span
{
border-bottom: 1px solid #6a865133;
}
.user-profile-fields .i:hover span
{
color: #000;
border-bottom: 1px solid #000;
}
.user-profile-fields .i
{
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGc+ICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+ICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxwYXRoIGlkPSJzdmdfMiIgZmlsbD0iI2NjY2NjYyIgZD0ibTE1MC41MiwxNC41MjRjLTc0Ljc4NywwIC0xMzUuNDEsNjAuNjI3IC0xMzUuNDEsMTM1LjQxNGMwLDc0Ljc3OSA2MC42MjMsMTM1LjQwNiAxMzUuNDEsMTM1LjQwNmM3NC43ODIsMCAxMzUuNDA5LC02MC42MjcgMTM1LjQwOSwtMTM1LjQwNmMwLC03NC43ODcgLTYwLjYyNywtMTM1LjQxNCAtMTM1LjQwOSwtMTM1LjQxNHptMCwyNTEuNjc1Yy02NC4yMTEsMCAtMTE2LjI2NCwtNTIuMDU5IC0xMTYuMjY0LC0xMTYuMjYyYzAsLTY0LjIxMSA1Mi4wNTIsLTExNi4yNjEgMTE2LjI2NCwtMTE2LjI2MWM2NC4yMDcsMCAxMTYuMjYxLDUyLjA1IDExNi4yNjEsMTE2LjI2MWMtMC4wMDEsNjQuMjA0IC01Mi4wNTQsMTE2LjI2MiAtMTE2LjI2MSwxMTYuMjYyeiIvPiA8L2c+PC9zdmc+);
}
.user-profile-fields .i.filled
{
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwMCAzMDAiIGhlaWdodD0iMzAwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMDAgMzAwIiB3aWR0aD0iMzAwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik0xNTAuNTIsMTQuNTI0Yy03NC43ODcsMC0xMzUuNDEsNjAuNjI3LTEzNS40MSwxMzUuNDE0YzAsNzQuNzc5LDYwLjYyMywxMzUuNDA2LDEzNS40MSwxMzUuNDA2ICAgYzc0Ljc4MiwwLDEzNS40MDktNjAuNjI3LDEzNS40MDktMTM1LjQwNkMyODUuOTI5LDc1LjE1MSwyMjUuMzAyLDE0LjUyNCwxNTAuNTIsMTQuNTI0eiBNMTUwLjUyLDI2Ni4xOTkgICBjLTY0LjIxMSwwLTExNi4yNjQtNTIuMDU5LTExNi4yNjQtMTE2LjI2MmMwLTY0LjIxMSw1Mi4wNTItMTE2LjI2MSwxMTYuMjY0LTExNi4yNjFjNjQuMjA3LDAsMTE2LjI2MSw1Mi4wNSwxMTYuMjYxLDExNi4yNjEgICBDMjY2Ljc4LDIxNC4xNDEsMjE0LjcyNywyNjYuMTk5LDE1MC41MiwyNjYuMTk5eiIgZmlsbD0iI0EzRDE3OSIvPjxwYXRoIGQ9Ik0yNTUuMjY0LDE0OS45MzRjMCw1Ny44NTItNDYuODk3LDEwNC43NDQtMTA0Ljc0NCwxMDQuNzQ0Yy01Ny44NTIsMC0xMDQuNzQ3LTQ2Ljg5My0xMDQuNzQ3LTEwNC43NDQgICBjMC01Ny44NTEsNDYuODk1LTEwNC43NDQsMTA0Ljc0Ny0xMDQuNzQ0QzIwOC4zNjYsNDUuMTg5LDI1NS4yNjQsOTIuMDgzLDI1NS4yNjQsMTQ5LjkzNHoiIGZpbGw9IiNBM0QxNzkiLz48cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjEzNy4yMDIsMjExLjQwMSA4MS45NzgsMTI1Ljk5NCA4MS45NzgsMTI0LjkyIDEzMy43MTgsMTQ4LjMgMjE5LjA1OSw4OC40NjYgICIvPjwvZz48L3N2Zz4=);
}
.recomended-widget .nopreview,
.recomended-widget .preview {
background-color: #EEE;
margin-bottom: 10px;
width: 100%;
height: 120px;
background-repeat: no-repeat;
background-origin: content-box;
background-size: cover;
background-position: center center;
}
.widget.dashboard-panel {
box-shadow: 0 0 32px rgb(0 0 0 / 20%);
border-radius: 20px;
}
.my-modal-window {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: none;
justify-content: center;
align-items: center;
overflow-y: auto;
z-index: 1000000;
}
.my-modal-window > .in {
background: #fff;
padding: 20px;
border-radius: 5px;
position: relative;
max-width: 90%;
margin: 80px auto;
}
.my-modal-window .close-btn {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iY2xvc2UiPjxnPjxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjUzLjQ0Ii8+PHBhdGggZD0iTTM1MC4wMTksMTQ0LjA2NmwxNy41MjEsMTcuNTIyYzYuMDQ3LDYuMDQ3LDYuMDQ3LDE1Ljg1MiwwLDIxLjlMMTgzLjYwNywzNjcuNDE5ICAgIGMtNi4wNDcsNi4wNDgtMTUuODUyLDYuMDQ3LTIxLjksMGwtMTcuNTIxLTE3LjUyMmMtNi4wNDctNi4wNDctNi4wNDctMTUuODUyLDAtMjEuOWwxODMuOTMyLTE4My45MzMgICAgQzMzNC4xNjYsMTM4LjAxOCwzNDMuOTcxLDEzOC4wMTgsMzUwLjAxOSwxNDQuMDY2eiIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiLz48cGF0aCBkPSJNMzY3LjU0LDM0OS44OTlsLTE3LjUyMiwxNy41MjJjLTYuMDQ3LDYuMDQ3LTE1Ljg1Miw2LjA0Ny0yMS45LDBMMTQ0LjE4NiwxODMuNDg4ICAgIGMtNi4wNDctNi4wNDctNi4wNDctMTUuODUyLDAtMjEuOWwxNy41MjItMTcuNTIyYzYuMDQ3LTYuMDQ3LDE1Ljg1Mi02LjA0NywyMS45LDBMMzY3LjU0LDMyNy45OTkgICAgQzM3My41ODgsMzM0LjA0NywzNzMuNTg4LDM0My44NTIsMzY3LjU0LDM0OS44OTl6IiBzdHlsZT0iZmlsbDojRkZGRkZGOyIvPjwvZz48L2c+PGcgaWQ9IkxheWVyXzEiLz48L3N2Zz4=) no-repeat center center;
ackground-size: 30px;
position: absolute;
top: 5px;
right: 5px;
font-size: 20px;
cursor: pointer;
border-radius: 100px;
padding: 10px 16px;
width: 30px;
height: 30px;
opacity: 0.7;
}
.my-modal-window .close-btn:hover {
opacity: 1;
}
h4.widget-videos-title {
font-size: 32px;
font-weight: bold;
margin: 0;
padding: 20px 0 20px;
}
.widget-videos-container {
font-family: 'Roboto', Arial, sans-serif;
padding: 0;
margin: 0;
}
.widget-videos-container .video-item {
margin-bottom: 16px;
}
.widget-videos-container .video-link {
text-decoration: none;
color: inherit;
display: block;
}
.widget-videos-container .video-link:hover .video-title {
color: #0073b1;
}
.widget-videos-container .video-thumb-container {
position: relative;
border-radius: 8px;
overflow: hidden;
width: 100%;
}
.widget-videos-container .video-thumb {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.widget-videos-container .video-link:hover .video-thumb {
transform: scale(1.05);
}
.widget-videos-container .video-duration {
position: absolute;
bottom: 4px;
right: 4px;
background: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 1px 4px;
border-radius: 4px;
white-space: nowrap;
}
.widget-videos-container .video-title {
font-size: 14px;
font-weight: bold;
line-height: 1.4;
color: #0f0f0f;
margin-top: 8px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.widget-videos-container.widget-list .video-link {
display: flex;
}
.widget-videos-container.widget-list .video-title {
-webkit-line-clamp: 4;
padding-left: 10px;
margin-top: 6px;
}
.widget-list {
display: flex;
flex-direction: column;
}
.widget-list .video-item {
display: flex;
gap: 12px;
}
.widget-list .video-thumb-container {
width: 168px;
height: 94px;
flex-shrink: 0;
}
.widget-list .video-info {
flex: 1;
min-width: 0;
}
.widget-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 16px;
}
.widget-grid .video-item {
margin-bottom: 0;
}
.widget-grid .video-thumb-container {
width: 100%;
height: 0;
padding-bottom: 56.25%;
position: relative;
}
.widget-grid .video-thumb {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.widget-grid .video-title {
margin-top: 8px;
font-size: 14px;
font-weight: bold;
}
.widget-scroll {
display: flex;
gap: 16px;
overflow-x: auto;
padding: 8px 0 16px;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
.widget-scroll .video-item {
flex: 0 0 auto;
width: 180px;
margin-bottom: 0;
}
.widget-scroll .video-thumb-container {
width: 180px;
height: 0;
padding-bottom: 101.25%;
position: relative;
}
.widget-scroll .video-thumb {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.widget-scroll .video-title {
margin-top: 8px;
font-size: 13px;
}
.widget-scroll::-webkit-scrollbar {
height: 6px;
}
.widget-scroll::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 3px;
}
.widget-scroll::-webkit-scrollbar-thumb:hover {
background: #aaa;
}
@media (max-width: 768px) {
.widget-list .video-thumb-container { width: 120px; height: 68px; }
.widget-list .video-title { font-size: 13px; }
.widget-grid {
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
}
@media (max-width: 480px) {
.widget-list .video-thumb-container { width: 100px; height: 56px; }
.widget-grid {
grid-template-columns: repeat(2, 1fr);
}
}
header .icon {
display: block;
width: 50px;
height: 50px;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
header .icon .i {
display: none;
}
header .icon .counter {
position: absolute;
right: 4px;
bottom: 10px;
background: #C00;
color: #FFF;
height: 1.5em;
line-height: 1.5em;
font-size: 10px;
padding: 0 0.5em;
border-radius: 10px;
text-align: center;
}
.icon.messages {
background-image: url(../svg/mail.svg);
}
.icon.friends {
background-image: url(../svg/friends.svg);
}
.icon.notices {
background-image: url(../svg/bell.svg);
}
.icon.settings {
background-image: url(../svg/settings.svg);
}
.icon.search {
background-image: url(../svg/search.svg);
}
.icon.votes,
.icon.like {
background-image: url(../svg/like.svg);
}
.icon.like.voted {
background-image: url(../svg/liked.svg);
}
.icon.comment {
background-image: url(../svg/comment.svg);
}
.icon.bookmark {
background-image: url(../svg/bookmark.svg);
}
.icon.bookmark.added {
background-image: url(../svg/bookmarked.svg);
}
.icon.eye {
background-image: url(../svg/eye.svg);
}
.icon.complaint {
background-image: url(../svg/complaint.svg);
}
.icon.h-dots {
background-image: url(../svg/h-dots.svg);
}
.icon.thumbs-up {
background-image: url(../svg/thumbs-up.svg);
background-position: center 0;
}
.icon.thumbs-down {
background-image: url(../svg/thumbs-down.svg);
background-position: center 7px;
}
.icon.reply {
background-image: url(../svg/reply.svg);
background-position: center center;
}
.icon.rating {
background-image: url(../svg/star.svg);
background-position: 0 center;
background-repeat: no-repeat;
}
.icon.magic {
background-image: url(../svg/magic.svg);
background-position: 0 center;
background-repeat: no-repeat;
}
.button.icon {
background-repeat: no-repeat;
background-position: center;
position: relative;
}
header .icon.settings {
width: 32px;
}
.info_bar .bar_item .icon {
opacity: 0.4;
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.icon32 {
opacity: 0.4;
width: 32px;
height: 32px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.bgs32 {
background-size: 32px;
}
.bgs66p {
background-size: 66%;
}
.bgs75p {
background-size: 75%;
}
.bgs100p {
background-size: 100%;
}
.loader {
border: 2px solid rgba(0, 82, 236, 0.25);
border-top-color: #0052ec;
border-radius: 50%;
position: relative;
background-color: transparent;
animation: loader-rotate 1s linear infinite;
top: 50%;
margin: 0px;
}
@keyframes loader-rotate {
0% {
transform: rotate(0); }
100% {
transform: rotate(360deg); } }
#big-share-buttons a:not(:last-child) {
margin-right: 10px;
}
#big-share-buttons .ok {
color: #FFF;
background: #ff9f4d;
background: -moz-linear-gradient(top, #ff9f4d 0%, #f67822 100%);
background: -webkit-linear-gradient(top, #ff9f4d 0%,#f67822 100%);
background: linear-gradient(to bottom, #ff9f4d 0%,#f67822 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f4d', endColorstr='#f67822',GradientType=0 );
border-bottom: 1px solid #ff9f4d;
color: #FFF;
}
#big-share-buttons .vk {
background-color: #4a76a8;
border-bottom: 1px solid #4872a3;
color: #FFF;
}
#big-share-buttons .facebook {
background-color:#0966ff;
color: #FFF;
}
#big-share-buttons .mailru {
background-color: #005ff9;
color: #FFF;
}
#big-share-buttons .pinterest {
background-color: #e60023;
background-repeat: no-repeat;
background-size: 34px;
background-position: 5px center;
color: #FFF;
}
#big-share-buttons .twitter {
background-color: #000;
color: #FFF;
}
form .field {
width: 100%;
margin-bottom: 10px;
}
form .field label {
color: #888;
width: 100%;
display: block;
padding-bottom: 2px;
}
form fieldset {
border: none;
padding: 10px 0 0;
}
form .field textarea.form-control,
form .field select.form-control,
form .field input.form-control {
color: #2C2D2E;
width: 100%;
border: 1px solid #e7eaf3;
border-radius: 6px;
margin: 0;
padding: 0 12px;
font-size: 15px;
background: #FFF;
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
}
form .field textarea.form-control {
padding-top: 5px;
padding-bottom: 5px;
}
form .field select.form-control,
form .field input.form-control {
height: 38px;
line-height: 38px;
}
form .field.field_error {
background-color: #fce7eb;
color: #d0193b;
padding: 5px;
border-radius: 6px;
}
form .field.field_error label {
font-weight: bold;
color: #000;
}
form .field.field_error .error_text {
margin-top: 5px;
margin-bottom: 10px;
}
form .form-tabs > .tab {
margin-bottom: 20px;
}
.tabs-menu {
margin-bottom: 30px;
}
.tabs-menu > ul
{
clear: both;
height: auto;
list-style-type: none;
padding: 0;
margin: 0;
border-bottom: 1px solid #EEE;
display: flex;
flex-wrap: wrap;
}
.tabs-menu .tabbed li a
{
border: 0;
border-bottom: 4px solid #FFF;
padding: 15px 10px;
text-decoration: none;
color: #000;
line-height: 30px;
display: block;
}
.tabs-menu .tabbed li a .counter {
color: #AAA;
}
.tabs-menu .tabbed li a:hover
{
background-color: inherit;
}
.tabs-menu .tabbed li a:hover
{
color: #377dff;
}
.tabs-menu .tabbed li.active a,
.tabs-menu .tabbed li.active a:hover
{
border: 0;
border-bottom: 4px solid #377dff;
color: #377dff;
}
.widget_image_single .preview,
.widget_image_multi .preview {
margin-bottom: 5px;
padding: 4px;
border: solid 1px #DDD;
border-radius: 3px;
overflow: hidden !important;
background-color: #EEE;
text-align: center;
}
.widget_image_multi .preview .im-b {
width: 256px;
float: left;
height: 294px;
overflow: hidden;
}
.widget_image_multi .preview .buttons-list {
overflow: hidden;
padding-bottom: 4px;
}
.widget_image_single .preview .textarea-block,
.widget_image_multi .preview .textarea-block {
margin-left: 256px;
padding: 0 5px 0 4px;
box-sizing: border-box;
}
.widget_image_single .preview .textarea-block textarea,
.widget_image_multi .preview .textarea-block textarea {
box-sizing: border-box !important;
box-shadow: inset 0 2px 8px #ddd !important;
padding: 5px !important;
border: 1px solid #CCC;
font-size: 18px;
width: 100%;
height: 294px;
}
.widget_image_multi .preview img {
cursor: move;
max-height: 100%;
width: 256px;
height: 256px;
}
.widget_image_multi .preview .buttons-list .image-delete {
float: right;
margin-right: 10px;
width: 32px !important;
height: 32px !important;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIyLjU0MzEyOTk5NDU5MjE2RS0wNiAtMC4xOTQ2NTU5OTk1NDEyODMgMTEzLjUyNjk5Nzg4NDExNiAxMTMuNTI3NjU2MTgyNjQ3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImRlZjAiIHgxPSIwLjQ5OTk5NSIgeDI9IjAuNDk5OTk1IiB5MT0iMS43Mzc3OUUtMDYiIHkyPSIxLjAwMDAxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNGMjdFNUUiLz48c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iI0VCMUMyNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0NFMjIyOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnPjxwYXRoIGQ9Ik0yLjU0MzEzRS0wNiw4Ny41MzQ3TDMwLjk2NCw1Ni41NjQgMi41NDMxM0UtMDYsMjUuNjAxMyAyNS43OTczLC0wLjE5NDY1NiA1Ni43NjI3LDMwLjc3MDcgODcuNzI2NywtMC4xOTQ2NTYgMTEzLjUyNywyNS42MDEzIDgyLjU2MjcsNTYuNTY5MyAxMTMuNTI3LDg3LjUzNDcgODcuNzI2NywxMTMuMzI5IDU2Ljc2NjcsODIuMzY0IDI1Ljc5NzMsMTEzLjMzMyAyLjU0MzEzRS0wNiw4Ny41MzQ3eiIgZmlsbD0iIzk5MDAwMCIvPjxwYXRoIGQ9Ik0xMTEuNjQxLDg3LjUzNDFMODAuNjc2OCw1Ni41NzAxIDExMS42NDEsMjUuNjAyMSA4Ny43MjYxLDEuNjkwMTQgNTYuNzYzNSwzMi42NTU1IDI1Ljc5NjgsMS42OTAxNCAxLjg4NDgsMjUuNjAyMSAzMi44NTAxLDU2LjU2NDggMS44ODQ4LDg3LjUzNDEgMjUuNzk2OCwxMTEuNDQ3IDU2Ljc2NzUsODAuNDc4MSA4Ny43MjYxLDExMS40NDMgMTExLjY0MSw4Ny41MzQxeiIgZmlsbD0idXJsKCNkZWYwKSIvPjxwYXRoIGQ9Ik01My41NTA3LDQyLjE1OTdDNjkuOTc3MywzNi45MTg0LDg2LjI5ODcsMzUuMDc4NCwxMDEuMDM2LDM2LjIwNzdMMTExLjY0LDI1LjYwMjQgODcuNzI2NywxLjY5MDQgNTYuNzYyNywzMi42NTU3IDI1Ljc5NzMsMS42OTA0IDEuODg1MzQsMjUuNjAyNCAyOS4wMzQ3LDUyLjc0OTFDMzYuNTE4Nyw0OC41NjUxLDQ0LjczODcsNDQuOTcxNyw1My41NTA3LDQyLjE1OTd6IiBmaWxsPSIjRkZGRkZGIiBzdHlsZT0iZmlsbC1vcGFjaXR5OjAuMTAxOTYwNzg0MzEzNzI1Ii8+PC9nPjwvc3ZnPg==) no-repeat center center !important;
background-size: 60% !important;
background-color: rgba(225, 225, 225, 0.8) !important;
border-radius: 4px !important;
cursor: pointer !important;
border: 1px solid #888;
}
.widget_image_multi .preview .buttons-list .rotate-left {
width: 32px !important;
height: 32px !important;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMXB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAyMSIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzIuMDAwMDAwLCAtMzgwLjAwMDAwMCkiPjxnIGlkPSJyb3RhdGUtbGVmdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcyLjAwMDAwMCwgMzgwLjUwMDAwMCkiPjxwYXRoIGQ9Ik0zLjEsNy41IEwxLjcsNi4xIEMwLjgsNy4zIDAuMiw4LjYgMC4xLDEwIEwyLjEsMTAgQzIuMiw5LjEgMi42LDguMyAzLjEsNy41IEwzLjEsNy41IFogTTIuMSwxMiBMMC4xLDEyIEMwLjMsMTMuNCAwLjgsMTQuNyAxLjcsMTUuOSBMMy4xLDE0LjUgQzIuNiwxMy43IDIuMiwxMi45IDIuMSwxMiBMMi4xLDEyIFogTTMuMSwxNy4zIEM0LjMsMTguMiA1LjYsMTguNyA3LDE4LjkgTDcsMTYuOSBDNi4xLDE2LjggNS4zLDE2LjQgNC41LDE1LjkgTDMuMSwxNy4zIEwzLjEsMTcuMyBaIE05LDMuMSBMOSwwIEw0LjUsNC41IEw5LDkgTDksNS4xIEMxMS44LDUuNiAxNCw4IDE0LDExIEMxNCwxNCAxMS44LDE2LjQgOSwxNi45IEw5LDE4LjkgQzEyLjksMTguNCAxNiwxNSAxNiwxMSBDMTYsNyAxMi45LDMuNiA5LDMuMSBMOSwzLjEgWiIgaWQ9IlNoYXBlIi8+PC9nPjwvZz48L2c+PC9zdmc+) no-repeat center center !important;
background-size: 60% !important;
background-color: rgba(225, 225, 225, 0.8) !important;
border-radius: 4px !important;
cursor: pointer !important;
border: 1px solid #888;
float: left;
}
.widget_image_multi .preview .buttons-list .rotate-right {
float: left;
width: 32px !important;
height: 32px !important;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMXB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAyMSIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTQuMDAwMDAwLCAtMzgwLjAwMDAwMCkiPjxnIGlkPSJyb3RhdGUtcmlnaHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxNC4wMDAwMDAsIDM4MC41MDAwMDApIj48cGF0aCBkPSJNMTEuNSw0LjUgTDcsMCBMNywzLjEgQzMuMSwzLjYgMCw2LjkgMCwxMSBDMCwxNS4xIDMuMSwxOC40IDcsMTguOSBMNywxNi45IEM0LjIsMTYuNCAyLDE0IDIsMTEgQzIsOCA0LjIsNS42IDcsNS4xIEw3LDkgTDExLjUsNC41IEwxMS41LDQuNSBaIE0xNS45LDEwIEMxNS43LDguNiAxNS4yLDcuMyAxNC4zLDYuMSBMMTIuOSw3LjUgQzEzLjQsOC4zIDEzLjgsOS4xIDEzLjksMTAgTDE1LjksMTAgTDE1LjksMTAgWiBNOSwxNi45IEw5LDE4LjkgQzEwLjQsMTguNyAxMS43LDE4LjIgMTIuOSwxNy4zIEwxMS41LDE1LjkgQzEwLjcsMTYuNCA5LjksMTYuOCA5LDE2LjkgTDksMTYuOSBaIE0xMi45LDE0LjUgTDE0LjMsMTUuOSBDMTUuMiwxNC43IDE1LjgsMTMuNCAxNS45LDEyIEwxMy45LDEyIEMxMy44LDEyLjkgMTMuNCwxMy43IDEyLjksMTQuNSBMMTIuOSwxNC41IFoiIGlkPSJTaGFwZSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center !important;
background-size: 60% !important;
background-color: rgba(225, 225, 225, 0.8) !important;
border-radius: 4px !important;
cursor: pointer !important;
border: 1px solid #888;
}
.widget_image_multi .preview .upload-images-rotate1
{
-webkit-transform: rotate(90deg) !important;
-moz-transform: rotate(90deg) !important;
-ms-transform: rotate(90deg) !important;
-o-transform: rotate(90deg) !important;
transform: rotate(90deg) !important;
}
.widget_image_multi .preview .upload-images-rotate2
{
-webkit-transform: rotate(180deg) !important;
-moz-transform: rotate(180deg) !important;
-ms-transform: rotate(180deg) !important;
-o-transform: rotate(180deg) !important;
transform: rotate(180deg) !important;
}
.widget_image_multi .preview .upload-images-rotate3
{
-webkit-transform: rotate(270deg) !important;
-moz-transform: rotate(270deg) !important;
-ms-transform: rotate(270deg) !important;
-o-transform: rotate(270deg) !important;
transform: rotate(270deg) !important;
}
.widget_image_multi .preview .upload-images-rotate0
{
-webkit-transform: rotate(0deg) !important;
-moz-transform: rotate(0deg) !important;
-ms-transform: rotate(0deg) !important;
-o-transform: rotate(0deg) !important;
transform: rotate(0deg) !important;
}
.symbols_count {
font-size: 12px;
margin: 3px 0 0 0;
display: none;
}
.symbols_count .symbols_num {
background-color: #ecf0f1;
border: 1px solid #bdc3c7;
color: #2980b9;
cursor: pointer;
transition: opacity 0.3s;
}
.symbols_count > span {
display: inline-block;
padding: 2px 5px;
margin: 0 3px 0 0;
color: #7f8c8d;
}
@media screen and (max-width: 700px) {
.widget_image_multi .preview .im-b {
width: 100%;
float: none;
}
.widget_image_single .preview .textarea-block,
.widget_image_multi .preview .textarea-block {
margin-left: 0;
}
.widget_image_single .preview .textarea-block textarea, .widget_image_multi .preview .textarea-block textarea {
height: 120px;
}
}
.desktop-hidden {
display: none;
}
@media screen and (max-width: 1200px) {
#layout #main-right {
display: none;
}
}
@media screen and (max-width: 700px) {
.desktop-hidden {
display: block;
}
#layout #main-center{
width: 100%;
overflow: hidden;
margin: 0 !important;
}
.mobile-hidden
{
display: none !important;
}
.col-m-20p {
width: 20%;
}
.px0-m {
padding-left: 0 !important;
padding-right: 0 !important;
}
.px10-m {
padding-left: 10px !important;
padding-right: 10px !important;
}
.mx0-m {
margin-left: 0 !important;
margin-right: 0 !important;
}
.mx10-m {
margin-left: 10px !important;
margin-right: 10px !important;
}
.col-m-25p {
width: 25%;
}
.col-m-33p {
width: 33.3%;
}
.col-m-50p {
width: 50%;
}
.col-m-100p {
width: 100%;
}
.mo11 {
order: 11;
}
.mo12 {
order: 12;
}
.mo13 {
order: 13;
}
.mfl1 {
font-size: 21px;
}
.mfs1 {
font-size: 14px;
}
.mfs2 {
font-size: 12px;
}
.mfs3 {
font-size: 11px;
}
.mfwn {
font-weight: normal;
}
}
a {
color: blue;
}
a:hover {
color: red;
}
body > header{
box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
background-color: #FFF;
}
body > footer {
color: rgba(0,0,0,.54);
background: #f2f2f2;
padding: 15px 10px;
margin-top: 10px;
}
.birthdays-widget-active img.img-thumbnail,
#main-center #comments_list img.img-thumbnail.avatar,
#main-center .content_list_item .avatar img.img-thumbnail {
width: 64px;
height: 64px;
}
#main-right .ava img.img-thumbnail {
width: 32px;
height: 32px;
}
#main-center .content_list_item .image-preview img {
object-fit: cover;
max-width: 100%;
max-height: 600px;
object-fit: cover;
}
#layout #main-center {
}
body {
background-color: #f5f2e9;
}
header > .w, footer > .w, #layout {
max-width: 1280px;
}
#layout #main-left {
margin-right: 10px;
display: none;
}
#layout #main-right {
margin-left: 10px;
}
#layout #main-left .img-thumbnail {
margin: 0 auto 0;
}
#layout #main-center,
#layout #main-right .widget_tabbed,
#layout #main-left .vert-list {
background-color: #FFF;
}
#layout #main-right .widget_tabbed {
padding: 10px;
}
#layout #main-center
{
margin: 10px 0px 0 0px;
box-sizing: border-box;
}
a {
color: #2980b9;
transition: background 0.15s linear, color 0.15s linear;
}
.content_categories a {
background-color: #68809B;
color: #FFF;
}
/*#layout #main-center .actions {
margin: -10px -10px 20px;
background-color: #F0F0F0;
}
*/
.content_list_item.posts_list_item {
border-bottom: 10px solid #f5f2e9;
margin-left: -10px;
margin-right: -10px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.pagebarobbw2 {
background-color: #FFF;
padding: 10px;
}
.pagebar_pages *{
margin-right: 10px;
}
.author-header-item-view {
background-color: #e3f6fc;
padding: 10px;
margin: 0 -10px 10px;
}
.video_frame {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.video_wrap {
height: 0;
position: relative;
padding-bottom: 56.25%;
overflow:hidden;
}
#widget_pos_top
{
padding-top: 10px;
}
#widget_pos_top .menu
{
background-color: #0c5261;
overflow: hidden;
padding: 0 !important;
}
#widget_pos_top .menu a
{
font-size: 18px;
line-height: 42px;
height: 42px;
display: block;
float: left;
margin: 0 !important;
padding: 0 10px;
color: #FFF;
font-weight: bold;
}
#widget_pos_top .menu a:hover
{
background-color: #FFF;
}
#widget_pos_top .menu a:hover
{
color: #C00;
}
#widget_pos_top .menu li.active a
{
background-color: #FFF;
color: #000;
}
#widget_pos_top .menu li.active a span
{
color: #000;
border-bottom: none;
}
ul.oauth-soctype-choose
{
list-style-type: none;
padding: 0;
margin: 20px 0 0;
overflow: hidden;;
}
ul.oauth-soctype-choose li
{
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
}
ul.oauth-soctype-choose li:last-child
{
margin-right: 0;
}
ul.oauth-soctype-choose li a
{
text-align: center;
text-decoration: none;
font-size: 11px;
display: block;
}
ul.oauth-soctype-choose li a span.icon
{
display: block;
width: 50px;
height: 50px;
background-size: 100%;
background-repeat: no-repeat;
background-position: top center;
position: relative;
box-sizing: border-box;
}
ul.oauth-soctype-choose li.vk a span.icon
{
background-image: url(../svg/vk.svg);
}
ul.oauth-soctype-choose li.ok a span.icon
{
background-image: url(../svg/ok.svg);
}
ul.oauth-soctype-choose li.google a span.icon
{
border: 1px solid #EEE;
background-color: #FFF;
border-radius: 7px;
background-image: url(../svg/google.svg);
}
ul.oauth-soctype-choose li.facebook a span.icon
{
background-image: url(../svg/facebook.svg);
}
ul.oauth-soctype-choose li.instagram a span.icon
{
background-image: url(../svg/instagram.svg);
}
ul.oauth-soctype-choose li.mailru a span.icon
{
background-image: url(../svg/mailru.svg);
}
ul.oauth-soctype-choose li.ya a span.icon
{
background-image: url(../svg/yandex.svg);
}
ul.oauth-soctype-choose li.yahoo a span.icon
{
background-image: url(../svg/yahoo.svg);
}
ul.oauth-soctype-choose li.apple a span.icon
{
background-image: url(../svg/apple.svg);
background-color: #FFF;
border-radius: 7px;
border: 1px solid #EEE;
background-size: 75%;
background-position: center center;
}
ul.oauth-soctype-choose li a span
{
display: block;
}
ul.oauth-soctype-choose li a span.title
{
display: none;
}
#relogin-modal-window-bg
{
position: fixed;
background: rgba(0, 0, 0, 0.5);
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 100001;
}
#relogin-add-post-waiting
{
width: 100px;
height: 100px;
background: url("../images/spinner-2.svg") no-repeat center center #EEE;
background-size: 32px;
box-shadow: 0 10px 20px -5px rgba(0,0,0,.4);
position: fixed;
margin-left: -50px;
left: 50%;
margin-top: -50px;
top: 50%;
display: none;
z-index: 100002;
}
#relogin-modal-window-bg
{
position: fixed;
background: rgba(0, 0, 0, 0.5);
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 100001;
}
#relogin-add-post-waiting
{
width: 100px;
height: 100px;
background: url("../images/spinner-2.svg") no-repeat center center #EEE;
background-size: 32px;
box-shadow: 0 10px 20px -5px rgba(0,0,0,.4);
position: fixed;
margin-left: -50px;
left: 50%;
margin-top: -50px;
top: 50%;
display: none;
z-index: 100002;
}
#relogin-modal-window
{
width: 400px;
background: #EEE;
box-shadow: 0 10px 20px -5px rgba(0,0,0,.4);
position: fixed;
margin-left: -150px;
left: 50%;
margin-top: -130px;
top: 50%;
display: none;
z-index: 100002;
overflow: hidden;
border-radius: 2px;
}
#relogin-modal-window .in
{
}
#relogin-modal-window .in .title
{
height: 54px;
line-height: 54px;
padding: 0 25px;
font-size: 14px;
background-color: rgb(12, 82, 97);
color: #FFF;
}
#relogin-modal-window .in .message
{
padding-bottom: 20px;
}
#relogin-modal-window .in .content
{
padding: 20px 25px;
}
#relogin-modal-window .in .controls
{
padding: 15px 23px 15px 25px;
background-color: #e7e7e7;
border-radius: 0 0 2px 2px;
border-top: 1px solid #ddd;
white-space: nowrap;
overflow: hidden;
}
#relogin-modal-window .in .controls .buttons
{
float: right;
}
#relogin-modal-window .in h3
{
padding: 0;
margin: 0 0 10px 0;
font-size: 14px;
font-weight: bold;
}
#relogin-modal-window .in .widget_auth .field
{
padding-bottom: 10px;
}
#relogin-modal-window .in .widget_auth .field input
{
height: 40px;
text-indent: 5px;
}
.digest-groups-area
{
background-color: #FFF;
padding: 15px;
}
h1.digest-groups-header
{
background-color: #643ce7;
padding: 20px !important;
font-size: 28px !important;
color: #FFF !important;
margin-bottom: 0 !important;
}
.digest-groups-area h2.group-list-section
{
font-weight: bold;
font-size: 32px;
margin: 40px 0 20px;
}
.digest-groups-area .group-header
{
overflow: hidden;
background-color: #ede8ff;
padding: 10px;
margin-bottom: 20px;
border-radius: 4px;
}
.digest-groups-area .digest-item .preview img
{
border-radius: 4px;
}
.digest-groups-area .group-header .logo
{
width: 80px;
float: left;
font-size: 0;
}
.digest-groups-area .group-header .logo .nologo
{
width: 64px;
height: 64px;
border-radius: 50%;
background-color: #DDD;
}
.digest-groups-area .group-header .info
{
}
.digest-groups-area .group-header .join-btn
{
font-weight: bold;
background-color: #C00;
display: inline-block;
padding: 0 10px;
line-height: 40px;
height: 40px;
color: #FFF;
float: right;
border-radius: 4px;
}
.digest-groups-area .group-header .title
{
font-size: 24px;
padding-bottom: 2px;
font-weight: bold;
}
.digest-groups-area .group-header .title a
{
color: #000;
text-decoration: none;
}
.digest-item .preview img
{
max-width: 150px;
}
.digest-item .text
{
box-sizing: border-box;
}
digest-items .digest-item .preview img
{
}
.digest-items .digest-item.preview img a
{
border: none;
}
.digest-area .digest-item .preview .nophoto,
.digest-items .digest-item .preview .nophoto
{
width: 150px;
height: 150px;
box-sizing: border-box;
background-color: #F2F2F2;
}
.digest-area .digest-item .preview,
.digest-items .digest-item .preview {
width: 160px;
padding-left: 0;
box-sizing: border-box;
text-align: left;
float: left;
}
.digest-area
{
background-color: #FFF;
padding: 0 0px 20px 0;
margin-right: 0;
}
.digest-item
{
overflow: hidden;
margin-bottom: 20px;
}
.digest-item .text
{
margin-left: 175px;
color: #444;
padding-right: 20px;
}
.digest-item .text h2
{
padding-top: 0;
margin-top: 0;
font-family: 'PT Sans',sans-serif;
font-weight: bold;
}
.digest-item .text h2 a
{
}
.newbie-users-list
{
overflow: hidden;
background-color: #FFE;
}
.newbie-users-list .title
{
padding: 10px;
font-weight: bold;
font-size: 18px;
}
.newbie-users-list .users-list
{
overflow: hidden;;
}
.newbie-users-list .users-list
{
list-style-type: none;
padding: 0;
margin: 0;
height: 160px;
}
.newbie-users-list .users-list li
{
float: left;
width: 16.66%;
padding: 0 5px 0 5px;
box-sizing: border-box;
text-align: center;
overflow: hidden;
font-size: 12px;
position: relative;
}
.newbie-users-list .users-list li a.avatar
{
display: block;
width: 100%;
height: 120px;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
border-radius: 4px;
transition-duration: 0.2s;
transition-property: background-size;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.newbie-users-list .users-list li a.avatar:hover
{
}
.newbie-users-list .users-list li .nickname
{
position: absolute;
bottom: 40px;
left: 5px;
right: 5px;
padding: 5px;
box-sizing: border-box;
color: #FFF;
text-decoration: none;
background-color: rgba(0, 0, 0, 0.7);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.newbie-users-list .users-list li .nickname .name
{
display: block;
font-weight: bold;
}
.newbie-users-list .users-list li .nickname .birthday
{
display: block;
margin-top: 5px;
background-position: 0 0;
background-repeat: no-repeat;
text-align: left;
padding-left: 20px;
background-size: 14px;
}
.newbie-users-list .users-list li .nickname .city
{
display: block;
margin-top: 5px;
background-position: 0 0;
background-repeat: no-repeat;
text-align: left;
padding-left: 20px;
background-size: 14px;
}
.newbie-users-list .users-list li .nickname .city
{
display: block;
margin-top: 5px;
}
.newbie-users-list .users-list li .close-btn
{
background-size: 16px;
background-position: center center;
background-repeat: no-repeat;
background-color: #AAA;
position: absolute;
right: 5px;
top: 0;
width: 24px;
height: 24px;
cursor: pointer;
border-radius: 4px;
opacity: 0.9;
}
.newbie-users-list .users-list li .close-btn:hover
{
opacity: 1;
}
.newbie-users-list .users-list li .say-hello
{
height: 40px;
display: inline-block;
line-height: 40px;
text-decoration: none;
color: #777;
display: block;
text-align: center;
}
.newbie-users-list .users-list li .say-hello .in
{
display: inline-block;
}
.newbie-users-list .users-list li .say-hello .hand
{
display: block;
float: left;
width: 30px;
height: 40px;
background-image: url(../images/waving-hand.png);
background-size: 24px;
background-position: 4px center;
background-repeat: no-repeat;
margin-right: 5px;
}
.newbie-users-list .users-list li .say-hello:hover
{
color: #C00;
}
.newbie-users-list .users-list li .say-hello:hover .hand {
animation: shake 0.82s cubic-bezier(.36,.67,.19,.97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
.newbie-users-list .users-list li .nickname .birthday
{
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx0aXRsZS8+PGcgaWQ9IlByZXNlbnRfQm94XzEiPjxnPjxyZWN0IGhlaWdodD0iNCIgc3R5bGU9ImZpbGw6I0Y4RjhGODsiIHdpZHRoPSIyMSIgeD0iMS41IiB5PSIzLjUiLz48cmVjdCBoZWlnaHQ9IjQiIHN0eWxlPSJmaWxsOiNGOEY4Rjg7IiB3aWR0aD0iMjEiIHg9IjEuNSIgeT0iMy41Ii8+PHJlY3QgaGVpZ2h0PSIxLjUiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiB3aWR0aD0iMjEiIHg9IjEuNSIgeT0iMy41Ii8+PHJlY3QgaGVpZ2h0PSIxNSIgc3R5bGU9ImZpbGw6I0Y4RjhGODsiIHdpZHRoPSIxOSIgeD0iMi41IiB5PSI3LjUiLz48cmVjdCBoZWlnaHQ9IjEuNSIgc3R5bGU9Im9wYWNpdHk6MC4xO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7IiB3aWR0aD0iMTkiIHg9IjIuNSIgeT0iNy41Ii8+PHJlY3QgaGVpZ2h0PSIxLjUiIHN0eWxlPSJvcGFjaXR5OjAuMTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgOyIgd2lkdGg9IjE5IiB4PSIyLjUiIHk9IjIxIi8+PGc+PHBhdGggZD0iTTE4LDEuNWMtMS4yMiwwLTMuMywxLjE4LTQuNzcsMi42NWMtMC40NjYtMC42NzgtMS4zOTQtMC44NS0yLjA3Mi0wLjM4NCAgICAgQzExLjAyNSwzLjg1OCwxMC45MDcsMy45NywxMC44MSw0LjFsMCwwQzkuMzQsMi42MSw3LjIyLDEuNSw2LDEuNXMtMC41LDIuMTYtMC41LDNzLTAuMTksMywxLDNjMS4xMTQtMC4xNzEsMi4xOTYtMC41MDgsMy4yMS0xICAgICBsLTEuMjEsM0wxMCw5bDAuNSwxLjV2MTJoM3YtMTJMMTQsOWwxLjUsMC41bC0xLjEtM2MwLjk3NCwwLjQ5NSwyLjAyLDAuODMzLDMuMSwxYzEuMTksMCwxLTIuMTYsMS0zUzE5LjIyLDEuNSwxOCwxLjV6IiBzdHlsZT0iZmlsbDojRDUxQzI5OyIvPjxwYXRoIGQ9Ik02LDIuNWMxLjIyLDAsMy4zNCwxLjExLDQuODEsMi41OGwwLDAgICAgIGMwLjQ5NC0wLjY1OCwxLjQyOC0wLjc5MiwyLjA4Ni0wLjI5OGMwLjEzLDAuMDk3LDAuMjQyLDAuMjE1LDAuMzM0LDAuMzQ4QzE0LjcsMy42OCwxNi43OCwyLjUsMTgsMi41YzAuNDIsMCwwLjYsMC4yNiwwLjY3LDAuNjMgICAgIEMxOC43NywyLjMxLDE4Ljc1LDEuNSwxOCwxLjVjLTEuMjIsMC0zLjMsMS4xOC00Ljc3LDIuNjVjLTAuNDY2LTAuNjc4LTEuMzk0LTAuODUtMi4wNzItMC4zODQgICAgIEMxMS4wMjUsMy44NTgsMTAuOTA3LDMuOTcsMTAuODEsNC4xbDAsMEM5LjM0LDIuNjEsNy4yMiwxLjUsNiwxLjVjLTAuNzUsMC0wLjc2LDAuODEtMC42NywxLjYzQzUuNCwyLjc2LDUuNTgsMi41LDYsMi41eiIgc3R5bGU9Im9wYWNpdHk6MC4yO2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgOyIvPjwvZz48cGF0aCBkPSJNMjIuNSwzaC0zLjMyYzAuMTE1LTAuNTYsMC4wMDQtMS4xNDItMC4zMS0xLjYyQzE4LjY1MiwxLjEyOSwxOC4zMzIsMC45OSwxOCwxICAgIGMtMS41NzgsMC4yMy0zLjA1MSwwLjkyNy00LjIzLDJoLTMuNDJDOS4xMzQsMS45MTEsNy42MTgsMS4yMTQsNiwxQzUuNjY0LDAuOTg3LDUuMzQxLDEuMTI3LDUuMTIsMS4zOCAgICBDNC44MSwxLjg1OSw0LjcwMiwyLjQ0Miw0LjgyLDNIMS41QzEuMjI0LDMsMSwzLjIyNCwxLDMuNXY0QzEsNy43NzYsMS4yMjQsOCwxLjUsOEgydjE0LjVDMiwyMi43NzYsMi4yMjQsMjMsMi41LDIzaDE5ICAgIGMwLjI3NiwwLDAuNS0wLjIyNCwwLjUtMC41VjhoMC41QzIyLjc3Niw4LDIzLDcuNzc2LDIzLDcuNXYtNEMyMywzLjIyNCwyMi43NzYsMywyMi41LDN6IE0xMyw1YzAsMC41NTItMC40NDgsMS0xLDFzLTEtMC40NDgtMS0xICAgIHMwLjQ0OC0xLDEtMVMxMyw0LjQ0OCwxMyw1eiBNMTAuMDYsNi44N2wwLjY5LTAuMzJjMC4xNzEsMC4xMzcsMC4zNjQsMC4yNDUsMC41NywwLjMybC0wLjE3LDAuNDVsMCwwTDEwLjUzLDlsLTAuMDUtMC4xNiAgICBjLTAuMDg2LTAuMjYyLTAuMzY4LTAuNDA1LTAuNjMtMC4zMkw5LjM2LDguNjhMMTAuMDYsNi44N3ogTTExLDEwLjU5TDEyLDhsMCwwbDEsMi41OVYyMmgtMlYxMC41OXogTTEzLjUzLDguODRMMTMuNDcsOSAgICBsLTAuNjMtMS42OGwwLDBsLTAuMTctMC40NWMwLjIzMS0wLjA4NCwwLjQ0NC0wLjIwOSwwLjYzLTAuMzdsMC42NywwLjMzbDAuMywwLjhjLTAuMDAzLDAuMDMzLTAuMDAzLDAuMDY3LDAsMC4xbDAuMzYsMSAgICBsLTAuNTEtMC4xN0MxMy44ODEsOC40OTQsMTMuNjMsOC42MTMsMTMuNTMsOC44NHogTTE4LjEyLDJjMC4xOSwwLjIyLDAsMS4xMSwwLDEuNTljLTAuMDUzLDAuMjkxLTAuMDg2LDAuNTg1LTAuMSwwLjg4djAuMzIgICAgYzAsMC41NywwLDEuNzUtMC4zMSwyLjFTMTUuOSw2LjU5LDE0LjU5LDZsMCwwbC0wLjctMC4zM2MwLjE4MS0wLjQ1NiwwLjE4MS0wLjk2NCwwLTEuNDJDMTUuMjEsMywxNywyLDE4LDIgICAgQzE4LjAzOCwxLjk4NCwxOC4wODIsMS45ODQsMTguMTIsMnogTTUuODgsMkM1LjkxOCwxLjk4NCw1Ljk2MiwxLjk4NCw2LDJjMS41ODUsMC4yNzgsMy4wNDUsMS4wNCw0LjE4LDIuMTggICAgYy0wLjIxMSwwLjQ5OS0wLjIxMSwxLjA2MSwwLDEuNTZDOC43Miw2LjM5LDYuNTksNy4yMSw2LjMsNi45MlM2LDUuMzksNiw0LjgyVjQuNUM1Ljk4Niw0LjIwNSw1Ljk1MywzLjkxMSw1LjksMy42MiAgICBDNS44MywzLjE0LDUuNywyLjI0LDUuODgsMnogTTIsNGgyLjk1QzQuOTc4LDQuMTY1LDQuOTk0LDQuMzMyLDUsNC41djAuM0M0Ljk0Miw1LjU0LDUuMDEzLDYuMjg0LDUuMjEsN0gyVjR6IE0zLDhoNS41NUw4LDkuMzIgICAgQzcuODk4LDkuNTc3LDguMDIzLDkuODY3LDguMjgsOS45NjljMC4xMDksMC4wNDMsMC4yMjksMC4wNDcsMC4zNCwwLjAxMWwxLTAuMzRsMC4zMiwwLjk1VjIySDNWOHogTTIxLDIyaC03VjEwLjU4bDAuMzItMC45NSAgICBsMSwwLjM0YzAuMjQ5LDAuMTIsMC41NDgsMC4wMTYsMC42NjgtMC4yMzNDMTYuMDQ5LDkuNjA5LDE2LjA1NCw5LjQ2MSwxNiw5LjMzTDE1LjQ4LDhIMjFWMjJ6IE0yMiw3aC0zLjIxICAgIGMwLjE5Ny0wLjcxNiwwLjI2OC0xLjQ2LDAuMjEtMi4yVjQuNWMwLjAwNi0wLjE2OCwwLjAyMi0wLjMzNSwwLjA1LTAuNUgyMlY3eiIgc3R5bGU9ImZpbGw6IzMwM0M0MjsiLz48bGluZWFyR3JhZGllbnQgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDI0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJTVkdJRF8xXyIgeDE9Ii0wLjYyNyIgeDI9IjIzLjk4NDQiIHkxPSIxNy4xMjM0IiB5Mj0iNS42NDI4Ij48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkZGRkY7c3RvcC1vcGFjaXR5OjAuMiIvPjxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRjtzdG9wLW9wYWNpdHk6MCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTIyLjUsM2gtMy4zMmMwLjExNS0wLjU2LDAuMDA0LTEuMTQyLTAuMzEtMS42MkMxOC42NTIsMS4xMjksMTguMzMyLDAuOTksMTgsMSAgICBjLTEuNTc4LDAuMjMtMy4wNTEsMC45MjctNC4yMywyaC0zLjQyQzkuMTM0LDEuOTExLDcuNjE4LDEuMjE0LDYsMUM1LjY2NCwwLjk4Nyw1LjM0MSwxLjEyNyw1LjEyLDEuMzggICAgQzQuODEsMS44NTksNC43MDIsMi40NDIsNC44MiwzSDEuNUMxLjIyNCwzLDEsMy4yMjQsMSwzLjV2NEMxLDcuNzc2LDEuMjI0LDgsMS41LDhIMnYxNC41QzIsMjIuNzc2LDIuMjI0LDIzLDIuNSwyM2gxOSAgICBjMC4yNzYsMCwwLjUtMC4yMjQsMC41LTAuNVY4aDAuNUMyMi43NzYsOCwyMyw3Ljc3NiwyMyw3LjV2LTRDMjMsMy4yMjQsMjIuNzc2LDMsMjIuNSwzeiIgc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8xXyk7Ii8+PC9nPjwvZz48L3N2Zz4=);
}
.newbie-users-list .users-list li .nickname .city
{
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDMyIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7ZmlsbDojMTcwNjFjO30uY2xzLTN7ZmlsbDojZmY0YTY0O308L3N0eWxlPjwvZGVmcz48dGl0bGUvPjxnIGlkPSJsb2NhdGlvbiI+PHJlY3QgY2xhc3M9ImNscy0xIiBoZWlnaHQ9IjMyIiBpZD0iYmciIHdpZHRoPSIzMiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE2LDI5LjQ5Yy02LDAtMTAtMTIuMDgtMTAtMTdhMTAsMTAsMCwwLDEsMjAsMEMyNiwxNy40MSwyMiwyOS40OSwxNiwyOS40OVptMC0yNWE4LDgsMCwwLDAtOCw4YzAsNC42OCwzLjg3LDE1LDgsMTVzOC0xMC4zLDgtMTVBOCw4LDAsMCwwLDE2LDQuNTFaIi8+PGNpcmNsZSBjbGFzcz0iY2xzLTMiIGN4PSIxNiIgY3k9IjEyLjY0IiByPSIzLjk5Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTYsMTcuNjNhNSw1LDAsMSwxLDUtNUE1LDUsMCwwLDEsMTYsMTcuNjNabTAtOGEzLDMsMCwxLDAsMywzQTMsMywwLDAsMCwxNiw5LjY2WiIvPjwvZz48L3N2Zz4=);
}
.newbie-users-list .users-list li .close-btn
{
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+IDwvZz4gPGc+ICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+ICA8cGF0aCBmaWxsPSIjZTBlMGUwIiBpZD0ic3ZnXzEiIGQ9Im00LDhsNCwtNGw4LDhsOCwtOGw0LDRsLTgsOGw4LDhsLTQsNGwtOCwtOGwtOCw4bC00LC00bDgsLThsLTgsLTh6Ii8+IDwvZz48L3N2Zz4=);
}
header .post-new-topic {
background-color: #5E58C7;
height: 32px;
line-height: 32px;
margin-top: 9px;
border-radius: 10px;
color: #FFF;
padding: 0 9px 0 32px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0ibmV3Ij48Zz48Y2lyY2xlIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1My40NCIvPjxwYXRoIGQ9Ik0yODkuODYsMzUzLjRjMCw5Ljg1My03Ljk4NywxNy44NC0xNy44NCwxNy44NEgyNDAuN2MtOS44NTMsMC0xNy44NC03Ljk4Ny0xNy44NC0xNy44NFYxNTguMDggICAgYzAtOS44NTMsNy45ODctMTcuODQsMTcuODQtMTcuODRoMzEuMzJjOS44NTMsMCwxNy44NCw3Ljk4NywxNy44NCwxNy44NFYzNTMuNHoiIHN0eWxlPSJmaWxsOiNGRkZGRkY7Ii8+PHBhdGggZD0iTTM3MS44NiwyNzEuNGMwLDkuODUzLTcuOTg3LDE3Ljg0LTE3Ljg0LDE3Ljg0SDE1OC43Yy05Ljg1MywwLTE3Ljg0LTcuOTg3LTE3Ljg0LTE3Ljg0di0zMS4zMiAgICBjMC05Ljg1Myw3Ljk4Ny0xNy44NCwxNy44NC0xNy44NGgxOTUuMzJjOS44NTMsMCwxNy44NCw3Ljk4NywxNy44NCwxNy44NFYyNzEuNHoiIHN0eWxlPSJmaWxsOiNGRkZGRkY7Ii8+PC9nPjwvZz48ZyBpZD0iTGF5ZXJfMSIvPjwvc3ZnPg==);
background-repeat: no-repeat;
background-size: 24px;
background-position: 5px center;
}
.controller-gsearch section
{
padding-top: 40px !important;
}
.widget-pbyp
{
overflow: hidden;
list-style-type: none;
margin: 0;
}
.widget-pbyp .country
{
background-repeat: no-repeat;
background-position: 0 center;
padding-left: 28px;
background-size: 2em;
}
.widget-pbyp .error
{
background-color: #C00;
color: #FFF;
display: block;
padding: 10px;
}
.widget-pbyp .source
{
font-weight: bold;
font-size: 18px;
margin-top: 20px;
margin-bottom: 10px;
}
.widget-pbyp .refresh
{
background-repeat: no-repeat;
background-position: center center;
display: none;
width: 17px;
height: 18px;
background-size: 32px;
background-color: #EEE;
border-radius: 4px;
margin-left: 7px;
cursor: pointer;
}
.widget-pbyp .source:hover .refresh
{
display: inline-block;
}
.widget-pbyp .source:first-child
{
margin-top: 0;
}
.widget-pbyp .item
{
overflow: hidden;
width: 100%;
margin: 5px 0;
}
.widget-pbyp .item .preview
{
display: block;
width: 96px;
text-align: center;
float: left;
margin-right: 10px;
box-sizing: border-box;
}
.widget-pbyp .item .title
{
display: block;
text-decoration: none;
font-size: 14px;
}
.widget-pbyp .item .title.withpreview
{
margin-left: 106px;
}
.widget-pbyp .item .preview img
{
width: 100%;
}
.widget-pbyp .subscribe-button
{
float: right;
font-weight: normal;
font-size: 12px;
padding: 2px 5px;
display: block;
border-radius: 4px;
background-color: #EEE;
color: #000;
cursor: pointer;
transition-duration: 0.2s;
transition-property: background;
box-sizing: border-box;
background-position: center;
min-width: 24px;
background-repeat: no-repeat;
background-position: center;
}
.widget-pbyp .refresh.loading,
.widget-pbyp .refresh.ok,
.widget-pbyp .refresh.error
{
display: inline-block;
padding-left: 0;
}
.widget-pbyp .subscribe-button.loading
{
background-color: transparent;
}
.widget-pbyp .subscribe-button:not(.loading):not(.ok):not(.error):hover
{
background-color: #54a22c;
color: #FFF;
}
.widget-pbyp .refresh.ok,
.widget-pbyp .subscribe-button.ok
{
background-repeat: no-repeat;
background-position: center;
}
.widget-pbyp .refresh.error,
.widget-pbyp .subscribe-button.error
{
background-repeat: no-repeat;
background-position: center;
}
.widget-plpb
{
position: relative;
}
.widget-plpb .close-btn
{
position: absolute;
right: 2px;
top: 2px;
width: 16px;
height: 16px;
background-position: center;
background-size: 100%;
display: block;
opacity: 0.5;
cursor: pointer;
}
.widget-plpb input:not(.disabled)
{
cursor: pointer;
}
.widget-plpb input.disabled
{
opacity: 0.3;
}
.widget-plpb .close-btn:hover
{
opacity: 0.7;
}
.widget-pbyp
{
padding: 10px 0;
background-color: #feebef;
margin-bottom: 0;
}
.widget-pbyp .source
{
font-weight: bold;
overflow: hidden;
padding: 20px 10px 0;
line-height: 28px;
font-size: 32px !important;
width: 100%;
box-sizing: border-box;
}
.widget-pbyp .source:first-child
{
padding-top: 0px;
}
.widget-pbyp .item
{
width: 33.3%;
float: left;
box-sizing: border-box;
}
.widget-pbyp .item .preview
{
width: 100%;
}
.widget-pbyp .item .title.withpreview
{
padding: 10px 10px 0 10px;
font-weight: bold;
margin-left: 0;
}
.widget-pbyp .subscribe-button
{
background-color: #C00;
color: #FFF;
font-size: 18px;
}
.widget.list .widget-pbyp .item
{
width: 100%;
float: none;
margin-bottom: 10px;
}
.widget.list .widget-pbyp .item a
{
text-decoration: underline;
padding: 0 10px;
font-size: 18px;
line-height: 1.5em;
}
.mailer-digest-title {
font-size: 32px;
font-weight: bold;
padding: 20px 0 10px;
line-height: 1.3em;
}
.mailer-digest-title h1 {
margin: 0;;
}
.widget.digest-header h1
{
margin-bottom: 0 !important;
padding: 0 10px;
}
.widget.digest-forum-posts
{
padding: 0 10px;
}
.widget.digest-header,
.widget.digest-top-ad,
.widget.digest-forum-posts
{
background-color: #FFF;
overflow: hidden;
}
.digest-forum-posts .item {
display: flex;
}
.digest-area
{
padding-left: 10px !important;
padding-right: 10px !important;
max-width: 740px;
}
.digest-forum-posts
{
padding-bottom: 0px !important;
padding-top: 0px !important;
}
.digest-forum-posts .item
{
padding: 10px 0;
border-bottom: 1px solid #EEE;
}
.digest-forum-posts .item:last-child
{
border-bottom: 10px solid #EEE;
}
.digest-forum-posts .title
{
font-size: 18px !important;
line-height: 1.4em;
}
.digest-forum-posts h4.title {
font-size: 21px !important;
margin-top: 0;
margin-bottom: 0px;
}
.digest-forum-posts .title a
{
font-weight: bold;
text-decoration: underline;
}
.digest-forum-posts .date
{
float: right;
}
.digest-forum-posts .thumb
{
width: 160px;
padding-left: 0;
box-sizing: border-box;
text-align: left;
float: left;
}
.digest-forum-posts .thumb img
{
width: 150px;
}
.digest-forum-posts .thumb .noimg
{
width: 150px;
height: 150px;
background-color: #EEE;
}
.digest-forum-posts .image img.img-thumbnail {
max-width: 160px !important;
}
.digest-forum-posts .info {
margin-left: 15px;
color: #444;
padding-right: 20px;
}
.digest-forum-posts .info .title span.a {
display: none;
}
.digest-top-banner
{
padding: 0 10px;
}
.forum-cat-description
{
margin-top: -15px;
margin-bottom: 10px;
color: #666;
font-size: 16px;
}
.widget_activity_list .item {
overflow: hidden;
}
.widget_activity_list .item .details {
font-size: 11px;
color: #999;
}
#shownextbutton-absolute {
position: fixed;
top: 0px;
left: 50%;
width: 880px;
background-color: #4ba5e5;
text-align: center;
line-height: 40px;
font-size: 16px;
font-weight: bold;
height: 40px;
color: #FFF;
text-decoration: none;
margin-left: -590px;
transition-duration: 0.2s;
transition-property: top;
z-index: 100;
opacity: 0;
}
#shownextbutton-absolute.down {
top: 50px;
opacity: 1;
}
body.columns3 #shownextbutton-absolute {
width: 970px;
margin-left: -640px;
font-size: 21px;
}
#layout.nexbuttondown {
padding-top: 35px !important;
}
.field.ft_myurl.f_link .value a.link-button,
.field.ft_url.f_link .value a.link-button {
box-shadow: 0 0 10px rgb(0 0 0 / 20%);
padding: 0px 20px 0px 44px;
border-radius: 16px;
display: inline-block;
margin-top: 20px;
margin-bottom: 20px;
height: 50px;
line-height: 50px;
color: #000;
font-weight: bold;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHBvaW50cz0iNSw2IDE4LDYgMTgsMTkgIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIgeDE9IjQuOCIgeDI9IjE4IiB5MT0iMTkuMiIgeTI9IjYiLz48L3N2Zz4=);
background-repeat: no-repeat;
background-size: 28px;
background-position: 10px center;
border: 1px solid #EEE;
}
.field.ft_myurl.f_link .value a.link-button:hover,
.field.ft_url.f_link .value a.link-button:hover {
box-shadow: 0 0 3px rgb(0 0 0 / 20%);
background-color: #FAFAFA;
border: 1px solid #FAFAFA;
}
h2#most-popular {
display: none;
}
.loader-ellips {
font-size: 20px;
position: relative;
width: 4em;
height: 1em;
margin: 10px auto;
}
.loader-ellips__dot {
display: block;
width: 1em;
height: 1em;
border-radius: 0.5em;
background: #7293b6;
position: absolute;
animation-duration: 0.5s;
animation-timing-function: ease;
animation-iteration-count: infinite;
}
.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }
@keyframes reveal {
from { transform: scale(0.001); }
to { transform: scale(1); }
}
@keyframes slide {
to { transform: translateX(1.5em) }
}
.loader-ellips__dot:nth-child(1) {
animation-name: reveal;
}
.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
animation-name: slide;
}
.loader-ellips__dot:nth-child(4) {
animation-name: reveal;
animation-direction: reverse;
}
.grid_item,
.grid__col-sizer {
width: 32%;
overflow: hidden;
}
.grid__gutter-sizer {
width: 2%;
}
.grid_item img
{
width: 100%;
height: auto;
border-radius: 4px;
overflow: hidden;
}
.grid.are-images-unloaded {
opacity: 0;
}
/* hide by default */
.grid.are-images-unloaded .image-grid_item {
opacity: 0;
}
.grid_item {
margin-bottom: 10px;
float: left;
}
.page-load-status {
display: none; /* hidden by default */
padding-top: 20px;
text-align: center;
color: #777;
}
.popular-pages .caption
{
display: block;
position: absolute;
bottom: 10px;
left: 10px;
max-width: 90%;
}
.popular-pages .caption a
{
background-color: #fff !important;
box-decoration-break: clone !important;
-webkit-box-decoration-break: clone !important;
border-radius: 3px !important;
padding: 1px 4px !important;
line-height: 1.55 !important;
color: #000;
text-decoration: none;
font-size: 16px;
font-weight: bold;
}
.popular-pages .grid_item
{
}
@media screen and (max-width: 640px)
{
.digest-top-banner
{
padding: 0;
}
}
@media screen and (max-width: 1200px)
{
body.columns3 #shownextbutton-absolute {
width: 100%;
font-size: 21px;
left: 0px;
right: 0;
margin-left: 0;
}
}
@media screen and (max-width: 700px)
{
#shownextbutton-absolute {
top: auto !important;
bottom: 0 !important;
right: 0 !important;
left: 0 !important;
margin: 0 !important;
margin-left: 0 !important;
width: 100% !important;
}
.grid_item, .grid__col-sizer {
width: 100%;
overflow: hidden;
}
}
body.uri-forum_index .empty-message {
display: none;
}
body.uri-forum_index h1 {
background-color: #5E58C7;
color: #FFF;
padding: 0 10px;
margin: -10px -10px 10px;
}
.bookmarks-block-big {
overflow: hidden;
margin-left: auto;
text-align: right;;
}
.bookmarks-block-big .btn-bookmarks {
display: inline-block;
background-color: #e60023;
height: 48px;
line-height: 48px;
padding: 0 16px;
border-radius: 50px;
color: #FFF;
cursor: pointer;
font-size: 16px;
float: right;
margin-left: 5px;
}
.bookmarks-block-big .btn-bookmarks:hover {
background-color: #ad081b;
}
.bookmarks-block-big .btn-bookmarks.added {
background-color: #000;
}
.bookmarks-block-big .bookmarks-set-my-tags
{
display: inline-block;
background-color: #EEE;
height: 48px;
line-height: 48px;
padding: 0 16px 0 16px;
border-radius: 50px;
cursor: pointer;
margin-top: 5px;
}
.bookmarks-block-big .bookmarks-set-my-tags:hover {
opacity: 0.7;
}
.btn-bookmarks-copy-animation {
position: absolute;
border-radius: 50%;
background-color: #C00;
display: none;;
z-index: 100000;
}
.btn-bookmarks-copy-animation-on {
transition:all 1s;
background-color: #000;
opacity: 0;
}
.forum-cats-list
{
list-style-type: none;
padding: 0;
margin: 0;
display: table;
width: 100%;
box-sizing: border-box;
table-layout: fixed;
background-color: #FFF;
}
.forum-cats-list .forum-cat
{
display: table-row;
}
.forum-cats-list .forum-cat .forumdata h2
{
line-height: 1.3em;
}
.forum-cats-list .forum-cat .forumdata,
.forum-cats-list .forum-cat .lastpost
{
display: table-cell;
padding: 10px;
border-bottom: 1px solid #EEE;
}
.forum-cats-list .forum-cat .forumdata
{
width: 60%;
}
.forum-cats-list .forum-cat .lastpost
{
width: 40%;
}
.forum-cats-list .forum-cat .lastpost .title
{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.content_list_forum tr td.updated .avatar,
{
margin-right: 8px;
position: relative;
width: 30px;
float: left;
}
.forum-cats-list .forum-cat .lastpost .avatar
{
margin-right: 8px;
position: relative;
width: 64px;
float: left;
}
.forumpagebar
{
margin: 0;
padding: 10px;
clear: both;
overflow: hidden;
}
.forumpagebar .pagebar
{
border-top: 1px solid #bbb;
border-bottom: 1px solid #e0e0e0;
padding: 5px 7px;
}
.forumpagebar .pagebar_page,
.forumpagebar .pagebar_current
{
border-radius: 4px;
padding: 6px 10px;
text-decoration: none;
margin: 0;
}
.forum-topic
{
border: 1px solid #8a8a8a;
overflow: hidden;
padding: 10px;
}
.forum-topic .userinfo,
.forum-comment .userinfo
{
width: 160px;
}
.forum-topic .userinfo img,
.forum-comment .userinfo img
{
max-width: 100%;
}
.forum-topic .userinfo a,
.forum-comment .userinfo a
{
text-decoration: none;
}
.forum-topic .content,
.forum-comment .content
{
}
.forum-topic .info,
.forum-comment .info
{
overflow: hidden;
}
.forum-topic .info
{
color: #999;
}
.forum-topic .info .nav,
#comments_list .forum-comment .info .date,
#comments_list .forum-comment .info .nav
{
float: left;
}
#comments_list .forum-topic .info .rating-bookmarks-section,
#comments_list .forum-comment .info .rating-bookmarks-section
{
float: right;
margin: 0;
}
.forum-topic .content .links a,
#comments_list .forum-comment .content .links a
{
border: 1px solid #000 !important;
color: #000;
font-size: 12px;
background-color: transparent;
}
.forum-topic .content .links a:hover,
#comments_list .forum-comment .content .links a:hover
{
background-color: #d6d6d6;
color: #000;
}
#comments_list .forum-comment.comment
{
padding: 15px 10px !important;
}
#comments_list .forum-comment.comment.selected-comment
{
padding: 15px 10px !important;
}
.forum-cat-description
{
margin-top: -15px;
margin-bottom: 10px;
color: #666;
font-size: 16px;
}
.content_list_forum
{
background: #FFF;
box-sizing: border-box;
border-collapse: collapse;
border-spacing: 0;
border: 0;
display: table;
width: 100%;
}
.content_list_forum th.topic
{
}
.content_list_forum th.replies
{
width: 70px;
}
.content_list_forum th.updated
{
width: 140px;
}
.content_list_forum a
{
text-decoration: none;
}
.content_list_forum thead th
{
background-color: #f2f2f2;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
color: #000;
font-weight: 700;
text-align: left;
padding: 10px;
}
.content_list_forum tr td
{
padding: 10px;
border-bottom: 1px solid #bbb;
}
.content_list_forum td.topic .topic
{
font-weight: bold;
margin-bottom: 5px;
}
.forum_item .info_bar {
display: none !important;
}
.forum-topic-reply-btn {
line-height: 32px;
height: 32px;
display: inline-block;
border-radius: 4px;
text-decoration: none;
text-align: center;
padding: 0 10px;
background-color: #2980b9;
color: #FFF;
}
.forum-topic-reply-btn:hover {
color: #FFF;
background-color: #3f99d5;
}