html {
    overflow-y: scroll
}

body {
    line-height: 1.5;
    cursor: default
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
fieldset,
form,
ul,
li,
dl,
dt,
dd,
td,
th {
    padding: 0;
    margin: 0
}

table {
    border-collapse: collapse;
    margin: 0
}

th {
    text-align: left;
    font-weight: inherit
}

img,
fieldset {
    border: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    font-weight: inherit
}

abbr {
    border: none;
    border-bottom: 1px dotted;
    cursor: help
}

p {
    margin: 0 0 1em 0;
    padding: 0
}

hr {
    height: 0;
    display: block;
    border: none;
    margin: 0;
    border-top: 1px solid #000;
    clear: both
}

em {
    font-style: inherit
}

ul {
    list-style-type: none
}

input:focus,
textarea:focus,
select:focus {
    outline: none
}

button:enabled,
input[type="button"]:enabled,
input[type="submit"]:enabled,
input[type="reset"]:enabled,
input[type="image"]:enabled {
    cursor: pointer
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
    padding: 0;
    border: none
}

.nanoscroller {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.nanoscroller > .content {
    overflow: scroll;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.nanoscroller > .content:focus {
    outline: thin dotted
}

.nanoscroller > .content::-webkit-scrollbar {
    visibility: hidden
}

.has-scrollbar > .content::-webkit-scrollbar {
    visibility: visible
}

.nanoscroller > .pane {
    width: 5px;
    opacity: 0.25;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.nanoscroller > .pane > .slider {
    background-color: #CBCBCB;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 99px;
    margin-right: 2px;
    position: relative
}

.nanoscroller:hover > .pane,
.pane.active,
.pane.flashed {
    opacity: 1
}

#pv-exe_down {
    cursor: default;
    line-height: 1.5;
    font-family: arial, sans-serif;
    background-color: #111;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100002
}

#pv-exe_down_x1 {
    width: 100%;
    height: 100%;
    display: table
}

#pv-exe_down_x2 {
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

#exe_down {
    width: 540px;
    padding: 20px;
    background-color: #FFF;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

a#exe_down-close {
    width: 40px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: 900;
    color: #FFF;
    background-color: #C00;
    position: absolute;
    top: 0;
    right: 10px
}

a#exe_down-close:hover {
    background-color: #F00
}

#exe_down-p {
    line-height: 1.2;
    margin-bottom: 20px
}

#exe_down-p > em {
    display: block;
    color: #777;
    font-size: 22px;
    font-style: normal
}

#exe_down-p > b {
    max-height: 132px;
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    color: #333;
    font-size: 22px;
    font-weight: bold
}

#exe_down-p > i {
    display: block;
    line-height: 1.5;
    color: #999;
    font-size: 9px;
    font-style: normal
}

#exe_down-btn {
    text-align: center;
    margin-bottom: 10px
}

#exe_down-btn > a {
    font-size: 26px;
    text-decoration: none;
    display: inline-block;
    border-radius: 2px;
    padding: 15px 100px;
    color: #FFF;
    background: #71B32E;
    background: -o-linear-gradient(top, #9AD257, #6FB22C);
    background: -ms-linear-gradient(top, #9AD257, #6FB22C);
    background: -moz-linear-gradient(top, #9AD257, #6FB22C);
    background: -webkit-linear-gradient(top, #9AD257, #6FB22C);
    background: linear-gradient(top, #9AD257, #6FB22C);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 3px 0 0 rgba(0, 0, 0, 0.1)
}

#exe_down-btn > a:hover {
    background: #619A27;
    background: -o-linear-gradient(top, #87B84B, #609926);
    background: -ms-linear-gradient(top, #87B84B, #609926);
    background: -moz-linear-gradient(top, #87B84B, #609926);
    background: -webkit-linear-gradient(top, #87B84B, #609926);
    background: linear-gradient(top, #87B84B, #609926)
}

#exe_down-btn > a:active {
    padding: 17px 100px 13px 100px;
    background: #508020;
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.4), inset 0 2px 0 0 rgba(0, 0, 0, 0.2), inset 0 -1px 0 0 rgba(0, 0, 0, 0.4), 0 3px 0 0 rgba(0, 0, 0, 0.1)
}

#exe_down-mp3_only {
    font-size: 10px;
    text-align: center
}

#exe_down-mp3_only a {
    color: #777;
    text-decoration: underline
}

#exe_down-mp3_only a:hover {
    color: #0E9CEE
}

[class*="rtform_"] span.select,
[class*="rtform_"] textarea,
[class*="rtform_"] input[type="text"],
[class*="rtform_"] input[type="password"],
[class*="rtform_"] input[type="button"],
[class*="rtform_"] input[type="submit"],
[class*="rtform_"] input[type="reset"],
a.psv_btn {
    font-size: 1em;
    font-family: arial, sans-serif;
    line-height: normal;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    margin: 0 0 2px 0;
    border-radius: 2px;
    -webkit-appearance: none
}

[class*="rtform_"] textarea {
    vertical-align: top;
    overflow: auto
}

a.psv_btn {
    text-decoration: none !important;
    display: inline-block;
    outline: none
}

[class*="rtform_"] span.select,
[class*="rtform_"] textarea,
[class*="rtform_"] input[type="text"],
[class*="rtform_"] input[type="password"] {
    padding: 0.5em
}

.rtform_w span.select,
.rtform_w textarea,
.rtform_w input[type="text"],
.rtform_w input[type="password"] {
    color: #444;
    box-shadow: inset 0 0 0 1px #BFBFBF, inset 0 2px 0 0 #E5E5E5;
    background-color: #FFF
}

.rtform_w textarea:focus,
.rtform_w input[type="text"]:focus,
.rtform_w input[type="password"]:focus {
    box-shadow: inset 0 0 0 1px #7291BA, inset 0 2px 0 0 #CEDCED
}

.rtform_w textarea:disabled,
.rtform_w input[type="text"]:disabled,
.rtform_w input[type="password"]:disabled {
    color: #BDBDBD;
    box-shadow: inset 0 0 0 1px #DADADA, inset 0 2px 0 0 #E7E7E7;
    background-color: #F0F0F0
}

.rtform_b span.select,
.rtform_b textarea,
.rtform_b input[type="text"],
.rtform_b input[type="password"] {
    color: #EFEFEF;
    box-shadow: inset 0 0 0 1px #0F1113, inset 0 2px 0 0 #191B1E;
    background-color: #1F2226
}

.rtform_b textarea:focus,
.rtform_b input[type="text"]:focus,
.rtform_b input[type="password"]:focus {
    box-shadow: inset 0 0 0 1px #0F1113, inset 0 2px 0 0 #191B1E
}

.rtform_b textarea:disabled,
.rtform_b input[type="text"]:disabled,
.rtform_b input[type="password"]:disabled {
    color: #66696D;
    box-shadow: inset 0 0 0 1px #272B2F, inset 0 2px 0 0 #2A2D32;
    background-color: #2C2F35
}

[class*="rtform_"] span.select {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    white-space: nowrap
}

[class*="rtform_"] span.select:before {
    content: '.';
    display: inline-block;
    width: 0;
    margin: 0.5em 0;
    overflow: hidden;
    vertical-align: middle
}

[class*="rtform_"] span.select select {
    border: none;
    margin: 2px;
    padding: 0.2em 4px;
    background-color: transparent;
    vertical-align: middle;
    font-size: 1em;
    font-family: arial, sans-serif
}

.rtform_w span.select select {
    background-color: #FFF;
    color: #444
}

.rtform_b span.select select {
    background-color: #1F2226;
    color: #EFEFEF
}

[class*="rtform_"] input[type="button"],
[class*="rtform_"] input[type="submit"],
[class*="rtform_"] input[type="reset"],
a.psv_btn {
    padding: 0.5em 1.2em
}

[class*="rtform_"] input[type="button"],
[class*="rtform_"] input[type="submit"],
[class*="rtform_"] input[type="reset"],
a.psv_btn {
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1)
}

[class*="rtform_"] input[type="button"]:focus,
[class*="rtform_"] input[type="submit"]:focus,
[class*="rtform_"] input[type="reset"]:focus {
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1)
}

[class*="rtform_"] input[type="button"]:hover,
[class*="rtform_"] input[type="submit"]:hover,
[class*="rtform_"] input[type="reset"]:hover,
a.psv_btn:hover {
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1)
}

