.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: 'PT Sans',sans-serif;
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-size: 32px;
font-weight: bold;
}
h2,
a.h2{
font-size: 24px;
font-weight: bold;
}
h3{
font-size: 21px;
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%;
}
.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;
}
#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;
}
.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; /* Can be anything */
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;
}
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: #3b5998;
background-image: linear-gradient(#4e69a2, #3b5998 50%);
border-bottom: 1px solid #133783;
color: #FFF;
}
#big-share-buttons .mailru {
background-color: #005ff9;
color: #FFF;
}
#big-share-buttons .pinterest {
background-color: #92121c;
background-repeat: no-repeat;
background-size: 34px;
background-position: 5px center;
color: #FFF;
}
#big-share-buttons .twitter {
background-color: #1da1f2;
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: #fff;
}
header > .w, footer > .w, #layout {
max-width: 1280px;
}
#layout #main-left {
margin-right: 10px;
}
#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: #56839d;
transition: background 0.15s linear, color 0.15s linear;
}
.content_categories a {
background-color: #204b0c;
color: #FFF;
}
/*#layout #main-center .actions {
margin: -10px -10px 20px;
background-color: #F0F0F0;
}
*/
.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: 173px;
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
{
}