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,h2 {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;}
@media (max-width: 467px) {.container {width: 90%;}}
@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: -10px; margin-right: -10px;}
.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: 10px; padding-right: 10px;}
.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%;}}
.col-sm-55 {width: 100%;}
.col-sm-44 {width: 100%;}
@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, .col-md-13 {float: left;}
.col-md-13 {width: 100%;}
.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,
.infobar:before, .infobar:after, .infobar-collapse:before, .infobar-collapse:after,
.infobar-header:before, .infobar-header:after {content: " "; display: table;}
.clearfix:after, .container:after, .row:after, .navbar:after, .navbar-header:after, .navbar-collapse:after,
.modal-footer:after, .infobar:after, .infobar-collapse:after, .infobar-header:after {clear: both;}
body {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 12px; line-height: 1.42857143; color: #6e879f; background-color: #161D25;}
a {
color: #a5bbdc; text-decoration: none; background-color: transparent;
transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in}
a:hover, a:focus {
color: #ffffff; text-decoration: none;
transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in}
a:active, a:hover, a:focus {outline: 0}
h1, h2, h3, h4, h5, h6 {font-weight: 500;line-height: 1.1; color: inherit; color:#a5bbdc}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#a5bbdc}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #fff;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-weight: normal; line-height: 1; color: #888}
h1 small, h2 small, h3 small {font-size: 65%}
h4 small, h5 small, h6 small {font-size: 75%}
h1 {font-size: 26px}
h2 {font-size: 24px}
h3 {font-size: 22px}
h4 {font-size: 18px}
h5 {font-size: 14px}
h6 {font-size: 12px}
.radius-50 {border-radius:50%; -webkit-border-radius:50%; -mox-border-radius:50%;}
.radius-5 {border-radius:5px; -webkit-border-radius:5px; -mox-border-radius:5px;}
.radius-3 {border-radius:3px; -webkit-border-radius:3px; -mox-border-radius:3px;}
.radius-33 {border-radius:3px; -webkit-border-radius:3px; -mox-border-radius:3px;}
.margin-b80 {margin-bottom:80px;}
.margin-b40 {margin-bottom:20px;}
.margin-b20 {margin-bottom:10px;}
.margin-b10 {margin-bottom:10px;}
.block-p {padding-left:10px !important; padding-right:10px !important;}
.block-p1 {padding-left:5px !important; padding-right:5px !important;}
.block-m {margin-left:40px !important; margin-right:40px !important;}
@media (max-width: 767px) {
.block-p {padding-left:10px !important; padding-right:10px !important;}
.block-m {margin-left:20px !important; margin-right:20px !important;}}
.speedbar, .fullstory, #page-input, #addnews-page {margin:0 10px 20px 10px !important;}
.h-page {font-size:22px; border-left:8px solid #9B59B6; overflow:hidden; text-transform:uppercase; padding:7px 40px 7px 32px;}
@media screen and (max-width: 767px) {.h-page {padding-left:12px; padding-right:20px;}}
.h-page.h-page-sm {padding:5px 0 5px 12px; margin:0 0 20px -20px; font-size:18px;}
.h-owl {text-transform:uppercase; font-size:17px; font-weight:bold; border-left:8px solid #9B59B6; padding:5px 0 5px 12px}
.h-owl.h-owl-big {font-size:20px; margin-bottom:20px;}
.owl-orange .h-owl {border-color:#FF6907}
.owl-blue .h-owl {border-color:#02B0E4}
.owl-red .h-owl {border-color:#FC1A3F}
.owl-green .h-owl {border-color:#2ECC71}
.owl-violet .h-owl {border-color:#9B59B6}
.owl-yellow .h-owl {border-color:#FFC146}
.h-owln {padding:20px 0 0 0}
#menu-bar {background:#222933;}
#user-bar {background:#131A20;}
#user-bar1
#sidebar {overflow:hidden;}
#mainbar {padding-top:20px;}
#slider-bar {padding:1px 0;}
.owl-film, .owl-cat {margin-bottom:0px; overflow:hidden;}
.block-site {padding:20px; background:#222933}
.block-dark {background:#232f3d; border: 3px solid #222933; padding:20px;}
.block-dark1 {background:#222933; padding:0px;}
.block-light {padding:20px; background:#304156}
.block-orange {background:#FF6907;background:rgba(255,105,7,0.4)}
.block-green {background:#2ECC71;background:rgba(46,204,113,0.4);}
.block-blue {background:#02B0E4;background:rgba(2,176,228,0.4);}
.block-red {background:#FC1A3F;background:rgba(252,26,63,0.4);}
.block-yellow {background:#FFC146;background:rgba(255,193,70,0.4);}
.block-violet {}
/*footer*/
#footer {background:#222933; color:#767f89; padding-top:20px; border-top:1px solid #313842; border-bottom:1px solid #313842}
#copirating {background:#131A20; padding:15px 0; text-align:center; margin-top:40px;}
#footer .footer-description, #footer .nav-footer, #footer .count, #footer .social-icon {margin: 0px 0 0 0}
.nav-footer {overflow:hidden}
.nav-footer1 {overflow: hidden; font-size: 33px; font-weight: bold; color: #ff0000; text-shadow: 0 1px 1px #dfdfdf; margin: 10px 0px 0px 0px;}
.nav-footer li {margin:4px; float:left}
.nav-footer1 li {margin:4px; float:left; display:block; padding:6px 10px; background:#222933;
border: 1px solid #313842; color: #a5bbdc; border-radius:3px;}
.nav-footer1 li2 {margin:4px 15px 0px 4px; float:left; display:block; padding:6px 10px; background:#222933;
border: 1px solid #313842; color: #a5bbdc; border-radius:3px;}
.nav-footer li a {
display:block; width: 100px; text-align: center; padding:6px 10px; background:#222933;
border: 1px solid #313842; color: #a5bbdc; border-radius:3px;}
.nav-footer li a:hover {background:#303F52;}
.footer-description {font-size:12px; text-align:justify}
.footer-logo {max-width:100%; height:90px; display:block}
.count {overflow:hidden}
.count li {float:left; width:88px; height:31px; margin:0 4px 4px 0}
/*speed-bar*/
.speedbar {position:relative; border-radius: 3px; height:50px; line-height:50px; background:#222933; overflow:hidden; padding:0 10px 0 15px;}
/*social-icon*/
.social-icon {overflow:hidden;}
.social-icon li {float:left; text-align:center; width:20%; height:60px;}
.social-icon li:first-child a {border-top-left-radius:3px; border-bottom-left-radius:3px;}
.social-icon li:last-child a {border-top-right-radius:3px; border-bottom-right-radius:3px;}
.social-icon li a {display:block; font-size:22px; color:#fff; margin: 0px 3px 3px 3px; border-radius: 3px; line-height:50px; margin-left:1px;}
.social-icon li a span {display:none; text-indent:-9999px}
.social-icon li a.fa-vk {background:#78C2EB; border-radius: 3px; background:rgba(120,194,235,0.7)}
.social-icon li a.fa-youtube {background:#F12567; background:rgba(241,37,103,0.7)}
.social-icon li a.fa-facebook{background: #7998CA; background:rgba(121,152,202,0.7)}
.social-icon li a.fa-twitter {background:#02B0E4; background:rgba(2,176,228,0.7)}
.social-icon li a.fa-google-plus {background:#FC7EA4; background:rgba(252,126,164,0.7)}
.social-icon li a:hover {color:#a5bbdc; background:#304156;}
#footer .social-icon li {width:40px; height:40px;}
#footer .social-icon li a {line-height:40px; font-size:18px;}
/*top-scroll*/
.top-scroll {
position: fixed; bottom: 30px; right: 2%; z-index: 10000; width: 50px; height: 50px; line-height:44px;
font-size: 30px; color: #9B59B6; text-align: center; border: 3px solid #9B59B6; cursor: pointer;
opacity:0.5; filter: alpha(opacity=50); font-weight:bold; border-radius:50%;}
.top-scroll:hover {opacity:1; filter: alpha(opacity=100);}
@media (max-width: 767px) {.top-scroll {display:none !important; visibility:hidden !important}}
/*fade effect*/
.fade {opacity:0;-webkit-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear; transition:opacity 0.15s linear;}
.fade.in {opacity: 1;}
.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: 6px; vertical-align: middle;
border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;}
/*modal*/
.modal-open {overflow: hidden;}
.modal {
display: none; overflow: hidden; position: fixed; top: 0; right: 0; padding:15px;
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;}
.modal.in .modal-dialog {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;}
.modal-backdrop.in {opacity: 0.5;}
.modal-content {
position: relative; background-color: #222933;
border: 10px solid rgba(255, 255, 255, 0.2); background-clip:padding-box; outline: 0;}
.close {
font-size: 24px; font-weight: bold; line-height: 1; color: #fff; position:absolute; top:-25px; right:-25px;
width:40px; height:40px; line-height:40px; text-align:center; background:#526480; z-index:9999999; border-radius:50%;}
.close:hover, .close:focus {color:#fff; text-decoration:none; cursor:pointer; background:#293747}
button.close {padding: 0; cursor: pointer; border: 0; -webkit-appearance: none;}
.modal-body {position: relative;}
.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}
@media (min-width: 768px) {.modal-dialog {width: 700px; margin: 60px auto;}}
/*menu*/
.navbar {position: relative; min-height: 60px; z-index:2;}
.navbar-toggle {
position: relative; float: right; padding: 15px; font-size:12px; border-radius:5px;
background: #3B2946; border: 1px solid #553f62; overflow:hidden; margin:7px 0}
.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: #cec2d5;}
.navbar-toggle .sr-only {
position:static; height:auto; width:auto; margin:0 10px 0 0; float:left; color:#cec2d5;
height:14px; line-height:14px; text-transform:uppercase;}
.navbar-toggle .icon-block {display:block; float:right;}
.navbar-toggle:hover, .navbar-toggle:focus {opacity:0.8; filter: Alpha(Opacity=0);}
@media (min-width: 992px) {.navbar-toggle {display:none !important;}}
.navbar-collapse {overflow-x: visible; -webkit-overflow-scrolling: touch; padding:0 0 30px 0;}
.navbar-collapse.in {overflow-y: auto;}
@media (min-width: 992px) {
.navbar-collapse {width: auto; padding: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;}
.navbar-left {float:left !important;}
.navbar-right {float:right !important;}}
/*navbar-nav*/
.navbar-nav {margin-bottom:-1px;}
.navbar-nav > li {float: left;}
.navbar-nav > li > a {
padding: 40px 7px; font-size: 12px; color: #efeeee; display:block; border-bottom:1px solid #FF6907;
position:relative}
.navbar-nav > li.active {background:#2a313b}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li.open > a, .navbar-nav > li.open > a:hover,
.navbar-nav > li.open > a:focus {color: #fff; background: #FF6907;}
.navbar-nav > li.nav1 a {border-bottom-color:#FF6907}
.navbar-nav > li.nav2 a {border-bottom-color:#2ECC71}
.navbar-nav > li.nav3 a {border-bottom-color:#02B0E4}
.navbar-nav > li.nav4 a {border-bottom-color:#FC1A3F}
.navbar-nav > li.nav5 a {border-bottom-color:#FFC146}
.navbar-nav > li.nav6 a {border-bottom-color:#9B59B6}
.navbar-nav > li.nav1 a:hover, .navbar-nav > li.nav1 a:focus, .navbar-nav > li.nav1.open > a,
.navbar-nav > li.nav1.open > a:hover, .navbar-nav > li.nav1.open > a:focus {
background:#FF6907;background:rgba(255,105,7,0.4)}
.navbar-nav > li.nav2 a:hover, .navbar-nav > li.nav2 a:focus, .navbar-nav > li.nav2.open > a,
.navbar-nav > li.nav2.open > a:hover, .navbar-nav > li.nav2.open >a:focus {
background:#2ECC71;background:rgba(46,204,113,0.4);}
.navbar-nav > li.nav3 a:hover, .navbar-nav > li.nav3 a:focus, .navbar-nav > li.nav3.open > a,
.navbar-nav > li.nav3.open > a:hover, .navbar-nav > li.nav3.open > a:focus {
background:#02B0E4;background:rgba(2,176,228,0.4);}
.navbar-nav > li.nav4 a:hover, .navbar-nav > li.nav4 a:focus, .navbar-nav > li.nav4.open > a,
.navbar-nav > li.nav4.open > a:hover, .navbar-nav > li.nav4.open > a:focus {
background:#FC1A3F;background:rgba(252,26,63,0.4);}
.navbar-nav > li.nav5 a:hover, .navbar-nav > li.nav5 a:focus, .navbar-nav > li.nav5.open > a,
.navbar-nav > li.nav5.open > a:hover, .navbar-nav > li.nav5.open >a:focus {
background:#FFC146;background:rgba(255,193,70,0.4);}
.navbar-nav > li.nav6 a:hover, .navbar-nav > li.nav6 a:focus, .navbar-nav > li.nav6.open > a,
.navbar-nav > li.nav6.open > a:hover, .navbar-nav > li.nav6.open >a:focus {
background:#9B59B6;background:rgba(155,89,182,0.4);}
.navbar-nav > li.open > a:after {
top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;
border-top-color:#FF6907; border-top-color:rgba(255,105,7,0.4); pointer-events: none;
border-width:10px; margin-left: -10px;}
.navbar-nav > li.nav1.open > a:after {border-top-color:#FF6907;}
.navbar-nav > li.nav2.open > a:after {border-top-color:#2ECC71;}
.navbar-nav > li.nav3.open > a:after {border-top-color:#02B0E4;}
.navbar-nav > li.nav4.open > a:after {border-top-color:#FC1A3F;}
.navbar-nav > li.nav5.open > a:after {border-top-color:#FFC146;}
.navbar-nav > li.nav6.open > a:after {border-top-color:#9B59B6;}
/*dropdown*/
.dropdown-menu {
position: absolute; top: 120%; left: 0; z-index: 1000; display: none; width: 100%; padding:5px;
overflow:hidden;
font-size: 14px; border:1px solid #304156; border-top:none; text-align: left; background: #232F3D; border-radius:5px;
box-shadow: 0 1px 5px rgba(155,89,182,0.1); -webkit-background-clip: padding-box; background-clip: padding-box; }
.dropdown-menu > li {width:100%;}
@media (min-width: 468px) {.navbar-nav .dropdown-menu > li {float:left; width:50%}}
@media (min-width: 768px) {.navbar-nav .dropdown-menu > li {width:33.3333333333%}}
@media (min-width: 992px) {.navbar-nav .dropdown-menu > li {width:25%}}
@media (min-width: 1200px) {.navbar-nav .dropdown-menu > li {width:20%}}
.navbar-nav .dropdown-menu > li > a {
display: block; padding: 10px 0; clear: both; font-weight: normal; background:#304156; text-align:center;
line-height: 1.42857143; white-space: nowrap; color:#99b1d4; border-radius:3px; margin:5px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {text-decoration: none; color: #fff; background: transparent;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {color: #fff; outline: 0; background-color:transparent;}
.open > .dropdown-menu {display: block;}
.open > a {outline: 0;}
@media (max-width: 991px) {
.navbar-nav .caret {float:right; display:block; margin-top:10px;}
.navbar-nav {padding:15px 0; margin:15px 0 0 0; border-top:1px solid #304156;}
.navbar-nav > li {float:none; margin:0 0 4px 0; border-radius:3px;}
.navbar-nav > li.open > a {margin-bottom:20px;}
.navbar-nav > li > a {background: #213144; padding:10px 15px; border-radius:3px; font-size:12px;}
.navbar-nav .open .dropdown-menu {position: static; float: none; border:0; box-shadow: none;}}
/*logo*/
.logotype {display:inline-block; vertical-align:middle; height:100px; line-height:100px;}
.logotype > img {display:inline-block; vertical-align:middle; max-height:100%; height:80px;}
.logotype:hover {opacity:0.8; filter: Alpha(Opacity=80);}
@media (max-width: 991px) {
.logotype {height:60px; line-height:60px;}
.logotype > img {height:55px;}}
/*infobar*/
.infobar .navbar-toggle {background: #222933; color: #99b1d4; border: 1px solid #313842; padding:7px 15px 5px 15px; margin:10px 0}
.infobar .navbar-toggle i {font-size:26px;}
.infobar-collapse {overflow-x: visible; -webkit-overflow-scrolling: touch; padding:0 0 30px 0;}
.infobar-collapse.in {overflow-y: auto;}
@media (min-width: 992px) {
.infobar-collapse {width: auto; padding:0}
.infobar-collapse.collapse {
display: block !important; visibility: visible !important;
height: auto !important; padding-bottom: 0; overflow: visible !important;}
.infobar-collapse.in {overflow-y: visible;}
.infobar-header {float:left;}
.infobar-right {float:right !important;}}
/*searchbar*/
.searchbar {height:40px; overflow:hidden; margin:25px 0 25px 5px; position:relative;float:left; width:275px;}
@media (max-width: 991px) {.searchbar {float:none; width:auto; margin:10px 0 0 0}}
.searchbar .searchbar-input {
height:40px; width:100%; background:#131A20; color:#99b1d4; line-height:40px;
border:1px solid #313842; padding:0 40px 0 20px; font-style: italic; font-size: 14px;}
.searchbar .searchbar-input:hover {background:#304156}
.searchbar .searchbar-input:focus {color: #99b1d4; outline:0; background:#304156}
.searchbar .searchbar-btn {
position:absolute; top:0; right:0; padding:9px 15px 9px 10px;
color:#99b1d4; background:none; border:none; font-size:16px;}
.searchbar .searchbar-btn:hover {color: #fff;}
.searchbar .searchbar-btn:focus {outline:0}
/*searchbarm*/
.searchbarm {height:40px; overflow:hidden; margin:25px 0 25px 5px; position:relative;float:left; width:275px;}
@media (max-width: 991px) {.searchbarm {float:none; width:auto; margin:10px 0 0 0}}
.searchbarm .searchbar-input {
height:40px; width:100%; background:#131A20; color:#99b1d4; line-height:40px;
border:1px solid #313842; padding:0 40px 0 20px; font-style: italic; font-size: 14px;}
.searchbarm .searchbar-input:hover {background:#304156}
.searchbarm .searchbar-input:focus {color: #99b1d4; outline:0; background:#304156}
.searchbarm .searchbar-btn {
position:absolute; top:0; right:0; padding:9px 15px 9px 10px;
color:#99b1d4; background:none; border:none; font-size:16px;}
.searchbarm .searchbar-btn:hover {color: #fff;}
.searchbarm .searchbar-btn:focus {outline:0}
.searchbar2 {height:70px; overflow:hidden; margin:0px 0px 0px 0px; position:relative;float:left; width:100%;}
@media (max-width: 991px) {.searchbar2 {float:none; width:auto; margin:10px 0 0 0}}
.searchbar2 .searchbar-input {
height:40px; width:100%; background:#222933; color:#99b1d4; line-height:40px;
border:1px solid #313842; padding:0 40px 0 20px; font-style: italic; font-size: 14px;}
.searchbar2 .searchbar-input:hover {background:#304156}
.searchbar2 .searchbar-input:focus {color: #99b1d4; outline:0; background:#304156}
.searchbar2 .searchbar-btn {
position:absolute; top:0; right:0; padding:9px 15px 9px 10px;
color:#99b1d4; background:none; border:none; font-size:16px;}
.searchbar2 .searchbar-btn:hover {color: #fff;}
.searchbar2 .searchbar-btn:focus {outline:0}
.quote_link {
float: right;
}
.quote_link svg {
color: #6c838e;
vertical-align: middle;
}
/*nav-info*/
.nav-info {margin:25px 0; height:40px; float:left;}
.nav-info li {
display:inline-block; vertical-align:middle;text-align:center;
height:40px; position:relative; margin:0 5px 0 0;}
.nav-info li a {
display:block; color:#a5bbdc; line-height:38px; width:40px; border:1px solid #313842; border-radius:3px;}
.nav-info li a i {font-size:16px;}
.nav-info li a span {display:none;}
.nav-info li a:hover {background:#304156}
@media (max-width: 991px) {
.nav-info {float:none; height:auto; margin:10px 0 0 0;}
.nav-info li {display:block; text-align:left; margin:10px 0 0 0;}
.nav-info li a {width:auto; padding:0 10px;}
.nav-info li a i {margin-right:10px;}
.nav-info li a span {display:inline-block;}}
/*nav-infom*/
.nav-infom {margin:25px 0; height:40px; float:left;}
.nav-infom li {
display:inline-block; vertical-align:middle; text-align:center;
height:40px; position:relative; margin:0 5px 0 0;}
.nav-infom li a {
display:block; color:#a5bbdc; line-height:38px; width:40px; border:1px solid #313842; border-radius:3px;}
.nav-infom li a i {font-size:16px;}
.nav-infom li a span {display:none;}
.nav-infom li a:hover {background:#304156}
@media (max-width: 991px) {
.nav-infom {float:none; height:auto; display: flex; margin:10px 5px 5px 5px;}
.nav-infom li {display:block; text-align:left;}
.nav-infom li a {width:auto; padding:0 10px;}
.nav-infom li a i {margin-right:0px;}
.nav-infom li a span {display:inline-block;}}
/*login*/
.nav-login {height:50px; margin:20px 0; line-height:50px; float:left;}
.nav-login > li {margin-right:3px; display:inline-block; vertical-align:middle; position:relative; height:50px;}
.nav-login > li.nav-login-firts {margin-right:12px;}
.nav-login .nav-login-avatar {overflow:hidden; width:50px; height:50px; display:block;}
.nav-login .nav-login-avatar img {display:block; width:100%; height:100%;}
.nav-login .nav-login-comnum {
position:absolute; right:-5px; top:-6px; width:25px; height:25px; line-height:25px; text-align:center;
color:#a5bbdc; background:#526480; font-size:11px;}
.nav-login .nav-login-comnum:hover {background:#222933 !important}
.nav-login-user, .nav-login-exit {
background:#222933; color:#99b1d4; border:1px solid #313842; display:block;
height:40px; line-height:40px; margin:5px 0}
.nav-login-exit {padding:0 8px 0 10px;font-size:24px;}
.nav-login-user {padding:0 10px 0 12px;}
.nav-login-user > i {margin-right:10px; font-size:14px;}
.nav-login-user > .caret {margin-left:15px;}
.nav-login .dropdown-menu {width:200px; top:110%; text-align:left; padding:0}
.nav-login .dropdown-menu li {float:none; width:100%;}
.nav-login .dropdown-menu li:nth-child(even) {background:#202a36}
.nav-login .dropdown-menu li a {
display:block; color:#99b1d4; padding:0 0 0 10px; font-size:12px;
line-height:40px; height:40px; margin:0}
.nav-login .dropdown-menu li a i {font-size:14px; margin-right:10px;}
.nav-login li > a:hover, .nav-login li > a:focus, .nav-login li.open > a, .nav-login > li.open > a:hover,
.nav-login > li.open > a:focus {background-color:#304156; color:#a5bbdc; outline:0}
.nav-login-in.dropdown-menu {padding:10px 20px 12px 20px; width:300px;}
.nav-login-in.dropdown-menu li:nth-child(even) {background:none}
.nav-login-text {
text-align:center; margin:20px 0; height:5px;
border-bottom:1px solid #526480; border-top:1px solid #526480;}
.nav-login-text b {
display:inline-block; vertical-align:top; text-transform:uppercase; margin-top:-10px;
height:20px; line-height:20px; background:#232F3D; position:relative; z-index:2; padding:0 10px;}
.social-login {text-align:center; overflow:hidden; padding:10px 0}
.social-login li {float:left !important; width:16.66666666% !important;}
.social-login a {
font-size:0; text-indent:-9999px; display:block; border-radius:2px; opacity:0.8;
height:40px !important; line-height:40px !important; margin:0 1px 2px 1px !important;}
.social-login a.social-vk {background:#5D99C3 url(../images/social/vk.png) 50% 50% no-repeat}
.social-login a.social-odn {background:#EE9357 url(../images/social/odn.png) 50% 50% no-repeat}
.social-login a.social-fb {background:#4463A6 url(../images/social/fb.png) 50% 50% no-repeat}
.social-login a.social-ml {background:#3C75DF url(../images/social/mail.png) 50% 50% no-repeat}
.social-login a.social-ya {background:#D775AB url(../images/social/yandex.png) 50% 50% no-repeat}
.social-login a.social-gl {background:#D6463C url(../images/social/google.png) 50% 50% no-repeat}
.social-login a:hover {opacity:1; background-color:#5279C2;}
/*tooltip*/
.tooltip {
position:absolute; z-index:10; display:block; visibility:visible;
font-size:12px; line-height:1.4; opacity: 0; filter: alpha(opacity=0);}
.tooltip.in {opacity:0.95; filter: alpha(opacity=95);}
.tooltip.top {margin-top:-5px; padding:5px 0;}
.tooltip.bottom {margin-top:5px; padding:5px 0;}
.tooltip-inner {
max-width:250px;padding:10px; color:#fff; text-align:center;
background:#9B59B6;background:rgba(155,89,182,0.6); border-radius:5px;}
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}
.tooltip.top .tooltip-arrow {bottom:-1px; left:50%; margin-left:-5px; border-width:5px 5px 0; border-top-color:#9B59B6;}
.tooltip.bottom .tooltip-arrow {top:-1px; left:50%; margin-left:-5px; border-width:0 5px 5px; border-bottom-color:#9B59B6;}
/*accordion*/
.accordion .panel:first-child .link {border-top-left-radius:3px; border-top-right-radius:3px;}
.accordion .panel:last-child .link {border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.accordion .link {
display:block; padding: 15px 55px 15px 15px; background:#9B59B6; color:#a5bbdc; position:relative;
font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #1D232C;}
.accordion .link:hover {color:#ffffff}
.accordion .collapsed.link:hover {color:#ffffff; background:#9B59B6;}
.accordion-orange .link, .accordion-orange .collapsed.link:hover {background:#FF6907; background:rgba(255,105,7,0.7)}
.accordion-blue .link, .accordion-blue .collapsed.link:hover {background:#02B0E4; background:rgba(2,176,228,0.7);}
.accordion-red .link, .accordion-red .collapsed.link:hover {background:#FC1A3F; background:rgba(252,26,63,0.7);}
.accordion-green .link, .accordion-green .collapsed.link:hover {background:#2ECC71; background:rgba(46,204,113,0.7);}
.accordion-violet .link, .accordion-violet .collapsed.link:hover {background:#222933;}
.accordion-yellow .link, .accordion-yellow .collapsed.link:hover {background:#FFC146; background:rgba(255,193,70,0.7);}
.accordion .collapsed.link {color:#a5bbdc; background: #232f3d;}
.accordion .accordion-marker {
position:absolute; top:50%; right:10px; margin-top:-10px; width: 22px; height:22px; line-height:21px;
color:#ffffff; border:1px solid #ffffff; box-shadow: 0 0px 3px #ffffff; border-radius:50%; text-align:center}
.accordion .collapsed .accordion-marker {color: #ffffff; box-shadow: 0 0px 3px #ffffff; border-color:#24303d}
.accordion .collapsed.link:hover .accordion-marker {color:#fff; border-color:#fff}
.accordion .accordion-open, .accordion .accordion-close {display:block; font-size:10px; width:100%; height:100%;}
.accordion .accordion-open {display:inline-block}
.accordion .accordion-close {display:none}
.accordion .collapsed .accordion-close {display:inline-block}
.accordion .collapsed .accordion-open {display:none}
/*navigation*/
.pages {padding:0 10px; margin-bottom:40px;}
.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; font-size: 28px; margin-top:5px;
line-height: 38px; width:38px; height:38px; text-align:center; border-radius:3px;}
.pages-prev > span, .pages-next > span {color:#6E879F; box-shadow: 0 0px 3px #526480; background-color:#222933}
.pages-prev > a, .pages-next > a {color:#a5bbdc; box-shadow: 0 0px 3px #526480; background:#222933}
.pages-prev > a:hover, .pages-next > a:hover {background:#304156; color:#a5bbdc;}
@media (max-width: 467px) {.pages-prev > a, .pages-next > a, .pages-prev > span, .pages-next > span {width:100%}}
.pages-numbers {text-align:center;}
.pages-numbers > a, .pages-numbers > span {
display:inline-block; margin:0 3px; margin-top:5px;
line-height: 38px; width:38px; height:38px; text-align:center; border-radius:5px;}
.pages-numbers > span {color:#6E879F; box-shadow: 0 0px 3px #526480; background-color:#222933}
.pages-numbers > a {color:#a5bbdc; box-shadow: 0 0px 3px #526480; background:#222933}
.pages-numbers > a:hover {background:#304156; color:#a5bbdc;}
/*berrors*/
.berrors {
background: #792237; padding:20px; overflow:hidden; color:#eee;
position:relative;border:1px solid #FC1A3F; font-size:12px}
.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; font-weight:bold;}
.berrors a:hover {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}}
/*nav-tabs*/
.tab-content {padding:3px; position:relative; z-index:1; font-size:12px; background: #efeeee; border-radius:3px;}
#full-video .tab-content {background: #000000; border-radius: 5px;}
.tab-content > .tab-pane {display:none; visibility:hidden;}
.tab-content > .active {display:block; visibility:visible;}
.nav-tabs {position:relative; z-index:2; width:100%; display: flex; border-radius: 5px; overflow:hidden}
.nav-tabs > li {float:none; width:100%; margin:0px 15px 7px 15px; border: 3px solid #526480; border-radius: 5px;}
.nav-tabs > li > a {
text-align:center; color:#a5bbdc; background:#1F2935; border-radius:3px;
text-transform:uppercase; display:block; display:block; font-size:12px;}
.nav-tabs > li > a:hover {color:#efeeee; background:#304156}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {background:#304156; color:#a5bbdc; cursor: default;}
#full-video .nav-tabs > li > a {background:#222933;}
#full-video .nav-tabs > li > a:hover, #full-video .nav-tabs > li.active > a, #full-video .nav-tabs > li.active > a:hover,
#full-video .nav-tabs > li.active > a:focus {background:#222933}
@media (min-width: 768px) {
.nav-tabs > li {float:left; width:48%; margin-right:4%; margin-bottom:0}
.nav-tabs > li:last-child {margin-right:0}
.tab-content {border-top-left-radius:0; border-top-right-radius:0;}
.nav-tabs > li > a {border-bottom-left-radius:0; border-bottom-right-radius:0}
#full-video .nav-tabs > li {width:auto; margin: 5px 4px 5px 5px;}
#full-video .nav-tabs > li > a {border-radius: 5px; font-size:11px;}}
/*tagscloud*/
.tagscloud {color:#161D25;}
.tagscloud a {
display:inline-block; vertical-align:middle; margin:2px 0;
padding:4px 6px; background:#232F3D; color:#6E879F; border-radius:2px;}
.tagscloud a:hover {background:#9B59B6;background:rgba(155,89,182,0.4); color: #a5bbdc;}
/*button*/
.btn {
display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; position:relative;
cursor: pointer; font-size: 12px; background: #efeeee; color: #000000; border: 1px solid #526480;
padding: 8px 14px 7px 14px; line-height: 1.42857143; white-space: nowrap;
-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; border-radius:3px;}
.btn:hover, .btn:focus {color:#99b1d4; text-decoration: none; background:#526480; border: 1px solid #304156;}
.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 {outline:none;}
.btn i {margin-right:10px; font-size:16px;}
.btn-info {color: #99b1d4; background:#526480; border-color: #304156;}
.btn-info:hover, .btn-info:focus, .btn-info:active {color: #99b1d4; background:#232F3D; border-color: #304156;}
.btn-lg {padding: 10px 16px; font-size: 18px; line-height: 1.33;}
.btn-sm {padding: 6px 10px; font-size: 11px; line-height: 1.5;}
.btn-sm i {font-size:14px; margin:0 0 0 5px}
.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:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0;}
.btn-group > .btn:first-child {margin-left: 0;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius:0;border-bottom-right-radius:0;}
.btn-group > .btn:last-child:not(:first-child) {border-top-left-radius: 0; border-bottom-left-radius: 0;}
/*shortstory-news*/
.shortstory-news {margin:0 0px 0px 0px; background:#304156; padding:3px;}
.shortstory-news-img {display:block;}
.shortstory-news-img img {display:block; width:100%; height:auto; border: 3px solid #304156;}
.shortstory-news h4 {margin-bottom:2px;}
.shortstory-news-text {margin-bottom:20px; text-align:justify}
.shortstory-news-info {overflow:hidden;}
@media (max-width: 767px) {.shortstory-news-img {margin-bottom:20px;}}
.shortstory-news:hover .shortstory-news-img img {opacity:0.7}
/*short-info*/
.short-info {font-size:12px; height:34px;}
.short-info li {
float:left; text-align:center; overflow:hidden; height:32px; line-height:32px;
border:1px solid #304156; margin-right:4px;}
.short-info li.short-info-li {background:#1F2935; padding:0 10px; border-radius:3px;}
.short-info li:last-child {margin-right:0}
.short-info li.short-info-li:hover {background:#526480; color:#a5bbdc}
.short-info li.short-info-btn {float:right; border:none;}
.short-info li.short-info-btn .btn i {margin-left:5px; font-size:12px; margin-right:0}
.short-info li.short-info-btn a {display:block; padding-top:7px; padding-bottom:6px;}
@media (max-width: 767px) {
.short-info li.short-info-li {width:15%; margin:0; border-right:0; border-radius:0}
.short-info li.short-info-btn {width:40%;}
.short-info li.short-info-btn .btn {border-top-left-radius:0; border-bottom-left-radius:0;}
.short-info li:first-child {border-top-left-radius:3px; border-bottom-left-radius:3px;}
}
/*short-news*/
.short-news {overflow:hidden}
.short-news li {margin-bottom:10px;}
.short-news li a {
display:block; position:relative; padding:5px 50px 5px 125px;
background:#1D232C; height:119px; overflow:hidden; border-radius:3px;}
.short-news li a .short-news-img {position:absolute; left:0; top:0; width:100px; height:100px; background:#1F2935}
.short-news li a img {width:100px; height:108px; margin:5px; display:block;}
.short-news li a .short-news-title {display:table-cell; vertical-align:middle; height:60px;}
.short-news li a .short-news-i {
position:absolute; top:0; right:0; width:35px; height:100%;
background:#232F3D; text-align:center; line-height:70px; font-size:24px; font-weight:bold}
.short-news li a:hover {background:#232F3D}
/*shortstory-list*/
.shortstory-list {
overflow:hidden; position:relative; padding:10px 10px 10px 100px;
background:#24303D; height:90px; border-top:1px solid #304156;}
.shortstory-list:last-child {border-bottom:1px solid #1D232C;}
.accordion .panel:last-child .shortstory-list {border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.shortstory-list-poster {width:70px; height:85px; position:absolute; left:10px; top:10px}
.shortstory-list-poster img {width:100%; display:block; height:70px; border-radius:3px; box-shadow: 0 1px 3px #232f3d; border:1px solid #304156}
.shortstory-list:hover .shortstory-list-poster img {opacity:0.6}
.shortstory-list-title {display:block; font-size:13px; height:43px; overflow:hidden;}
.shortstory-list-title a {display:table-cell; vertical-align:middle; height:43px;}
.shortstory-list-category {height:21px; overflow:hidden; padding: 2.5px; margin:7px 0 5px 0; font-weight: bold; width: 70px; box-shadow: 0 0px 3px #232f3d; color: black; text-align: center; border-radius: 3px; background: #efeeee;}
.shortstory-list-category a {
display:inline-block; vertical-align:middle; padding:3px 6px; border-radius:3px;
background:#24303D; color:#24303d; font-size:11px; margin-right:2px;}
.shortstory-list-category a:hover {background:#526480; color:#fff}
.shortstory-list-rating {height:20px; overflow:hidden; line-height:20px;}
/*film-rip*/
.film-rip {position:absolute; left:3px; top:20px; z-index:4; font-size:0;}
.film-rip a {
padding:3px 6px; color:#fff; display:block; font-size:12px;
margin-bottom:4px; border-top-right-radius:2px; border-bottom-right-radius:2px;
background:#FC1A3F;background:rgba(252,26,63,0.8);}
.film-rip a:nth-child(2) {background:#02B0E4;background:rgba(2,176,228,0.9);}
.film-rip a:nth-child(3) {background:#9B59B6;background:rgba(155,89,182,0.9);}
.film-rip a:nth-child(4) {background:#FF6907;background:rgba(255,105,7,0.9)}
.film-rip a:nth-child(5) {background:#FFC146;background:rgba(255,193,70,0.9);}
.film-rip a:nth-child(6) {background:#2ECC71;background:rgba(46,204,113,0.9);}
.film-rip a:hover {background:#526480}
/*short-trailer*/
.short-trailer {
position:absolute; left:50%; top:50%; width:80px; height:80px; line-height:64px; text-align:center;
color:#FC1A3F; font-size:36px; border-radius:50%; opacity:0.85; z-index:3;
background:#0F1520; border:8px solid #323F4C; margin-top:-40px; margin-left:-40px;}
.short-trailer i {margin-left:6px;}
.short-trailer:hover {opacity:1}
/*shortstory*/
.shortstory-in {float:none; width:100%}
.shortstory {margin:0 10px 20px 10px; border: 3px solid #222933; border-radius: 3px; overflow:hidden;}
@media (min-width: 468px) {
.shortstory-in {float:left; width:50%}
.shortstory-in.shortstory-trailer {float:left; width:50%}
}
@media (min-width: 600px) {
.shortstory-in {float:left; width:50%}
.shortstory-in.shortstory-trailer {float:left; width:50%}
}
@media (min-width: 768px) {
.shortstory-in {float:left; width:33.333333333333%}
.shortstory-in.shortstory-trailer {float:left; width:33.333333333333%}
}
@media (min-width: 992px) {
.shortstory-in {float:left; width:25%}
.shortstory-in.shortstory-trailer {float:left; width:33.333333333333%}
}
@media (min-width: 1200px) {
.shortstory-in {float:left; width:25%}
.shortstory-in1000 {float:left; width:100%}
.shortstory-in.shortstory-trailer {float:left; width:33.333333333333%}
}
.short-content {overflow:hidden;}
.short-link {overflow:hidden; font-size: 15px; font-weight: bold; text-align: center; margin:1px 5px 5px 5px; background:#222933; padding:10px; border-radius: 3px;}
.short-link1 {overflow:hidden; font-size: 15px; font-weight: bold; text-align: center; margin:5px 0px 0px 0px; background:#222933; color: #fbb72c; padding:10px; border-radius: 3px;}
.short-link111 {overflow:hidden; font-size: 15px; font-weight: bold; text-align: center; margin:5px 3px 0px 3px; background:#222933; padding:10px; border-radius: 3px;}
.short-link222 {overflow:hidden; font-size: 15px; font-weight: bold; text-align: center; margin:3px 3px 3px 3px; background:#222933; padding:10px; border-radius: 3px;}
.short-link2 {overflow:hidden; text-align: center; margin:5px 0px 0px 0px; background:#222933; padding:10px;}
.short-link3 {overflow:hidden; text-align: center; margin:5px 0px 0px 0px; background:#222933; padding:10px;}
.short-link a {font-size:14px; line-height:1.4; display:block; text-align:center; color: #a5bbdc; height:19px; overflow:hidden; }
.short-link:hover {background:#304156}
.short-rating {margin:0 0 10px 0; overflow:hidden; text-align:center}
.short-rating .rating {margin:0 auto;}
.short-images {margin:5px; position:relative;}
.short-images .short-images-link {display:block; overflow:hidden}
.short-images short-images-link:before {
position:absolute; left:-100%; top:0; width:100%; height:100%; z-index:2; background:rgba(40,40,40,0.3); content:"";
transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in}
.short-images short-images-link:hover:before {
left:0; transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in}
/*owl-random*/
.owl-random {margin: 10px 0px 10px 0px;}
.owl-random .h-owl {margin:20px 0 0 0; padding-left:22px}
.owl-random .owl-box {margin:10px 0px 0px 0px}
.owl-random .owl-pagination {position:static;}
.owl-random .shortstory10 {background:#efeeee; border: 1px solid #304156; box-shadow: 0 1px 5px #24303d;}
.owl-random .short-images a img {border:0px solid #304156}
.owl-random .short-link {background:#222933;}
.owl-random .short-link:hover {background:#526480}
/*short-images*/
.short-images a img {width:100%; display:block; height:auto; border-radius:3px;}
.shortstory-trailer .short-images a img {height:auto}
@media (max-width: 467px) {
.short-images a img {height:400px}
#related-news .short-images a img {height:400px}
.owl-random .short-images a img {height:300px}
.shortstory-trailer .short-images a img {height:auto}
.owl-trailer .shortstory-trailer .short-images a img {height:400px}
}
@media (min-width: 468px) {
.short-images a img {height:290px}
#related-news .short-images a img {height:250px}
.owl-random .short-images a img {height:250px}
.shortstory-trailer .short-images a img {height:170px}
.owl-trailer .shortstory-trailer .short-images a img {height:150px}
}
@media (min-width: 600px) {
.short-images a img {height:390px}
#related-news .short-images a img {height:380px}
.owl-random .short-images a img {height:380px}
.shortstory-trailer .short-images a img {height:200px}
.owl-trailer .shortstory-trailer .short-images a img {height:180px}
}
@media (min-width: 768px) {
.short-images a img {height:320px}
#related-news .short-images a img {height:290px}
.owl-random ..short-images a img {height:300px}
.shortstory-trailer .short-images a img {height:150px}
.owl-trailer .shortstory-trailer .short-images a img {height:220px}
}
@media (min-width: 992px) {
.short-images a img {height:230px}
#related-news .short-images a img {height:185px;}
.owl-random .short-images a img {height:220px}
.shortstory-trailer .short-images a img {height:150px}
.owl-trailer .shortstory-trailer .short-images a img {height:210px}
}
@media (min-width: 1200px) {
.short-images a img {height:220px}
#related-news .short-images a img {height:220px}
.owl-random .short-images a img {height:310px}
.shortstory-trailer .short-images a img {height:180px}
.owl-trailer .shortstory-trailer .short-images a img {height:440px}
}
/*owl-carousel*/
.block-carousel {overflow:hidden;}
.owl-box {margin-left: -10px; margin-right:-10px;}
.owl-box .shortstory-in {margin:0 10px !important; border-radius: 3px; width:auto; float:none}
.owl-box .shortstory {margin:0 !important}
.owl-box .shortstory-in1 {width:auto; float:none}
.owl-box .shortstory-in2 {border: 3px solid #222933; border-radius: 3px; width:auto; float:none}
.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 {text-align: center}
.owl-controls .owl-prev, .owl-controls .owl-next {
position:absolute; top:35%; color:#fff; background:#9B59B6; font-size:20px;
filter: Alpha(Opacity=80); opacity: 0.8; z-index:5; border-radius:3px; margin-top:-30px;
width:38px; height:60px; line-height:60px;}
.owl-controls .owl-prev {left:10px;}
.owl-controls .owl-next {right:10px;}
.owl-controls.clickable .owl-buttons div:hover {filter: Alpha(Opacity=100); opacity: 1; background:#526480;}
.owl-pagination {height:30px; line-height:30px; position:absolute; top:-42px; right:10px}
@media (max-width: 467px) {.owl-pagination {position:static;}}
#related-news .owl-pagination {position:static !important; margin-top:20px;}
.owl-controls .owl-page {display: inline-block; vertical-align:middle; zoom: 1; *display: inline;}
.owl-controls .owl-page span {
display: block; width: 10px; height: 10px; margin-left: 4px;
filter: Alpha(Opacity=80); opacity:0.8; background: #fff; border-radius:50%}
.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {background:#9B59B6; filter: Alpha(Opacity=100); opacity: 1}
.owl-orange .owl-prev, .owl-orange .owl-next {background:#FF6907}
.owl-blue .owl-prev, .owl-blue .owl-next {background:#02B0E4}
.owl-red .owl-prev, .owl-red .owl-next {background:#FC1A3F}
.owl-green .owl-prev, .owl-green .owl-next {background:#2ECC71}
.owl-violet .owl-prev, .owl-violet .owl-next {background:#9B59B6}
.owl-yellow .owl-prev, .owl-yellow .owl-next {background:#FFC146}
.owl-orange .owl-controls .owl-page.active span, .owl-orange .owl-controls.clickable .owl-page:hover span {background:#FF6907}
.owl-red .owl-controls .owl-page.active span, .owl-red .owl-controls.clickable .owl-page:hover span {background:#FC1A3F}
.owl-blue .owl-controls .owl-page.active span, .owl-blue .owl-controls.clickable .owl-page:hover span {background:#02B0E4}
.owl-green .owl-controls .owl-page.active span, .owl-green .owl-controls.clickable .owl-page:hover span {background:#2ECC71}
.owl-violet .owl-controls .owl-page.active span, .owl-violet .owl-controls.clickable .owl-page:hover span {background:#9B59B6}
.owl-yellow .owl-controls .owl-page.active span, .owl-yellow .owl-controls.clickable .owl-page:hover span {background:#FFC146}
/*fullstory*/
.fullstory {background:#222933; border-radius: 5px; padding-top: 1px; padding-bottom:10px;}
#fstory-film {background: #24303D; padding-top:20px; padding-bottom:20px;}
#related-news {background:#24303D; padding: 10px;}
.fstory-h1 {background: #24303D; font-size:17px; overflow:hidden; text-transform:uppercase;
border-left:8px solid #02B0E4; padding:7px 10px 7px 10px; position:relative;}
.story-h1 {
font-size:10px; overflow:hidden; text-transform:uppercase;
border-left:8px solid #02B0E4; padding:7px 10px 7px 10px; position:relative;}
.fstory-favorites {
text-align:center; position:absolute; left:2px; top:0; width:45px; height:45px; border:1px solid #304156;
background:#24303D; line-height:45px; border-top-right-radius:3px; border-bottom-right-radius:3px;}
.fstory-favorites a {display:block; height:100%}
.fstory-favorites img {vertical-align:middle !important}
.fstory-favorites:hover {background:#526480; border-color:#526480}
#addcform {background:#1D232C; padding-top:20px; padding-bottom:20px;}
#comment-news .comment-news-line {border-top:3px solid #24303D; padding-top:10px; text-align:right; margin-bottom:20px;}
@media (max-width: 767px) {
#comment-news .btn {width:100%;}
#comment-news .comment-news-line {margin-bottom:40px;}}
.fstory-content {text-align:justify; font-size:14px;}
.fstory-content img {max-width:100%; height:auto;}
.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-poster-in {text-align:center}
.fstory-poster {position:relative; width: auto;}
.fstory-poster img {display:inline-block; vertical-align:middle; width: 72px; border-radius:3px; border:3px solid #304156;}
.fstory-poster1 img {display:inline-block; vertical-align:middle; max-width:100%; border-radius:3px;}
@media (max-width: 767px) {.fstory-poster {margin:0 auto; width:100%;}}
.fstory-poster-rip {background:#FC1A3F; padding:4px 10px; color:#fff; position:absolute; top:20px; left:-5px}
.fstory-poster-rip a {color:#fff}
.btn-trailer {width:100%; margin-top:10px; font-size:17px; color: #99b1d4; font-weight: bold; background: #222933; padding-top:5px; padding-bottom:5px;}
@media (max-width: 767px) {.btn-trailer {margin-bottom:20px;}}
.video-responsive embed, .video-responsive object, .video-responsive video,
.video-responsive iframe, .video-responsive frame {width: 100% !important; height:400px;}
.mejs-video, .me-plugin, .mejs-shim, .mejs-layers, .mejs-overlay {width:100% !important;}
.mejs-video, .mejs-shim {height:400px !important;}
@media screen and (max-width: 991px) {
.video-responsive embed, .video-responsive object, .video-responsive video,
.video-responsive iframe, .video-responsive frame, .mejs-video, .mejs-shim {height:400px !important;}
}
@media screen and (max-width: 767px) {
.video-responsive embed, .video-responsive object, .video-responsive video,
.video-responsive iframe, .video-responsive frame, .mejs-video, .mejs-shim {height:350px !important;}
}
@media screen and (max-width: 600px) {
.video-responsive embed, .video-responsive object, .video-responsive video,
.video-responsive iframe, .video-responsive frame, .mejs-video, .mejs-shim {height:300px !important;}
}
@media screen and (max-width: 467px) {
.video-responsive embed, .video-responsive object, .video-responsive video,
.video-responsive iframe, .video-responsive frame, .mejs-video, .mejs-shim {height:250px !important;}
}
.wr {width:100%; border: 1px solid #526480; border-radius: 3px; margin-bottom: 10px; font-size:17px; color: #ffffff; font-weight: bold; background: #222933; padding-top:5px; padding-bottom:5px;}
.fsb {width:100%; border-radius: 3px; font-size:17px; color: #ffffff; font-weight: bold; display: flex; background: #222933;}
/*finfo*/
.finfo {overflow:hidden; position:relative; color:#99b1d4}
.finfo:last-child {padding-bottom:0}
.finfo .finfo-line {height:100%; width:4px;background:#c1c1c1; position:absolute; left:10px; top:0}
.finfo .finfo-block {background:#222933; margin-top: 5px; border-radius:3px;}
.finfo:hover .finfo-block {background:#1D232C}
.finfo .finfo-block:before {
width:12px; height:12px; border-radius:50%; content:" ";
position:absolute; top:50%; left:-34px; background:#304156; margin-top:-6px;}
.finfo:hover .finfo-block:before {background:#526480}
.finfo .finfo-block:after {
top: 50%; left: -12px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;
border-right-color:#304156; pointer-events: none; border-width:6px; margin-top: -6px;}
.finfo .finfo-title {
display:table-cell; vertical-align:middle; width:140px; padding: 5px; font-weight: bold; background:#304156; text-align:center; font-size:10px; color:#ffffff;
border-bottom-left-radius:3px; border-top-left-radius:3px;}
.finfo .finfo-text {display:table-cell; vertical-align:middle; padding:10px; #798FA6}
.fstory-info {background:#1D232C; padding-top:10px; padding-bottom:10px}
.fstory-info-right {text-align:center; padding-top:3px; padding-bottom: 4px}
@media (max-width: 767px) {
.fstory-info-left {text-align:center}
.fstory-info-right {text-align:center; background:#304156; margin-top:10px; padding-top:10px; padding-bottom:10px;}}
/*ul-infoicon*/
.ul-infoicon > li {display:inline-block; vertical-align:middle; margin-right:2px;}
@media (max-width: 767px) {.ul-infoicon > li {margin-top:5px;}}
.ul-infoicon > li > a {
height:34px; background: #232F3D; color: #99b1d4; border: 1px solid #304156;
display:block; padding: 0 8px; line-height:34px; border-radius:3px;}
.ul-infoicon > li > a:hover {background:#526480}
.ul-infoicon > li > a i {margin-right:8px;}
.ul-infoicon > li > a i.fa-lg {margin-right:0}
.ul-infoicon li.dropdown {position:relative;}
.ul-infoicon .dropdown-menu {width:200px; font-size:11px; padding:0; left:auto; right:0}
.ul-infoicon .dropdown-menu li {
float:none; width:100%; color:#99b1d4;padding:0 0 0 10px; font-size:12px;
line-height:30px; height:30px; margin:0}
.ul-infoicon .dropdown-menu li:nth-child(even) {background:#202a36}
.ul-infoicon .dropdown-menu li i {font-size:14px; margin-right:10px;}
.ul-infoicon > li > a:hover, .ul-infoicon > li > a:focus, .ul-infoicon > li.open > a, .ul-infoicon > li.open > a:hover,
.ul-infoicon > li.open > a:focus {background:#526480; outline:0}
/*fstory-tags*/
.fstory-tags {color:#1F2935; padding-left:40px; position:relative; margin:20px 0}
.fstory-tags-text {
color:#FC1A3F;color:rgba(252,26,63,0.8); font-size:18px; position:absolute; top:0; left:0; width:40px;}
.fstory-tags-text i {margin-right:5px;}
.fstory-tags-text > b {text-transform:uppercase;}
.fstory-tags a {
display:inline-block; vertical-align:middle; padding:8px 12px; border-radius:20px;
font-size:12px; border:1px solid #304156; margin-bottom:4px;}
.fstory-tags a:hover {background:#304156}
/*bcomment*/
.bcomment {margin:0 10px 20px 10px;}
#comment-news .bcomment {margin:0 0 20px 0;}
.bcomment-pm {margin:20px;}
.bcomment-left {position:relative;}
.bcomment-right {background:#24303D; padding:20px;}
.bcomment-left:after {
top: 50%; right:-10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;
border-right-color:#24303D; pointer-events: none; border-width:16px; margin-left: -16px; margin-top:-8px;}
.bcomment-avatar {border: 5px solid #304156; overflow:hidden; width:110px; height:110px;}
.bcomment-avatar img {display:block; width:100%;}
@media screen and (max-width: 767px) {
.bcomment-avatar {margin:0 auto; margin-bottom:40px;}
.bcomment-left:after {bottom: 0;left: 50%; top:auto; border-color: #222933;border-bottom-color: #24303D; right:auto;}}
.bcomment-top {margin:0 0 20px 0; border-bottom:2px solid #1F2935; padding:0 0 10px 0;}
.bcomment-author {float:left; padding:5px 20px; background:#1F2935;}
.bcomment-author a {line-height:24px; display:block; color:#3E729A}
.bcomment .ul-rating {float:right;}
.bcomment-content {padding:0 0 10px 0; text-align:justify}
.bcomment-newstitle {font-size:16px; margin-bottom:10px;}
.bcomment-signature {color:#5E758C; font-size:11px; font-style: italic; margin-top:10px; background:#1F2935; padding:10px;}
.bcomment-bottom {overflow:hidden; border-top:2px solid #1F2935; padding-top:10px;}
@media screen and (max-width: 767px) {.bcomment-bottom {text-align:center}}
.ul-bcomment-info {overflow:hidden; float:left;}
.ul-bcomment-info li {float:left; margin-right:5px; line-height:28px; font-size:11px;}
.ul-bcomment-tool {overflow:hidden; float:right;}
.ul-bcomment-tool li {float:left; margin:0 2px;}
.ul-bcomment-tool li a {
color:#899cb9; text-align:center; display:block;
height:26px; padding:0 8px; line-height:24px; border-radius:3px; background:#38495c}
.ul-bcomment-tool li a:hover {background:#1F2935;}
.ul-bcomment-tool li.mass-action {height:26px; padding:0 8px; line-height:26px;border-radius:3px; background:#38495c}
.ul-bcomment-tool li.mass-action input {display:inline-block; vertical-align:middle}
@media screen and (max-width: 767px) {
.ul-bcomment-tool, .ul-bcomment-info {float:none; display:block;}
.ul-bcomment-tool {margin-top:10px;}}
/*form*/
.igroup {position:relative; display:table; border-collapse:separate; margin-bottom:8px;}
.igroup-20 {margin-top:20px;}
.igroup-input, #page-input select {
display: block; width: 100%; height: 50px; padding: 7px 12px; font-size: 12px; line-height: 1.42857143;
color: #ffffff !important; background: #24303D; border: 1px solid #313842; border-radius: 3px;
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;}
.infobox select {width:auto !important; display:inline-block !important; padding:0 !important}
.igroup .igroup-input {position: relative; z-index: 2; float: left; width: 100%; margin-bottom:0;}
.igroup-input:focus {
border-color:#526480;outline:0;
box-shadow:inset 0 1px 1px rgba(0,0,0,.055), 0 0 8px rgba(102, 175, 233, 0.4);}
.igroup select:focus {outline:1px solid #526480;}
.igroup-input::-moz-placeholder {color:#A5BBDC; opacity: 1;}
.igroup-input:-ms-input-placeholder {color:#A5BBDC;}
.igroup-input::-webkit-input-placeholder {color:#A5BBDC;}
.igroup-text {cursor:auto; background:#303847;}
textarea.igroup-input {height:auto;}
input[type="search"] {-webkit-appearance:none;}
.igroup-span {
padding:6px 12px; font-size:14px; font-weight:normal; line-height:1; color:#ffffff;
text-align:center; background:#526480; border:1px solid #313842; border-radius:3px;}
.igroup-span input[type="radio"], .igroup-span input[type="checkbox"] {margin-top:0;}
.igroup-span > i {width:14px !important}
.igroup-span-i > i {margin-right:5px;}
.igroup-span, .igroup-btn, .igroup .igroup-input {display: table-cell;}
.igroup-span:not(:first-child):not(:last-child), .igroup-btn:not(:first-child):not(:last-child),
.igroup .igroup-input:not(:first-child):not(:last-child) {border-radius: 0;}
.igroup-span, .igroup-btn {width: 1%; white-space: nowrap; vertical-align: middle;}
.igroup .igroup-input:first-child, .igroup-span:first-child, .igroup-btn:first-child > .btn,
.igroup-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius:0; border-top-right-radius:0;}
.igroup-span:first-child {border-right:0;}
.igroup .igroup-input:last-child, .igroup-span:last-child, .igroup-btn:last-child > .btn,
.igroup-btn:first-child > .btn:not(:first-child), #page-input select, .igroup-select select {
border-bottom-left-radius:0; border-top-left-radius:0;}
.igroup-span:last-child {border-left:0;}
.igroup-btn {position:relative; font-size:0; white-space:nowrap;}
.igroup-btn > .btn {position:relative; box-shadow:none;}
.igroup-btn > .btn + .btn {margin-left: -1px;}
.igroup-btn > .btn:hover, .igroup-btn > .btn:focus, .igroup-btn > .btn:active {z-index:2;}
.igroup-regcode {
height:100px; margin-bottom:2px !important; padding:10px; background:#304156;
border-top-right-radius:3px !important; border-bottom-right-radius:3px !important; box-shadow:none;}
.igroup-regcode #dle-captcha {display:block;}
.igroup-recaptcha {margin-top:20px; padding:10px; border-radius:3px;}
.igroup-recaptcha > p {margin:0 0 10px 0}
.igroup-textarea {background:#28313E; border-radius:3px;}
.igroup-textarea > label {margin-bottom:10px;}
.igroup-textarea > input {margin-left:15px; margin-bottom:10px;}
.igroup-textarea textarea {width:100%; border:1px solid #e5e5e5;}
#result-registration > font {
display:block; padding:7px 20px; margin-bottom:15px; background:#526480;
font-size:12px; border-radius:3px; color:#a5bbdc !important}
.igroup-infoblock {background:#24303D; padding:7px 20px; font-size:12px; margin-bottom:8px; border-radius:3px;}
.fieldsubmit {margin:20px 0 0 0}
.igroup-link {color:#eee !important;}
.igroup-link:hover, .igroup-link:focus {background:#526480; color:#fff}
/*vote*/
#votes, .votes-full {color:#a5bbdc; background:#1F2935; overflow:hidden; padding:20px 20px 10px 20px;}
.votes-full {background:#304156;}
.votes-full h2 {margin-left:-20px;}
#dle-vote, .pollvotelist {padding:20px; font-size:12px}
#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-full h2 {font-size:20px;}
.votes-bottom, .voteresult {text-align:center; padding:10px 0; margin:20px -10px 0 -10px; background:#22303E}
.votes-bottom i {margin:0}
.voteresult {font-size:12px;}
#dlevotespopupcontent table {margin:0 0 15px -15px}
.votes-full {margin-top:30px}
/*system*/
#page-input, #addnews-page {background:#222933; padding-top:5px; padding-bottom:50px; border-radius:3px;}
.blockquote {background: #24303D; padding:20px 40px; font-style: italic; margin-bottom:40px;}
.block-input {padding:0 40px 0 40px;}
.page-block {background: #24303D; padding:20px 40px; margin-bottom:40px;}
@media screen and (max-width: 767px) {
.blockquote {padding:20px;}
.block-input {padding:0 20px 0 20px;}
.page-block {padding:20px;}}
/*userinfo*/
.profil-popup {overflow:hidden; padding:15px 10px 15px 130px; position:relative; min-height:130px;}
.profil-popup-left {position: absolute; left:10px; top:15px; width:100px;}
.profil-popup-left img {border:3px solid #304156; width:100px; height:100px; display:block}
.profil-popup-right li {margin-bottom:2px;}
.user-foto {padding:3px; border:3px solid #526480; width:120px; margin:0 auto 20px auto;}
.user-foto img {width:100%; display:inline-block; vertical-align:middle;}
.user-ullink {font-size:12px}
.user-ullink li {margin:0 0 5px 0}
.user-ullink li a {
display:block; text-align:center; padding:8px 0;border-radius:3px;
background: #232F3D; border: 1px solid #304156;}
.user-ullink li a:hover {background:#526480}
.user-edituser a {border: 1px solid #304156; background:#526480; padding:8px 15px; display:block; border-radius:3px;}
.user-edituser a:hover {background: #232F3D;}
@media screen and (max-width: 768px) {.user-ullink {margin:20px 0;}}
.user-rating {background:#222933; padding:8px 20px}
.ul-stat {margin:20px 0 20px 20px}
.pm_status {border:1px solid #333D4D; border-radius:3px;}
.pm_status_head {background:#333D4D; padding:8px 15px; border-top-left-radius:3px; border-top-right-radius:3px;}
.pm_status_content {padding:8px 15px; font-size:12px;}
.pm_status .pm_progress_bar {margin:5px 0}
.infobox {margin-bottom: 10px; border:1px solid #313842; border-radius:3px;}
.infobox .infobox-header {
position: relative; padding: 9px 15px 10px; font-weight: bold;border-bottom:1px solid #313842;
background:#333D4D; border-top-left-radius:3px; border-top-right-radius:3px;}
.infobox .infobox-header i {margin-right:10px;}
.infobox .infobox-content {padding:20px; font-size:12px; background:#28313E}
.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:#dfe6e7}
.infobox p {margin:4px 0}
.infobox ul {margin:0 !important}
.infobox ul li {list-style:inside; padding:0 0 5px 0}
.font-red {color:#EE6C92}
/*addnews*/
#addnews-page {font-size:12px;}
.impot {color:#ff3b28}
.addnews-admintag {background:#1D232C; padding:10px; margin-top:20px;}
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,
.page-search .textin {
display: block; width: 100%; height: 34px; padding: 7px 12px; font-size: 12px; line-height: 1.42857143;
color: #A5BBDC; background: #28313E; border: 1px solid #526480; border-radius:3px;
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: #526480; 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; height:34px; line-height:34px; font-size: 12px;}
.xfields_table td {vertical-align: top}
.tableform td select {width:100% !important}
.tablevote {border-radius:5px; background:#24303D;}
.addvote td {padding:15px}
.addvote-btn {padding:0 !important}
#addnews-page select#category option {color:#A5BBDC !important}
#addnews-page .fieldsubmit .btn {margin-right:5px;}
/*search page*/
.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;}
.page-search br {display:none;}
.search-page-p {font-size:12px; color:#F26341; padding-top:5px;}
.l111 {text-decoration: line-through; text-align: left; white-space: nowrap;}
.fullst-age{position:absolute;padding:5px 5px;border-radius:20px; top: 255px; text-decoration: line-through;}
.fullst-ageve{padding:2px 3px 0px 15px;border-radius:20px; margin-top: 10px; font-weight: bold;}
.fullst-agevet{border-radius:10px; font-size: 17px; margin-top: 10px; font-weight: bold;}
.fullst-dlv{padding:2px 3px 0px 5px;border-radius:20px; margin-top: 10px; left: 270px; font-weight: bold;}
.fullst-dlvt{border-radius:10px; font-size: 15px; margin-top: 27px; font-weight: bold;}
.fullst-cal{padding:2px 3px 0px 5px;border-radius:20px; margin-top: 10px; left: 470px; font-weight: bold;}
.fullst-age111{position:absolute;padding:230px 5px;border-radius:20px;text-decoration: line-through;}
.fullst-age1{position:absolute;top:5px;left:5px;background:#62c462;padding:1px 3px; box-shadow: 0 0px 3px #000000; border-radius:3px; font-size: 11px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.fullst-age2{position:absolute;top:70px;left:115px;background:#6e879f;padding:3px 3px;border-radius:0px;font-size: 10px;font-weight: bold;color: black;width: 130px;border-radius: 3px; text-align:font:12px Avenir-Bold;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.fullst-age3{position:absolute;top:70px;left:255px;background:#6e879f;padding:3px 3px;border-radius:0px;font-size: 10px;font-weight: bold;color: black;width: 130px;border-radius: 3px; text-align:font:12px Avenir-Bold;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.fullst-age4{position:absolute;padding:5px 5px;border-radius:20px; top: 35px; text-decoration: line-through;}
.fullst-age5{position:absolute;top:10px;left:252px;width: 70px;background:#ee5f5b;padding:1px 3px;border-radius:3px;font-size: 14px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.fullst-age6{position:absolute; display: flex; top:10px;left:10px;background:#62c462;padding:1px 3px; box-shadow: 0 0px 5px #000000; border-radius:3px;font-size: 14px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.fullst-age7{position:absolute;top:10px;left:10px; background:#ee5f5b;padding:1px 5px; box-shadow: 0 0px 5px #000000; border-radius:3px;font-size: 14px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.fullst-age8{position:absolute;top:5px;left:5px;background:rgba(255,0,0,0.5);padding:1px 3px; box-shadow: 0 0px 3px #000000; border-radius:3px; font-size: 11px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.fullst-age9{position:absolute; background: #0480be; top:282px;left:8px; width: 94%; padding:3px 3px 3px 7px; box-shadow: 0 0px 3px #ffffff; border-radius:3px; font-size: 11px;font-weight: bold; color: #ffffff; text-align:font:12px Avenir-Bold;}
.fullst-age10{position:absolute; background: #fc1a3f; top:255px;left:8px; width: 94%; padding:3px 3px 3px 7px; box-shadow: 0 0px 3px #ffffff; border-radius:3px; font-size: 11px;font-weight: bold; color: #ffffff; text-align:font:12px Avenir-Bold;}
.fullst-age11{position:absolute;top:1px;left:145px; width: 43px; padding:1px 3px;border-radius:5px; font-size: 16px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;}
.fullst-age14{position:absolute; top:220px; left:5px; width: 94%; padding:3px 3px 3px 7px; font-size: 11px;font-weight: bold; color: #ffffff; text-align:font:12px Avenir-Bold;}
.fullst-age15{position:absolute; top:190px; left:5px; width: 94%; border-bottom: 1px solid #a5bbdc; padding:3px 3px 3px 7px; font-size: 11px;font-weight: bold; color: #ffffff; text-align:font:12px Avenir-Bold;}
.fullst-age16{padding:5px 3px; border-bottom: 1px solid #a5bbdc; position: absolute; top: 1px; width: 93%; text-align: center; font-size: 12px; font-weight: bold; color: #a5bbdc; text-align:font:12px Avenir-Bold;}
.fullst-age1-1{position:absolute;top:1px;left:152px; width: 43px; padding:1px 3px;border-radius:3px; font-size: 16px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;}
.fullst-age1-1m{position:absolute;top:360px;left:2px; width: 43px; padding:1px 3px;border-radius:3px; font-size: 16px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;}
.fullst-age12{position:absolute;top:175px;left:5px;background:#ff948e;padding:1px 3px; box-shadow: 0 0px 3px #000000; border-radius:3px; font-size: 11px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.fullst-age99{position:absolute;top:237px;left:15px;border-radius:3px; font-size: 11px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;}
.fullst-age88{position:absolute;top:237px;left:155px;border-radius:3px; font-size: 11px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;}
.fullst-age999{display:flex; background: #1D232C; border-radius:3px; font-size: 11px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;}
.fullst-rn{position:absolute;top:1px;left:140px; width: 43px; padding:1px 3px;border-radius:3px; font-size: 16px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;}
.fullst-tn{position:absolute;top:1px;left:157px; width: 43px; padding:1px 3px;border-radius:3px; font-size: 16px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;}
.fullst-agehv{padding:5px 3px; border-bottom: 1px solid #a5bbdc; position: absolute; top: 1px; width: 93%; text-align: center; font-size: 12px; font-weight: bold; color: #a5bbdc; text-align:font:12px Avenir-Bold;}
.fullst-agem10{position:absolute;top:53px;left:5px;background:#99b1d4;padding:1px 3px; box-shadow: 0 0px 3px #000000; border-radius:5px; font-size: 11px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.fullst-agem11{position:absolute;top:1px;left:277px; width: 43px; padding:1px 3px;border-radius:3px; font-size: 16px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;}
.fullst-agem111{position:absolute;top:375px;left:2px; width: 43px; padding:1px 3px;border-radius:3px; font-size: 16px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;}
.fullst-agem9{position:absolute;top:29px;left:5px;background:#149bdf;padding:1px 3px; box-shadow: 0 0px 3px #000000; border-radius:5px; font-size: 11px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.fullst-agem12{position:absolute;top:176px;left:5px;background:#149bdf;padding:1px 3px;border-radius:3px; font-size: 11px;font-weight: bold;color: black; text-align:font:12px Avenir-Bold;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
p10 {text-decoration: line-through; color: #fc1a3f;}
p11 {font-family: fantasy; font-size: 35px; font-family: serif; color: #ffffff; text-shadow: 0 1px 25px #ffffff;}
.btn-trailer2 {width:100%; margin-top:10px; font-size:17px; background: #24303D; color: #99b1d4; font-weight: bold; padding-top:5px; padding-bottom:5px;}
@media (max-width: 767px) {.btn-trailer2 {margin:5px 0px 5px 0px;}}
.btn-trailer3 {width:100%; margin-top:5px; font-size:17px; background: #24303D; color: #99b1d4; font-weight: bold; padding-top:5px; padding-bottom:5px;}
@media (max-width: 767px) {.btn-trailer3 {margin-bottom:10px;}}
.title_spoiler svg{
vertical-align: middle;
margin-top: -4px;
margin-right: 7px;
height: 16px;
width: 16px;
}
.DLEPush {
z-index: 2001;
position: fixed;
right: 20px;
top: 20px
}
@keyframes DLEPush-show {
0% {
transform: translateY(100%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.DLEPush-notification.wrapper {
animation-name: DLEPush-show;
animation-duration: 1s;
position: relative;
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
color: #333;
margin-bottom: 10px;
width: 100%;
max-width: 400px;
box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
background-color: #fff;
border-radius: 10px
}
.DLEPush-notification .DLEPush-icon {
grid-column: 1;
grid-row: 1 / span 2;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
width: 45px;
height: 100%;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
text-align: center;
}
.DLEPush-notification .DLEPush-icon svg {
scale: .8;
}
.DLEPush-notification .DLEPush-header {
font-weight: 500;
grid-column: 2;
grid-row: 1;
font-size: 1rem;
margin-left: 1rem;
margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
margin-top: 0;
}
.DLEPush-notification .DLEPush-message {
grid-column: 2;
grid-row: 2;
font-size: .875rem;
margin: 1rem;
}
.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
list-style-type: none;
padding-left: 0;
}
.DLEPush-notification .DLEPush-close {
position: absolute;
top: 8px;
right: 10px;
font-weight: 300;
background: none;
border: 0;
font-size: 1.15rem;
cursor: pointer;
line-height: 1;
padding: 0;
color: inherit;
outline: 0;
opacity: 0.75;
}
@media only screen and (min-width: 601px) {
.DLEPush-notification.wrapper {
min-width: 400px;
}
}
.DLEPush-notification .DLEPush-close:hover {
opacity: 1;
}
.DLEPush-notification.wrapper.push-success {
background-color: #e0f2f1;
}
.DLEPush-notification.wrapper.push-success .DLEPush-icon {
background-color: #00897b;
}
.DLEPush-notification.wrapper.push-warning {
background-color: #FFF3E0;
}
.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
background-color: #FF9800;
}
.DLEPush-notification.wrapper.push-error {
background-color: #FBE9E7;
}
.DLEPush-notification.wrapper.push-error .DLEPush-icon {
background-color: #FF5722;
}
input[type="text"].comments_author_field {
width: 100%;
margin-bottom: 10px;
}
.image-bordered {
border: 1px solid #ddd;
}
.image-shadows {
box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}
.image-padded {
padding: 0.5rem;
}
.comments-user-profile {
font-weight: bold;
cursor: pointer;
color: #3394e6;
}
.mce-accordion summary {
cursor: pointer;
}
.self_delete_link {
border: 0 none;
display: inline-block;
vertical-align: middle;
cursor: pointer;
padding: 12px 27px;
border-radius: 10px;
outline: none;
background-color: #f44336;
color: #fff;
text-shadow: 0 1px #333;
text-decoration: none !important;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
box-sizing: border-box;
transition: all ease .1s; transition: all ease .1s;
}
.tx1 {
font-size: 19px;
font-weight: bold;
}
.ui-dialog-buttonset button.ui-button-delete {
background-color: #f44336;
border-color: #f44336;
color: #fff;
text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.ui-dialog-buttonset button.ui-button-delete:hover {
background-color: #db3a2f;
border-color: #db3a2f;
color: #fff;
text-shadow: 1px 1px 2px rgba(51, 51, 51, .5);
}
.form-check-label {
cursor: pointer;
}
.form-check-input {
color: #0c5f7eed;
flex-shrink: 0;
width: 1.12rem;
height: 1.12rem;
margin: -0.188rem 0.625rem 0 0;
appearance: none;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid #0c5f7eed;
vertical-align: middle;
}
.form-check-input:checked[type=checkbox] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230c5f7eed' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230c5f7eed'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox] {
border-radius: .25rem;
}
.form-check-input[type=radio] {
border-radius: 50%;
}
.product-card {
width: 120px;
position: relative;
box-shadow: 0 0px 7px #ffffff;
margin: 10px auto;
padding: 3px;
border-radius: 5px;
}
.badge {
position: absolute;
left: 5px;
top: 5px;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
background: red;
color: #fff;
border-radius: 3px;
padding: 1px 5px;
}
.badge1 {
position: absolute;
left: 4px;
top: 4px;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
background: red;
color: #fff;
border-radius: 3px;
padding: 1px 5px;
}
.product-tumb {
display: flex;
justify-content: center;
height: 140px;
border-radius: 3px;
padding: 1px;
background: #ffffff;
}
.product-tumb img {
max-width: 100%;
max-height: 100%;
}
.product-details {
padding: 3px 0px 0px 0px;
}
.product-catagory {
display: block;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #ccc;
margin-bottom: 18px;
}
.product-details h4 a {
font-weight: 500;
display: block;
margin-bottom: 18px;
text-transform: uppercase;
color: #363636;
text-decoration: none;
transition: 0.3s;
}
.product-details h4 a:hover {
color: #fbb72c;
}
.product-details p {
font-size: 15px;
line-height: 22px;
margin-bottom: 18px;
color: #999;
}
.product-bottom-details {
overflow: hidden;
padding-top: 0px;
}
.product-bottom-details div {
}
.product-price {
font-size: 18px;
text-align: center;
color: #fbb72c;
background: #ffffff;
border-radius: 3px;
font-weight: 600;
}
.product-price small {
font-size: 80%;
font-weight: 400;
text-decoration: line-through;
display: inline-block;
margin-right: 5px;
}
.product-links {
text-align: right;
}
.product-links a {
display: inline-block;
margin-left: 5px;
color: #e1e1e1;
transition: 0.3s;
font-size: 17px;
}
.product-links a:hover {
color: #fbb72c;
}
.change-color, .change-color * {box-sizing: border-box;}
.change-color {display: inline-flex; justify-content: space-between; align-items: center; cursor: pointer;
background-color: #444; border: 1px solid #526480; height: 39px; border-radius: 20px; padding: 5px 0; margin: 25px;}
.change-color li {cursor: pointer; width: 28px; height: 28px; line-height: 28px;
border-radius: 50%; text-align: center; color: #ccc; margin: 0 5px;}
.change-color li.is-active {background-color:#fff; color: #444;}
h1000 {
position: relative;
bottom: 10px;
--s: 0.1em; /* the thickness of the line */
--c: #149bdf; /* the color */
color: #0000;
padding-bottom: var(--s);
background:
linear-gradient(90deg,var(--c) 50%,#c536ff 0) calc(100% - var(--_p,0%))/200% 100%,
linear-gradient(var(--c) 0 0) 0% 100%/var(--_p,0%) var(--s) no-repeat;
-webkit-background-clip: text,padding-box;
background-clip: text,padding-box;
transition: 0.5s;
font-size: 25px;
font-weight: bold;
}
h1000:hover {--_p: 100%}
h1002 {
position: absolute;
top: 50px;
left: 100px;
--s: 0.1em; /* the thickness of the line */
--c: #149bdf; /* the color */
color: #0000;
padding-bottom: var(--s);
background:
linear-gradient(90deg,var(--c) 50%,#c536ff 0) calc(100% - var(--_p,0%))/200% 100%,
linear-gradient(var(--c) 0 0) 0% 100%/var(--_p,0%) var(--s) no-repeat;
-webkit-background-clip: text,padding-box;
background-clip: text,padding-box;
transition: 0.5s;
font-size: 25px;
font-family: cursive;
font-weight: bold;
}
h1002:hover {--_p: 100%}
h1001 {
--s: 0.1em; /* the thickness of the line */
--c: #149bdf; /* the color */
color: #0000;
padding-bottom: var(--s);
background:
linear-gradient(90deg,var(--c) 50%,#c536ff 0) calc(100% - var(--_p,0%))/200% 100%,
linear-gradient(var(--c) 0 0) 0% 100%/var(--_p,0%) var(--s) no-repeat;
-webkit-background-clip: text,padding-box;
background-clip: text,padding-box;
transition: 0.5s;
font-size: 15px;
font-weight: bold;
}
h1001:hover {--_p: 100%}
.pm th{
text-align: left;
font-weight: 500;
white-space: nowrap;
}
.pm th.pm_checkbox {
text-align: center;
}
.pm_list.pm_subj, .pm_list.pm_icon, .pm_list.pm_last_user {
cursor: pointer;
}
.pm_list.pm_icon svg {
width: 1.4rem;
height: 1.4rem;
vertical-align: middle;
}
.pm_list.pm_icon.pm-unread-image {
color: #3394e6;
}
.pm td.pm_list.pm_icon, .userstop td, th.pm_head.pm_icon {
border-bottom: none;
}
.pm_list.pm_icon.pm-reply-image {
color: #087e02c4;
}
.pm_list.pm_icon.pm-read-image {
color: #afafaf;
}
.pm_list .pm_last_message, .pm_list .pm_last_date, .pm_list .pm_with_user {
color: #64748b;
font-size: .8rem;
}
.pm tbody > tr:hover {
background-color: #e2e8f099;
}
.pm_navigation {
margin-top: 1rem;
}
.pm_navigation .navigation {
display: inline-block;
color: #333333;
background-color: #f5f5f5;
border-radius: 0.188rem;
padding: .4rem;
}
.pm_navigation .navigation a, .pm_navigation .navigation span {
padding: 0.5rem;
min-width: 2.25rem;
}
.pm_navigation .navigation span {
background-color: #4581d0;
color: #fff;
}
.pm_navigation .navigation a {
text-decoration: none;
color: #000;
}
.pm_navigation .navigation a:hover {
background-color: #e2e8f0;
}
.card {
height: 250px;
perspective: 1000px;
cursor: pointer;
}
.card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.card:hover .card-inner {
transform: rotateY(180deg);
}
.card-front,
.card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.3rem;
}
.card-front {
background: white;
}
.card-back {
background: #222933;
color: white;
padding: 5px;
transform: rotateY(180deg);
}
.button-84 {
font-size: 16px;
width: 100%;
padding: 5px 5px 3px 5px;
margin-bottom: 15px;
outline: none;
color: rgb(255, 255, 255);
background: #222;
cursor: pointer;
position: relative;
z-index: 0;
border-radius: 5px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
.button-84:before {
content: "";
background: linear-gradient(
45deg,
#ff0000,
#ff7300,
#fffb00,
#48ff00,
#00ffd5,
#002bff,
#7a00ff,
#ff00c8,
#ff0000
);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
-webkit-filter: blur(1px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing-button-84 20s linear infinite;
transition: opacity 0.3s ease-in-out;
border-radius: 5px;
}
@keyframes glowing-button-84 {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
.button-84:after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #222;
left: 0;
top: 0;
border-radius: 5px;
}
.button-85 {
margin-bottom: 20px;
padding: 0px 0px 0px 0px;
outline: none;
color: rgb(255, 255, 255);
background: #222;
cursor: pointer;
position: relative;
z-index: 0;
width: 100%;
border-radius: 5px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
.button-85:before {
content: "";
background: linear-gradient(
45deg,
#ff0000,
#ff7300,
#fffb00,
#48ff00,
#00ffd5,
#002bff,
#7a00ff,
#ff00c8,
#ff0000
);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
-webkit-filter: blur(1px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing-button-85 20s linear infinite;
transition: opacity 0.3s ease-in-out;
border-radius: 5px;
}
@keyframes glowing-button-85 {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
.button-85:after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #222;
left: 0;
top: 0;
border-radius: 5px;
}
.button-86 {
padding: 5px;
font-size: 12px;
top: 10px;
left: 10px;
right: 10px;
height: 70px;
border: none;
outline: none;
color: rgb(255, 255, 255);
background: #111;
cursor: pointer;
position: absolute;
z-index: 0;
border-radius: 5px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
.button-86:before {
content: "";
background: linear-gradient(
45deg,
#ff0000,
#ff7300,
#fffb00,
#48ff00,
#00ffd5,
#002bff,
#7a00ff,
#ff00c8,
#ff0000
);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
-webkit-filter: blur(1px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing-button-86 20s linear infinite;
transition: opacity 0.3s ease-in-out;
border-radius: 5px;
}
@keyframes glowing-button-86 {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
.button-86:after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #222933;
left: 0;
top: 0;
border-radius: 5px;
}
.button-87 {
padding: 2px;
left: 10px;
right: 10px;
font-size: 11px;
width: 90%;
top: 220px;
border: none;
outline: none;
color: rgb(255, 255, 255);
background: #111;
cursor: pointer;
position: absolute;
z-index: 0;
border-radius: 5px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
.button-87:before {
content: "";
background: linear-gradient(
45deg,
#ff0000,
#ff7300,
#fffb00,
#48ff00,
#00ffd5,
#002bff,
#7a00ff,
#ff00c8,
#ff0000
);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
-webkit-filter: blur(1px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing-button-87 20s linear infinite;
transition: opacity 0.3s ease-in-out;
border-radius: 5px;
}
@keyframes glowing-button-87 {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
.button-87:after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #222933;
left: 0;
top: 0;
border-radius: 5px;
}
.button-88 {
padding: 2px;
font-size: 11px;
left: 10px;
width: 90%;
top: 187px;
border: none;
outline: none;
color: rgb(255, 255, 255);
background: #111;
cursor: pointer;
position: absolute;
z-index: 0;
border-radius: 5px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
.button-88:before {
content: "";
background: linear-gradient(
45deg,
#ff0000,
#ff7300,
#fffb00,
#48ff00,
#00ffd5,
#002bff,
#7a00ff,
#ff00c8,
#ff0000
);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
-webkit-filter: blur(1px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing-button-88 20s linear infinite;
transition: opacity 0.3s ease-in-out;
border-radius: 5px;
}
@keyframes glowing-button-88 {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
.button-88:after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #222933;
left: 0;
top: 0;
border-radius: 5px;
}
.button-89 {
padding: 2px;
font-size: 11px;
left: 10px;
width: 90%;
top: 155px;
border: none;
outline: none;
color: rgb(255, 255, 255);
background: #111;
cursor: pointer;
position: absolute;
z-index: 0;
border-radius: 5px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
.button-89:before {
content: "";
background: linear-gradient(
45deg,
#ff0000,
#ff7300,
#fffb00,
#48ff00,
#00ffd5,
#002bff,
#7a00ff,
#ff00c8,
#ff0000
);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
-webkit-filter: blur(1px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing-button-89 20s linear infinite;
transition: opacity 0.3s ease-in-out;
border-radius: 5px;
}
@keyframes glowing-button-89 {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
.button-89:after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #222933;
left: 0;
top: 0;
border-radius: 5px;
}
.button-90 {
padding: 2px;
font-size: 11px;
left: 10px;
width: 90%;
top: 123px;
border: none;
outline: none;
color: rgb(255, 255, 255);
background: #111;
cursor: pointer;
position: absolute;
z-index: 0;
border-radius: 5px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
.button-90:before {
content: "";
background: linear-gradient(
45deg,
#ff0000,
#ff7300,
#fffb00,
#48ff00,
#00ffd5,
#002bff,
#7a00ff,
#ff00c8,
#ff0000
);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
-webkit-filter: blur(1px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing-button-90 20s linear infinite;
transition: opacity 0.3s ease-in-out;
border-radius: 5px;
}
@keyframes glowing-button-90 {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
.button-90:after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #222933;
left: 0;
top: 0;
border-radius: 5px;
}
.button-1 {
top: 2px;
left: 2px;
right: 2px;
height: 245px;
font-size: 11px;
border: none;
outline: none;
color: rgb(255, 255, 255);
background: #111;
cursor: pointer;
position: absolute;
z-index: 0;
border-radius: 5px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
.button-1:before {
content: "";
background: linear-gradient(
45deg,
#ff0000,
#ff7300,
#fffb00,
#48ff00,
#00ffd5,
#002bff,
#7a00ff,
#ff00c8,
#ff0000
);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
-webkit-filter: blur(1px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing-button-1 20s linear infinite;
transition: opacity 0.3s ease-in-out;
border-radius: 5px;
}
@keyframes glowing-button-1 {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
.button-1:after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #222933;
left: 0;
top: 0;
border-radius: 5px;
}
.clipboard-copy-link svg {
color: #6c838e;
vertical-align: middle;
margin-top: -3px;
}
.smart-captcha {
display: inline-block;
}
/* Оформление математический формул */
.mathml-container {
font-family: math;
}
div.mathml-block {
font-size: 1.1em;
display: flex;
align-items: center;
justify-content: center;
padding: .139em .35em;
}
.delivery-banner {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%); /* Мягкий градиент */
padding: 10px 5px;
max-width: 800px;
margin: 8px auto;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.icon-box {
background-color: #2ecc71; /* Зеленый цвет для акцента */
color: white;
width: 45px;
height: 45px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 20px;
font-size: 1.2rem;
flex-shrink: 0;
}
.text-content {
color: #333;
line-height: 1.4;
}
.text-content b {
color: #27ae60;
font-size: 1.1rem;
white-space: nowrap;
}
.delivery-title {
margin: 0;
font-size: 1rem;
font-weight: 500;
}
/* Адаптивность для мобильных устройств */
@media (max-width: 600px) {
.delivery-banner {
flex-direction: column;
text-align: center;
}
.icon-box {
margin-right: 0;
margin-bottom: 10px;
}
}
pbank {font-weight: bold; text-align: center; margin-left: 25px; margin-right: 5px; }
pbank1 {font-weight: bold; text-align: center; }
pbank2 {font-weight: bold; text-align: center; }
pbank3 {font-weight: bold; text-align: center; display: flex; gap: 5px;}
pbank4 {font-weight: bold; text-align: center; margin-left: 10px; margin-right: 5px; }
/* Цвета и свечение */
/* WhatsApp - Зеленый */
.wa {
color: #25D366;
border-color: #25D366;
margin-right: 3px;
box-shadow: 0 0 15px rgba(37, 211, 102, 0.4),
inset 0 0 10px rgba(37, 211, 102, 0.2);
text-shadow: 0 0 8px rgba(37, 211, 102, 0.6);
}
/* Telegram - Голубой */
.tg {
color: #0088cc;
border-color: #0088cc;
margin-right: 3px;
box-shadow: 0 0 15px rgba(0, 136, 204, 0.4),
inset 0 0 10px rgba(0, 136, 204, 0.2);
text-shadow: 0 0 8px rgba(0, 136, 204, 0.6);
}
/* Viber - Фиолетовый */
.vi {
color: #7360f2;
border-color: #7360f2;
margin-right: 7px;
box-shadow: 0 0 15px rgba(115, 96, 242, 0.4),
inset 0 0 10px rgba(115, 96, 242, 0.2);
text-shadow: 0 0 8px rgba(115, 96, 242, 0.6);
}
/* Телефон - Белый/Золотой */
.ph {
color: #f1c40f;
border-color: #f1c40f;
margin-right: 3px;
box-shadow: 0 0 15px rgba(241, 196, 15, 0.4),
inset 0 0 10px rgba(241, 196, 15, 0.2);
text-shadow: 0 0 8px rgba(241, 196, 15, 0.6);
}
/* Temnyy fon dlya vsego ekrana */
.social-container {
display: flex;
flex-direction: row; /* Raspolozheniye v ryad */
gap: 20px;
margin-top: 5px;
margin-bottom: 10px;
flex-wrap: wrap; /* Esli ekran malen'kiy, knopki perenesutsya */
justify-content: center;
}
.messenger-link {
display: flex;
align-items: center;
text-decoration: none;
padding: 10px 20px;
border-radius: 12px;
font-weight: 600;
font-size: 14px;
color: #fff;
background: transparent;
border: 2px solid;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
}
/* Ikonka */
.messenger-link i {
font-size: 20px;
margin-right: 12px;
}
/* Neonovye tsveta i svecheniye */
/* WhatsApp */
.whatsapp {
border-color: #25D366;
color: #25D366;
text-shadow: 0 0 5px #25D366;
box-shadow: inset 0 0 10px rgba(37, 211, 102, 0.2), 0 0 15px rgba(37, 211, 102, 0.2);
}
.whatsapp:hover {
background: #25D366;
color: #000;
box-shadow: 0 0 30px #25D366;
}
/* Viber */
.viber {
border-color: #7360F2;
color: #7360F2;
text-shadow: 0 0 5px #7360F2;
box-shadow: inset 0 0 10px rgba(115, 96, 242, 0.2), 0 0 15px rgba(115, 96, 242, 0.2);
}
.viber:hover {
background: #7360F2;
color: #fff;
box-shadow: 0 0 30px #7360F2;
}
/* Telegram */
.telegram {
border-color: #0088cc;
color: #0088cc;
text-shadow: 0 0 5px #0088cc;
box-shadow: inset 0 0 10px rgba(0, 136, 204, 0.2), 0 0 15px rgba(0, 136, 204, 0.2);
}
.telegram:hover {
background: #0088cc;
color: #fff;
box-shadow: 0 0 30px #0088cc;
}
.gallery {
width: 100%;
max-width: 900px;
}
/* Скрываем радиокнопки */
input[name="gallery-control"] {
display: none;
}
/* Главный экран */
.main-display {
width: 100%;
height: 300px;
position: relative;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
background: #ddd;
}
.main-display img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transform: scale(1.1);
}
/* Главный экран */
.main-display2 {
width: 100%;
height: 390px;
position: relative;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
background: #ddd;
}
.main-display2 img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transform: scale(1.1);
}
/* Ряд миниатюр */
.thumbnails {
display: flex;
justify-content: center;
gap: 10px;
margin: 7px 7px 7px 7px;
}
.thumb-btn {
width: 120px;
height: 70px;
cursor: pointer;
border-radius: 5px;
/* Эффект белых краев */
border: 2px solid #ffffff;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
overflow: hidden;
transition: all 0.3s ease;
}
.thumb-btn img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Логика работы без JS */
/* 1. Показываем нужную главную картинку */
#img-1:checked ~ .main-display .img-1,
#img-2:checked ~ .main-display .img-2,
#img-3:checked ~ .main-display .img-3,
#img-4:checked ~ .main-display .img-4 {
opacity: 1;
transform: scale(1);
}
/* 1. Показываем нужную главную картинку */
#img-1:checked ~ .main-display2 .img-1,
#img-2:checked ~ .main-display2 .img-2,
#img-3:checked ~ .main-display2 .img-3,
#img-4:checked ~ .main-display2 .img-4 {
opacity: 1;
transform: scale(1);
}
/* 2. Подсвечиваем активную миниатюру */
#img-1:checked ~ .thumbnails label[for="img-1"],
#img-2:checked ~ .thumbnails label[for="img-2"],
#img-3:checked ~ .thumbnails label[for="img-3"],
#img-4:checked ~ .thumbnails label[for="img-4"] {
opacity: 1;
border-color: #ffffff;
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}
.thumb-btn:hover {
opacity: 0.8;
}
/* 1. Скрываем все ссылки на изображения по умолчанию */
.main-display a.highslide,
.main-display2 a.highslide {
display: none;
}
/* 2. Показываем только ту ссылку, чей radio-button выбран */
#img-1:checked ~ .main-display .highslide:nth-of-type(1),
#img-1:checked ~ .main-display2 .highslide:nth-of-type(1),
#img-2:checked ~ .main-display .highslide:nth-of-type(2),
#img-2:checked ~ .main-display2 .highslide:nth-of-type(2),
#img-3:checked ~ .main-display .highslide:nth-of-type(3),
#img-3:checked ~ .main-display2 .highslide:nth-of-type(3),
#img-4:checked ~ .main-display .highslide:nth-of-type(4),
#img-4:checked ~ .main-display2 .highslide:nth-of-type(4) {
display: block;
}
.neon-container {
display: flex;
height: 80px;
justify-content: center;
gap: 5px;
flex-wrap: wrap;
font-family: 'Segoe UI', sans-serif;
max-width: 1100px;
}
.neon-item {
flex: 1;
display: flex;
height: 80px;
min-width: 170px;
background: #222933;
padding: 10px 10px;
border-radius: 7px;
text-align: center;
transition: all 0.4s ease;
border: 1px solid rgba(255, 255, 255, 0.03);
}
/* Эффект при наведении на карточку */
.neon-item:hover {
background: rgba(255, 255, 255, 0.05);
transform: translateY(-10px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
/* Легкая красная подсветка рамки при наведении */
border-color: rgba(255, 0, 0, 0.3);
}
/* Обычное состояние иконки (просто красный цвет, без свечения) */
.neon-red {
color: #ff0000;
filter: none; /* Свечения нет */
transition: 0.3s ease-in-out;
}
/* Обычное состояние иконки (просто красный цвет) */
.neon-red {
color: #ff0000;
filter: none;
transition: 0.4s ease;
}
/* Мягкий неон ТОЛЬКО при наведении */
.neon-item:hover .neon-red {
/* Уменьшил радиус с 20px до 10px и снизил яркость до 0.4 */
filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.6))
drop-shadow(0 0 10px rgba(255, 0, 0, 0.4));
}
/* Чуть более сдержанная рамка при наведении */
.neon-item:hover {
background: rgba(255, 255, 255, 0.05);
transform: translateY(-8px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}
.icon-box1 {
font-size: 40px;
display: block;
}
/* 5 звезд в ряд */
.stars-row {
min-width: 90px;
justify-content: center;
gap: 6px;
}
.stars-row i {
font-size: 24px;
}
/* Щит с цифрой 1 */
.shield-wrapper {
position: relative;
display: inline-block;
margin-bottom: 25px;
}
.shield-wrapper i {
font-size: 50px;
}
.shield-text {
position: absolute;
top: 65%;
left: 45%;
transform: translate(-50%, -50%);
font-weight: 1000;
font-size: 40px;
color: #222933; /* Цвет фона, чтобы цифра "прорезала" иконку */
}
/* Тексты */
.neon-item h3 {
color: #ffffff;
font-size: 1.0rem;
margin: 10px;
}
.neon-item p {
color: #94a3b8;
font-size: 0.95rem;
line-height: 1.6;
}
:root {
--neon-green: #00ff9d;
--neon-border: rgba(0, 255, 157, 0.3);
--glass-bg: rgba(10, 15, 25, 0.85);
}
/* Основной контейнер 190x290 */
.card5 {
width: 100%;
height: 100%;
background: #222933;
border: 2px solid var(--neon-border);
border-radius: 5px; /* Острые углы выглядят более технологично */
position: relative;
padding: 10px;
box-sizing: border-box;
overflow: hidden;
display: flex;
flex-direction: column;
backdrop-filter: blur(10px);
}
/* Анимированная полоса сканирования */
.card5::after {
content: "";
position: absolute;
top: -50px;
left: 0;
width: 100%;
height: 40px;
background: linear-gradient(to bottom, transparent, rgba(0, 255, 157, 0.1), transparent);
animation: scan 4s linear infinite;
}
@keyframes scan {
0% { top: -50px; }
100% { top: 300px; }
}
/* Индикатор "Online/Active" */
.status {
font-size: 14px;
color: var(--neon-green);
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 10px;
letter-spacing: 1px;
}
.status-dot {
width: 12px;
height: 12px;
background: var(--neon-green);
border-radius: 50%;
box-shadow: 0 0 5px var(--neon-green);
animation: blink 1s infinite;
}
.status-red {
font-size: 14px;
color: #ff0000;
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 10px;
font-weight: bold;
letter-spacing: 1px;
}
.status-dot-red {
width: 12px;
height: 12px;
background: #ff0000;
border-radius: 50%;
box-shadow: 0 0 5px #ff0000;
animation: blink 1s infinite;
}
@keyframes blink {
50% { opacity: 0; }
}
.title {
color: #fff;
font-size: 11px;
margin: 0 0 25px 0;
font-weight: 300;
letter-spacing: 2px;
border-left: 2px solid var(--neon-green);
padding-left: 8px;
}
.specs-list {
margin: 0;
padding: 0;
}
.spec-row {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
border-bottom: 1px solid #87ffd1;
padding-bottom: 4px;
}
.label {
font-size: 9px;
color: #666;
text-transform: uppercase;
}
.value {
font-size: 11px;
color: #fff;
text-shadow: 0 0 8px rgba(255,255,255,0.3);
}
/* Декоративный уголок внизу */
.corner {
position: absolute;
bottom: 5px;
right: 5px;
width: 15px;
height: 15px;
border-right: 1px solid var(--neon-green);
border-bottom: 1px solid var(--neon-green);
opacity: 0.5;
}
:root {
--neon-blue1: #00e5ff;
--neon-pink1: #ff007b;
--transition1: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Основной контейнер */
.product-card1 {
width: 187px;
height: 230px;
position: relative;
background: #000;
border-radius: 5px;
overflow: hidden;
cursor: pointer;
}
/* Изображение */
.card-image1 {
width: 100%;
height: 100%;
transition: var(--transition1);
background: linear-gradient(45deg, #111, #222);
}
/* Слой с характеристиками */
.overlay1 {
position: absolute;
inset: 0;
backdrop-filter: blur(5px);
opacity: 0;
transition: var(--transition1);
display: flex;
flex-direction: column;
box-sizing: border-box;
justify-content: center;
}
.specs-title1 {
color: var(--neon-blue1);
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 15px;
text-align: center;
transform: translateY(-20px);
transition: var(--transition1);
text-shadow: 0 0 8px var(--neon-blue1);
}
.specs-list1 {
display: flex;
flex-direction: column;
gap: 10px;
}
.spec-item1 {
display: flex;
justify-content: space-between;
font-size: 11px;
border-bottom: 1px solid rgba(0, 229, 255, 0.2);
padding-bottom: 4px;
transform: translateY(20px);
opacity: 0;
transition: var(--transition1);
}
.spec-label1 { color: #888; text-transform: uppercase; }
.spec-value1 { color: #fff; font-weight: bold; }
/* Эффекты при наведении */
.product-card1:hover .card-image1 {
transform: scale(1.1);
filter: grayscale(1) brightness(0.4);
}
.product-card1:hover .overlay1 {
opacity: 1;
}
.product-card1:hover .specs-title1 {
transform: translateY(0);
}
.product-card1:hover .spec-item1 {
transform: translateY(0);
opacity: 1;
}
/* Задержки появления строк */
.spec-item1:nth-child(1) { transition-delay: 0.1s; }
.spec-item1:nth-child(2) { transition-delay: 0.15s; }
.spec-item1:nth-child(3) { transition-delay: 0.2s; }
.spec-item1:nth-child(4) { transition-delay: 0.25s; }
.spec-item1:nth-child(5) { transition-delay: 0.3s; }
.s3 {
margin: 5px;
position: relative;
}
:root {
--glass-bg5: rgba(255, 255, 255, 0.1);
--glass-border5: rgba(255, 255, 255, 0.15);
--radius5: 5px;
--neon-color5: #00f2ff;
}
.slider-wrapper5 {
position: relative;
z-index: 1;
width: 100%;
max-width: 1170px;
height: 450px;
margin: 0 auto;
margin-bottom: 10px;
overflow: hidden;
border-radius: var(--radius5);
font-family: 'Segoe UI', sans-serif;
box-shadow: 0 0 10px rgba(0,0,0,0.9);
}
.slide-link5 {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1;
}
.slide-link5.active5 { opacity: 1; visibility: visible; z-index: 2; }
.slide-link5 img { width: 100%; height: 100%; object-fit: cover; }
.product-overlay5 {
position: absolute;
bottom: 10px;
left: 10px;
display: flex;
gap: 10px;
z-index: 10;
}
.product-item5 {
text-decoration: none;
width: 150px;
background: var(--glass-bg5);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 2px solid transparent;
border-radius: var(--radius5);
padding: 8px;
display: flex;
flex-direction: column;
gap: 8px;
transition: all 0.3s ease;
}
.product-item5:hover {
border-color: var(--neon-color5);
background: rgba(0, 0, 0, 0.5);
box-shadow: 0 0 20px var(--neon-color5), inset 0 0 10px var(--neon-color5);
transform: translateY(-5px);
}
.img-section5 {
width: 100%;
height: 170px;
overflow: hidden;
border-radius: var(--radius5);
}
.img-section5 img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.price-section5 {
position: relative;
background: rgba(0, 0, 0, 0.6);
height: 35px;
border-radius: var(--radius5);
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
border: 2px solid transparent;
transition: all 0.3s ease;
}
.product-item5:hover .price-section5 {
border-color: var(--neon-color5);
box-shadow: 0 0 15px var(--neon-color5), inset 0 0 8px var(--neon-color5);
background: rgba(0, 242, 255, 0.15);
}
.price-container5 {
display: flex;
align-items: baseline;
gap: 10px;
transition: 0.3s ease;
}
.current-price5 { font-size: 15px; font-weight: 700; color: #fff; }
.old-price5 { font-size: 10px; text-decoration: line-through; color: rgba(255, 255, 255, 0.3); }
.buy-text5 {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%) translateY(20px);
color: #fff;
font-weight: bold;
font-size: 15px;
letter-spacing: 1.5px;
opacity: 0;
transition: all 0.3s ease;
text-shadow: 0 0 5px #000;
}
.product-item5:hover .price-container5 { opacity: 0; transform: translateY(-10px); }
.product-item5:hover .buy-text5 { opacity: 1; transform: translate(-50%, -50%) translateY(0); }
.nav-arrows5 {
position: absolute;
bottom: 30px;
right: 30px;
display: flex;
gap: 15px;
z-index: 20;
}
.arrow5 {
width: 50px;
height: 50px;
border: 2px solid var(--neon-color5);
border-radius: var(--radius5);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: rgba(0, 0, 0, 0.5);
transition: 0.3s;
box-shadow: 0 0 10px var(--neon-color5), inset 0 0 5px var(--neon-color5);
}
.arrow5:hover {
background: var(--neon-color5);
box-shadow: 0 0 25px var(--neon-color5);
}
.arrow5 svg { width: 24px; height: 24px; fill: none; stroke: var(--neon-color5); stroke-width: 3; transition: 0.3s; }
.arrow5:hover svg { stroke: #000; }
.dots-container5 {
position: absolute;
bottom: 20px;
width: 100%;
display: flex;
justify-content: center;
gap: 10px;
z-index: 15;
}
.dot5 {
width: 30px;
height: 4px;
background: rgba(255, 255, 255, 0.2);
border-radius: var(--radius5);
cursor: pointer;
transition: 0.3s;
}
.dot5.active5 {
background: var(--neon-color5);
box-shadow: 0 0 10px var(--neon-color5);
}
/* Контейнер */
.pure-neon-speedbar {
background: #222933; /* Фон самого блока */
border-radius: 5px;
height: 50px;
margin: 1px 10px 19px 10px;
}
/* Строка в ряд */
.sb-wrapper {
display: flex;
align-items: center;
height: 50px;
padding: 10px;
white-space: nowrap;
overflow-x: auto;
scrollbar-width: none;
}
.sb-wrapper::-webkit-scrollbar {
display: none;
}
/* ССЫЛКИ — цвет #a5bbdc */
.sb-wrapper a {
color: #a5bbdc !important;
text-decoration: none;
font-size: 14px;
font-weight: 500;
padding: 0 8px;
transition: color 0.2s ease, text-shadow 0.2s ease;
background: transparent !important; /* Гарантируем отсутствие фона */
}
/* Эффект КРАСНОГО НЕОНА только на текст */
.sb-wrapper a:hover {
color: #ff0000 !important; /* Сам текст становится красным */
background: transparent !important; /* Никакой заливки */
/* Свечение только букв */
text-shadow:
0 0 5px #ff0000,
0 0 15px #ff0000,
0 0 25px #ff0000;
}
/* Разделители и неактивный текст */
.sb-wrapper,
.sb-wrapper span {
/* Серый цвет для значков разделения */
font-size: 12px;
}
/* Очистка мусора DLE */
.sb-wrapper br {
display: none;
}
/* Tekst "27", kotoriy vsegda v uglu */
.sticker-27 {
position: absolute; /* Fiksaciya vnutri roditelya */
top: 2px; /* Otstup ot verha vnutri bloka */
right: 5px; /* Otstup ot pravogo kraya vnutri bloka */
margin: 0;
font-size: 18px;
font-weight: 900;
color: #000000; /* Akcentniy cvet */
line-height: 1; /* Utrimshivaet lishnie otstupi stroki */
pointer-events: none; /* Chtobi tekst ne meshal videleniyu drugogo teksta */
}
/* Tekst "28", kotoriy vsegda v uglu */
.sticker-28 {
position: absolute; /* Fiksaciya vnutri roditelya */
top: 92%; /* Otstup ot verha vnutri bloka */
right: 74%; /* Otstup ot pravogo kraya vnutri bloka */
margin: 0;
font-size: 14px;
font-weight: 900;
color: #ff0000; /* Akcentniy cvet */
line-height: 1; /* Utrimshivaet lishnie otstupi stroki */
}
:root {
/* Теперь цвет Матрицы — каноничный зеленый */
--matrix-green: #00ff00;
--bg-color: #050505;
--card-bg: #111111;
--text-off: #ffffff;
--label10-off: rgba(255, 255, 255, 0.4);
}
.container10 {
display: flex;
flex-direction: column;
gap: 7px;
margin-top: 7px;
}
.module10 {
position: relative;
background: #222933;
padding: 7px 10px;
border-radius: 7px;
display: flex;
flex-direction: column;
justify-content: center;
cursor: pointer;
overflow: hidden;
transition: background 0.4s ease;
}
/* Холст для матрицы */
.matrix-canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.5s ease;
z-index: 1;
pointer-events: none;
}
.content10 {
position: relative;
z-index: 3;
display: flex;
flex-direction: column;
pointer-events: none;
}
.label10 {
font-size: 12px;
color: var(--label-off);
transition: all 0.5s ease;
}
.value10 {
font-size: 14px;
font-weight: 400;
color: var(--text-off);
transition: all 0.5s ease;
}
/* ЭФФЕКТЫ ПРИ НАВЕДЕНИИ */
.module10:hover {
background: #0a0a0a;
}
.module10:hover .matrix-canvas {
opacity: 0.6; /* Сделал чуть прозрачнее, чтобы текст читался лучше */
}
.module10:hover .label10 {
color: var(--matrix-green);
font-family: 'MedievalSharp', cursive;
text-shadow: 0 0 10px var(--matrix-green);
transform: translateY(-2px);
}
.module10:hover .value10 {
font-family: 'MedievalSharp', cursive;
/* Тень стала гуще для контраста с зеленым дождем */
text-shadow: 0 0 8px #000, 0 0 2px #000;
transform: translateY(2px);
font-size: 15px;
color: #fff;
}
.module-bg-icon {
position: absolute;
text-align: center;
width: 150px;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 15px;
color: rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.03);
padding: 5px 1px;
border-radius: 10px;
transition: all 0.6s ease;
z-index: 2;
}
.module10:hover .module-bg-icon {
color: var(--matrix-green);
font-family: 'MedievalSharp', cursive;
background: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 15px rgba(0, 255, 0, 0.2);
}
.content10 {
position: relative; /* Սա թույլ է տալիս z-index-ին աշխատել */
z-index: 5; /* Ավելի բարձր, քան canvas-ը և icon-ը */
pointer-events: auto; /* Համոզվում ենք, որ սեղմումները թույլատրված են */
}
.content10 a {
position: relative;
z-index: 10;
cursor: pointer; /* Մկնիկը կդառնա «մատիկ» */
}