[class*="rtform_"] input[type="button"]:active,
[class*="rtform_"] input[type="submit"]:active,
[class*="rtform_"] input[type="reset"]:active,
a.psv_btn:active {
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.4), inset 0 2px 0 0 rgba(0, 0, 0, 0.2), inset 0 -1px 0 0 rgba(0, 0, 0, 0.4)
}

[class*="rtform_"] input[type="button"]:disabled,
[class*="rtform_"] input[type="submit"]:disabled,
[class*="rtform_"] input[type="reset"]:disabled {
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1)
}

[class*="rtform_"] input[type="button"],
[class*="rtform_"] input[type="submit"],
[class*="rtform_"] input[type="reset"],
a.psv_btn {
    color: #222 !important;
    background: #C7CDD1;
    background: -o-linear-gradient(top, #C7CDD1, #AAB0B2);
    background: -ms-linear-gradient(top, #C7CDD1, #AAB0B2);
    background: -moz-linear-gradient(top, #C7CDD1, #AAB0B2);
    background: -webkit-linear-gradient(top, #C7CDD1, #AAB0B2);
    background: linear-gradient(top, #C7CDD1, #AAB0B2)
}

[class*="rtform_"] input[type="button"]:hover,
[class*="rtform_"] input[type="submit"]:hover,
[class*="rtform_"] input[type="reset"]:hover,
a.psv_btn:hover {
    background: #AEB4B8;
    background: -o-linear-gradient(top, #AEB4B8, #919799);
    background: -ms-linear-gradient(top, #AEB4B8, #919799);
    background: -moz-linear-gradient(top, #AEB4B8, #919799);
    background: -webkit-linear-gradient(top, #AEB4B8, #919799);
    background: linear-gradient(top, #AEB4B8, #919799)
}

[class*="rtform_"] input[type="button"]:active,
[class*="rtform_"] input[type="submit"]:active,
[class*="rtform_"] input[type="reset"]:active,
a.psv_btn:active {
    background: #797D80
}

[class*="rtform_"] input[type="button"]:disabled,
[class*="rtform_"] input[type="submit"]:disabled,
[class*="rtform_"] input[type="reset"]:disabled {
    color: #222;
    background: #C7CDD1;
    background: -o-linear-gradient(top, #C7CDD1, #AAB0B2);
    background: -ms-linear-gradient(top, #C7CDD1, #AAB0B2);
    background: -moz-linear-gradient(top, #C7CDD1, #AAB0B2);
    background: -webkit-linear-gradient(top, #C7CDD1, #AAB0B2);
    background: linear-gradient(top, #C7CDD1, #AAB0B2);
    opacity: 0.3
}

[class*="rtform_"] input[type="button"].rtform-blue,
[class*="rtform_"] input[type="submit"].rtform-blue,
[class*="rtform_"] input[type="reset"].rtform-blue,
a.psv_btn.rtform-blue {
    color: #FFF !important;
    background: #57A3D2;
    background: -o-linear-gradient(top, #57A3D2, #2C87B2);
    background: -ms-linear-gradient(top, #57A3D2, #2C87B2);
    background: -moz-linear-gradient(top, #57A3D2, #2C87B2);
    background: -webkit-linear-gradient(top, #57A3D2, #2C87B2);
    background: linear-gradient(top, #57A3D2, #2C87B2)
}

[class*="rtform_"] input[type="button"].rtform-blue:hover,
[class*="rtform_"] input[type="submit"].rtform-blue:hover,
[class*="rtform_"] input[type="reset"].rtform-blue:hover,
a.psv_btn.rtform-blue:hover {
    background: #4B8EB8;
    background: -o-linear-gradient(top, #4B8EB8, #267599);
    background: -ms-linear-gradient(top, #4B8EB8, #267599);
    background: -moz-linear-gradient(top, #4B8EB8, #267599);
    background: -webkit-linear-gradient(top, #4B8EB8, #267599);
    background: linear-gradient(top, #4B8EB8, #267599)
}

[class*="rtform_"] input[type="button"].rtform-blue:active,
[class*="rtform_"] input[type="submit"].rtform-blue:active,
[class*="rtform_"] input[type="reset"].rtform-blue:active,
a.psv_btn.rtform-blue:active {
    background: #206180
}

[class*="rtform_"] input[type="button"].rtform-blue:disabled,
[class*="rtform_"] input[type="submit"].rtform-blue:disabled,
[class*="rtform_"] input[type="reset"].rtform-blue:disabled {
    color: #FFF;
    background: #57A3D2;
    background: -o-linear-gradient(top, #57A3D2, #2C87B2);
    background: -ms-linear-gradient(top, #57A3D2, #2C87B2);
    background: -moz-linear-gradient(top, #57A3D2, #2C87B2);
    background: -webkit-linear-gradient(top, #57A3D2, #2C87B2);
    background: linear-gradient(top, #57A3D2, #2C87B2);
    opacity: 0.3
}

[class*="rtform_"] input[type="button"].rtform-green,
[class*="rtform_"] input[type="submit"].rtform-green,
[class*="rtform_"] input[type="reset"].rtform-green,
a.psv_btn.rtform-green {
    color: #FFF !important;
    background: #9AD257;
    background: -o-linear-gradient(top, #9AD257, #6FB22C);
    background: -ms-linear-gradient(top, #9AD257, #6FB22C);
    background: -moz-linear-gradient(top, #9AD257, #6FB22C);
    background: -webkit-linear-gradient(top, #9AD257, #6FB22C);
    background: linear-gradient(top, #9AD257, #6FB22C)
}

[class*="rtform_"] input[type="button"].rtform-green:hover,
[class*="rtform_"] input[type="submit"].rtform-green:hover,
[class*="rtform_"] input[type="reset"].rtform-green:hover,
a.psv_btn.rtform-green:hover {
    background: #87B84B;
    background: -o-linear-gradient(top, #87B84B, #609926);
    background: -ms-linear-gradient(top, #87B84B, #609926);
    background: -moz-linear-gradient(top, #87B84B, #609926);
    background: -webkit-linear-gradient(top, #87B84B, #609926);
    background: linear-gradient(top, #87B84B, #609926)
}

[class*="rtform_"] input[type="button"].rtform-green:active,
[class*="rtform_"] input[type="submit"].rtform-green:active,
[class*="rtform_"] input[type="reset"].rtform-green:active,
a.psv_btn.rtform-green:active {
    background: #508020
}

[class*="rtform_"] input[type="button"].rtform-green:disabled,
[class*="rtform_"] input[type="submit"].rtform-green:disabled,
[class*="rtform_"] input[type="reset"].rtform-green:disabled {
    color: #FFF;
    background: #9AD257;
    background: -o-linear-gradient(top, #9AD257, #6FB22C);
    background: -ms-linear-gradient(top, #9AD257, #6FB22C);
    background: -moz-linear-gradient(top, #9AD257, #6FB22C);
    background: -webkit-linear-gradient(top, #9AD257, #6FB22C);
    background: linear-gradient(top, #9AD257, #6FB22C);
    opacity: 0.3
}

[class*="rtform_"] input[type="button"].rtform-red,
[class*="rtform_"] input[type="submit"].rtform-red,
[class*="rtform_"] input[type="reset"].rtform-red,
a.psv_btn.rtform-red {
    color: #FFF !important;
    background: #D25757;
    background: -o-linear-gradient(top, #D25757, #B22C2C);
    background: -ms-linear-gradient(top, #D25757, #B22C2C);
    background: -moz-linear-gradient(top, #D25757, #B22C2C);
    background: -webkit-linear-gradient(top, #D25757, #B22C2C);
    background: linear-gradient(top, #D25757, #B22C2C)
}

[class*="rtform_"] input[type="button"].rtform-red:hover,
[class*="rtform_"] input[type="submit"].rtform-red:hover,
[class*="rtform_"] input[type="reset"].rtform-red:hover,
a.psv_btn.rtform-red:hover {
    background: #B84B4B;
    background: -o-linear-gradient(top, #B84B4B, #992626);
    background: -ms-linear-gradient(top, #B84B4B, #992626);
    background: -moz-linear-gradient(top, #B84B4B, #992626);
    background: -webkit-linear-gradient(top, #B84B4B, #992626);
    background: linear-gradient(top, #B84B4B, #992626)
}

[class*="rtform_"] input[type="button"].rtform-red:active,
[class*="rtform_"] input[type="submit"].rtform-red:active,
[class*="rtform_"] input[type="reset"].rtform-red:active,
a.psv_btn.rtform-red:active {
    background: #802020
}

[class*="rtform_"] input[type="button"].rtform-red:disabled,
[class*="rtform_"] input[type="submit"].rtform-red:disabled,
[class*="rtform_"] input[type="reset"].rtform-red:disabled {
    color: #FFF;
    background: #D25757;
    background: -o-linear-gradient(top, #D25757, #B22C2C);
    background: -ms-linear-gradient(top, #D25757, #B22C2C);
    background: -moz-linear-gradient(top, #D25757, #B22C2C);
    background: -webkit-linear-gradient(top, #D25757, #B22C2C);
    background: linear-gradient(top, #D25757, #B22C2C);
    opacity: 0.3
}

span.rtform-tbgr {
    display: inline-block;
    position: relative
}

span.rtform-tbgr > input[type="text"],
span.rtform-tbgr > input[type="password"] {
    width: 100%
}

span.rtform-tbgr > input[type="submit"] {
    padding: 0 7px;
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 3px
}

span[class^="z-icon-"],
a[class^="z-icon-"] {
    background-image: url('../img/spr.png');
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle
}

h2.std {
    color: #444;
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 10px
}

h3.std {
    color: #444;
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 10px
}

ul.std {
    display: block
}

ul.std > li {
    display: block;
    padding-left: 17px;
    margin-top: 0.75em;
    position: relative
}

ul.std > li:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background-color: #CCC;
    border-radius: 99px;
    position: absolute;
    top: 0.6em;
    left: 2px
}

ul.std > li:first-child {
    margin-top: 0
}

ul.listalka1 {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    text-align: center
}

ul.listalka1 > li {
    text-shadow: 0 1px 0 #FFF;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 2px 0 2px
}

ul.listalka1 > li.listalka1-f {
    margin-right: 20px
}

ul.listalka1 > li.listalka1-l {
    margin-left: 20px
}

ul.listalka1 > li.listalka1-f a,
ul.listalka1 > li.listalka1-l a {
    padding-left: 15px !important;
    padding-right: 15px !important
}

ul.listalka1 > li > i {
    display: block;
    font-style: normal;
    font-weight: normal;
    margin: 0 2px
}

ul.listalka1 > li > a,
ul.listalka1 > li > em {
    display: block;
    text-decoration: none;
    padding: 3px 7px;
    color: #555;
    border-radius: 2px
}

ul.listalka1 li > a {
    background-color: #F5F5F5;
    border: 1px solid #E5E5E5;
    border-bottom-color: #CCC;
    box-shadow: inset 0 1px 0 0 #FFF
}

ul.listalka1 li > a:hover {
    box-shadow: inset 0 1px 0 0 #FFF, 0 0 0 2px #637EA1
}

ul.listalka1 li > a:active {
    background-color: #DDD;
    border: 1px solid #AAA;
    box-shadow: inset 0 1px 0 0 #CCC;
    padding: 4px 7px 2px 7px
}

ul.listalka1 li > em {
    background-color: #DDD;
    border: 1px solid #AAA;
    border-top-color: #888;
    border-bottom-color: #CCC;
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.25)
}

.ibox-norm,
.ibox-good,
.ibox-bad {
    overflow: hidden;
    background-color: #F8F8F8;
    margin-bottom: 30px;
    padding: 10px 15px;
    position: relative;
    border: 1px solid;
    border-radius: 3px
}

.ibox-norm:last-child,
.ibox-good:last-child,
.ibox-bad:last-child {
    margin-bottom: 0
}

.ibox-norm h5.ibox-title,
.ibox-good h5.ibox-title,
.ibox-bad h5.ibox-title {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold
}

.ibox-norm {
    border-color: #777;
    box-shadow: 0 0 1px 0 rgba(119, 119, 119, 0.5)
}

.ibox-norm h5.ibox-title {
    color: #777
}

.ibox-good {
    border-color: #0A0;
    box-shadow: 0 0 1px 0 rgba(116, 193, 63, 0.5)
}

.ibox-good h5.ibox-title {
    color: #0A0
}

.ibox-bad {
    border-color: #C00;
    box-shadow: 0 0 1px 0 rgba(220, 58, 58, 0.5)
}

.ibox-bad h5.ibox-title {
    color: #C00
}

ul#notification {
    width: 280px;
    display: block;
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 999
}

ul#notification > li {
    font-size: 11px;
    color: #FFF;
    display: block;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
    margin-bottom: 5px;
    padding: 5px 10px;
    position: relative;
    border-radius: 2px
}

ul#notification > li > h4 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px
}

li.notification-norm > h4 {
    color: #EEE
}

li.notification-good > h4 {
    color: #6AE415
}

li.notification-bad > h4 {
    color: #FF3030
}

.lbl,
.kaptcha {
    overflow: hidden;
    margin-bottom: 10px
}

.lbl em.lbl-t,
.kaptcha em.kaptcha-t {
    display: block
}

.lbl em.lbl-l,
.kaptcha em.kaptcha-l {
    display: inline-block
}

.kaptcha img {
    display: inline-block;
    vertical-align: top
}

.kaptcha input[type="text"] {
    height: 40px;
    width: 120px;
    font-size: 18px;
    vertical-align: middle
}

html {
    background: #FDFDFD url('../img/bg-t.jpg') 0 0 repeat-x
}

body {
    font-size: 12px;
    font-family: arial, tahoma, sans-serif;
    color: #222;
    overflow: hidden
}

abbr {
    border-bottom-color: #222
}

a {
    color: #08C;
    text-decoration: none
}

a:hover {
    color: #0AF;
    text-decoration: underline
}

body {
    min-width: 320px
}


#xx2,
footer#footer {
    width: 100%;
}

header#header > #header_x1 {
    max-width: 800px
}

#xx1 {
    min-height: 100vh;
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 100px;
    background-color: #E5E9F2;
    position: relative
}

#xx1:before,
#xx1:after {
    content: '';
    display: table
}

#xx1:after {
    clear: both
}

header#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9
}

header#header #header_x1 {
    height: 36px;
    background-color: #555;
    background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.1) 50%, transparent 50%), linear-gradient( to bottom, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 100%);
    box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 0 0 2px 2px;
    margin: 0 auto;
    position: relative
}

header#header img#he-logo {
    width: 115px;
    height: 36px;
    display: block;
    float: left
}

header#header a:hover img#he-logo {
    background-color: rgba(0, 0, 0, 0.1)
}

header#header ul#he-menu {
    height: 36px;
    line-height: 36px;
    display: block;
    float: left;
    overflow: hidden
}

header#header ul#he-menu > li {
    display: inline-block;
    vertical-align: top
}

header#header ul#he-menu > li:before,
header#header ul#he-menu > li:last-child:after {
    content: '';
    height: 36px;
    display: inline-block;
    width: 1px;
    box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.1), -1px 0 0 0 rgba(255, 255, 255, 0.1);
    vertical-align: top;
    background-color: rgba(0, 0, 0, 0.2)
}

header#header ul#he-menu > li > a {
    display: inline-block;
    padding: 0 10px;
    color: #FFF;
    text-decoration: none;
    text-shadow: 0 -1px 0 #333
}

header#header ul#he-menu > li > a:hover {
    background-color: rgba(0, 0, 0, 0.1)
}

header#header ul#he-menu > li > a .z__username {
    max-width: 70px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

header#header #he-search {
    width: 300px;
    height: 22px;
    box-sizing: border-box;
    float: right;
    margin: 7px 20px 0 0;
    overflow: hidden;
    background-color: #FFF;
    border-radius: 2px;
    position: relative;
    padding-right: 32px
}

header#header #he-search input[type="text"] {
    width: 100%;
    height: 22px;
    box-sizing: border-box;
    display: block;
    float: left;
    border: none;
    padding: 0 25px 0 10px;
    margin: 0;
    background-color: transparent;
    box-shadow: none;
    color: #444;
    font-size: 11px
}

header#header #he-search input[type="submit"] {
    width: 32px;
    height: 22px;
    display: block;
    float: right;
    overflow: hidden;
    background: url('../img/spr.png') -200px -79px no-repeat;
    border: none;
    padding: 0;
    box-shadow: none;
    opacity: 0.8;
    margin: 0 -32px 0 0
}

header#header #he-search input[type="submit"]:hover {
    opacity: 1
}

header#header #he-search input::-ms-clear {
    display: none
}

header#header #he-search input::clear {
    display: none
}

header#header #he-search #search-cleaner {
    width: 14px;
    height: 14px;
    display: block;
    overflow: hidden;
    background: #D00 url('../img/search-cleaner.png') 0 0 no-repeat;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
    border-radius: 99px;
    cursor: pointer;
    position: absolute;
    right: 35px;
    top: 4px
}

header#header #he-search #search-cleaner:hover {
    background-color: #E00
}

#xx2 {
    position: relative;
    margin: 0 auto
}

#xx2:before,
#xx2:after {
    content: '';
    display: table
}

#xx2:after {
    clear: both
}

#xbody {
    position: relative
}

#xbody:before,
#xbody:after {
    content: '';
    display: table
}

#xbody:after {
    clear: both
}

#xbody #xbody-left {
    width: 100%;
    float: left;
    position: relative
}

#xbody #xbody-right {
    width: 240px;
    float: right;
    margin-left: 20px;
    position: relative
}

footer#footer {
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 5px 0 5px;
    border-top: 1px solid #DDD;
    color: #777;
    font-size: 11px
}

footer#footer a {
    color: #777
}

footer#footer a:hover {
    color: #222
}

footer#footer #footer-copyright {
    float: left
}

footer#footer #footer-copyright i {
    margin: 0 15px;
    color: #AAA;
    font-style: normal
}

footer#footer ul#footer-menu {
    display: block;
    float: right
}

footer#footer ul#footer-menu > li {
    display: inline-block;
    margin-left: 20px
}

footer#footer ul#footer-menu > li:first-child {
    margin-left: 0
}

@media (min-width: 1001px) {
    #fixplayer {
        width: 100%;
        height: 60px;
        background: #fff;
        border-radius: 5px 5px 0 0;
        font-size: 10px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 40;
    }
    #fixplayer #fixplayer-prokrutka > b,
    #fixplayer #fixplayer-prokrutka > i {
        height: 8px;
        display: block;
        background: url('../img/spr.png') 0 0 no-repeat;
        position: absolute;
        top: 0;
        left: 0
    }
    #fixplayer #fixplayer-prokrutka > b {
        background-position: -180px -584px
    }
    #fixplayer #fixplayer-prokrutka > i {
        background-position: -180px -593px
    }
    #fixplayer #fixplayer-lcd h2#fixplayer-title {
        height: 26px;
        overflow: hidden;
        -webkit-transition: margin .2s;
        transition: margin .2s
    }
    #fixplayer #fixplayer-lcd h2#fixplayer-title > b {
        font-weight: bold;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis
    }
    #fixplayer #fixplayer-lcd h2#fixplayer-title > i {
        font-style: normal;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis
    }
    #fixplayer #fixplayer-lcd #fixplayer-notification {
        height: 26px;
        line-height: 26px
    }
    #fixplayer #fixplayer-lcd.notify #fixplayer-title {
        margin-top: -26px
    }
    #fixplayer #fixplayer-pbtns > a[id^="fixplayer-pbtns-"] {
        width: 36px;
        height: 36px;
        display: block;
        float: left;
        overflow: hidden;
        background: url('../img/spr.png') 0 0 no-repeat;
        margin-right: 7px
    }
    #fixplayer #fixplayer-pbtns > a#fixplayer-pbtns-back {
        background-position: 0 -575px
    }
    #fixplayer #fixplayer-pbtns > a#fixplayer-pbtns-back:hover {
        background-position: -37px -575px
    }
    #fixplayer #fixplayer-pbtns > a#fixplayer-pbtns-back:active {
        background-position: -74px -575px
    }
    #fixplayer #fixplayer-pbtns > a#fixplayer-pbtns-play {
        background-position: 0 -612px
    }
    #fixplayer #fixplayer-pbtns > a#fixplayer-pbtns-play:hover {
        background-position: -37px -612px
    }
    #fixplayer #fixplayer-pbtns > a#fixplayer-pbtns-play:active {
        background-position: -74px -612px
    }
    #fixplayer #fixplayer-pbtns > a#fixplayer-pbtns-pause {
        background-position: 0 -649px
    }
    #fixplayer #fixplayer-pbtns > a#fixplayer-pbtns-pause:hover {
        background-position: -37px -649px
    }
    #fixplayer #fixplayer-pbtns > a#fixplayer-pbtns-pause:active {
        background-position: -74px -649px
    }
    #fixplayer #fixplayer-pbtns > a#fixplayer-pbtns-next {
        background-position: 0 -686px
    }
    #fixplayer #fixplayer-pbtns > a#fixplayer-pbtns-next:hover {
        background-position: -37px -686px
    }
    #fixplayer #fixplayer-pbtns > a#fixplayer-pbtns-next:active {
        background-position: -74px -686px
    }
 
    #fixplayer-volume-for_js {
        width: 100%;
        height: 21px;
        position: absolute;
        top: -7px;
        left: 0
    }

    
    #fixplayer a#fixplayer-fav_add,
    #fixplayer a#fixplayer-fav_del {
        width: 21px;
        height: 21px;
        background: url('../img/spr.png') 0 0 no-repeat;
        display: block;
        overflow: hidden;
        position: absolute;
        top: 7px;
        left: 165px
    }
    
    #fixplayer a#fixplayer-download:hover {
        background-position: -251px -640px
    }
    #fixplayer a#fixplayer-download:active {
        background-position: -322px -640px
    }
    #fixplayer #fixplayer-cover {
        width: 42px;
        height: 42px;
        background: -111px -353px url('../img/spr.png') no-repeat;
        border: 1px solid #777;
        border-radius: 2px;
        box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.25);
        position: absolute;
        left: 165px;
        top: 9px;
        display: none
    }
    #fixplayer-cover img {
        display: block;
        width: 42px;
        height: 42px;
        margin: 0;
        padding: 0
    }
    #fixplayer.is-radio #fixplayer-lcd {
        text-align: left;
        left: 230px;
        top: 18px
    }
    #fixplayer.is-radio #fixplayer-cover {
        display: block
    }
    #fixplayer.is-radio a#fixplayer-fav_add,
    #fixplayer.is-radio a#fixplayer-cf,
    #fixplayer.is-radio a#fixplayer-pmod,
    #fixplayer.is-radio a#fixplayer-download,
    #fixplayer.is-radio #fixplayer-prokrutka {
        display: none
    }
    #fixplayer-prokrutka i,
    #fixplayer-volume i {
        overflow: visible !important
    }
}

