html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img {
margin:0; padding:0; border:0; outline:0; font-weight:inherit;
font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
html {
font-family: sans-serif; -ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}
figure {margin: 1em 40px;}
dfn {font-style: italic;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
h1 {font-size: 2em; margin: 0.67em 0;}
ol, ul {list-style:none;}
mark {background: #ff0; color: #000;}
small {font-size: 90%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
svg:not(:root) {overflow: hidden;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0;}
hr {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input, button, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
@media print {
*, *:before, *:after {
background: transparent !important; color: #000 !important;
-webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important;}
a, a:visited {text-decoration: underline;}
a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")";}
a[href^="#"]:after, a[href^="javascript:"]:after {content: "";}
pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
thead {display: table-header-group;}
tr, img {page-break-inside: avoid;}
img {max-width: 100% !important;}
p, h2, h3 {orphans: 3; widows: 3;}
h2, h3 {page-break-after: avoid;}
select {background: #fff !important;}
.navbar {display: none;}
.btn > .caret, .dropup > .btn > .caret {border-top-color: #000 !important;}
.label {border: 1px solid #000;}
.table {border-collapse: collapse !important;}
.table td, .table th {background-color: #fff !important;}
.table-bordered th, .table-bordered td {border: 1px solid #ddd !important;}}
.container {margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;}
@media (min-width: 468px) {.container {width: 90%;}}
@media (min-width: 768px) {.container {width: 750px;}}
@media (min-width: 992px) {.container {width: 970px;}}
@media (min-width: 1200px) {.container {width: 1170px;}}
.row {margin-left: -15px; margin-right: -15px; position:relative;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2,
.col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4,
.col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6,
.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8,
.col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11,
.col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,
.col-vs-1, .col-vs-2, .col-vs-3, .col-vs-4, .col-vs-5, .col-vs-6, .col-vs-7, .col-vs-8, .col-vs-9,
.col-vs-10, .col-vs-11, .col-vs-12 {
position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9,
.col-xs-10, .col-xs-11, .col-xs-12 {float: left;}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}
@media (min-width: 468px) {
.col-vs-1, .col-vs-2, .col-vs-3, .col-vs-4, .col-vs-5, .col-vs-6, .col-vs-7, .col-vs-8, .col-vs-9,
.col-vs-10, .col-vs-11, .col-vs-12 {float: left;}
.col-vs-12 {width: 100%;}
.col-vs-11 {width: 91.66666667%;}
.col-vs-10 {width: 83.33333333%;}
.col-vs-9 {width: 75%;}
.col-vs-8 {width: 66.66666667%;}
.col-vs-7 {width: 58.33333333%;}
.col-vs-6 {width: 50%;}
.col-vs-5 {width: 41.66666667%;}
.col-vs-4 {width: 33.33333333%;}
.col-vs-3 {width: 25%;}
.col-vs-2 {width: 16.66666667%;}
.col-vs-1 {width: 8.33333333%;}}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}
.col-sm-12 {width: 100%;}
.col-sm-11 {width: 91.66666667%;}
.col-sm-10 {width: 83.33333333%;}
.col-sm-9 {width: 75%;}
.col-sm-8 {width: 66.66666667%;}
.col-sm-7 {width: 58.33333333%;}
.col-sm-6 {width: 50%;}
.col-sm-5 {width: 41.66666667%;}
.col-sm-4 {width: 33.33333333%;}
.col-sm-3 {width: 25%;}
.col-sm-2 {width: 16.66666667%;}
.col-sm-1 {width: 8.33333333%;}}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}
.col-md-12 {width: 100%;}
.col-md-11 {width: 91.66666667%;}
.col-md-10 {width: 83.33333333%;}
.col-md-9 {width: 75%;}
.col-md-8 {width: 66.66666667%;}
.col-md-7 {width: 58.33333333%;}
.col-md-6 {width: 50%;}
.col-md-5 {width: 41.66666667%;}
.col-md-4 {width: 33.33333333%;}
.col-md-3 {width: 25%;}
.col-md-2 {width: 16.66666667%;}
.col-md-1 {width: 8.33333333%;}}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left;}
.col-lg-12 {width: 100%;}
.col-lg-11 {width: 91.66666667%;}
.col-lg-10 {width: 83.33333333%;}
.col-lg-9 {width: 75%;}
.col-lg-8 {width: 66.66666667%;}
.col-lg-7 {width: 58.33333333%;}
.col-lg-6 {width: 50%;}
.col-lg-5 {width: 41.66666667%;}
.col-lg-4 {width: 33.33333333%;}
.col-lg-3 {width: 25%;}
.col-lg-2 {width: 16.66666667%;}
.col-lg-1 {width: 8.33333333%;}}
/*clearfix*/
.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after,
.navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after,
.navbar-collapse:before, .navbar-collapse:after, .modal-footer:before, .modal-footer:after {content: " "; display: table;}
.clearfix:after, .container:after, .row:after, .navbar:after, .navbar-header:after, .navbar-collapse:after,
.modal-footer:after {clear: both;}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px; line-height: 1.42857143; color: #828A93; background: #fff}
a {color: #FB534B; text-decoration: none; transition: all 200ms ease-in;}
a:hover, a:focus {
color: #565A5F; text-decoration: none;
transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in}
a:active, a:hover, a:focus {outline: 0}
h1, h2, h3, h4, h5, h6 {
font-family: Tahoma, Geneva, sans-serif; font-weight: 500; line-height: 1.1;
color: inherit; color:#2f383d}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#2f383d}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #FB534B;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-weight: normal; line-height: 1; color: #97a0a5}
h1 small, h2 small, h3 small {font-size: 65%}
h4 small, h5 small, h6 small {font-size: 75%}
h1 {font-size: 30px}
h2 {font-size: 26px}
h3 {font-size: 22px}
h4 {font-size: 18px}
h5 {font-size: 14px}
h6 {font-size: 14px}
/*global block styles*/
img { opacity:0.8}
img:hover {opacity:1}
#header {background:#2F383D;}
#topbar {background:#21262A; border-bottom:1px solid #3d464b;}
#logobar {border-bottom:1px solid #3d464b;}
#menubar {background:#2F383D; border-bottom:3px solid #DFE3E6; font-family:Tahoma, Geneva, sans-serif}
#sliderbar {background:#eff4f7;}
.sliderbar {background:#eff4f7; height:60px;}
.sidebar, .contentbar {padding-bottom:60px; padding-top:60px;}
@media (min-width: 992px) {.contentbar {padding-right:30px;}}
.block-sidebar, .block-contentbar {margin-bottom:30px}
.block-contentbar60 {margin-bottom:60px;}
.border-line {border-bottom:1px solid #e8eced; margin-bottom:15px;}
.h-block {
margin:0 0 15px 0; position:relative; font-size: 22px;
text-align:left; font-family: Tahoma, Geneva, sans-serif; color: #FB534B}
.h-block-more {display:block; float:right; width:30px; height:30px; border:1px solid #565A5F; text-align:center}
.h-block-more i {margin-top:4px;}
.h-block-more:hover {border-color:#FB534B; color:#FB534B}
.border-bg {
margin-bottom:15px; width: 100%; height:1px; background: #efefef;
position:relative; text-align:center;}
.border-bg .border-bg-span {
display:inline-block; vertical-align:middle; width: 15%;
height: 3px; margin-top:-1px; background:#FB534B;}
.block-sidebar .h-block {margin:0 0 10px 0; font-size:16px;}
.block-sidebar .border-bg-span {width:30%}
.h-block.h-block-left, .border-bg.border-bg-left {text-align:left;}
@media (max-width: 991px) {.box-hidden-992 {display: none !important; visibility: hidden !important;}}
@media (max-width: 767px) {.box-hidden-768 {display: none !important; visibility: hidden !important;}}
@media (min-width: 768px) {.box-show {display: block !important;}}
/**/
.opacity8:hover {filter: Alpha(Opacity=80); opacity: 0.8}
.radius-50, .social-icon li a, .img-circle, .h-block-more, .img-circle-box, .ul-bcomment-tool li a,
.navbar-nav .open .dropdown-menu > li > a:before, .owl-controls .owl-page span, .accordion .accordion-marker,
.short-more, .shortstory .short-boxcon-circle, .shortstory .short-boxcon-circle-icon {
border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;
-o-border-radius:50%; -ms-border-radius:50%}
/*logo*/
.logotype {font-size: 18px; line-height: 56px; height: 56px; width:215px; margin:17px 0; display:block;}
.logotype > img {display: block;}
@media (max-width: 767px) {
.logotype {margin:0 auto; margin-bottom:15px; margin-top:15px;}
.navbar .logotype {display:block; float:left;}}
@media (max-width: 467px) {
.logotype {width:150px; height:30px; margin-top:27px}
.logotype > img {width:150px;}}
@media (min-width: 768px) {.navbar .logotype {display:none;}}
/*banners*/
.box-468x60 {width:468px; height:60px; margin:15px 0; float:right;}
/*h-decription*/
.h-decription {border:1px solid #efefef; background:#fefefe; border-left:5px solid #DB001F; padding:15px 15px 15px 30px}
.h-decription h1 {margin:0; color:#FB534B; font-size:22px; font-family:Tahoma, Geneva, sans-serif}
.h-decription p {padding:10px 0 0 0;}
/*social-icon*/
.social-icon {overflow:hidden; text-align:right; margin:10px 0}
.social-icon li {display:inline-block; vertical-align:middle; text-align:center; margin:0 2px 0 0}
.social-icon li a {display: block; width: 30px; height: 30px; color: #c6cfd4; font-size:14px; background:#464b4f}
.social-icon li a i {margin-top:8px}
.social-icon li a span {display:none; text-indent:-9999px}
.social-icon li a:hover {color: #fff; background:#a0b1b9}
/*searchbar*/
.searchbar {height: 30px; position:relative; margin:10px 0}
.searchbar .searchbar-input {
height: 30px; background-color: #2f383d; border: 1px solid #464b4f; width:100%;
padding:0 40px 0 15px; font-style: italic; color: #c6cfd4; font-size: 12px; border-radius: 15px;
transition: color 300ms ease-in, border 300ms ease-in; -webkit-transition: color 300ms ease-in, border 300ms ease-in;
-moz-transition: color 300ms ease-in, border 300ms ease-in; -o-transition: color 300ms ease-in, border 300ms ease-in;
-ms-transition: color 300ms ease-in, border 300ms ease-in;}
.searchbar .searchbar-input:hover {background:#24343C}
.searchbar .searchbar-input:focus {color: #fff; border: 1px solid #FB534B; outline:0; background:#24343C}
.searchbar .searchbar-btn {
position: absolute; top: 0; right: 0; padding: 8px 15px; color: #c6cfd4;
background: none; border: none; box-shadow: none; transition: color 300ms ease-in;}
.searchbar .searchbar-btn:hover {color: #fff;}
.searchbar .searchbar-btn:focus {outline:0}
/*top-scroll*/
.top-scroll {
position: fixed; bottom: 30px; right: 3%; z-index: 10000; width: 48px; height: 48px; padding-top: 10px;
font-size: 28px; color: #fff; text-align: center; background-color: #FB534B; cursor: pointer;
opacity:0.4; filter: alpha(opacity=40)}
.top-scroll:hover {opacity:1; filter: alpha(opacity=100)}
/*fade effect*/
.fade {
opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear}
.fade.in {opacity: 1; filter: alpha(opacity=100)}
.collapse {display: none; visibility: hidden}
.collapse.in {display: block; visibility: visible}
.collapsing {
position: relative; height: 0; overflow: hidden;
-webkit-transition-property: height, visibility; -o-transition-property: height, visibility;
transition-property: height, visibility; -webkit-transition-duration: 0.35s;
-o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease;
-o-transition-timing-function: ease; transition-timing-function: ease;}
.caret {
display: inline-block; width: 0; height: 0; margin-left: 4px; vertical-align: middle;
border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.close {
float: right; font-size: 21px; font-weight: bold; line-height: 1;
color: #565A5F; opacity: 0.6; filter: alpha(opacity=60)}
.close:hover, .close:focus {color:#FB534B; text-decoration: none; cursor: pointer; opacity: 0.8; filter: alpha(opacity=80)}
button.close {padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none}
/*modal*/
.modal-open {overflow: hidden}
.modal {
display: none; overflow: hidden; position: fixed; top: 0; right: 0;
bottom: 0; left: 0; z-index: 1040; -webkit-overflow-scrolling: touch; outline: 0}
.modal.fade .modal-dialog {
transform: translate(0, -25%); transition: transform 0.3s ease-out;
-moz-transform: translate(0, -25%); -moz-transition: transform 0.3s ease-out;
-webkit-transform: translate(0, -25%); -webkit-transition: transform 0.3s ease-out;
-o-transform: translate(0, -25%); -o-transition: transform 0.3s ease-out;
-ms-transform: translate(0, -25%); -ms-transition: transform 0.3s ease-out}
.modal.in .modal-dialog {
transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0);
-o-transform: translate(0, 0)-; -ms-transform: translate(0, 0)}
.modal-open .modal {overflow-x: hidden; overflow-y: auto}
.modal-dialog {position: relative; width: auto}
.modal-backdrop {position: absolute; top: 0; right: 0; left: 0; background-color: #000}
.modal-backdrop.fade {opacity:0; filter: alpha(opacity=0)}
.modal-backdrop.in {opacity:0.5; filter: alpha(opacity=50)}
.modal-content {
position: relative; background-color: #fff; border: 10px solid rgba(255, 255, 255, 0.2);
background-clip: padding-box; outline: 0}
.modal-header {padding:15px;border-bottom:1px solid #e5e9ea;min-height:16.42857143px; background:#eff4f7;line-height:36px}
.modal-header .close {margin-top: -2px;}
.modal-header i {margin-right:10px; color:#DB001F; vertical-align:middle}
.modal-title {margin: 0; line-height: 1.42857143;}
.modal-body {position: relative; padding: 0 15px 30px 15px;}
.modal-body .border-circle-span {position:absolute}
.modal-footer {padding: 10px 15px; border-top: 1px solid #e5e9ea; background-color:#f9fafc; font-size:12px;}
.modal-footer .btn + .btn {margin-left: 5px; margin-bottom: 0;}
.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}
.modal-body .row > div {margin-top:30px;}
@media (min-width: 768px) {
.modal-dialog {width: 600px; margin: 60px auto;}
.modal-sm {width: 300px;}}
@media (min-width: 992px) {.modal-lg {width: 900px;}}
/*login*/
.nav-login {height:30px; margin:10px 0}
.nav-login li {float:left; margin:0 5px 0 0}
.nav-login li a {
color:#a0b1b9; padding:0 10px; display:block; height:30px; border:1px solid #636e74;
line-height:30px; font-size:12px; position:relative; z-index:2}
.nav-login li .a-login {font-size:14px}
.nav-login li .a-login i {margin-right:6px}
.nav-login li a i {margin-top:8px}
.nav-login li a:hover {color: #FB534B; border-color:#FB534B; outline:0}
.nav-login-footer {overflow:hidden}
.nav-login-footer li {float:left; margin-right:5px}
.nav-login-footer li a {display:block; color:#828A93; border:1px solid #dbdcde; padding:5px 10px}
.nav-login-footer li a:hover {color:#FB534B; border-color:#FB534B}
.social-login {text-align:center;}
.social-login a {
display:inline-block; width:64px; height:64px; font-size:0; text-indent:-9999px; margin:0 2px 4px ;
background-image:url(../images/social-icons.png); vertical-align:top; opacity:0.8; filter: alpha(opacity=80)}
.social-login a.social-vk {background-position:-238px 0}
.social-login a.social-odn {background-position:-634px 0}
.social-login a.social-fb {background-position:-158px 0}
.social-login a.social-ml {background-position:-555px 0}
.social-login a.social-ya {background-position:-476px 0}
.social-login a.social-gl {background-position: -79px 0;}
.social-login a:hover {opacity:1; filter: alpha(opacity=100)}
.login-foto {display:block; position:relative; width:100px; margin:0 auto;}
.login-foto:before {
content: ""; position: absolute; top: 5%; right: 5%; bottom: 5%; left: 5%;
width: 90%; height: 90%; border: 5px solid rgba(255, 255, 255, 0.5); z-index:5}
.login-foto:hover {opacity:0.8; filter: alpha(opacity=80)}
.nav-modal {overflow:hidden;}
.nav-modal li {float:left; width:33.333333%}
.nav-modal a {
display:block; color:#7f7f7f; border:1px solid #dbdcde; padding:4px 10px; font-size:12px;
margin:2px; position:relative; z-index:20;}
.nav-modal a:hover {color:#FB534B; border-color:#FB534B}
@media (max-width: 992px) {.nav-modal li {float:left; width:50%;}}
@media (max-width: 767px) {.nav-modal li {float:none; width:100%;}}
/*footer*/
#footer {background: #2f383d; color: #a0b1b9; font-size:12px; border-top:15px solid #EFF4F7}
#footer .social-icon {text-align:left; margin:15px 0}
#footer .social-icon li a:hover {color:#fff}
.footer-border {border-bottom:1px solid #3d464b; border-top:1px solid #283136; width:100%}
#footer .footer-descr, #footer .nav-footer, #footer .count {margin:30px 0 0 0}
#footer a {color:#eff4f7}
#footer a:hover {color:#FB534B}
.copirating {background:#21262a; margin-top:30px; border-top:1px solid #31383e; padding:15px 0}
.copirating p {text-align:center;}
.count {overflow:hidden}
.count li {float:left; width:88px; height:31px; margin:0 6px 6px 0}
.nav-footer {overflow:hidden}
.nav-footer li {margin:4px; float:left}
.nav-footer li a {display:block; padding:6px 9px; border:1px solid #636e74}
.nav-footer li a:hover {border:1px solid #FB534B}
.footer-descr img {display:block}
/*button*/
.btn {
display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; position:relative;
cursor: pointer; color:#fff; background: #76bfea; border: 1px solid #76bfea; font-size: 14px;
padding: 6px 15px; line-height: 1.42857143; white-space: nowrap; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index:20;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); -ms-touch-action: manipulation; touch-action: manipulation;
transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in;}
.btn:before {
content: ""; position: absolute; bottom: 0; left: 0; z-index: -1;
width: 100%; height: 50%; background-color: rgba(0, 0, 0, 0.05);}
.btn:hover, .btn:focus, .btn.focus {color: #fff; text-decoration: none; background:#FB534B; border: 1px solid #FB534B;}
.btn:active, .btn.active {outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus,
.btn.active.focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn i {margin-right:5px;}
.btn-abscenter {position:absolute; top:50%; left:50%; margin-top:-17px; margin-left:-63px;}
.btn-grey {color: #fff; background: #9aa7af; border-color: #9aa7af;}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active {color: #fff; background: #FB534B; border-color: #FB534B;}
.btn-info {color: #fff; background: #FB534B; border-color: #FB534B;}
.btn-info:hover, .btn-info:focus, .btn-info:active {color: #fff; background: #2F383D; border-color: #2F383D;}
.btn-red {color: #fff; background: #c0566a; border-color: #c0566a;}
.btn-red:hover, .btn-red:focus, .btn-red:active {color: #fff; background: #464646; border-color: #464646;}
.btn-border-dark {color: #565A5F; background: none; border-color: #565A5F;}
.btn-border-dark:hover, .btn-border-dark:focus, .btn-border-dark:active {color: #FB534B; background: none; border-color: #FB534B;}
.btn-border {color: #fff; background: none; border-color: #fff;}
.btn-border:hover, .btn-border:focus, .btn-border:active {color: #FB534B; background: none; border-color: #FB534B;}
#votes .btn-border:hover, #votes .btn-border:focus, #votes .btn-border:active,
.votes-full .btn-border:hover, .votes-full .btn-border:focus, .votes-full .btn-border:active {background:#fff; border-color:#fff}
.btn-text {color: #FB534B; font-size:13px; height:20px; line-height:20px; display:block; overflow:hidden;}
.btn-text i {font-size:16px; color:#FB534B; vertical-align:middle; margin-right:2px;}
.btn-text b {display:inline-block; vertical-align:middle}
.btn-text:hover, .btn-text:focus, .btn-text:active,
.btn-text:hover i, .btn-text:focus i, .btn-text:active i {color: #2f383d;}
.btn-lg {padding: 10px 20px; font-size: 18px; line-height: 1.33;}
.btn-sm {padding: 5px 10px; font-size: 11px; line-height: 1.5;}
.btn-sm i {font-size:16px;}
.btn-xs {padding: 1px 5px; font-size: 11px; line-height: 1.5;}
.btn-block {display: block; width: 100%;}
.btn-block + .btn-block {margin-top: 5px;}
.btn-block .btn {margin:0}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {width: 100%;}
.btn-group {position: relative; display: inline-block; vertical-align: middle;}
.btn-group > .btn {position: relative; float: left;}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active {z-index: 2;}
.btn-group > .btn:focus {outline: 0;}
.btn-group .btn + .btn {margin-left: -1px;}
.btn-group > .btn:first-child {margin-left: 0;}
/*dropdown*/
.dropdown {position: relative;}
.dropdown-toggle:focus {outline: 0;}
.dropdown-menu {
position: absolute; top: 110%; left: 4px; z-index: 1000; display: none; float: left;
min-width: 160px; margin: 2px 0 0; list-style: none; font-size: 14px;
text-align: left; background-color: #FB534B; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-background-clip: padding-box; background-clip: padding-box;}
.dropdown-menu.pull-right {right: 0; left: auto;}
.dropdown-menu .divider {height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5eaed;}
.dropdown-menu > li {}
.dropdown-menu > li > a {
display: block; padding: 8px 15px; clear: both; font-weight: normal; font-size:12px;
line-height: 1.42857143; white-space: nowrap; color:#fff; border-bottom:1px solid #00afe3}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {text-decoration: none; color: #00afe3; background-color: #fff; border-bottom-color:#fff}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {color: #fff; text-decoration: none; outline: 0; background-color: #337ab7;}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {color: #777;}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none; background-color: transparent; background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed;}
.open > .dropdown-menu {display: block;}
.open > a {outline: 0;}
.dropdown-menu-right {left: auto; right: 0;}
.dropdown-menu-left {left: 0; right: auto;}
.dropdown-header {
display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143;
color: #777; white-space: nowrap;}
.dropdown-backdrop {position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990;}
/*menu*/
.navbar {position: relative; min-height:60px;}
.navbar-toggle {
position: relative; float: right; padding: 15px; margin:18px 0;
background-color: #FB534B; border: 1px solid #FB534B; overflow:hidden;}
.navbar-toggle:focus {outline: 0;}
.navbar-toggle .icon-bar {display: block; width: 22px; height: 2px; border-radius: 1px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
.navbar-toggle .icon-bar {background-color: #fff;}
.navbar-toggle .sr-only {
position:static; height:auto; width:auto; margin:0 8px 0 0; float:left; color:#fff;
height:14px; line-height:14px; text-transform:uppercase;}
.navbar-toggle .icon-block {display:block; float:right;}
.navbar-toggle:hover, .navbar-toggle:focus {outline:0}
.navbar-toggle:hover .sr-only, .navbar-toggle:focus .sr-only {}
.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {}
@media (min-width: 768px) {.navbar-toggle {display: none;}}
.navbar-collapse {overflow-x: visible; border-top: 1px dashed #464b4f; -webkit-overflow-scrolling: touch;}
.navbar-collapse.in {overflow-y: auto;}
.container > .navbar-header, .container > .navbar-collapse {margin-right: -15px; margin-left: -15px;}
@media (min-width: 768px) {
.navbar-collapse {width: auto; border-top: 0;}
.navbar-collapse.collapse {
display: block !important; visibility: visible !important;
height: auto !important; padding-bottom: 0; overflow: visible !important;}
.navbar-collapse.in {overflow-y: visible;}
.navbar-header {float: left;}
.container > .navbar-header, .container > .navbar-collapse {margin-right: 0; margin-left: 0;}
.navbar-left {float: left !important;}
.navbar-right {float: right !important; margin-right: -15px;}
.navbar-right ~ .navbar-right {margin-right: 0;}
.navbar-right .dropdown-menu {left: auto; right: 4px;}
.navbar-right .dropdown-menu-left {left: 0; right: auto;}}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height: 200px;}}
/*navbar-nav*/
.navbar-nav {}
.navbar-nav > li {float: left; border-right: 1px solid #464b4f; padding:0 4px; margin:10px 0;}
.navbar-nav > li:last-child {border-right:none;}
.navbar-nav > li > a {padding:10px 15px; color: #fff; display:block}
.navbar-nav > .active > a {color: #FB534B; background-color: none;}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus,
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {color: #fff;background-color: #FB534B;}
.navbar-nav > .disabled > a,
.navbar-nav > .disabled > a:hover,
.navbar-nav > .disabled > a:focus {color: #fff; background-color: transparent;}
.navbar-nav > li > .dropdown-menu {margin-top: 0;}
@media (max-width: 767px) {
.caret {float:right; display:block; margin-top:10px;}
.navbar-nav {padding:15px 0;}
.navbar-nav > li {margin-bottom:4px; margin-top:0; float:none; border-right:none;}
.navbar-nav > li > a {padding:10px 15px; border-bottom:1px solid #3b4449}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus,
.navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {color: #FB534B; background-color: #42515A;}
.navbar-nav .open .dropdown-menu {
position: static; float: none; width: auto; margin-top: 0;
background-color: #283136; border: 0; box-shadow: none; padding:15px 0}
.navbar-nav .open .dropdown-menu > li > a {color: #678192; line-height: 20px; border-bottom:none; position:relative;}
.navbar-nav .open .dropdown-menu > li > a:before {
width:8px; height:8px; position:absolute; left:30px; top:10px; content:""; background:#678192;}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {padding: 4px 0 4px 50px;}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {color: #FB534B; background-color: transparent; background-image: none;}
.navbar-nav .open .dropdown-menu > li > a:hover:before,
.navbar-nav .open .dropdown-menu > li > a:focus:before {background:#FB534B;}
.navbar-nav .open .dropdown-menu > .active > a,
.navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-nav .open .dropdown-menu > .active > a:focus {color: #FB534B; background-color: #42515A;}
.navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-nav .open .dropdown-menu > .disabled > a:focus {color: #FB534B; background-color: transparent;}
}
/*form*/
.input-group {position: relative; display: table; border-collapse: separate; margin-bottom:8px;}
.input-group[class*="col-"] {float: none; padding-left: 0; padding-right: 0;}
.form-control, #page-feedback select, .page-addnews-select select, .page-userinfo-select select, .textin {
display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143;
color: #555; background-color: #fff; background-image: none; border: 1px solid #E6EBEE;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.page-addnews-select select {width: 100% !important; padding: 6px 12px;}
.input-group .form-control {position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0;}
.form-control:focus {
border-color: #FB534B; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.form-control::-moz-placeholder {color: #828A93; opacity: 1; filter: Alpha(Opacity=100);}
.form-control:-ms-input-placeholder {color: #828A93;}
.form-control::-webkit-input-placeholder {color: #828A93;}
.form-control[disabled], .form-control[readonly] {
cursor: auto; background-color: #f4f8fb; opacity: 1; filter: Alpha(Opacity=100);}
.form-control[disabled] {box-shadow:none}
textarea.form-control {height: auto;}
input[type="search"] {-webkit-appearance: none;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {line-height: 34px;}
input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm,
input[type="month"].input-sm {line-height: 30px;}
input[type="date"].input-lg, input[type="time"].input-lg,
input[type="datetime-local"].input-lg, input[type="month"].input-lg {line-height: 46px;}}
.input-group-addon, .input-group-btn, .input-group .form-control {display: table-cell;}
.input-group-addon, .input-group-btn {width: 1%; white-space: nowrap; vertical-align: middle;}
.input-group-addon {
padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #a1b2bc;
text-align: center; background-color: #eff4f7; border: 1px solid #E6EBEE;}
.input-group-addon i {width:13px;}
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {margin-top: 0;}
.input-group-addon:first-child {border-right: 0;}
.input-group-addon:last-child {border-left: 0;}
.input-group-btn {position: relative; font-size: 0; white-space: nowrap;}
.input-group-btn > .btn {position: relative; box-shadow:none;}
.input-group-btn > .btn + .btn {margin-left: -1px;}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {z-index: 2;}
.input-group-30 {margin-top:30px;}
.input-icon-margin i {margin-right:6px;}
.form-control.form-regcode {height:102px; margin-bottom:2px !important; padding:10px; background:#f9fafc; box-shadow:none;}
.recaptcha {border: 1px solid #efefef; margin-top:30px; padding:15px;}
.recaptcha > p {color:#828A93; margin:0 0 10px 0}
.input-group-textarea {border: 1px solid #efefef; background-color:#f9fafc;}
.input-group-textarea > label {margin-bottom:10px;}
.input-group-textarea > input {margin-left:15px; margin-bottom:10px;}
.input-group-textarea textarea {width:100%;}
.fieldsubmit {margin-top:15px;}
/*system*/
#baseform {}
#baseform .basecont {margin-bottom:30px;}
#baseform .basecont > .row > div {margin-top:10px;}
#baseform .border-icon {margin-bottom:0 !important}
#result-registration font {display:block; padding:4px 0 10px 0; font-size:12px;}
.static-page h1 {text-align:center}
.storenumber {padding:10px 15px; background:#f9fafc; border:1px solid #efefef;}
.basecont {padding:30px; border: 1px solid #efefef; position:relative;}
@media screen and (max-width: 768px) {.basecont {padding:30px 15px;}}
.basecont .border-bg-span, .modal-body .border-bg-span {
position: absolute; top: -2px; left: 50%;
width: 60px; margin-left:-30px; height: 3px; background:#FB534B;}
/*vote pool*/
#votes, .votes-full {background:#FB534B; color:#fff; overflow:hidden}
#dle-vote {padding:30px 15px 15px 15px; font-size:12px}
.pollvotelist {padding:15px 15px 15px 30px}
#dle-vote .vote, .pollvotelist .pollanswer {height:20px; line-height:20px; overflow:hidden}
#dle-vote .vote input, #dle-vote .vote label,
.pollvotelist .pollanswer input, .pollvotelist .pollanswer label { display:inline-block; vertical-align:top}
#dle-vote .vote input, .pollvotelist .pollanswer input {margin:3px 5px 0 0}
#votes .vresult { position:absolute}
#votes h4, .votes-full h2 {color:#fff; margin:0 15px; padding:15px 0; border-bottom:1px solid #fff; font-size:16px}
.votes-full h2 {font-size:20px;}
.votes-bottom, .voteresult {text-align:center; padding:0 0 10px 0; background:#FB534B;}
.votes-bottom i {margin-right:0}
.voteresult {font-size:12px;}
#dlevotespopupcontent table {margin:0 0 15px -15px}
.votes-full {margin-bottom:30px}
/*search-page*/
#search-page {margin:0 15px 30px 15px;}
.searchtable {margin:0 -10px 5px -10px}
.searchtable fieldset {margin:5px !important}
.searchtable input.bbcodes {margin:0 5px 0 0 !important;}
.searchtable td.search > div {margin-left:5px;}
.searchtable td.search > label {display:block; margin-top:4px;}
.searchtable label > input {margin-right:4px;}
.textin {width:100% !important; margin-bottom:10px;}
#search-page br {display:none;}
.search-page-p {font-size:12px; color:#ff3b28; padding-top:5px;}
/*addnews*/
#addnews-page {font-size:12px;}
.basecont .impot {color:#ff3b28}
.addnews-admintag {background:#f9fafc; border:1px solid #efefef; padding:15px; margin-top:15px;}
td.label, td.addnews {vertical-align:middle; padding-right:10px;}
.tableform {width:100%; margin-bottom:15px;}
.tableform td {padding-bottom:15px;}
.tableform td .bb-editor {margin-top:5px;}
.f_input, td.xfields textarea, .xfields input, .xprofile input, .f_textarea, .tableform td > select {
display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143;
color: #828A93; background: #fff; border: 1px solid #efefef;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.f_input:focus {
border-color: #FB534B; outline: 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.bb-editor textarea, .f_textarea {height:200px !important; padding:5px; font-size:12px}
.xfields textarea, .xprofile textarea {width: 100%; height: 186px;}
.xfields input, .xprofile input {width: 250px; display:inline-block;}
.xfields_table td {vertical-align: top}
.tableform td select {width:100% !important}
.tablevote {border-radius:3px; background:#f9fafc; border:1px solid #efefef}
.addvote td {padding:15px}
.addvote-btn {padding:0 !important}
/*infobox*/
.infobox {margin-bottom: 15px; border:1px solid #efefef;}
.infobox .infobox-header {
position: relative; padding: 9px 15px 10px; font-weight: bold;
border-bottom:1px solid #efefef; color: #565A5F; background-color:#EFF4F7}
.infobox .infobox-header i {margin-right:10px;}
.infobox .infobox-content {padding:30px; font-size:12px; color:#828A93}
.infobox .infobox-content.infobox-table {padding:0;}
.infobox a {font-weight: bold;}
.infobox a:hover {text-decoration:underline}
.infobox hr {margin-bottom:0; border-top-color:#efefef}
.infobox p {margin:4px 0}
.infobox ul li {list-style:inside; padding:0 0 5px 0}
.font-red {color:#ff3b28}
/*blockquote*/
.blockquote {color: #565A5F; margin-bottom:30px; padding:15px 0 0 0}
.blockquote-quote {position:relative; float:left; width:60px; height:60px}
.blockquote-quote:before {
content: "!"; position: absolute; top: 0; left: 0; font-size: 90px; color:#FB534B;
font-weight: bold; font-family: Tahoma, Geneva, sans-serif; margin:-50% 0 0 0;}
.blockquote p {font-style: italic; color: #828A93; font-style: italic;}
.blockquote b {color: #565A5F; font-style: italic;}
@media (max-width: 467px) {
.blockquote-quote { width:auto; height:auto; float:none;}
.blockquote-quote:before {}}
/*userinfo*/
.userinfo > div {margin-top:10px;}
.user-rating {border:1px solid #efefef; background:#f9fafc; padding:8px 15px}
#baseform .ul-stat {margin:15px 0 15px 30px}
#baseform .login-foto {padding:10px; border:1px solid #efefef; width:122px}
#baseform .login-foto img {width:100px; display:block}
#baseform .login-foto:before {top:15px; left:15px; right:15px; bottom:15px; width:90px; height:90px;}
.user-ullink {margin:15px 0 0 0; font-size:12px}
.user-ullink li {margin:0 0 6px 0}
.user-ullink li a {background:#FB534B; display:block; text-align:center; padding:8px 0; color:#fff}
.user-ullink li a:hover {background:#2F383D}
.user-edituser a {border:1px solid #efefef; background:#f9fafc; padding:8px 15px; display:block; color:#FB534B}
.user-edituser a:hover {background:#2F383D; color:#fff}
.pm_status {border:1px solid #efefef; color:#2F383D}
.pm_status_head {background:#f9fafc; border-bottom:1px solid #efefef; padding:8px 15px;}
.pm_status_content {padding:8px 15px; font-size:12px;}
.pm_status .pm_progress_bar {margin:5px 0}
/*flex-slider*/
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus {outline: none;}
.flex-pauseplay span {text-transform: capitalize;}
.flexslider {}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block;}
.flexslider .slides:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .flexslider .slides {display: block;}
* html .flexslider .slides {height: 1%;}
.no-js .flexslider .slides > li:first-child {display: block;}
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flex-viewport {
max-height: 110px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
-ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 110px;}
.carousel li {margin-right: 5px;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
display: block; margin: -24px 0 0; padding: 10px 20px;
position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; filter: Alpha(Opacity=0); cursor: pointer;
color: #fff; background:#FB534B; transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.flex-direction-nav .flex-prev {left: 50px;}
.flex-direction-nav .flex-next {right: 50px; text-align: right;}
.flexslider:hover .flex-direction-nav .flex-prev {opacity: 0.8; filter: Alpha(Opacity=80); left: 10px;}
.flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1;}
.flexslider:hover .flex-direction-nav .flex-next {opacity: 0.8; filter: Alpha(Opacity=80); right: 10px;}
.flexslider:hover .flex-direction-nav .flex-next:hover {opacity: 1; filter: Alpha(Opacity=100);}
.flex-direction-nav .flex-disabled {opacity:0 !important; filter: alpha(opacity=0); cursor: default;}
.flex-pauseplay a {
display: block; width: 20px; height: 20px; position: absolute; bottom: 5px;
left: 10px; opacity: 0.8; filter: Alpha(Opacity=80); z-index: 10; overflow: hidden; cursor: pointer; color: #000;}
.flex-pauseplay a:before {font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004';}
.flex-pauseplay a:hover {opacity: 1; filter: Alpha(Opacity=100);}
.flex-pauseplay a .flex-play:before {content: '\f003';}
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {
width: 100%; display: block; opacity: 0.7; filter: Alpha(Opacity=70); cursor: pointer; transition: all 1s ease;
-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
-ms-transition: all 1s ease;}
.flex-control-thumbs img:hover {opacity: 1; filter: Alpha(Opacity=100);}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default; filter: Alpha(Opacity=100);}
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {
width: 11px; height: 11px; display: block; background: #666;
background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; border-radius: 20px;}
.flex-control-paging li a:hover {background: #333; background: rgba(0, 0, 0, 0.7);}
.flex-control-paging li a.flex-active {background: #000; background: rgba(0, 0, 0, 0.9); cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; filter: Alpha(Opacity=100); left: 10px;}
.flex-direction-nav .flex-next {opacity: 1; filter: Alpha(Opacity=100); right: 10px;}}
#slider-nav {}
#slider-nav .flex-direction-nav a {background:#2F383D}
#slider-nav .slides {height:110px; text-align:center}
#slider-nav .slides li {cursor:pointer; height:100%; margin:0 2px}
#slider-nav .slides li img {
transition: all 200ms ease-in; height:100% !important;
-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;}
#slider-nav li:hover img, #slider-nav li.flex-active-slide img {
opacity:0.2; filter: Alpha(Opacity=20); transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in;}
#slider-nav li.flex-active-slide {cursor:default;}
#slider-slide {margin-bottom:4px;}
#slider-slide .slides {overflow:hidden}
#slider-slide .slides li {height:200px;}
#slider-slide .container {display:block; position:relative; height:200px; z-index:1; overflow:hidden}
.carousel-link {display:block; color:#2f383d}
.carousel-link:hover {color:#FB534B}
.carousel-link > img {width:100%; display:block; position:absolute; left:0; top:0; z-index:-1}
.carousel-link span {display:block}
.carousel-link i.fa-pencil-square {font-size:30px; color:#FB534B}
.carousel-link:hover i.fa-pencil-square {color:#FB534B;}
.carousel-box {
position:absolute; bottom:30px; left:0; display:block; z-index:10; margin:0 15px; background:#fff;
background:rgba(255, 255, 255, 0.6); border-left:5px solid #FB534B; padding-top:30px; padding-bottom:15px;}
.carousel-box > span {display:block}
.carousel-title {font-size:18px; line-height:1.1; font-family:Tahoma, Geneva, sans-serif}
.carousel-info {padding:5px 0 0 0; color:#A4B1BA}
.carousel-link:hover .carousel-info {color:#A4B1BA}
.carousel-info span {display:inline;}
.carousel-info i {margin-right:5px;}
@media (min-width: 468px) {#slider-slide .slides li, #slider-slide .container {height:330px;}}
@media (min-width: 768px) {#slider-slide .slides li, #slider-slide .container {height:370px;}}
@media (min-width: 992px) {
#slider-slide .slides li, #slider-slide .container {height:450px;}
.carousel-link i.fa-pencil-square {font-size:48px;}
.carousel-title {font-size:26px;}}
@media (min-width: 1200px) {#slider-slide .slides li, #slider-slide .container {height:600px;}}
/*owl-carousel*/
.owl-box {margin-left: -15px; margin-right:-15px;}
.owl-box .item {margin: 0 15px;}
.owl-carousel .owl-wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel {display: none; position: relative; width: 100%; -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper {display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer {overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}
.owl-item.loading {min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center}
.owl-carousel .owl-item {float: left;}
.owl-controls .owl-page, .owl-controls .owl-buttons div {cursor: pointer;}
.owl-controls {
-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing {cursor:url(grabbing.png) 8 8, move;}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
.owl-controls {margin-top: 10px; text-align: center}
.owl-controls .owl-buttons .owl-prev, .owl-controls .owl-buttons .owl-next {
position:absolute; top:50%; margin-top:-39px; color: #fff; background:#2F383D;
padding: 10px 20px; filter: Alpha(Opacity=60); opacity: 0.6; z-index:10}
.owl-controls .owl-buttons .owl-prev {left:15px;}
.owl-controls .owl-buttons .owl-next {right:15px;}
.owl-controls.clickable .owl-buttons div:hover {filter: Alpha(Opacity=90); opacity: 0.9; background:#FB534B;}
.owl-controls .owl-page {display: inline-block; zoom: 1; *display: inline}
.owl-controls .owl-page span {
display: block; width: 10px; height: 10px; margin: 5px;
filter: Alpha(Opacity=50); opacity: 0.5; background: #565A5F}
.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {background:#FB534B; filter: Alpha(Opacity=100); opacity: 1}
#related-news {position:relative;}
#related-news .h-box {font-size:16px;}
#related-news .owl-box {margin-top:15px;}
#owl-2 .owl-controls .owl-buttons .owl-prev, #owl-2 .owl-controls .owl-buttons .owl-next {margin-top:-130px;}
#owl-2 .owl-pagination {}
#owl-3 .owl-controls .owl-buttons .owl-prev, #owl-3 .owl-controls .owl-buttons .owl-next {margin-top:-24px}
#owl-4 .owl-controls .owl-buttons .owl-prev, #owl-4 .owl-controls .owl-buttons .owl-next,
#owl-5 .owl-controls .owl-buttons .owl-prev, #owl-5 .owl-controls .owl-buttons .owl-next {margin-top:-120px}
/*berrors*/
.berrors {
background: #ffccc8; padding:15px; overflow:hidden;
color:#ff3b28; position:relative; font-size:12px; border:1px solid #ff3b28}
.berrors i {position:absolute; left:30px; top:50%; width:56px; height:56px; margin-top:-28px}
.berrors > div {padding-left:86px}
.berrors > div b {font-size:18px; display:block; margin-bottom:10px}
.berrors a {color: #fff}
.berrors a:hover {color:#fff; text-decoration:underline}
.berrors ul li {list-style:inside; padding:0 0 6px 0}
@media screen and (max-width: 768px) {
.berrors i {left:15px}
.berrors p {padding-left:71px}}
/*speedbar*/
.speedbar {
color:#828A93; text-transform:uppercase; font-size:11px;
border-top: 1px solid #efefef; border-bottom: 1px solid #efefef}
.speedbar .speedbar-box {margin:10px 0}
.speedbar a {color:#828A93}
.speedbar a:hover {color:#FB534B}
/*sortnews*/
.sortnews {background: #fff; border: 1px solid #EFF4F7}
.sortnews .sortnews-left, .sortnews .sortnews-right {display:inline-block; vertical-align:middle}
.sortnews .sortnews-left {
width:42px; height:42px; background:#EFF4F7; text-align:center; margin:-1px;
border-top-left-radius:3px; border-bottom-left-radius:3px}
.sortnews .sortnews-left i {margin-top:14px; color:#FB534B}
.sortnews .sortnews-right {padding:10px 15px; font-size:12px}
.sortnews a {color:#565A5F}
.sortnews a:hover {color:#FB534B}
/*tagscloud*/
.tagscloud {color:#fff;}
.tagscloud a {
display:inline-block; padding:5px 10px; margin:0 1px 4px 0;font-size:11px;
border: 1px solid #efefef; color:#828A93;}
.tagscloud a:hover {color:#fff; background:#FB534B; border:1px solid #FB534B}
/*accordion*/
.accordion .ul-arrow {padding-top:15px}
.accordion .panel {margin-bottom: 10px}
.accordion .link {
display:block; border: 1px solid #efefef; padding: 11px 15px 11px 15px;
position:relative; background:#f8f8f8; font-size:14px; color:#828A93}
.accordion .link.collapsed {background:#fff;}
.accordion .link:hover {background:#f8f8f8;}
.accordion .accordion-marker {
position:absolute; right:10px; top:6px; width: 26px; height:26px; background:#313a3f;
color: #fff; display:block;}
.accordion .collapsed .accordion-marker {color: #fff; background:#FB534B}
.accordion .accordion-open, .accordion .accordion-close {
top: 50%; left: 50%; position: absolute; margin-top: -6px; margin-left: -5px;}
.accordion .accordion-open {display: inline-block;}
.accordion .accordion-close {display: none}
.accordion .collapsed .accordion-close {display: inline-block}
.accordion .collapsed .accordion-open {display: none}
/*nav-tabs*/
.tab-content {
border:1px solid #efefef; padding:15px; position:relative; z-index:1;
font-size:12px; margin-top:15px; background-color:#fff}
.tab-content.tab-content30 {padding:30px; font-size:14px; text-align:justify}
.tab-content > .tab-pane {display: none; visibility: hidden;}
.tab-content > .active {display: block; visibility: visible;}
.nav-tabs {position:relative; z-index:2}
.nav-tabs > li {float: left;}
.nav-tabs > li > a {
line-height: 1.42857143; border: 1px solid #efefef; color:#828A93; background:#EFF4F7;
padding:10px 15px; display:block; position:relative; display:block}
.nav-tabs > li > a:hover {color:#FB534B;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {color: #FB534B; background: #fff; border: 1px solid #efefef; cursor: default;}
@media (max-width: 767px) {
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {border-bottom-color: #efefef;}
.nav-tabspil {width: 100%;}
.nav-tabspil > li {float: none;}
.nav-tabspil > li > a {text-align: center; margin-bottom: 5px;}}
.nav-justified {width: 100%;}
.nav-justified > li {float: none;}
.nav-justified > li > a {text-align: center; margin-bottom: 5px;}
@media (min-width: 768px) {
.nav-justified > li {display: table-cell; width: 1%;}
.nav-justified > li > a {margin-bottom: 0; border-top-right-radius:0; border-bottom-right-radius:0;}
.nav-justified > li + li > a,
.nav-justified > li + li.active > a,
.nav-justified > li + li.active > a:hover,
.nav-justified > li + li.active > a:focus {border-top-left-radius:0; border-bottom-left-radius:0; border-left:none;}
.nav-tabs > li.active > a:after, .nav-tabs > li.active > a:before {
top: 100%; left: 50%; border: solid transparent; content: " ";
height: 0; width: 0; position: absolute; pointer-events: none;}
.nav-tabs > li.active > a:after {border-top-color: #fff; border-width: 10px; margin-left: -10px;}
.nav-tabs > li.active > a:before {border-top-color: #efefef; border-width: 11px; margin-left: -11px;}}
/*navigation*/
.pages {margin-top:15px; padding:0 15px; margin-bottom:30px}
.pages b {display:none}
.pages-next {text-align:right}
.pages-prev i {margin:5px 0 0 -2px}
.pages-next i {margin:5px -2px 0 0}
.pages-prev > a, .pages-next > a, .pages-prev > span, .pages-next > span {
display:inline-block; border:1px solid transparent; font-size: 30px;
line-height: 42px; width:42px; height:42px; text-align:center; margin-top:5px;}
.pages-prev > span, .pages-next > span {border-color:#efefef; color:#efefef}
.pages-prev > a, .pages-next > a {border-color: #FB534B; color:#fff; background:#FB534B}
.pages-prev > a:hover, .pages-next > a:hover {background:#2D414B; border-color:#2D414B; color:#fff}
.pages-numbers {text-align:center; overflow:hidden;}
.pages-numbers > a, .pages-numbers > span {
display:inline-block; border:1px solid transparent; margin:0 3px;
line-height: 40px; width:42px; height:42px; text-align:center; margin-top:5px;}
.pages-numbers > span {border-color:#efefef; color:#efefef}
.pages-numbers > a {border-color: #efefef; color:#2F383D; background-color:#EFF4F7}
.pages-numbers > a:hover {background-color:#2F383D; border-color:#2F383D; color:#fff}
/*fullstory*/
.fstory {}
.fstory h1 {font-size:30px; margin-bottom:30px;}
.fstory-pages {margin:0 -15px 15px -15px}
.fstory-content {text-align:justify;}
.fstory-content img {max-width:100%; height:auto; display:inline-block; vertical-align:top; margin:10px;}
.fstory-content ol, .fstory-content ul {margin:15px 0; padding-left:20px; overflow:hidden; color:#565A5F}
.fstory-content ol {list-style: decimal; padding-left:30px;}
.fstory-content ul {list-style: inside;}
.fstory .border-bg {margin-bottom:5px !important;}
.fstory-share {margin-bottom:15px;}
.share-full {text-align:right}
@media (max-width: 768px) {.share-full {text-align:left; margin-top:10px;}}
.fstory-content, .fstory-bottom {margin-bottom:50px;}
.fstory-top {border-bottom:1px solid #e8eced; margin-bottom:15px; padding:5px 0 15px 0}
.fstory-bottom > div + div {text-align:right}
@media screen and (max-width: 768px) {
.fstory-bottom, .fstory-bottom > div + div {text-align:center}
.fstory-bottom > div {margin-top:10px;}}
.ul-infocon {font-size:12px; overflow:hidden}
.ul-infocon li {display:inline-block; vertical-align:middle; border-right:1px solid #e8eced; padding:0 10px; margin-top:10px;}
.ul-infocon li:first-child {padding-left:0}
.ul-infocon li:last-child {border-right:none}
.ul-infocon li i {margin-right:5px; color:#c7cbce}
.fstory-tags {border-top:1px solid #e8eced; padding:15px 0 0 0; margin:0 0 15px 0}
.fstory-tags i {margin-right:6px;}
.fstory-tags > span {font-size:14px; margin:0 15px 0 0; color:#FB534B;}
.fstory-tags a {font-style:italic; font-size:12px; color:#565A5F;}
.fstory-tags a:hover {text-decoration: underline; color:#FB534B}
.ul-admicon {overflow:hidden; display:inline-block; vertical-align:middle; font-size:12px; color:#828A93;}
.ul-admicon li {
display:inline-block; vertical-align:middle; width:auto; height:34px;
border:1px solid #e8eced; padding:0 10px 0 10px;}
.ul-admicon li a {padding:0; display:inline-block; color:#565A5F; height:34px; text-align:center;}
.ul-admicon li > i {margin:10px 6px 0 0; color:#565A5F;}
.ul-admicon li a > i {margin-top:10px;}
.ul-admicon li a:hover, .ul-admicon li a:hover i {color:#FB534B}
.ul-admicon li a > img {width:23px; height:23px; margin-top:5px;}
/*fstory-user*/
.fstory-user {border:1px solid #efefef; background:#fefefe; border-left:5px solid #DB001F; padding:15px; padding:15px;}
.fstory-user .fstory-user-img {}
.fstory-user .fstory-user-text {padding:30px 15px}
.fstory-user .fstory-user-text > div {border-top:1px solid #efefef; padding:15px 0 0 0;}
.fstory-user h3 {margin-bottom:0;}
.fstory-user b {font-size:20px; text-transform:uppercase; color:#FB534B}
.fstory-user p {padding:10px 0;}
.img-circle-box {display:inline-block; vertical-align:top; padding:10px; border:1px solid #efefef; margin:30px 0 30px 30px}
.img-circle {max-width:100%; display:block}
@media screen and (max-width: 768px) {.fstory-user {text-align:center}}
/*comments*/
.a-addcomment {margin:10px 0 0 0}
#comment-news {position:relative;}
#comment-news .h-box {font-size:16px;}
#dle-content #search-page + script + a + #dlemasscomments > #dle-comments-list {margin:15px 15px 0 15px}
.mass_comments_action {border:1px solid #e5eaed; background-color:#f9fafc; padding:10px 15px; margin-top:15px;}
.bcomment {margin-top:15px; font-size:12px;position:relative; border:1px solid #e5eaed; padding:15px 0 0 0;background:#fefefe}
.bcomment > .row {margin:0 !important}
.bcomment-top {margin:0 0 15px 0; border-bottom:1px solid #e5eaed; padding:0 0 10px 0}
.bcomment-content {font-size:14px; padding:15px 0;}
.bcomment-bottom {border-top:1px solid #e5eaed; background-color:#f9fafc; padding:6px 15px; overflow:hidden}
.bcomment-avatar {display:block; padding:5px; border: 1px solid #e5eaed; position:relative; margin:0 auto;}
.bcomment-avatar img {max-width:100%;}
.bcomment-avatar:before {
content: ""; position: absolute; top: 10%; right: 10%; bottom: 10%; left: 10%;
width: 80%; height: 80%; border: 5px solid rgba(255, 255, 255, 0.5); z-index:5}
.bcomment-author {float:left; margin:0 0 0 0;}
.bcomment-author a {color:#FB534B; font-size:16px; line-height:27px;}
.bcomment-author a:hover {color:#565A5F}
.ul-bcomment-info {overflow:hidden; color:#828A93; float:left;}
.ul-bcomment-info li {float:left; margin-right:4px; line-height:30px;}
.bcomment-newstitle {font-size:18px; margin-bottom:10px;}
.bcomment .selectmass {margin-top:8px; height:13px; float:right}
.bcomment-signature {
color:#828A93; font-size:12px; font-style: italic;
border-top:1px solid #e5eaed; padding-top:10px; margin-top:10px;}
.ul-bcomment-tool {overflow:hidden; float:right;}
.ul-bcomment-tool li {float:left; margin:0 2px;}
.ul-bcomment-tool li a {
background:#FB534B; color:#fff; text-align:center; display:block;
width:30px; height:30px;}
.ul-bcomment-tool li a i {margin-top:9px;}
.ul-bcomment-tool li a:hover {background:#565A5F}
.bcomment-fast {float:right; margin-top:10px;}
.bcomment-fast a {
display:block; background: #565A5F; color:#fff; padding: 5px 15px 5px;
border-radius:14px; font-size:12px;}
.bcomment-fast a:hover {background:#FB534B}
.bcomment .ratebox, .bcomment .ratebox2, .bcomment .ratebox3 {float:right;}
.bcomment .title_quote {background:#f3f6f6; border: 1px solid #e5eaed; border-bottom:none; padding:8px 10px; color:#828A93;}
.bcomment .quote {color:#828A93;background:#f9fafc; border: 1px solid #e5eaed;padding:8px 10px; font-size:12px; margin:10px 0}
.bcomment .title_spoiler {
border:none; border-left:15px solid #fe8f8c; color:#fe8f8c;
background-color: #f3f6f6; padding:8px 10px; margin:10px 0}
.bcomment .title_spoiler a {color:#fe8f8c;}
.bcomment .title_spoiler a:hover {text-decoration:underline}
.bcomment .text_spoiler {padding: 10px; background: #fff; border: 1px solid #e5eaed;}
@media screen and (max-width: 768px) {.bcomment-avatar {width:100px; margin-bottom:15px;}}
/*shortstory-picture shortstory-own shortstory-block shrtostory-related*/
.short-imgblock {width:100%; position:relative}
.short-imgblock .short-img-a {display:block; position:relative; width:100%}
.short-imgblock .short-img-a:before {
content: ""; position: absolute; top: 5%; right: 5%; bottom: 5%; left: 5%;
width: 90%; height: 90%; border: 5px solid rgba(255, 255, 255, 0.5); z-index:3}
.short-imgblock .short-imgtext {
background:#FB534B; background: rgba(47,56,61,0.7); position:absolute; left:0; top:0; width: 96%; height: 96%;
transition: all 300ms; -webkit-transition: all 300ms; -moz--webkit-transition: all 300ms;
-o--webkit-transition: all 300ms; -ms--webkit-transition: all 300ms;
opacity: 0; filter: Alpha(Opacity=0); z-index:4; overflow:hidden; text-align:center}
.short-imgblock:hover .short-imgtext {
transform: translate(2%, 2%); -webkit-transform: translate(2%, 2%); -moz-transform: translate(2%, 2%);
-o-transform: translate(2%, 2%); -ms-transform: translate(2%, 2%); opacity: 1; filter: Alpha(Opacity=100);}
.short-imgblock .short-imgtext h4 {color:#fff; padding:30px 15px 15px 15px; font-size:14px;}
.short-content {padding:15px; border:1px solid #e5eaed; margin-top:10px;}
.short-content h5, .short-content h4, .short-content h3 {margin:0 0 15px 0; font-size:16px;}
.short-content .short-info {color:#9fa9b2; font-size:12px; padding:0 0 5px 0; font-style:italic}
.short-content .short-info > span {color:#FB534B}
.short-content .short-descr {color:#9fa9b2; font-size:12px; padding:5px 0; border-top:1px solid #e5eaed}
.short-content .short-bottom {}
/*shortstory shortstory-big*/
.short-images {width:100%; height:auto; text-align: center; overflow:hidden;}
.short-images a {display:block; position:relative;}
.short-mask {
width:100%; height:100%; position: absolute; overflow: hidden; top: 0; left: 0; display:block;
background: rgba(251,83,75,0.8); opacity:0; filter: Alpha(Opacity=0);
transition: all 0.3s ease-in 0.4s; -webkit-transition: all 0.3s ease-in 0.4s;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.short-images:hover .short-mask {
opacity:1; filter: Alpha(Opacity=100); transition-delay: 0s;
-moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s}
.short-icons {
position:absolute; top:50%;
transform: translateY(100px); transition: all 0.2s ease-in-out 0.1s;
-webkit-transform: translateY(100px); -webkit-transition: all 0.2s ease-in-out 0.1s;
-moz-transform: translateY(100px); -moz-transition: all 0.2s ease-in-out 0.1s;
-o-transform: translateY(100px); -o-transition: all 0.2s ease-in-out 0.1s;
-ms-transform: translateY(100px); -ms-transition: all 0.2s ease-in-out 0.1s;
opacity:0; filter: Alpha(Opacity=0); height:50px; width:100%; display:block; margin:-60px 0 0 0;}
.short-more {
display: inline-block; vertical-align:middle; width:50px; height:50px; padding:13px 0 0 0;
color: #fff; margin:0 5px; border:1px solid #fff;}
.short-more img {width:24px; height:24px; display:inline-block; vertical-align:middle}
.short-more i {vertical-align:middle; margin-top:-2px}
.short-more:hover {background: #2D414B; border:1px solid #2D414B;}
.short-images:hover .short-icons {
opacity:1; filter: Alpha(Opacity=100); transform: translateY(40px); transition-delay: 0.1s;
-webkit-transform: translateY(40px); -webkit-transition-delay: 0.1s;
-moz-transform: translateY(40px); -moz-transition-delay: 0.1s;
-o-transform: translateY(40px); -o-transition-delay: 0.1s;
-ms-transform: translateY(40px); -ms-transition-delay: 0.1s;}
.short-images:hover .short-img {
transition-delay: 0s; -weblit-transition-delay: 0s;
-moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s;}
.shortstory .short-descr {line-height:1.2; padding:0 0 10px 0}
.shortstory .short-boxcon {overflow:hidden; margin:15px 0; padding:0 0 0 105px;}
.shortstory .short-boxcon-left, .shortstory .short-boxcon-right {display:inline-block; vertical-align:top}
.shortstory .short-boxcon-left {width:100px; position:relative; margin:0 0 0 -105px;}
.shortstory .short-boxcon-right {margin-left:15px;}
.shortstory h4 {margin:0 0 10px 0; overflow:hidden}
.shortstory .short-info {
border-top:1px solid #e5ecef; border-bottom:1px solid #e5ecef; padding:6px 0; color:#FB534B;
overflow:hidden;}
.shortstory .short-info i {color:#a4b1ba; margin-right:6px; vertical-align:middle;}
.shortstory .short-boxcon-circle {
width:84px; height:84px; background:#FB534B; display:block; color:#fff;
text-align:center; padding:15px 0 0 0}
.shortstory .short-boxcon-circle b {display:block; font-size:30px; line-height:30px;}
.shortstory .short-boxcon-circle-icon {
width:36px; height:36px; display:block; text-align:center;
position:absolute; top:0; right:0; z-index:20; color:#fff; background:#2f383d}
.shortstory .short-boxcon-circle-icon img {margin-top:6px;}
.shortstory .short-boxcontent {height:auto;}
.shortstory .short-boxcontent-in {height:auto; overflow:hidden;}
@media (min-width: 768px) {.shortstory .short-boxcontent-in {height:200px;}}
@media (min-width: 992px) {.shortstory .short-boxcontent-in {height:200px;}}
@media (min-width: 1200px) {
.shortstory .short-boxcontent-in {height:210px;}
.shortstory.shortstory-big .short-boxcontent-in {height:170px;}
.shortstory.shortstory-in .short-boxcon {padding:0 0 0 85px;}
.shortstory.shortstory-in .short-boxcon-left {width:80px; margin:0 0 0 -85px;}
.shortstory.shortstory-in .short-boxcon-circle {width:64px; height:64px; font-size:11px;}
.shortstory.shortstory-in .short-boxcon-circle-icon {width:26px; height:26px;}
.shortstory.shortstory-in .short-boxcon-circle b {font-size:20px; line-height:20px;}
.shortstory h4 {font-size:16px;}
.shortstory .short-boxcon-circle-icon img {margin-top:1px;}}
.shortstory {margin-bottom:30px; color:#a4b1ba; font-size:13px;}
.shortstory.shortstory-big {margin-bottom:0}
.block-shortborder .shortstory.shortstory-big {border-bottom:2px dashed #efefef; margin-bottom:25px; padding-bottom:25px;}
.shortstory-listbox {margin-bottom:30px;}
.shortstory-listbox .short-img {height:80px}
.shortstory-listbox h4 {font-size:16px;}
.shortstory-listbox .short-info {color:#a4b1ba;}
.shortstory-block {}
.shortstory-block .short-content {padding-top:30px; background:#EFF4F7;}
.shortstory-block {margin:0 15px}
.shortstory-block h5 {margin-bottom:10px}
.shortstory-block .short-descr, .shortstory-related .short-descr {border-top:none; margin-top:10px;}
.short-content-h {padding:0 0 0 60px;}
.short-content-h i {margin:0 12px 0 -60px; vertical-align:top; color:#FB534B}
.short-content-h a {display:inline-block; vertical-align:top;}
/*short object*/
.short-img {display: block; position: relative; width:100%; transition: all 0.4s ease-in-out 0.5s; height:auto;}
@media (min-width: 468px) {
.short-img {height:auto}
#owl-1 .short-img, #owl-2 .short-img, #owl-3 .short-img {height:160px;}}
@media (min-width: 600px) {
.short-img {height:auto}
#owl-1 .short-img, #owl-2 .short-img, #owl-3 .short-img, .shortstory-block .short-img {height:170px;}
.shortstory-listbox .short-img {height:110px}}
@media (min-width: 768px) {
.short-img, .shortstory-block .short-img {height:215px}
#owl-1 .short-img, #owl-2 .short-img, #owl-3 .short-img {height:160px;}
.shortstory-listbox .short-img {height:80px}}
@media (min-width: 992px) {
.short-img {height:200px}
.shortstory-big .short-img, .shortstory-block .short-img {height:240px;}
#owl-1 .short-img, #owl-2 .short-img {height:170px;}
#owl-3 .short-img {height:160px;}}
@media (min-width: 1200px) {
.short-img {height:180px}
.shortstory-big .short-img, .shortstory-block .short-img {height:250px;}
#owl-1 .short-img, #owl-2 .short-img {height:170px;}
#owl-3 .short-img {height:190px;}}
.short-ul {padding-top:30px;}
.short-ul li {margin:0 0 30px 0;}
.short-ul li a {display:block; padding:0 0 0 15px;}
.short-ul li a .short-ul-title {
display:block; color:#2f383d; font-size:16px; margin:0 0 10px -10px; padding-left:10px;
border-left:5px solid #FB534B; line-height:1.1}
.short-ul li a:hover .short-ul-title {color:#FB534B}
.short-ul li a .short-info {
border-top:1px solid #e5ecef; border-bottom:1px solid #e5ecef; padding:6px 0; color:#A4B1BA;
height:32px; overflow:hidden; display:block; font-size:12px;}
.short-ul li a .short-info i {color:#a4b1ba; margin-right:6px; vertical-align:middle;}
/*engine.css*/
.selectmass input {float: right; margin-left: 6px;}
.mass_comments_action {text-align: right;}
/*---Найденные похожие новости при добавлении новостей на сайте---*/
.findrelated {
background: #FFF2D9; border:1px solid #fed37f;
display:block; padding: 10px 15px; margin:0 0 6px 0;}
/*---Информационное окно загрузки AJAX---*/
#loading-layer {display: none; font-size: 12px; background: #FB534B; padding: 15px; text-align: center; color: #fff;}
/*---Цитата и скрытый текст---*/
.scriptcode, .title_quote, .quote, .title_spoiler,
.text_spoiler {font-style: italic; padding: 15px; background: #f8f8f8; border-left: 10px solid #FB534B;}
.quote {border:1px solid #e3e4e6; border-left: 10px solid #FB534B;}
.title_quote, .title_spoiler {background: #f9fafc;}
.title_spoiler, .text_spoiler {border-color: #ff3b28;}
.title_quote {border-bottom: 0;font-weight: bold;}
.scriptcode {color: #004e8d; text-align: left; font-family: "Courier New";}
.title_spoiler {font-weight: bold;}
.text_spoiler {border-top: 0; text-align: justify;}
.hide {background-color: #e8f3fa; padding: 5px; color: #3a78a5; margin: 0 0 1em;}
.hide a {text-decoration: underline;}
.hide a:hover {text-decoration: none}
.inhide {border: 1px solid #d1e3ef; padding: 5px; background-color: #fff; margin-bottom: 5px;}
/*---Календарь---*/
.calendar {width: 100%; font-size:12px}
.calendar td, .calendar th {padding: 5px 0; vertical-align: middle; text-align: center}
.weekday-active-v, .day-active-v, .weekday-active, .day-active {font-weight: bold}
.weekday {color: #ff3b28}
th.workday, th.weekday {background-color: #fff; border:1px solid #e3e4e6}
.monthselect {font-size: 1.15em; color:#2e353b}
.day-current {background-color: #FB534B; color: #fff}
.day-current a {color: #fff}
/*---Лучшие пользователи---*/
.userstop td, .pm td.pm_list, .pm td.pm_head {border: 1px solid #e3e4e6; padding: 2px; background: #fff;}
.userstop thead td, .pm td.pm_head {
font-size: 0.9em; background: #fff; height: 22px; padding: 6px 0;
font-weight: bold; text-align: center; color: #4e4e4e;}
/*---Рейтинг---*/
.ratebox2, retebox3, .ratebox {overflow:hidden}
.ratebox {border:1px solid #e3e4e6; background-color:#f9f9f9; padding:4px 10px;width:115px;}
.rating {width: 85px; height: 17px; font-size: 0.9em;}
.unit-rating {width: 85px; height: 17px; position: relative; background: url(../dleimages/rating.png) repeat-x;}
.unit-rating li {text-indent: -90000px; float: left;}
.unit-rating li a {
display: block; width: 17px; height: 17px; text-decoration: none;
text-indent: -9000px; z-index: 17; position: absolute;}
.unit-rating li a:hover {background: url(../dleimages/rating.png) 0 -17px; z-index: 2; left: 0; transition:none}
.unit-rating a.r1-unit {left: 0;}
.unit-rating a.r1-unit:hover {width:17px;}
.unit-rating a.r2-unit {left: 17px;}
.unit-rating a.r2-unit:hover {width: 34px;}
.unit-rating a.r3-unit {left: 34px;}
.unit-rating a.r3-unit:hover {width: 51px;}
.unit-rating a.r4-unit {left: 51px;}
.unit-rating a.r4-unit:hover {width: 68px;}
.unit-rating a.r5-unit {left: 68px;}
.unit-rating a.r5-unit:hover {width: 85px;}
.unit-rating li.current-rating {
background: url(../dleimages/rating.png) 0 -34px;
position: absolute; height: 17px; display: block; text-indent: -9000px; z-index: 1;}
.ul-rating {overflow:hidden; height:28px; line-height:28px;}
.ul-rating li {float:left;}
.ul-rating li > span {display:block; padding:0 4px;}
.ul-rating li a {display:block; padding:0; opacity:0.6; filter: Alpha(Opacity=60);}
.ul-rating li a .fa-minus-circle {color:#e6807e}
.ul-rating li a .fa-plus-circle {color:#85d6de}
.ul-rating li a:hover {opacity:1; filter: Alpha(Opacity=100);}
.ratingzero {color: #6c838e;}
.ratingtypeplusminus {padding: 0px 5px;}
.ratingtypeplus {color: #6c838e;padding: 0px 0px 0px 5px;}
.ratingplus {color: green;}
.ratingminus {color: red;}
/*---BB коды---*/
/* различие bbcodes и bbcodes_poll исключительно в длине кнопки */
/* класс bbcodes используем в списке персональных сообщений (pm.tpl) и по умолчанию в модуле редактора сообщений*/
.bbcodes {
display: inline-block; text-align: center; vertical-align: middle; position:relative; margin-bottom:0;
cursor: pointer; color:#fff; background: #76bfea; border: 1px solid #76bfea;
font-size: 14px; padding: 6px 12px; line-height: 1.42857143; white-space: nowrap;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index:20;
-ms-touch-action: manipulation; touch-action: manipulation; transition: all 200ms ease-in;}
.bbcodes:hover, .bbcodes:focus {color: #fff; text-decoration: none; background-color:#21c2f8; border: 1px solid #21c2f8;}
.bbcodes_poll {
background: #fff; text-shadow: 0 1px 0 #fff;
border: 1px solid #b3b3b3; color: #383838; padding: 2px 9px 5px 9px; margin-bottom: 2px !important; height: 24px;
font-weight: bold; cursor: pointer; border-radius: 8px; box-shadow: 0 1px 4px -3px black;}
.bbcodes_poll:hover {background: #f5f5f5;}
.bbcodes_poll {width: 100px;}
/*---BB Редактор---*/
.bb-pane {height:1%; overflow:hidden; border:1px solid #BBB; background-image:url("../bbcodes/bg.gif")}
.bb-btn, .bb-sep {
margin-right:2px; height:25px; float:left; display:block; overflow:hidden;
text-indent: -9999px; white-space: nowrap}
.bb-sel {float:left; padding:4px 2px 0 2px}
.bb-sel select {font-size:11px}
.bb-sep {width:5px; background-image: url("../bbcodes/brkspace.gif")}
.bb-btn {cursor:pointer; width:23px}
#b_font {width: 118px}
#b_size {width: 65px}
#b_font select {padding:0px}
#b_size select {padding:0px}
#b_b {background-image: url("../bbcodes/b.gif")}
#b_i {background-image: url("../bbcodes/i.gif")}
#b_u {background-image: url("../bbcodes/u.gif")}
#b_s {background-image: url("../bbcodes/s.gif")}
#b_img {background-image: url("../bbcodes/image.gif")}
#b_up {background-image: url("../bbcodes/upload.gif")}
#b_emo {background-image: url("../bbcodes/emo.gif")}
#b_url {background-image: url("../bbcodes/link.gif")}
#b_leech {background-image: url("../bbcodes/leech.gif")}
#b_mail {background-image: url("../bbcodes/email.gif")}
#b_video {background-image: url("../bbcodes/mp.gif")}
#b_audio {background-image: url("../bbcodes/mp3.gif")}
#b_hide {background-image: url("../bbcodes/hide.gif")}
#b_quote {background-image: url("../bbcodes/quote.gif")}
#b_code {background-image: url("../bbcodes/code.gif")}
#b_left {background-image: url("../bbcodes/l.gif")}
#b_center {background-image: url("../bbcodes/c.gif")}
#b_right {background-image: url("../bbcodes/r.gif")}
#b_color {background-image: url("../bbcodes/color.gif")}
#b_spoiler {background-image: url("../bbcodes/spoiler.gif")}
#b_fla {background-image: url("../bbcodes/flash.gif")}
#b_yt {background-image: url("../bbcodes/youtube.gif")}
#b_tf {background-image: url("../bbcodes/typograf.gif")}
#b_list {background-image: url("../bbcodes/list.gif")}
#b_ol {background-image: url("../bbcodes/ol.gif")}
#b_tnl {background-image: url("../bbcodes/translit.gif")}
#b_br {background-image: url("../bbcodes/pbreak.gif")}
#b_pl {background-image: url("../bbcodes/page.gif")}
.bb-editor textarea {width:100%; margin-bottom:5px}
.editorcomm .bb-editor {width: 465px}
.editorcomm .bb-editor textarea {height: 156px}
.clr {clear: both;}
/*---Персональные сообщения---*/
.pm_head {font-weight: bold}
/*---Выпадающее меню кнопки редактировать---*/
#dropmenudiv {
border: 1px solid #cbdfe8; background-color: #fbfdfe; font-size: 11px; line-height: 20px;
margin: 2px 0; padding: 5px; opacity:0.9; filter:alpha(opacity=90)}
#dropmenudiv a {
display: block; text-indent: 3px; text-decoration: none;
color: #3f4b51; padding: 1px 0; width: 100%}
#dropmenudiv a:hover {color: #2d8edd}
/*---Ссылка на скачивание прикрепленного файла---*/
.attachment {color: #808080}
/*---Рамка расширенной формы поиска по сайту---*/
fieldset {border: 1px solid #e3e4e6; padding: 15px; text-align: left;}
fieldset > legend {font-weight:bold;}
/*---показ оригинальной картинки загруженной на сайт из уменьшенной копии---*/
.highslide-wrapper, .highslide-outline {background: #fff;}
.highslide-image {border: 2px solid #fff;}
.highslide-active-anchor {visibility: hidden;}
.highslide-active-anchor img {visibility: hidden;}
.highslide-dimming {background-color: black;}
.highslide-html {background-color: white;}
.highslide-loading {
display: block; color: white; font-size: 9px; font-weight: bold;
text-decoration: none; padding: 3px; border: 1px solid white; background-color: black;}
a.highslide-full-expand {
background: url("../dleimages/fullexpand.gif") no-repeat;
display: block; margin: 0 10px 10px 0; width: 34px; height: 34px;}
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}
.highslide-caption {display: none; padding: 5px; background: white;}
.highslide-controls {
width: 195px; height: 40px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px;
background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 0 -90px;}
.highslide-controls ul {
position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0;
background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 100% -90px;}
.highslide-controls li {float: left; padding: 5px 0;}
.highslide-controls a {
background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif");
display: block; float: left; height: 30px; width: 30px; outline: none;}
.highslide-controls a.disabled {cursor: default;}
.highslide-controls a span {display: none;}
/*---The CSS sprites for the controlbar---*/
.highslide-controls .highslide-previous a {background-position: 0 0;}
.highslide-controls .highslide-previous a:hover {background-position: 0 -30px;}
.highslide-controls .highslide-previous a.disabled {background-position: 0 -60px !important;}
.highslide-controls .highslide-play a {background-position: -30px 0;}
.highslide-controls .highslide-play a:hover {background-position: -30px -30px;}
.highslide-controls .highslide-play a.disabled {background-position: -30px -60px !important;}
.highslide-controls .highslide-pause a {background-position: -60px 0;}
.highslide-controls .highslide-pause a:hover {background-position: -60px -30px;}
.highslide-controls .highslide-next a {background-position: -90px 0;}
.highslide-controls .highslide-next a:hover {background-position: -90px -30px;}
.highslide-controls .highslide-next a.disabled {background-position: -90px -60px !important;}
.highslide-controls .highslide-move a {background-position: -120px 0;}
.highslide-controls .highslide-move a:hover {background-position: -120px -30px;}
.highslide-controls .highslide-full-expand a {background-position: -150px 0;}
.highslide-controls .highslide-full-expand a:hover {background-position: -150px -30px;}
.highslide-controls .highslide-full-expand a.disabled {background-position: -150px -60px !important;}
.highslide-controls .highslide-close a {background-position: -180px 0;}
.highslide-controls .highslide-close a:hover {background-position: -180px -30px;}
/*---Облако тегов---*/
.clouds_xsmall {font-size: 1em;}
.clouds_small {font-size: 1.1em;}
.clouds_medium {font-size: 1.2em; font-weight: bold;}
.clouds_large {font-size: 1.5em;}
.clouds_xlarge {font-size: 1.7em;}
/*---Быстрый поиск на сайте---*/
#searchsuggestions {
width:300px; font-size:12px; line-height:14px; z-index:9999; top:50px !important;
box-shadow: 0 0 15px #2D414B;}
#searchsuggestions a:first-child {}
#searchsuggestions a {padding:10px; display:block; clear:left; height:auto; background:#F9FAFC;}
#searchsuggestions a span.searchheading {background: #FB534B; display:block; font-weight:bold; padding:5px 10px; color:#fff;}
#searchsuggestions a:hover span.searchheading {background:#DB001F; color:#fff;}
#searchsuggestions a span {color:#8d9192; display:block; padding:5px;}
#searchsuggestions a:hover span {color:#2e353b;}
#searchsuggestions span.seperator {display:block; background:#FB534B; padding:10px 0; text-align:center;}
#searchsuggestions span.seperator a {
display:block; height:auto; color:#fff; border:1px solid #fff; display:inline-block; vertical-align:middle;
padding:6px 10px; background:none;}
#searchsuggestions span.seperator a:hover {border-color:#2F383D; color:#2F383D;}
#searchsuggestions span.notfound {padding:20px 10px; background:#fff; display:block; height:auto;}
#searchsuggestions .break {height:0 !important; display:none}
/*---Диалоговые и всплывающие окна jQuery UI---*/
.ui-helper-hidden {display: none}
.ui-helper-hidden-accessible {position: absolute; left: -99999999px}
.ui-helper-reset {
margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3;
text-decoration: none; font-size: 100%; list-style: none}
.ui-helper-clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}
.ui-helper-clearfix {display: inline-block}
* html .ui-helper-clearfix {height: 1%}
.ui-helper-clearfix {display: block}
.ui-icon {background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget {font-size: 11px;font-family: Verdana}
.ui-widget-content {background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #222}
.ui-widget-header {
background: #ccc url(../images/ui-bg_gloss-wave.png) 50% 50% repeat-x;
border-bottom: 1px solid #e3e4e6; background:#fbfbfb; font-weight:bold;}
.ui-widget-header a {color: #2e353b;}
.ui-state-default, .ui-widget-content .ui-state-default {
background: #eaeaea url(../images/ui-bg_glass_85.png) 50% 50% repeat-x;
border: 1px solid #cfcfcf; color: #868686; font-weight: bold}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #2e6e9e; text-decoration: none}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
background: #eaeaea url(../images/ui-bg_glass_75.png) 50% 50% repeat-x;
border: 1px solid #a7a7a7; color: #4e4e4e; font-weight: bold}
.ui-state-hover a, .ui-state-hover a:hover {color: #1d5987; text-decoration: none}
.ui-state-active, .ui-widget-content .ui-state-active {
background: #d0e5f5 50% 50% repeat-x; border: 1px solid #a7a7a7; color: #e17009; font-weight: bold}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #e17009; text-decoration: none}
.ui-state-error {background: #fef1ec 50% 50% repeat-x; border: 1px solid #dedede; color: #cd0a0a}
.ui-widget-header .ui-icon {background-image: url(../images/ui-icons.png)}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_h.png)}
.ui-icon-close {background-position: -80px -128px}
.ui-icon-closethick {background-position: -96px -128px}
.ui-button .ui-button-text {display: block; line-height: 1.4em}
.ui-button-text-only .ui-button-text {padding: .4em .8em}
input.ui-button {padding: .4em 1em}
.ui-button-set {margin-right: 7px}
.ui-button-set .ui-button {margin-left: 0; margin-right: -.3em}
button.ui-button::-moz-focus-inner {border: 0; padding: 0}
.ui-dialog {
overflow: hidden; position: absolute; width: 300px;
box-shadow: 0 0 30px #2D414B; border:5px solid #e3e4e6}
.ui-dialog.ui-widget-content { background:none !important;}
.ui-dialog .ui-dialog-titlebar {padding:10px 15px; position: relative}
.ui-dialog .ui-dialog-title {float: left; margin: .1em 16px .2em 0}
.ui-dialog .ui-dialog-titlebar-close {
height: 20px; margin: -10px 0 0 0; background-color:#2e353b; color:#fff;
padding: 1px; position: absolute; right: 15px;; top: 50%; width: 19px; border-radius:3px}
.ui-dialog .ui-dialog-titlebar-close span {display: block}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
outline:0; border:0; background-color:#e3e4e6; color:#2e353b}
.ui-dialog .ui-dialog-content {
background: #fff; border: 0; overflow: hidden; height:auto !important;
padding: 30px 15px; position: relative; zoom: 1}
.ui-dialog .ui-dialog-buttonpane {
background:#f9f9f9; padding: 10px 15px; font-size:12px; text-align: left;
border:none; border-top: 1px solid #e3e4e6}
.ui-dialog .ui-dialog-buttonpane button {cursor: pointer; float: right; overflow: visible; width: auto; margin-left:2px}
.ui-dialog .ui-resizable-se {bottom: 3px; height: 14px; right: 3px; width: 14px}
.ui-draggable .ui-dialog-titlebar {cursor: move}
.ui-dialog-buttonset button {
display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; position:relative;
cursor: pointer; color:#fff; background: #FB534B; border: 1px solid #FB534B; font-size: 12px;
padding: 2px 10px; line-height: 1.42857143; white-space: nowrap; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index:20;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); -ms-touch-action: manipulation; touch-action: manipulation;
transition: all 200ms ease-in;}
.ui-dialog-buttonset button:before {
content: ""; position: absolute; bottom: 0; left: 0; z-index: -1;
width: 100%; height: 50%; background-color: rgba(0, 0, 0, 0.05);}
.ui-dialog-buttonset button:hover, .ui-dialog-buttonset button:focus, .ui-dialog-buttonset button.focus {
color: #fff; text-decoration: none; background:#2D414B; border: 1px solid #2D414B;}
.ui-dialog-buttonset button:active {outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
/* ==================== Автозаполнение облака тегов */
.ui-autocomplete {position: absolute; cursor: default;}
* html .ui-autocomplete {width:1px;}
/* without this, the menu expands to 100% in IE6 */
.ui-menu {list-style:none; padding: 2px; margin: 0; display:block; float: left;}
.ui-menu .ui-menu {margin-top: -3px;}
.ui-menu .ui-menu-item {margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%;}
.ui-menu .ui-menu-item a {text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1;}
.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal; margin: -1px;}
/*---подсветка текста в теге [code]---*/
pre code {
display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7;
overflow:auto; white-space: pre;}
pre .comment,pre .template_comment,pre .diff .header,pre .doctype,pre .lisp .string,pre .javadoc {
color: #93a1a1; font-style: italic;}
pre .keyword,pre .css .rule .keyword,pre .winutils,pre .javascript .title,pre .method,pre .addition,pre .css .tag,pre .lisp .title {color: #859900;}
pre .number,pre .command,pre .string,pre .tag .value,pre .phpdoc,pre .tex .formula,pre .regexp,pre .hexcolor {color: #2aa198;}
pre .title,pre .localvars,pre .function .title,pre .chunk,pre .decorator,pre .builtin,pre .built_in,pre .lisp .title,pre .identifier,pre .title .keymethods,pre .id {color: #268bd2;}
pre .tag .title,pre .rules .property,pre .django .tag .keyword {font-weight: bold;}
pre .attribute,pre .variable,pre .instancevar,pre .lisp .body,pre .smalltalk .number,pre .constant,pre .class .title,pre .parent,pre .haskell .label {color: #b58900;}
pre .preprocessor,pre .pi,pre .shebang,pre .symbol,pre .diff .change,pre .special,pre .keymethods,pre .attr_selector,pre .important,pre .subst,pre .cdata {color: #cb4b16;}
pre .deletion {color: #dc322f;}
pre .tex .formula {background: #eee8d5;}
/*---прогресс бар заполненности персональных сообщений---*/
.pm_progress_bar {border: 1px solid #d8d8d8; padding: 1px; margin-top: 10px; margin-bottom: 10px;}
.pm_progress_bar span {background: #000; font-size: 0em;text-indent: -2000em; height: 10px; display: block; overflow: hidden;}
/*---Вывод результатов голосования на сайте---*/
.voteprogress {
overflow: hidden; height: 15px; margin-bottom: 5px; background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px;}
.voteprogress span {
color: #fff; text-align: center; text-indent: -2000em; height: 15px; display: block; overflow: hidden;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #0e90d2;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -ms-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(top, #149bdf, #0480be);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);}
.voteprogress .vote2 {
background-color: #dd514c;
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(top, #ee5f5b, #c43c35);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);}
.voteprogress .vote3 {
background-color: #5eb95e;
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -ms-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
background-image: -o-linear-gradient(top, #62c462, #57a957);
background-image: linear-gradient(top, #62c462, #57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);}
.voteprogress .vote4 {
background-color: #4bb1cf;
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
background-image: linear-gradient(top, #5bc0de, #339bb9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);}
.voteprogress .vote5 {
background-color: #faa732;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -ms-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(top, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);}
/*---Вывод результатов опросов в новостях---*/
.pollprogress {
overflow: hidden; height: 18px; margin-bottom: 5px; background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px;}
.pollprogress span {
color: #fff; height: 18px; display: block; overflow: hidden; font-size: 12px; text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #0e90d2;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -ms-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(top, #149bdf, #0480be);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);}
.pollprogress .poll2 {
background-color: #dd514c;
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(top, #ee5f5b, #c43c35);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);}
.pollprogress .poll3 {
background-color: #5eb95e;
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -ms-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
background-image: -o-linear-gradient(top, #62c462, #57a957);
background-image: linear-gradient(top, #62c462, #57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);}
.pollprogress .poll4 {
background-color: #4bb1cf;
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
background-image: linear-gradient(top, #5bc0de, #339bb9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);}
.pollprogress .poll5 {
background-color: #faa732;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -ms-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(top, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);}
/*---Выделение текста и всплывающее окно (поделиться ссылкой)---*/
#marker-bar,
#txtselect_marker {
display: block; visibility: hidden; position: absolute; z-index: 1200; opacity: 0; filter: Alpha(Opacity=0);
-webkit-transition: opacity .4s, visibility .1s linear .4s;
-moz-transition: opacity .4s, visibility .1s linear .4s;
-o-transition: opacity .4s, visibility .1s linear .4s;
transition: opacity .4s, visibility .1s linear .4s;}
#txtselect_marker {
cursor: pointer; background:url(../dleimages/marker.png) -0px -0px no-repeat;}
#txtselect_marker:hover {background-position: -0px -32px;}
#marker-bar{
border: 1px solid #ccc; border-radius: 15px; background: #fff; padding: 5px 10px;
cursor: default; box-shadow: 0px 0px 4px #ccc;}
#marker-bar.show {
-webkit-transition: opacity .4s, visibility 0s; -moz-transition: opacity .4s, visibility 0s;
-o-transition: opacity .4s, visibility 0s; transition: opacity .4s, visibility 0s; opacity: 1; visibility: visible;}
#txtselect_marker.show {
/* XXX make a common css fadeIn/fadeOut classes */
visibility: visible; width: 32px; height: 32px;
-webkit-transition: opacity .4s, visibility 0s; -moz-transition: opacity .4s, visibility 0s;
-o-transition: opacity .4s, visibility 0s;transition: opacity .4s, visibility 0s; opacity: 1;}
#marker-bar .masha-social, #marker-bar .masha-marker{cursor: pointer;display: block; margin: 0 5px; float: left;}
#marker-bar .masha-marker{line-height: 1em;color: #aaa;border-bottom: 1px dotted #aaa;margin-right: 10px;}
#marker-bar .masha-marker:hover {color: #ea3e26; border-color: #ea3e26;}
.user_selection, .user_selection_true {background: #c4f47d; padding: 2px 0;}
.user_selection a.txtsel_close, .user_selection_true a.txtsel_close {display:none;}
.user_selection .closewrap, .user_selection_true .closewrap {position: relative;}
.user_selection.hover a.txtsel_close, .user_selection_true.hover a.txtsel_close {
display: inline-block; position: absolute;top: -7px;left: -5px;width: 33px; height: 33px;
background: url(../dleimages/closemarker.png) -0px -0px no-repeat;}
.user_selection.hover a.txtsel_close:hover, .user_selection_true.hover a.txtsel_close:hover {background-position: -0px -33px;}
#share-popup {
background: #fff;border: 1px solid #aaa;border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.5);
position: absolute; width: 414px;display:none;z-index: 100;padding: 10px 0; opacity: 0;
-webkit-transition: opacity .4s, visibility .1s linear .4s; -moz-transition: opacity .4s, visibility .1s linear .4s;
-o-transition: opacity .4s, visibility .1s linear .4s;transition: opacity .4s, visibility .1s linear .4s;}
#share-popup.show {
display:block;opacity: 1;
-webkit-transition: opacity .4s, visibility 0s; -moz-transition: opacity .4s, visibility 0s;
-o-transition: opacity .4s, visibility 0s;transition: opacity .4s, visibility 0s;opacity: 1;}
#share-popup .social {padding: 0 0 10px 17px;height: 40px;}
#share-popup .social p {padding-bottom: 10px;margin: 0;font-weight: bold;}
#share-popup .social ul {list-style: none;margin: 0;padding: 0;}
#share-popup .social ul li {float: left;margin-right: 20px;padding-top: 2px;position: relative;}
#share-popup .social ul a {text-decoration: none;font-size: 11px;display: inline-block;color: #aaa;padding-left: 25px;}
#share-popup .social ul a:hover {text-decoration: underline;color: #ea3e26;}
#share-popup .social a span {
cursor: pointer;width: 20px;height: 20px; background: url(../dleimages/social-icons.png) 20px 20px no-repeat;
position: absolute; left: 0;top: 0}
#share-popup .social .tw span {background-position: 0 -20px}
#share-popup .social .tw:hover span {background-position: 0 0}
#share-popup .social .fb span {background-position: -20px -20px}
#share-popup .social .fb:hover span {background-position: -20px 0}
#share-popup .social .vk span {background-position: -40px -20px}
#share-popup .social .vk:hover span {background-position: -40px 0}
#share-popup .social .gp span {background-position: -60px -20px}
#share-popup .social .gp:hover span {background-position: -60px 0}
#share-popup .link {
clear: both;border-top: 1px solid #d9d9d9;
padding: 10px 5px 0 10px;line-height: 1.2;overflow: hidden;margin: 0 7px;}
#share-popup .link p {font-weight: bold;padding: 0 0 3px 0;margin: 0;}
#share-popup .link span {color: #999;font-size: 10px;display: block;padding-top: 3px;}
#share-popup .link a {display: block;}
.dle-alert, .dle-confirm, .dle-promt {padding: 20px 1em !important;}