@media (max-width: 1000px) {
    #fixplayer {
        height: 80px;
        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 -3px 0 0 rgba(0, 0, 0, 0.3);
        background-color: #EEE;
        background-image: radial-gradient(#FFF, #EEE);
        font-size: 11px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 40
    }
    #fixplayer #fixplayer-prokrutka {
        height: 30px;
        overflow: hidden;
        background-color: #DEDEDE;
        position: absolute;
        top: 5px;
        left: 0;
        right: 0
    }
    #fixplayer #fixplayer-prokrutka > b,
    #fixplayer #fixplayer-prokrutka > i {
        width: 0;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0
    }
    #fixplayer #fixplayer-prokrutka > b {
        background-color: #CFCFCF
    }
    #fixplayer #fixplayer-prokrutka > i {
        background-color: #A2B3C7
    }
    #fixplayer #fixplayer-prokrutka span#fixplayer-prokrutka-proshlo,
    #fixplayer #fixplayer-prokrutka span#fixplayer-prokrutka-dlina {
        width: 40px;
        height: 20px;
        line-height: 20px;
        color: rgba(0, 0, 0, 0.7);
        position: absolute;
        top: 5px
    }
    #fixplayer #fixplayer-prokrutka span#fixplayer-prokrutka-proshlo {
        left: 10px;
        text-align: left
    }
    #fixplayer #fixplayer-prokrutka span#fixplayer-prokrutka-dlina {
        right: 10px;
        text-align: right
    }
    #fixplayer #fixplayer-prokrutka #fixplayer-prokrutka-for_js {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1
    }
    #fixplayer #fixplayer-lcd {
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        color: rgba(0, 0, 0, 0.9);
        white-space: nowrap;
        text-align: center;
        position: absolute;
        top: 10px;
        left: 60px;
        right: 60px
    }
    #fixplayer #fixplayer-lcd h2#fixplayer-title {
        height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        -moz-transition: margin .2s;
        -webkit-transition: margin .2s;
        transition: margin .2s
    }
    #fixplayer #fixplayer-lcd h2#fixplayer-title > b {
        font-weight: bold
    }
    #fixplayer #fixplayer-lcd h2#fixplayer-title > b:after {
        content: '\2014';
        margin: 0 5px;
        font-weight: normal;
        opacity: 0.5
    }
    #fixplayer #fixplayer-lcd h2#fixplayer-title > i {
        font-style: normal
    }
    #fixplayer #fixplayer-notification {
        height: 20px
    }
    #fixplayer #fixplayer-lcd.notify h2#fixplayer-title {
        margin-top: -20px
    }
    #fixplayer #fixplayer-pbtns {
        width: 210px;
        height: 40px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto
    }
    #fixplayer #fixplayer-pbtns a#fixplayer-pbtns-back, #fixplayer #fixplayer-pbtns a#fixplayer-pbtns-play, #fixplayer #fixplayer-pbtns a#fixplayer-pbtns-pause, #fixplayer #fixplayer-pbtns a#fixplayer-pbtns-next {
        width: 60px;
        height: 40px;
        display: block;
        float: left;
        margin: 0 5px;
        background: #ddd;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
        background-size: 300px 300px;
        overflow: hidden;
    }
    #fixplayer #fixplayer-pbtns a#fixplayer-pbtns-back {
        background-position: 0 0
    }
    #fixplayer #fixplayer-pbtns a#fixplayer-pbtns-play {
        background-position: -61px 0
    }
    #fixplayer #fixplayer-pbtns a#fixplayer-pbtns-pause {
        background-position: -122px 0
    }
    #fixplayer #fixplayer-pbtns a#fixplayer-pbtns-next {
        background-position: -183px 0
    }
    #fixplayer a#fixplayer-pmod {
        width: 40px;
        height: 40px;
        display: block;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        right: 0;
        background: #ddd;
    }
    #fixplayer a#fixplayer-pmod:before {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        background: url('../img/spr2.png') 0 0 no-repeat;
        background-size: 300px 300px;
        position: absolute;
        top: 12px;
        left: 12px
    }
    #fixplayer a#fixplayer-pmod.line:before {
        background-position: -250px 0
    }
    #fixplayer a#fixplayer-pmod.repeat:before {
        background-position: -267px 0
    }
    #fixplayer a#fixplayer-pmod.shuffle:before {
        background-position: -250px 0
    }
    #fixplayer a#fixplayer-pmod.stop:before {
        background-position: -267px 0
    }
    #fixplayer.is-radio #fixplayer-prokrutka #fixplayer-prokrutka-for_js {
        display: none
    }
    #fixplayer.is-radio #fixplayer-prokrutka span#fixplayer-prokrutka-dlina {
        font-size: 0
    }
    #fixplayer.is-radio #fixplayer-prokrutka span#fixplayer-prokrutka-dlina:before {
        content: '\221E';
        font-size: 16px
    }
    #fixplayer #fixplayer-cf,
    #fixplayer #fixplayer-fav_add,
    #fixplayer #fixplayer-download,
    #fixplayer #fixplayer-volume,
    #fixplayer.is-radio #fixplayer-cover {
        display: none !important
    }
}

#usbl {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: #21579f;
    /*border-right: 1px solid #AAA;*/
    transition: 0.2s;
    position: relative;
    top: 0;
    left: -200px;
    z-index: 99;
}

h3.usbl-title {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    background: url('../img/spr.png') -200px -182px no-repeat;
    padding: 0 10px;
    position: relative;
    margin-top: -1px;
}

h3.usbl-title a#usbl-vk_export {
    width: 64px;
    height: 30px;
    display: block;
    overflow: hidden;
    background: url('../img/spr.png') -200px -213px no-repeat;
    position: absolute;
    top: 0;
    right: 5px
}

h3.usbl-title a#usbl-vk_export:hover {
    background-position: -265px -213px
}

h3.usbl-title a#usbl-vk_export:active {
    background-position: -330px -213px
}

#usbl-my_fav_empty {
    width: 100%;
    height: 254px;
    background: url('../img/my_fav_empty.png') 0 0 no-repeat;
    margin: 10px auto 20px auto;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

#usbl-my_fav_empty b {
    display: block;
    font-size: 24px;
    margin: 21px 0 137px 0
}

#usbl-my_fav_empty i {
    display: block;
    font-style: normal
}

#usbl .nanoscroller {
    height: auto;
    position: absolute;
    bottom: 0
}

ul#usbl-my_fav {
    font-size: 10px;
    display: block
}

ul#usbl-my_fav > li {
    height: 26px;
    line-height: 26px;
    display: block;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

ul#usbl-my_fav > li h5 {
    padding-left: 10px;
    white-space: nowrap
}

ul#usbl-my_fav > li h5 > a {
    text-decoration: none
}

ul#usbl-my_fav > li em {
    padding: 0 10px 0 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

ul#usbl-my_fav > li em:before {
    content: '';
    display: block;
    width: 9px;
    height: 100%;
    background: url('../img/pl.png') 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: -9px
}

ul#usbl-my_fav > li,
ul#usbl-my_fav > li em {
    background-color: #FFF
}

ul#usbl-my_fav > li h5 > a {
    color: #222
}

ul#usbl-my_fav > li em {
    color: #777
}

ul#usbl-my_fav > li em:before {
    background-position: -20px 0
}

ul#usbl-my_fav > li:nth-child(2n),
ul#usbl-my_fav > li:nth-child(2n) em {
    background-color: #F1F4F7
}

ul#usbl-my_fav > li:nth-child(2n) em:before {
    background-position: -30px 0
}

ul#usbl-my_fav > li.act,
ul#usbl-my_fav > li.act em {
    background-color: #8BA7C9
}

ul#usbl-my_fav > li.act h5 > a {
    color: #FFF
}

ul#usbl-my_fav > li.act em {
    color: #E0E7F0
}

ul#usbl-my_fav > li.act em:before {
    background-position: -40px 0
}

ul#usbl-my_fav > li:hover,
ul#usbl-my_fav > li:hover em {
    background-color: #D7E0EC
}

ul#usbl-my_fav > li:hover em:before {
    background-position: -50px 0
}

ul#usbl-my_fav > li.act:hover,
ul#usbl-my_fav > li.act:hover em {
    background-color: #7291BA
}

ul#usbl-my_fav > li.act:hover em:before {
    background-position: -60px 0
}

ul#usbl-my_fav > li a.z-icon-mdel {
    width: 13px;
    height: 13px;
    background-position: -700px -110px
}

ul#usbl-my_fav > li a.z-icon-mdel:hover {
    background-position: -713px -110px
}

ul#usbl-my_fav > li.act a.z-icon-mdel {
    background-position: -726px -110px
}

ul#usbl-my_fav > li.act a.z-icon-mdel:hover {
    background-position: -739px -110px
}

ul#usbl-my_fav > li a.z-icon-mdel {
    display: none
}

ul#usbl-my_fav > li:hover a.z-icon-mdel {
    display: inline-block
}

a#opcl-usbl {
    width: 46px;
    height: 30px;
    background: #ddd;
    background-size: 300px 300px;
    transition: 0.2s;
    position: absolute;
    bottom: 5px;
    left: 0;
    display: none
}

@media (max-width: 1000px) {
    body.right_side__open:before {
        content: '';
        display: block;
        background-color: #D5D8DB;
        opacity: 0.8;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 10
    }
    body.right_side__open #usbl {
        left: 0
    }
    body.right_side__open #fixplayer {
        left: 200px
    }
    #fixplayer {
        transition: left 0.2s
    }
    a#opcl-usbl {
        display: block
    }
}

@media (max-width: 500px) {
    body.right_side__open #fixplayer #fixplayer-pbtns {
        width: 60px
    }
    body.right_side__open #fixplayer #fixplayer-pbtns > a#fixplayer-pbtns-back,
    body.right_side__open #fixplayer #fixplayer-pbtns > a#fixplayer-pbtns-next {
        display: none
    }
}

@media (min-width: 1001px) {
    #xx1 {
        left: 0px
    }
    #fixplayer,
    header#header {
        left: 200px
    }
    #usbl {
        left: 0
    }
}

ul.playlist {display: block;overflow: hidden;margin: 0;}

ul.playlist li {
    display: block;
    overflow: hidden;
    padding: 20px 25px 15px;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
}

ul.playlist li {
    background-color: #FAFAFA;
}

ul.playlist li ul.playlist-btns {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

ul.playlist li ul.playlist-btns li {
    display: inline-block;
    margin-left: 5px
}

ul.playlist li ul.playlist-btns li:first-child {
    margin-left: 0
}

ul.playlist li ul.playlist-btns li > a {
    display: block;
    background-color: transparent;
    text-align: center;
    text-decoration: none;
    padding: 6px 0;
    border-radius: 50%;
    border: 3px solid;
}

ul.playlist li .playlist-title {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top
}

ul.playlist li .playlist-title a {
    color: #333;
    text-decoration: none
}

ul.playlist li .playlist-title a:hover {
    color: #333;
    text-decoration: underline
}

ul.playlist li .playlist-title span.cartist {
    font-weight: 600
}

ul.playlist li.act .playlist-title a {
    color: #FFF
}


ul.playlist li span.playlist-move {
    width: 15px;
    height: 40px;
    background: red;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
    display: none
}

ul.playlist li.act span.playlist-move {
    background-position: -715px -333px
}

ul.playlist li:hover span.playlist-move {
    display: block
}

.playlist-lyrics {
    overflow: hidden;
    margin: 16px -10px -1px -10px;
    padding: 10px 15px;
    background-color: #FFF;
    border-radius: 5px;
    cursor: auto
}

ul.radiobl {
    display: block;
    text-align: center
}

ul.radiobl > li {
    display: inline-block;
    margin: 0 10px 20px 10px;
    vertical-align: top
}

ul.radiobl > li > a {
    display: block;
    text-decoration: none
}

ul.radiobl > li .radiobl-p {
    padding: 1px;
    background-color: #FFF;
    border: 1px solid #777;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative
}

ul.radiobl > li a:hover .radiobl-p {
    border-color: #5A6C82;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 3px #8BA7C9
}

ul.radiobl > li.act .radiobl-p:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url('../img/spr.png') -380px -333px no-repeat;
    position: absolute;
    top: 1px;
    left: 1px
}

ul.radiobl > li .radiobl-p span.radiobl-cover {
    width: 110px;
    height: 110px;
    display: table-cell;
    vertical-align: middle
}

ul.radiobl > li .radiobl-p span.radiobl-cover > img {
    max-width: 110px;
    max-height: 110px;
    display: block;
    margin: 0 auto
}

ul.radiobl > li .radiobl-p span.radiobl-cover-no {
    width: 110px;
    height: 110px;
    display: table-cell;
    vertical-align: middle;
    background: #DFE6E9 url('../img/spr.png') -269px -333px no-repeat;
    font-size: 0
}

ul.radiobl > li .radiobl-p span.radiobl-cover-no > em {
    width: 100px;
    max-height: 100px;
    overflow: hidden;
    margin: 5px;
    display: inline-block;
    text-align: center;
    color: #849196;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFF;
    word-wrap: break-word
}

ul.radiobl > li h4 {
    width: 110px;
    font-size: 9px;
    color: #222;
    text-align: center;
    margin: 3px auto 0 auto;
    word-wrap: break-word
}

ul.radiobl.mini {
    width: calc( 100% + 10px)
}

ul.radiobl.mini > li {
    margin: 0 10px 15px 0
}

ul.radiobl.mini > li.act .radiobl-p:before {
    background-position: -204px -333px
}

ul.radiobl.mini > li .radiobl-p span.radiobl-cover,
ul.radiobl.mini > li .radiobl-p span.radiobl-cover-no {
    width: 62px;
    height: 62px
}

ul.radiobl.mini > li .radiobl-p span.radiobl-cover > img {
    max-width: 62px;
    max-height: 62px
}

ul.radiobl.mini > li .radiobl-p span.radiobl-cover-no > em {
    width: 52px;
    max-height: 52px;
    font-size: 10px
}

ul.radiobl.mini > li h4 {
    width: 62px
}

.radio_zzselects {
    margin-bottom: 20px;
    overflow: hidden
}

.radio_zzselects .zzselect {
    box-sizing: border-box;
    width: 48%;
    height: 210px
}

.xblock, .player_block {
    background-color: #FFF;
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.xblock h1.xblock-title,
.player_block h1.player_block-title,
.xblock h2.xblock-title,
.player_block h2.player_block-title {
    height: 42px;
    line-height: 42px;
    color: #555;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    font-size: 16px;
    padding: 0 20px;
    margin: -20px -20px 0 -20px;
    border-radius: 5px 5px 0 0;
    background: url('../img/spr.png') 0 -270px repeat-x;
    overflow: hidden;
    position: relative
}

.xblock h1.xblock-title,
.xblock h2.xblock-title {
    margin-bottom: 20px
}

ul#music_styles {
    display: block;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center
}

ul#music_styles > li {
    margin: 1px 2px;
    display: inline-block
}

ul#music_styles > li > a {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 2px 10px;
    border-radius: 99px
}

ul#music_styles > li > a:hover {
    color: #FFF;
    background-color: #989898
}

#top_sre {
    overflow: hidden;
    padding: 10px 20px 0 20px;
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0 0 5px 5px
}

ul#rt_share {
    display: block;
    overflow: hidden;
    float: left
}

ul#rt_share > li {
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 10px 10px
}

ul#rt_share > li:first-child {
    margin-left: 0
}

a[id^="rt_share-i_"] {
    width: 50px;
    height: 20px;
    background: url('../img/rt_share.png') 0 0 no-repeat;
    display: inline-block;
    overflow: hidden;
}

a#rt_share-i_facebook {
    background-position: 0 0
}

a#rt_share-i_facebook:hover {
    background-position: -55px 0
}

a#rt_share-i_twitter {
    background-position: 0 -20px
}

a#rt_share-i_twitter:hover {
    background-position: -55px -20px
}

a#rt_share-i_vk {
    background-position: 0 -40px
}

a#rt_share-i_vk:hover {
    background-position: -55px -40px
}

a#rt_share-i_ok {
    background-position: 0 -60px
}

a#rt_share-i_ok:hover {
    background-position: -55px -60px
}

a#rt_share-i_mailru {
    background-position: 0 -80px
}

a#rt_share-i_mailru:hover {
    background-position: -55px -80px
}

ul#autoriz_no {
    display: block;
    float: right;
    margin-bottom: 10px
}

ul#autoriz_no > li {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    margin-left: 5px
}

ul#autoriz_no > li:first-child {
    margin-left: 0
}

ul#autoriz_no > li > a {
    display: block;
    padding: 0 15px;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #444;
    border-radius: 2px;
    text-align: center
}

ul#autoriz_no > li > a:hover {
    background-color: #222
}

ul.tags_block {
    display: block;
    overflow: hidden;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px
}

ul.tags_block > li {
    font-size: 11px;
    display: inline;
    line-height: 1.75;
    color: #777
}

ul.tags_block > li:after {
    content: 'ТЗ';
    display: inline;
    margin: 0 7px
}

ul.tags_block > li:last-child:after {
    display: none
}

ul.tags_block > li a {
    color: #777
}

ul.tags_block > li a:hover {
    color: #222
}

.sdblock {
    background-color: #FFF;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative
}

.sdblock h3.sdblock-title {
    height: 33px;
    line-height: 30px;
    color: #555;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: bold;
    padding: 0 10px;
    margin: -10px -10px 0 -10px;
    border-radius: 5px 5px 0 0;
    background: url('../img/spr.png') 0 -470px repeat-x;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px
}

.zzselect {
    padding: 3px;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px #BFBFBF, inset 0 2px 0 0 #E5E5E5;
    background-color: #FFF
}

.zzselect > ul {
    height: 100%;
    display: block;
    overflow: auto
}

.zzselect > ul > li {
    display: block;
    white-space: nowrap;
    margin-right: 2px
}

.zzselect > ul > li > a,
.zzselect > ul > li > em {
    display: block;
    text-decoration: none;
    padding: 2px 5px
}

.zzselect > ul > li > a {
    color: #222
}

.zzselect > ul > li > a:hover {
    background-color: #D7E0EC
}

.zzselect > ul > li > em {
    color: #FFF;
    background-color: #8BA7C9
}

.zzselect > ul > li > a > img,
.zzselect > ul > li > em > img {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: -8px;
    margin-right: 5px
}

.zzselect > ul > li > i {
    height: 1px;
    display: block;
    overflow: hidden;
    background-color: #D9D9D9;
    margin: 5px 0
}

.onesongblock {
    background-color: #FFF;
    box-shadow: 0 0 3px 0 rgba(139, 167, 201, 0.5);
    border: 2px solid #8BA7C9;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative
}

.onesongblock .onesongblock-tit_and_dur {
    overflow: hidden;
    margin-bottom: 15px;
    position: relative
}

.onesongblock h1.onesongblock-title {
    line-height: 1.2;
    font-size: 18px;
    overflow: hidden;
    margin-right: 70px
}

.onesongblock h1.onesongblock-title > b {
    display: block;
    color: #222;
    font-weight: bold;
    margin-bottom: 5px
}

.onesongblock h1.onesongblock-title > em {
    display: block;
    color: #555
}

.onesongblock span.onesongblock-duration {
    width: 60px;
    height: 20px;
    line-height: 20px;
    display: block;
    color: #777;
    font-size: 16px;
    text-align: right;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0
}

.onesongblock .onesongblock-btns {
    text-align: center
}

.onesongblock .onesongblock-btns > a {
    width: 100px;
    margin: 5px
}

.onesongblock .onesongblock-end {
    color: #777;
    border-top: 1px solid #DDD;
    margin-top: 15px;
    padding-top: 10px;
    text-align: center
}

.onesongblock .onesongblock-end > i {
    display: block;
    font-style: normal;
    margin-bottom: 5px
}

.more_link {
    overflow: hidden;
    margin: 15px -20px 0 -20px
}

.more_link a {
    line-height: 32px;
    display: block;
    float: right;
    padding: 0 20px;
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
    background-color: #7F7F7F
}

.more_link a:hover {
    color: #FFF;
    background-color: #969696
}

#xbody-right .randomplaylist_btn {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    border-radius: 99px
}

@media (max-width: 640px) {
    #xbody #xbody-left,
    #xbody #xbody-right {
        width: auto;
        float: none;
        margin-left: 0
    }
    footer#footer #footer-copyright {
        margin-bottom: 10px
    }
    footer#footer #footer-copyright,
    footer#footer ul#footer-menu {
        float: none;
        text-align: center
    }
}

@media (max-width: 700px) {
    #xx1 {
        padding-top: 92px
    }
    header#header {
        position: absolute
    }
    header#header #header_x1 {
        height: 72px
    }
    header#header #he-search {
        width: auto;
        margin: 0 10px;
        float: none;
        clear: both;
        top: 7px
    }
    ul#rt_share,
    ul#autoriz_no {
        float: none;
        text-align: center
    }
}

@media (max-width: 780px) {
    header#header #header_x1 {
        max-width: none;
        margin-left: -5px;
        margin-right: -5px;
        border-radius: 0
    }
}

#bottom240Banner {
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    display: none
}

#bottom240Banner > iframe {
    width: 240px;
    height: 400px;
    display: block;
    border: none
}

@media (min-width: 641px) {
    #bottom240Banner {
        display: block
    }
}

.rbt-list {
    background: url("/i/img/interakt-viber.png");
    display: block;
    width: 20px;
    height: 20px;
    background-size: 20px;
    float: left;
    margin-right: 7px
}

.rbt-hide {
    display: none
}

.hide-rbt {
    display: none !important
}

#footerBanner {
    height: 784px;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #FFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    position: relative
}

#footerBanner > iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: none
}

#headerBanner {
    height: 110px;
    overflow: hidden;
    margin: 0 0 20px 0;
    background-color: #FFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    position: relative
}

#headerBanner > iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: none
}

#headerCoolDJBanner {
    height: 160px;
    width: 100%;
    overflow: hidden;
    margin: 0px auto 10px;
    position: relative;
    background-color: #FFF;
    position: relative
}

#headerCoolDJBanner > iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: none
}

#headerWCBanner {
    height: 200px;
    max-width: 460px;
    width: 100%;
    overflow: hidden;
    margin: 10px auto 50px;
    position: relative;
    background-color: #FFF;
    position: relative
}

#headerWCBanner > iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: none
}

#in_playlist_1Banner {
    padding: 0;
    background-color: #FFF;
    border-top: none;
    box-shadow: none;
    cursor: auto
}

#in_playlist_1Banner > div {
    height: 110px;
    padding: 10px;
    overflow: hidden;
    position: relative
}

#in_playlist_1Banner > div > iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: none
}

#in_playlist_2Banner {
    padding: 0;
    background-color: #FFF;
    border-top: none;
    box-shadow: none;
    cursor: auto
}

#in_playlist_2Banner > div {
    height: 110px;
    padding: 10px;
    overflow: hidden;
    position: relative
}

#in_playlist_2Banner > div > iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: none
}

#onesongBanner {
    width: 300px;
    height: 250px;
    overflow: hidden;
    margin: 0 auto 20px auto;
    background-color: #FFF
}

#onesongBanner > iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: none
}

#top240Banner {
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    display: none
}

#top240Banner > iframe {
    width: 240px;
    height: 400px;
    display: block;
    border: none
}

@media (min-width: 641px) {
    #top240Banner {
        display: block
    }
}

.hidden {
    position: absolute;
    left: -9999px;
    top: -9999px
}

ul#usbl-my_fav > li div {
    padding-left: 10px;
    white-space: nowrap
}

ul#usbl-my_fav > li div > a {
    text-decoration: none
}

ul#usbl-my_fav > li div > a {
    color: #222
}

ul#usbl-my_fav > li.act div > a {
    color: #FFF
}

ul#usbl-my_fav > li div > a:first-child span {
    font-weight: bold
}

#load-indicator {
    position: fixed;
    left: 50%;
    top: -40px;
    display: block;
    width: 100px;
    height: 24px;
    margin-left: -50px;
    line-height: 24px;
    border: 1px solid #2374F7;
    color: #fff;
    text-align: center;
    z-index: 200;
    text-shadow: -1px -1px 0 #2374F7;
    -moz-text-shadow: -1px -1px 0 #2374F7;
    -webkit-text-shadow: -1px -1px 0 #2374F7;
    background: #0092EF;
    background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6db3f2), color-stop(50%, #54a3ee), color-stop(51%, #3690f0), color-stop(100%, #1e69de));
    background: -webkit-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
    background: -o-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
    background: -ms-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
    background: linear-gradient(to bottom, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%)
}

body.loading #load-indicator {
    top: 10px
}

/*#playlist-tools {
    height: 22px;
    padding: 11px 0 11px 10px;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 2
}*/

#playlist-tools span, #playlist-tools a {
    width: auto;
    display: block;
    float: left;
    margin-left: 3px;
    overflow: hidden;
    text-align: left;
    cursor: pointer;
}

#playlist-tools a#reload {
    background-position: 0 0
}

#playlist-tools a#reload:hover {
    background-position: -23px 0
}

#playlist-tools a#reload:active {
    background-position: -46px 0
}

#playlist-tools a#reload.active {
    background-position: -78px 0
}

#playlist-tools a#reload.active:hover {
    background-position: -101px 0
}

#playlist-tools a#reload.active:active {
    background-position: -124px 0
}

#playlist-tools span#playlist-edit {
    background-position: 0 -23px
}

#playlist-tools span#playlist-edit:hover {
    background-position: -23px -23px
}

#playlist-tools span#playlist-edit:active {
    background-position: -46px -23px
}

#playlist-tools span#playlist-edit.active {
    background-position: -78px -23px
}

#playlist-tools span#playlist-edit.active:hover {
    background-position: -101px -23px
}

#playlist-tools span#playlist-edit.active:active {
    background-position: -124px -23px
}

#playlist-tools span#inf-scroll {
    background-position: 0 -46px
}

#playlist-tools span#inf-scroll:hover {
    background-position: -23px -46px
}

#playlist-tools span#inf-scroll:active {
    background-position: -46px -46px
}

#playlist-tools span#inf-scroll.active {
    background-position: -78px -46px
}

#playlist-tools span#inf-scroll.active:hover {
    background-position: -101px -46px
}

#playlist-tools span#inf-scroll.active:active {
    background-position: -124px -46px
}

.player_block h1.pbt-w-tools {
    position: relative;
    z-index: 1;
    padding-right: 90px
}

#import-vk-holder {
    display: none
}

.vk-button {
    margin: 0 auto;
    -moz-box-shadow: inset 0px 1px 0px 0px #789abf;
    -webkit-box-shadow: inset 0px 1px 0px 0px #789abf;
    box-shadow: inset 0px 1px 0px 0px #789abf;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #789abf), color-stop(1, #51779f));
    background: -moz-linear-gradient( center top, #789abf 5%, #51779f 100%);
    background-color: #789abf;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #4e6f93;
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 18px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #4e6f93
}

.vk-button:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #51779f), color-stop(1, #789abf));
    background: -moz-linear-gradient( center top, #51779f 5%, #789abf 100%);
    background-color: #51779f
}

.vk-button:active {
    position: relative;
    top: 1px
}

#vk-list-audio {
    height: 200px;
    margin-top: 20px;
    background: #fff;
    border: 1px solid #eee
}

#vk-list-audio span {
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0 7px;
    font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden
}

#vk-list-audio span:nth-child(even) {
    background: #f8f8f8
}

#vk-list-audio i {
    font-style: normal
}

#vk-import-progress {
    height: 20px;
    margin-top: 20px;
    background: #fff;
    border: 1px solid #DEE4E8;
    overflow: hidden
}

#vk-import-progress span {
    display: block;
    width: 0;
    height: 20px;
    background: #95aacb;
    background: -moz-linear-gradient(top, #95aacb 0%, #8199c1 50%, #6d86b9 51%, #5669a6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95aacb), color-stop(50%, #8199c1), color-stop(51%, #6d86b9), color-stop(100%, #5669a6));
    background: -webkit-linear-gradient(top, #95aacb 0%, #8199c1 50%, #6d86b9 51%, #5669a6 100%);
    background: -o-linear-gradient(top, #95aacb 0%, #8199c1 50%, #6d86b9 51%, #5669a6 100%);
    background: -ms-linear-gradient(top, #95aacb 0%, #8199c1 50%, #6d86b9 51%, #5669a6 100%);
    background: linear-gradient(to bottom, #95aacb 0%, #8199c1 50%, #6d86b9 51%, #5669a6 100%)
}

#vk-message {
    margin: 20px 0;
    padding: 10px 15px;
    text-align: center;
    font-weight: bold
}

#vk-message.default {
    border: 1px solid #DEE4E8;
    background: #F5F7F8;
    color: #3E5D81
}

#vk-message.error {
    border: 1px solid #FFBFBF;
    background: #FFE6E6;
    color: #AB0000
}

#vk-message.success {
    border: 1px solid #C2D4BA;
    background: #EBF0E9;
    color: #69875C
}

.opera-fix {
    width: 100%;
    height: 100%;
    display: inline-block
}

.gl__copy_interakt {
    clear: both;
    overflow: hidden;
    text-align: center
}

.gl__copy_interakt > span {
    display: inline-block;
    margin-top: 20px;
    padding: 2px 10px;
    background-color: #E4E6EB;
    background-image: linear-gradient( to bottom, #F1F3F8, #E4E6EB);
    border: 2px dashed #CF4A33;
    font-weight: bold;
    font-size: 12px;
    color: #4E5768
}

.gl__copy_interakt > span::before {
    content: '\00A9';
    display: inline-block;
    vertical-align: middle;
    color: #CF4A33;
    margin-right: 5px;
    font-size: 18px;
    position: relative;
    top: -0.1em
}

.qr_code {
    overflow: hidden;
    margin-bottom: 20px
}

.qr_code > div {
    margin-top: 5px;
    display: none
}

.qr_code > div > img {
    display: inline-block;
    vertical-align: top
}

.oneradioblock .qr_code {
    text-align: center;
    margin-top: 0
}

ul.playlist > li ul.playlist-btns > li > a.playlist-zvooq-other {
    background: url('/banners/boxdigital/img/playOther.png') 100% 100%;
    background-size: cover
}

.share42-element {
    display: inline-block;
    vertical-align: bottom;
    width: 32px;
    height: 32px;
    margin: 0 6px 6px 0;
    padding: 0;
    outline: medium none;
    text-align: left;
}

.share42-element-facebook {
    background: url("../img/share42_icons.png") no-repeat scroll 0 0 transparent
}

.share42-element-google-plus {
    background: url("../img/share42_icons.png") no-repeat scroll -32px 0 transparent
}

.share42-element-mail-ru {
    background: url("../img/share42_icons.png") no-repeat scroll -64px 0 transparent
}

.share42-element-odnoklassniki {
    background: url("../img/share42_icons.png") no-repeat scroll -96px 0 transparent
}

.share42-element-twitter {
    background: url("../img/share42_icons.png") no-repeat scroll -128px 0 transparent
}

.share42-element-vkontakte {
    background: url("../img/share42_icons.png") no-repeat scroll -160px 0 transparent
}

#sf_down__overlay {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000
}

#sf_down,
#sf_down * {
    box-sizing: border-box
}

#sf_down {
    width: 770px;
    height: 324px;
    line-height: 1.5;
    font-size: 12px;
    background-color: #FFF;
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.3);
    margin: auto;
    padding: 25px 30px 30px 30px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1001
}

#sf_down a#sf_down-close {
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: block;
    overflow: hidden;
    text-decoration: none;
    font-family: arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #222;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    right: 0;
    top: 0
}

#sf_down a#sf_down-close:hover {
    color: #C00
}

#sf_down h5 {
    line-height: 1.3;
    color: #222;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0
}

#sf_down h4 {
    line-height: 1.3;
    font-size: 18px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 30px 0;
    padding: 0;
    text-align: center
}

#sf_down h4 b {
    color: #222;
    font-weight: bold
}

#sf_down h4 b:after {
    content: ' \2013';
    color: #AAA;
    margin: 0 5px
}

#sf_down h4 em {
    color: #555;
    font-style: normal
}

#sf_down .sf_down-p {
    overflow: hidden
}

#sf_down .sf_down-block {
    width: 350px;
    display: block;
    float: left;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.1)
}

#sf_down .sf_down-block dl {
    display: block;
    margin: 0 0 20px 0
}

#sf_down .sf_down-block dl > dt {
    width: 90px;
    display: block;
    float: left;
    margin: 0;
    padding: 5px 0;
    color: #222;
    clear: both
}

#sf_down .sf_down-block dl > dd {
    display: block;
    margin: 0 0 0 90px;
    padding: 5px 0
}

#sf_down span.sf_down-speed {
    width: 67px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
    background-position: 0 0;
    background-repeat: no-repeat
}

#sf_down span.sf_down-t1,
#sf_down span.sf_down-t2 {
    font-weight: bold
}

#sf_down a.sf_down-btn {
    width: 220px;
    height: 40px;
    line-height: 38px;
    display: block;
    margin: 0 auto;
    background-image: linear-gradient( to bottom, transparent, rgba(0, 0, 0, 0.1));
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    outline: 3px solid rgba(0, 0, 0, 0.05);
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 22px;
    text-align: center
}

#sf_down a.sf_down-btn:hover {
    box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
    outline-width: 5px
}

#sf_down a.sf_down-btn:active {
    line-height: 40px;
    border-top-color: rgba(0, 0, 0, 0.3);
    border-bottom-color: transparent;
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);
    background-image: none
}

#sf_down .sf_down-block.mod__fast {
    margin-left: 10px
}

#sf_down .sf_down-block.mod__slow span.sf_down-speed {
    background-image: url('data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAEMAAAAQAgMAAAAwviq5AAAACVBMVEUAAAAAAADMAAAb1obkAAAAAnRSTlNNADNE/HAAAAApSURBVHhe7cgxDQAwCADB74CE+kECA8EjqGRgQQTTJUdFmujH38CemwZ1nzphzNnHugAAAABJRU5ErkJggg==')
}

#sf_down .sf_down-block.mod__fast span.sf_down-speed {
    background-image: url('data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAEMAAAAQAgMAAAAwviq5AAAADFBMVEUAAAAiqgAAAAAiqgDNQqAaAAAAA3RSTlMAAE3yG/nzAAAAMUlEQVR4Xu3IMREAIAgAQA+DGMUYjEaxDkcKS9CDhQ0OV0Kw/sjpy64kxtH9GKhKywd5I6Wx4KBm0wAAAABJRU5ErkJggg==')
}

#sf_down .sf_down-block.mod__slow span.sf_down-t1 {
    color: #C00
}

#sf_down .sf_down-block.mod__fast span.sf_down-t1 {
    color: #2A0
}

#sf_down .sf_down-block.mod__slow a.sf_down-btn {
    background-color: #C00
}

#sf_down .sf_down-block.mod__fast a.sf_down-btn {
    background-color: #2A0
}