body {
    display: block;
    min-width: 940px;
    background-color: #F3F3F3;
}

.bg-status-text-color {
    color: #fff;
}

.bg-success {
    background-color: #4dd740;
}

.bg-error {
    background-color: #ff2a1c;
}

/* ==========================================================================
   Main
   ========================================================================== */
main,
section.body-footer {
    margin: 0 auto;
    width: 960px;
    min-width: 960px;
    background-color: #FFFFFF;
}
main {
    z-index: 5;
    min-height: 800px;
}
main.one-column,
main.two-column,
main.three-column {
    padding: 0 0 10px 0;
    width: 960px;
    position: relative;
    /*-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);*/
    /*-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.1);*/
    /*box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.1);*/
}
main.two-column,
main.three-column {
    background-color: #F3F3F3;
}
main article {
    display: inline-block;
    position: relative;
}
main.full article {
    padding: 0;
    margin: 0 auto;
    width: 960px;
    background: none;
}
main.one-column article,
main.two-column article,
main.three-column article {
    position: relative;
    margin: 0;
    padding: 30px 0 20px 30px;
    /*color: #5B606B;*/
    color: #3f3f3f;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow:         0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
}
main.one-column article {
    width: 900px;
    padding: 30px;
}
main.two-column article {
    width: 670px;
    padding: 30px 30px 20px 30px;
}
main.three-column article {
    width: 700px;
}

main.index {
    padding: 0;
    width: 100%;
}
main.index article {
    padding: 0;
    margin: 0;
    width: 100%;
    background: none;
}
main article h1,
main article h2 {
    display: block;
    text-align: center;
    /*color: #949BAB;*/
    color: #2453bd;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
main.three-column article .center-column {
    width: 499px;
    float: left;
    margin: 0 -2px 0 0;
    padding: 0 30px 0 0;
    border-right: 1px solid #F3F3F3;
}

main aside.left {
    display: inline-block;
    position: relative;
    float: left;
    width: 230px;
    height: 100%;
    margin: 0;
    padding: 10px 0 10px 0;
    color: #000000;
    word-wrap: break-word;
    vertical-align: top;
    background-color: #F3F3F3;
}
main aside.left a {
    color: #000000;
}
main aside.left .legal-block {
    position: relative;
}
main aside.left .legal-block .premium-label,
main aside.left .legal-block .premium-label-active {
    position: absolute;
    /*top: -5px;*/
    top: 0;
    /*right: 0;*/
    left: 90px;
    height: 20px;
    width: 83px;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    padding: 5px 0 2px 5px;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    text-align: left;
    color: #000000;
    background: url("/site/image/design/premiumlabelrev.png") left top no-repeat;
    text-align: center;
}
main aside.left .legal-block .premium-label-active {
    background: url("/site/image/design/premiumlabel2.png") left top no-repeat;
    color: #FFFFFF;
}
main aside.left .legal-block .up-popularity {
    position: absolute;
    top: 40px;
    left: 90px;
}
main aside.left .legal-block .up-popularity a {
    font-size: 12px;
    border-radius: 4px;
    background-color: #6b90ff;
    padding: 5px 8px;
    color: #fff;
}
main aside.left .legal-block .up-popularity a:hover {
    text-decoration: none;
}
main aside.left .legal-block a.legal {
font-size: 16px;
font-weight: bold;
line-height: 120%;
display: block;
margin: 10px 0;
padding: 0 15px;
text-align: left;
width: 200px;
max-width: 200px;
word-break: break-all;
}
main aside.left .logo-block {
position: relative;
margin: 0;
padding: 0;
vertical-align: top;
}
main aside.left .logo-block .user-logo {
width: 60px;
height: 60px;
background-color: #FF9500;
position: relative;
top: 0;
left: 0;
display: inline-block;
margin: 0 0 5px 12px;
border: 1px solid #DADEE7;
}
main aside.left .logo-block .popularity-status {
display: inline-block;
vertical-align: top;
width: 130px;
margin: 0;
padding: 10px;
font-size: 12px;
}
main aside.left .logo-block .popularity-status-green {
color: #68A448;
font-size: 16px;
}
main aside.left .logo-block .popularity-status-orange {
color: #FFB543;
font-size: 16px;
}
main aside.left .logo-block .popularity-status-red {
color: #FF4833;
font-size: 16px;
}
main aside.left .popularity-block {
display: block;
margin: 0 12px;
padding: 0;
}
main aside.left .popularity-block .popularity-value {
display: inline-block;
margin: 0 0 0 5px;
padding: 0;
}
main aside.left .popularity-block .popularity-line {
margin: 0;
padding: 0;
display: inline-block;
width: 160px;
height: 14px;
background: #FFB543;
background: -moz-linear-gradient(left, #FFB543 0, #FF4833 160px);
background: -webkit-linear-gradient(left, #FFB543 0, #FF4833 160px);
background: -o-linear-gradient(left, #FFB543 0, #FF4833 160px);
background: -ms-linear-gradient(left, #FFB543 0, #FF4833 160px);
background-image: linear-gradient(to right, #FFB543 0, #68A448 160px);
/*background-image: linear-gradient(to right, #FFB543 0, #FF4833 160px);*/
    text-align: right;
    vertical-align: top;
    position: relative;
    border: 1px solid #B5BDCF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
main aside.left .popularity-block .popularity-line span {
    position: absolute;
    right: 0px;
    top: 0px;
    display: inline-block;
    width: 156px;
    height: 14px;
    background: #F0F0F0;
}
main aside.left .popularity-block .popularity-line .popularity-line-1 {
    width: 120px;
}
main aside.left .popularity-block .popularity-line .popularity-line-2 {
    width: 80px;
}
main aside.left .popularity-block .popularity-line .popularity-line-3 {
    width: 40px;
}
main aside.left .popularity-block .popularity-line .popularity-line-4 {
    width: 0px;
}
main aside.left .popularity-block .btn {
    display: block;
    margin: 5px 0;
}
main aside.left a.battery {
    display: block;
    position: absolute;
    top: 60px;
    left: 90px;
    width: 70px;
    font-size: 12px;
    line-height: 14px;
    padding: 0 0 0 35px;
    margin: 0;
}
main aside.left h2,
main aside.left .aside-header {
    color: #FFFFFF;
    display: block;
    position: relative;
    margin: 15px 0;
    padding: 8px 0 8px 20px;
    background-color: #4267b2;
    font-size: 10px;
    font-weight: normal;
    line-height: 120%;
    text-align: center;
}
main aside.left h2 a,
main aside.left .aside-header a {
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
}
main aside.left h2 a:hover,
main aside.left .aside-header a:hover {
    text-decoration: underline;
}
main aside.left h3 {
    display: block;
    padding: 12px 0 6px 25px;
    color: #B5BDCF;
    font-size: 12px;
    line-height: 120%;
    font-weight: normal;
}
main aside.left a.menu {
    /*color: #248EAD;*/
    color: #3f3f3f;
    display: block;
    font-size: 13px;
    line-height: 120%;
    margin: 0 15px 0 15px;
    padding: 4px 0 4px 35px;
    position: relative;
    text-align: left;
}
main aside.left a.menu:hover {
    text-decoration: none;
    background-color: #E0E0E0;
}
main aside.left a.menu span {
    display: inline-block;
    font-weight: 700;
    /*color: #E6BF4F;*/
    color: #ff9933;
    margin: 0 0 0 10px;
    padding: 0 0 0 5px;
}
main aside.left a.menu span.icon {
    padding: 0;
}
main aside.left .survey {
    padding: 0 25px;
}
main aside.left .survey h3 {
    display: block;
    padding: 0;
    font-size: 12px;
    line-height: 120%;
    color: #000000;
}
main aside.left .survey ul {
    padding: 15px 0;
}
main aside.left .survey ul li {
    color: #000000;
    margin: 5px 0 0 0;
}
main aside.left .survey ul li span {
    cursor: pointer;
    font-size: 12px;
    line-height: 120%;
}
main aside.left .aside-rating ul li {
    text-align: left;
    padding: 9px 15px 0 15px;
    position: relative;
}
main aside.left .aside-rating ul li a {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    color: #248EAD;
    padding: 0 0 0 54px;
}
main aside.left .aside-rating ul li span {
    background: url("/site/image/main/main-icons2.png") -120px -80px no-repeat;
    display: block;
    position: absolute;
    top: 12px;
    height: 8px;
    width: 45px;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}
main aside.left .aside-rating ul li span.one-star {
    width: 9px;
    left: 51px;
}
main aside.left .aside-rating ul li span.two-stars {
    width: 18px;
    left: 42px;
}
main aside.left .aside-rating ul li span.three-stars {
    width: 27px;
    left: 33px;
}
main aside.left .aside-rating ul li span.four-stars {
    width: 36px;
    left: 24px;
}
main aside.left .aside-rating ul li span.five-stars {
    width: 45px;
    left: 15px;
}
main aside.right {
    display: inline-block;
    position: relative;
    float: right;
    width: 170px;
    margin: -30px 0 0 0;
    padding: 20px 0 0 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
    border-left: 1px solid #F3F3F3;
}
main aside.right section {
    margin-top: 10px;
    position: relative;
}
main aside.right h2 {
    display: block;
    position: relative;
    margin: 0;
    padding: 8px 0 8px;
    color: #FFFFFF;
    background-color: #4267b2;
    font-size: 10px;
    font-weight: normal;
    line-height: 120%;
    text-align: center;
}
main aside.right h2 a {
    color: #FFFFFF;
    text-align: center;
}
main aside.right section.can-know {
    padding: 0 0 0 35px;
}
main aside.right section.can-know ul li {
    padding: 10px 0 0 0;
}
main aside.right section.can-know ul li img {
    width: 60px;
    height: 40px;
    display: block;
    margin: 0 0 8px 0;
}
main aside.right section.can-know ul li a {
    font-size: 12px;
    line-height: 14px;
    display: block;
    width: 120px;
    color: #248EAD;
}
main aside.right section.commercial-box ul li {
    padding: 5px 0 0 20px;
    margin: 0;
    text-align: left;
    position: relative;
}
main aside.right section.commercial-box ul li a {
    display: block;
    width: 130px;
    font-size: 12px;
    font-weight: bold;
    color: #69A54B;
    margin: 0 0 5px 0;
    line-height: 110%;
}
main aside.right section.commercial-box ul li a.pic img {
    width: 130px;
    height: 80px;
}
main aside.right section.commercial-box ul li div {
    width: 145px;
    font-size: 12px;
    color: #000000;
    margin: 0;
    line-height: 110%;
}
main aside.right a.arrow-link {
    display: block;
    margin: 15px 30px 15px 0;
    text-align: right;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
main aside.right a.arrow-link:hover {
    text-decoration: underline;
}
main aside.right a.arrow-link:after {
    content: "";
    display: block;
    position: absolute;
    right: -10px;
    top: 5px;
    width: 0;
    height: 0;
    border-top: 6px solid #3D589F;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
main aside.right .aside-rating ul li {
    text-align: left;
    padding: 9px 10px 0 10px;
    position: relative;
}
main aside.right .aside-rating ul li a {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    margin-left: 50px;
    width: 90px;
}
main aside.right .aside-rating ul li span {
    background: url("/site/image/design/smallicons2.png") -120px -80px no-repeat;
    display: block;
    position: absolute;
    top: 12px;
    height: 8px;
    width: 46px;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}
main aside.right .aside-rating ul li span.one-star {
    width: 9px;
    left: 41px;
}
main aside.right .aside-rating ul li span.two-stars {
    width: 18px;
    left: 32px;
}
main aside.right .aside-rating ul li span.three-stars {
    width: 27px;
    left: 23px;
}
main aside.right .aside-rating ul li span.four-stars {
    width: 37px;
    left: 14px;
}
main aside.right .aside-rating ul li span.five-stars {
    width: 46px;
    left: 5px;
}
/* ==========================================================================
   Footer-banner
   ========================================================================== */
.mainpage-banner {
    padding: 15px 0;
    margin: 0 auto;
}
.mainpage-banner a {
    display: block;
    width: 930px;
    background: url("/site/image/design/addtext.png") 140px 2px no-repeat;
    margin: 0 auto;
    padding: 0 0 0 10px;
}

section.footer-banner {
    height: 180px;
    padding: 0 0 15px 0;
    margin: 20px auto 0 auto;
    width: 960px;
}
section.footer-banner a {
    display: block;
    width: 930px;
    background: url("/site/image/design/addtext.png") 140px 2px no-repeat;
    margin: 0 auto;
    padding: 0 0 0 10px;
}
section.page-bottom-banner {
    display: block;
    margin: 20px auto 0 auto;
}
section.page-bottom-banner a {
    display: block;
    background: url("/site/image/design/addtext.png") left 2px no-repeat;
    margin: 0 auto;
    padding: 0 0 0 10px;
}
section.footer-banner a img,
section.page-bottom-banner a img,
.mainpage-banner a img {
    display: block;
    margin: 0 auto;
    z-index: 5;
}
/* ==========================================================================
   Header & Footer
   ========================================================================== */
header section {
    position: relative;
    width: 940px;
    min-width: 940px;
    margin: 0 auto;
    height: 56px;
    z-index: 12;
}
header.w960 section {
    width: 960px;
    min-width: 960px;
}
header section .topbar {
    color: #FFFFFF;
    position: relative;
}
header section a.head-profile,
header section a.head-profile-opened {
    color: #FFFFFF;
    display: block;
    position: absolute;
    top: 8px;
    right: 0px;
    width: 120px;
    max-width: 120px;
    font-size: 14px;
    line-height: 180%;
    height: 15px;
    padding: 10px 20px 10px 30px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
}
header section a.head-profile span,
header section a.head-profile-opened span {
    position: relative;
    cursor: pointer;
    display: inline-block;
}
header section a.head-profile:hover {
    text-decoration: underline;
}
header section .topbar .head-profile-menu-holder {
    position: absolute;
    top: 10px;
    right: 20px;
}
header section .topbar .head-profile-menu {
    position: relative;
    display: inline-block;
    height: 0px;
    width: 0px;
}
header section .topbar .head-profile-menu ul {
    position: absolute;
    left: -160px;
    top: 30px;
    display: none;
    opacity: 0;
    width: 160px;
    padding: 0;
    background: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
    background: -moz-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFFFF) ,color-stop(100%,#E9E9E9));
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
    background: linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
    border: 1px solid #B5BDD0;
    -moz-box-shadow: -2px 2px 5px -3px #000000,
                      2px 2px 5px -3px #000000;
    -webkit-box-shadow: -2px 2px 5px -3px #000000,
                         2px 2px 5px -3px #000000;
    box-shadow: -2px 2px 8px -3px #000000,
                 2px 0px 8px -3px #000000;
    z-index: 11;
}
header section .topbar .head-profile-menu li {
    display: block;
}
header section .topbar .head-profile-menu li.devider {
    display: block;
    border-top: 1px solid #DBDBDB;
}
header section .topbar .head-profile-menu li a {
    color: #3B4F85;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin: 0;
    display: block;
    padding: 8px 0 8px 12px;
    text-transform: lowercase;
}
header section .topbar .head-profile-menu li a:first-letter{
    text-transform:uppercase;
}
header section .topbar .head-profile-menu li a:hover,
header section .topbar .head-profile-menu li a:active {
    background: #FFD563;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}
header section .topbar .notices {
    position: absolute;
    top: 25px;
    right: 180px;
    vertical-align: baseline;
}
header section .topbar .notices a {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 25px;
    padding: 0px 0px 0 20px;
    font-size: 12px;
    line-height: 120%;
    color: #FFFFFF;
    vertical-align: top;
}
header section nav {
    position: absolute;
    left: 320px;
    top: 44px;
    width: 530px;
}
header section nav a {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    font-style: normal;
    display: inline-block;
    color: #FFFFFF;
}
header section nav a.item {
    margin-right: 36px;
}
header section nav a.item:after {
    content: "";
    display: block;
    position: absolute;
    right: -21px;
    top: 8px;
    width: 6px;
    height: 6px;
    background: url("/site/image/design/icons3.png") left top no-repeat;
    background-position: -352px -324px;
}

header .white-menu {
    /*background: #FFD563;*/
    background: #ffffff;
    display: block;
    height: 22px;
    z-index: 12;
    padding: 6px 0 0 0;
}
header nav.inner {
    position: relative;
    width: 960px;
    min-width: 960px;
    display: block;
    margin: 0 auto;
    max-height: 20px;
    text-align: right;
    word-wrap: normal;
}
header nav.inner a {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    font-style: normal;
    display: inline-block;
    color: #000000;
    text-decoration: none;
}
header nav.inner a.item {
    margin-right: 15px;
}
header nav.inner a.logout-link {
    margin: 0 20px 0 50px;
}
header nav.inner a:hover {
    color: #FF4833;
    text-decoration: underline;
}

header section div.login {
    color: #FFFFFF;
    height: 22px;
    position: absolute;
    right: 0px;
    top: 44px;
}
header section div.login span.login-icon {
    display: inline-block;
    background: url("/site/image/design/icons3.png") left top no-repeat;
    background-position: -3px -68px;
    width: 18px;
    height: 16px;
    margin: 0 10px 0 0;
}
header section div.login a {
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    color: #FFD563;
}
header section div.login a:hover,
header section div.login a:active {
    text-decoration: none;
}
header section div.global-search {
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.5);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 240px;
    height: 25px;
    position: absolute;
    left: 240px;
    top: 20px;
}
header section div.global-search form {
    margin: 0;
    padding: 0;
    height: 25px;
    vertical-align: top;
}
header section div.global-search input[type="search"],
header section div.global-search input[type="text"] {
    background: none;
    display: inline-block;
    padding: 6px;
    width: 200px;
    height: 15px;
    line-height: 120%;
    font-size: 12px;
    vertical-align: top;
    color: #FFFFFF;
}
header section div.global-search input[type="search"]::-webkit-input-placeholder,
header section div.global-search input[type="text"]::-webkit-input-placeholder {
    color: #FFFFFF;
}
header section div.global-search input[type="search"]:-moz-placeholder,
header section div.global-search input[type="text"]:-moz-placeholder {
    color: #FFFFFF;
    opacity:  1;
}
header section div.global-search input[type="search"]::-moz-placeholder,
header section div.global-search input[type="text"]::-moz-placeholder {
    color: #FFFFFF;
    opacity:  1;
}
header section div.global-search input[type="search"]:-ms-input-placeholder,
header section div.global-search input[type="text"]:-ms-input-placeholder {
    color: #FFFFFF;
}
header section div.global-search input[type="submit"] {
    display: inline-block;
    background: url("/site/image/design/search-icon.png") left top no-repeat;
    border: 0px;
    margin: 6px 0 0 5px;
    padding: 0;
    width: 14px;
    height: 13px;
}
header section div.global-search0 input[type="submit"] {
    display: inline-block;
    background: url("/site/image/design/search-icon0.png") left top no-repeat;
    border: 0px;
    margin: 6px 0 0 5px;
    padding: 0;
    width: 14px;
    height: 13px;
}

footer {
    width: 100%;
    min-width: 940px;
    display: block;
    background: #4267b2;
    padding: 25px 0 0 0;
    height: 210px;
    z-index: 4;
}
footer section {
    position: relative;
    width: 940px;
    min-width: 940px;
    margin: 0 auto;
    height: 56px;
    z-index: 4;
}
footer section div.copyright {
    width: 200px;
    color: #B2BDDA;
    font-size: 12px;
    font-weight: 300;
    line-height: 120%;
    position: absolute;
    top: 90px;
    left: 0px;
}
footer section nav {
    position: absolute;
    left: 290px;
    top: 20px;
    width: 470px;
}
footer section nav .column {
    display: inline-block;
    margin-right: 50px;
    font-size: 12px;
    font-weight: 400;
    line-height: 188%;
    color: #FFFFFF;
}
footer section nav .column a {
    font-size: 12px;
    font-weight: 300;
    line-height: 188%;
    display: block;
    color: #B2BDDA;
}
footer div.footer-socials {
    position: absolute;
    top: 20px;
    right: 0px;
    width: 260px;
}
footer div.footer-socials .phone {
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    line-height: 188%;
    color: #FFFFFF;
    word-break: normal;
    word-wrap: normal;
}
footer div.footer-socials a {
    text-align: left;
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 188%;
    color: #B3BDDB;
}
footer div.footer-socials span.soc-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0 5px -3px 0;
    background: url("/site/image/design/icons3.png") left top no-repeat;
}
footer div.footer-socials div.phone span.soc-icon {
    background-position: -153px -14px;
}
footer div.footer-socials a.letter span.soc-icon {
    background-position: -176px -14px;
}
footer div.footer-socials a.twitter span.soc-icon {
    background-position: -204px -14px;
}
footer div.footer-socials a.facebook span.soc-icon {
    background-position: -235px -14px;
}
footer div.footer-socials a.kontakt span.soc-icon {
    background-position: -270px -14px;
}
footer div.footer-socials a.youtube span.soc-icon {
    background-position: -295px -14px;
}
footer section .link-to-top {
    position: fixed;
    display: block;
    opacity: 0;
    left: 0;
    bottom: 200px;
    width: 76px;
    height: 66px;
    z-index: 10;
    background: #3b5998;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}
footer section .link-to-top span {
    position: relative;
    margin: 14px 0 0 20px;
    display: block;
    cursor: pointer;
    width: 38px;
    height: 36px;
    background: url("/site/image/main/white-icons.png") -97px -44px no-repeat;
}
footer section .footer-social-share {
    position: absolute;
    top: 120px;
    left: 0;
    width: 200px;
}
footer section .footer-social-share table tr td {
    border: 0;
    padding: 0;
}
footer section .footer-social-share div.social-share-list {
    display: none;
    position: relative;
    left: 105px;
    top: 0;
    margin-top: -80px;
    width: 100px;
    z-index: 10;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    color: #000000;
    text-align: left;
    vertical-align: bottom;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    padding: 5px;
    text-decoration: none;
    vertical-align: top;
}
footer section .footer-social-share .social-share-link {
    width: 200px;
    color: #B2BDDA;
    font-size: 14px;
    font-weight: 300;
    line-height: 120%;
    position: relative;
    cursor: pointer;
    padding: 0 0 0 20px;
    background: url(/site/image/design/share-icon.png) left top no-repeat;
}
footer section .footer-social-share .social-share-link:after {
    content: "";
    display: block;
    position: absolute;
    right: -15px;
    top: 5px;
    width: 0;
    height: 0;
    border-top: 9px solid #B2BDDA;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    cursor: pointer;
}
footer section .footer-social-share .share-item {
    display: block;
    text-align: left;
    margin-top: 5px;
}
footer section .footer-social-share a {
    margin: 0px;
    padding: 0px;
}
footer section .footer-social-share .share-item #ok_footer_shareWidget {
    height: 16px;
    width: 90px;
}
footer section .footer-social-share .share-item .mb-fb-share-btn {
    display: block;
    width: 91px;
    height: 14px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    vertical-align: top;
    font-size: 11px;
    line-height: 120%;
    color: #3B5998;
}
footer section .footer-social-share .share-item .mb-fb-share-btn:hover {
    text-decoration: underline;
}
footer section .footer-social-share .share-item .mb-fb-share-btn img {
    display: inlline-block;
    position: relative;
    margin: 0 6px -3px 0;
}
footer section .footer-social-share .share-item .mb-twitter-share-btn {
    display: block;
    width: 91px;
    height: 14px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    vertical-align: top;
    font-size: 11px;
    line-height: 120%;
    color: #3B5998;
}
footer section .footer-social-share .share-item .mb-twitter-share-btn:hover {
    text-decoration: underline;
}
footer section .footer-social-share .share-item .mb-twitter-share-btn img {
    display: inlline-block;
    position: relative;
    margin: 0 6px -3px 0;
}
footer section .footer-social-share .share-item .mb-gplus-share-btn {
    display: block;
    width: 91px;
    height: 14px;
    padding: 0;
    margin: 3px 0;
    cursor: pointer;
    vertical-align: top;
    font-size: 11px;
    line-height: 120%;
    color: #3B5998;
}
footer section .footer-social-share .share-item .mb-gplus-share-btn:hover {
    text-decoration: underline;
}
footer section .footer-social-share .share-item .mb-gplus-share-btn img {
    display: inlline-block;
    position: relative;
    margin: 0 5px -2px 0;
}
header section a.logo {
    display: block;
    position: absolute;
    margin: 16px 0 12px 0;
}
footer section a.logo {
    display: block;
    position: absolute;
    margin: 0;
}

footer section a.logo img {
    width: 150px;
    margin-top: 17px;
}

header section a.more,
header section a.more-opened,
header div.white-menu a.more,
header div.white-menu a.more-opened {
    cursor: pointer;
    position: relative;
    padding: 0 15px 0 0;
    cursor: pointer;
}
header section a.more:after {
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    top: 8px;
    width: 0px;
    height: 0px;
    border-top: 6px solid #FFFFFF;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    cursor: pointer;
}
header section a.more-opened:after {
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    top: 8px;
    width: 0px;
    height: 0px;
    border-bottom: 6px solid #FFFFFF;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

header div.white-menu a.more:after {
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    top: 4px;
    width: 0px;
    height: 0px;
    border-top: 6px solid #000000;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    cursor: pointer;
}
header div.white-menu a.more-opened:after {
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    top: 4px;
    width: 0px;
    height: 0px;
    border-bottom: 6px solid #000000;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

header section div.menu-head,
header div.white-menu div.menu-head {
    position: relative;
    display: inline-block;
    height: 0px;
    width: 0px;
}
header section div.menu-head ul.head-menu,
header div.white-menu div.menu-head ul.head-menu {
    position: absolute;
    left: -65px;
    top: 30px;
    display: none;
    opacity: 0;
    width: 160px;
    padding: 0;
    background: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
    background: -moz-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFFFF) ,color-stop(100%,#E9E9E9));
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
    background: linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%);
    border: 1px solid #B5BDD0;
    -moz-box-shadow: -2px 2px 5px -3px #000000,
                      2px 2px 5px -3px #000000;
    -webkit-box-shadow: -2px 2px 5px -3px #000000,
                         2px 2px 5px -3px #000000;
    box-shadow: -2px 2px 8px -3px #000000,
                 2px 0px 8px -3px #000000;
    z-index: 20;
}
header section div.menu-head-inner ul.head-menu,
header div.white-menu div.menu-head-inner ul.head-menu {
    left: -134px !important;
}
header section div.menu-head ul.head-menu li,
header div.white-menu div.menu-head ul.head-menu li {
    display: block;
    text-align: left;
}
header section div.menu-head ul.head-menu li.devider,
header div.white-menu div.menu-head ul.head-menu li.devider {
    display: block;
    border-top: 1px solid #DBDBDB;
}
header section div.menu-head ul.head-menu li a,
header div.white-menu div.menu-head ul.head-menu li a {
    color: #3B4F85;
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    margin: 0;
    display: block;
    padding: 12px 0 4px 12px;
    text-transform: lowercase;
}
header div.white-menu div.menu-head ul.head-menu li a {
    color: #000000;
}
header section div.menu-head ul.head-menu li a:first-letter,
header div.white-menu div.menu-head ul.head-menu li a:first-letter {
    text-transform:uppercase;
}
header section div.menu-head ul.head-menu li a:hover,
header section div.menu-head ul.head-menu li a:active,
header div.white-menu div.menu-head ul.head-menu li a:hover,
header div.white-menu div.menu-head ul.head-menu li a:active {
    background: #3b5998;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

div.login-form
{
    position: absolute;
    left: 50%;
    top: 20px;
    margin: 0 0 0 -190px;
    display: none;
    opacity: 0;
    width: 380px;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    z-index: 1000;
}
div.login-form .yui3-panel {
    padding: 0;
}
div.login-form .yui3-widget-hd {
    height: 37px;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
    text-transform: none;
    padding: 23px 25px 0 0;
    margin: 0 0 0 0;
    /*border-bottom: solid 4px #FFD563;*/
}
div.login-form .yui3-widget-hd .yui3-button-close {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    width: 22px;
    height: 21px;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
    background: url("/site/image/design/icons3.png") left top no-repeat;
    background-position: -421px -209px;
}
div.login-form .yui3-widget-bd {
    font-weight: 300;
    font-size: 14px;
    margin: 0;
    padding: 10px 30px 0 30px;
}
div.login-form div.popup-title {
    display: block;
    padding: 0;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 20px;
    color: #FFFFFF;
    margin: 0;
}
div.login-form .yui3-widget-ft {
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    margin: 0 -30px;
}

div.login-form .hint {
    display: block;
    position: relative;
    padding: 0;
    margin: 10px -25px;
    text-align: center;
    font-weight: 300;
    font-size: 17px;
    line-height: 120%;
}
div.login-form div.error {
    width: 275px;
    margin: 10px auto;
    padding: 0;
}
div.login-form div.error b {
    font-weight: normal;
}
div.login-form label {
    display: block;
    position: relative;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    color: #000000;
}
div.login-form div.social-login {
    text-align: center;
    margin: 15px 0;
}
div.login-form label input[type="text"],
div.login-form label input[type="password"] {
    width: 253px;
    margin: 10px 0 0 0;
    border: 1px solid #E6E9F1;
    height: 18px;
    font-size: 16px;
    line-height: 120%;
}
div.login-form label input[type="text"]:active,
div.login-form label input[type="password"]:active,
div.login-form label input[type="text"]:focus,
div.login-form label input[type="password"]:focus {
    border: 2px solid #FFD563;
    padding: 8px 8px 5px 8px;
}
div.login-form label.button-block {
    position: relative;
    font-size: 12px;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}
div.login-form label.button-block input[type=submit].btn {
    background-color: #FFD563;
    border-bottom: 4px solid #CEAD55;
    position: relative;
    display: inline-block;
    padding: 8px 8px 8px 120px;
    margin: 0 auto 10px auto;
    width: 280px;
    font-size: 20px;
    line-height: 120%;
    font-weight: 700;
    text-align: left;
}
div.login-form label.button-block input[type=submit].btn-3d {
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    color: #735D23;
    background:  #FFD563 url("/site/image/design/keyicon.png") -20px top repeat-x;
    border: 0;
    border-bottom: 4px solid #CEAD55;
}
div.login-form label.button-block input[type=submit].btn-3d:hover,
div.login-form label.button-block input[type=submit].btn:hover,
div.login-form label.button-block input[type=submit].btn-3d:focus,
div.login-form label.button-block input[type=submit].btn:focus {
    text-decoration: none;
    color: #735D23;
    background: #FFD563 url("/site/image/design/keyicon2.png") -20px top repeat-x;
}
div.login-form label.button-block input[type=submit].btn-3d:active {
    top: 2px !important;
    text-decoration: none;
    color: #735D23;
    background: #FFD563 url("/site/image/design/keyicon2.png") -20px top repeat-x;
    border-bottom: 2px solid #CEAD55;
    margin-bottom: 10px !important;
    margin-top: 2px !important;
}
div.login-form label.remember {
    font-size: 14px;
    text-align: left;
    padding: 0px;
    width: 275px;
    margin: 10px auto;
}
div.login-form label.remember input {
    margin: 4px 8px 0 0;
}
div.login-form a.forgot {
    display: inline-block;
    text-align: right;
    padding: 0 0 0 25px;
}
div.login-form div.devider {
    width: 380px;
    height: 24px;
    margin: 0 0 24px 30px;
    -moz-box-shadow: 0px 20px 24px -10px #000000;
    -webkit-box-shadow: 0px 20px 24px -10px #000000;
    box-shadow: 0px 20px 24px -10px #000000;
}

header section div.video-popup {
    position: fixed;
    left: 50%;
    top: 20px;
    margin: 0 0 0 -350px;
    display: none;
    opacity: 0;
    width: 700px;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}
header section div.video-popup .yui3-panel {
    padding: 0;
}
header section div.video-popup .yui3-widget-hd {
    text-align: left;
    height: 40px;
    color: #FFFFFF;
    font-size: 28px;
    line-height: 120%;
    text-align: left;
    text-transform: none;
    padding: 10px 0 0 20px;
    margin: 0 0 0 0;
    border-bottom: solid 4px #FFD563;
}
header section div.video-popup .yui3-widget-hd .yui3-button-close {
    position: absolute;
    right: 15px;
    top: 15px;
    display: block;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    width: 22px;
    height: 21px;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
    background: url("/site/image/design/icons3.png") left top no-repeat;
    background-position: -421px -209px;
}
header section div.video-popup .yui3-widget-bd {
    font-weight: 300;
    font-size: 14px;
    margin: 0;
    padding: 15px 30px;
}

main .content-text {
    font-size: 12px;
    margin: 5px 0 5px 0;
    color: #000000;
    white-space: pre;
    white-space: pre-line;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    word-break: normal;
}

.tape-left-col {
    float: left;
    vertical-align: top;
    margin: 0;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}
.tape-right-col {
    float: left;
    width: 350px;
    vertical-align: top;
    display: block;
    letter-spacing: normal;
    word-spacing: normal;
    padding: 10px 0 0 10px;
    line-height: 110%;
}
.tape-right-col .tape-title {
    margin: 5px 0px;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 120%;
    font-weight: normal;
    color: #3D579F;
    word-break: normal;
}
.tape-right-col p {
    font-size: 13px;
    line-height: 110%;
}
.tape-item .post-text {
    display: block;
    white-space: pre;
    white-space: pre-line;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}
.tape-right-col p {
    white-space: pre;
    white-space: pre-line;
    word-break: break-all;
}
.tape-left-col .tape-img {
    vertical-align: top;
    display: block;
    width: 100px;
    height: 100px;
    background-color: #F0F0F0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 2px;
}
.tape-left-col .tape-img img {
    width: 100px;
    height: 100px;
    display: inline-block;
}
.tape-item .company-name {
    margin: 5px 0 5px 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
}
.tape-item .company-name .tape-logo {
    vertical-align: top;
    display: inline-block;
    width: 60px;
    height: 40px;
    border: 2px solid #F0F0F0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.tape-item .company-name .tape-event {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    margin: 1px 0 -1px 0;
    max-width: 330px;
}
.tape-item .company-name .tape-company {
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    color: #3D579F;
    padding: 0 0 0 10px;
    word-wrap: break-word;
    max-width: 380px;
}
.tape-item .company-name .tape-date {
    display: inline-block;
    font-size: 12px;
    line-height: 120%;
    color: #949BAB;
}
.tape-item.promoted .item-content {
    padding: 25px 10px 10px 10px;
    margin: 0 -10px;
    position: relative;
    /*border: 2px solid #A1BCE4;*/
    border: 1px solid #ff9933;
}
.tape-item.promoted .item-content a.promotion-link {
    position: absolute;
    right: 5px;
    top: 5px;
}
.tape-item.vip .item-content {
    padding: 25px 10px 10px 10px;
    margin: 0 -10px;
    position: relative;
    border: 2px solid #A1BCE4;
}
.tape-item.vip .item-content a.promotion-link {
    position: absolute;
    right: 5px;
    top: 5px;
}
.tape-item .item-content .related-price {
    position: relative;
    display: block;
    clear: both;
    font-weight: bold;
    margin: 10px 20px 10px 0;
}
.tape-item .item-content .related-price a {
    display: inline-block;
    font-weight: 400;
    margin: 0;
}

.companies-list {
    margin: 10px 0;
}
.sub-company {
    position: relative;
}
.sub-company-plus {
    position: relative;
    border: 1px solid #ebebeb;
    padding: 25px 0 5px 0;
    margin: 0 0 20px;
}
.promoting-company {
    position: relative;
    /*border: 2px solid #FFD563;*/
    /*border: 1px solid #4267b2;*/
    border: 1px solid #ff9933;
    padding: 25px 0 5px 0;
    margin: 0 0 20px;
}
.promoting-company a.promotion-link,
.companies-list a.promotion-link {
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: #4267b2;
    color: #fff;
    padding: 2px 7px;
    font-size: 10px;
}
.company-left-col {
    vertical-align: top;
    margin: 0;
    padding: 20px 5px 5px 0;
    width: 130px;
    min-height: 140px;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    position: relative;
}
.company-left-col:after {
    content: "";
    display: block;
    position: absolute;
    right: -20px;
    top: -5px;
    background-color: transparent;
    width: 15px;
    height: 140px;
    -moz-box-shadow: -7px 0px 20px -6px #666666;
    -webkit-box-shadow: -7px 0px 20px -6px #666666;
    box-shadow: -7px 0px 20px -6px #666666;
}
.company-right-col {
    vertical-align: top;
    display: inline-block;
    letter-spacing: normal;
    margin: 10px 0 0 20px;
    word-spacing: normal;
    width: 330px;
}
.company-right-col a.company-title {
    margin: 0;
    display: inline;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    color: #3D579F;
    padding: 0;
}
.company-right-col .user-info {
    padding: 0 0 10px 0px;
    font-size: 11px;
    line-height: 14px;
    color: #3D579F;
}
.company-right-col .company-descr {
    padding: 0 0 0 0px;
    color: #000000;
    line-height: 110%;
}

.union-left-col {
    vertical-align: top;
    margin: 20px 0 0 0;
    width: 120px;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}
.union-right-col {
    vertical-align: top;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    width: 350px;
    line-height: 110%;
}
.union-right-col a.union-title {
    display: block;
    margin: 20px 0 10px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    color: #3D579F;
}
.union-left-col .union-img {
    vertical-align: top;
    display: inline-block;
    width: 100px;
    height: 100px;
    background-color: #F0F0F0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 2px;
}
.union-left-col .union-img img {
    width: 100px;
    height: 100px;
}

.my-union-actions,
.my-union-actions a,
.my-union-actions span,
.my-activity-actions,
.my-activity-actions a,
.my-activity-actions span {
    color: #6AA54B;
    font-size: 12px;
    line-height: 120%;
    cursor: pointer;
    position: relative;
}
.my-company-actions {
    margin: 5px 0 5px 0px;
    text-align: right;
}
.my-company-actions a,
.my-company-actions span {
    position: relative;
    vertical-align: top;
    display: inline-block;
    padding: 3px 0 5px 24px;
    margin: 0 5px 0 0;
    color: #6AA54B;
    font-size: 12px;
    line-height: 120%;
    cursor: pointer;
    text-align: left;
    max-width: 150px;
    word-wrap: break-word;
}
.my-company-actions a:hover,
.my-company-actions span:hover,
.my-activity-actions a:hover,
.my-activity-actions span:hover {
    text-decoration: underline;
}
.my-company-actions span.icon {
    position: absolute;
    padding: 0;
}

.comment-actions {
    margin: 0 0 0 70px;
    text-align: right;
}
.comment-actions span.answer-comment-action {
    position: relative;
    vertical-align: top;
    display: inline-block;
    padding: 5px 0 5px 15px;
    margin: 0 5px 0 0;
    color: #6AA54B;
    font-size: 12px;
    line-height: 120%;
    cursor: pointer;
    text-align: left;
    max-width: 150px;
    word-wrap: break-word;
}
.comment-actions span.answer-comment-action:hover {
    text-decoration: underline;
}
.comment-actions span.icon {
    position: absolute;
    padding: 0;
}

.profile-tabs-content .my-tape-actions,
.union-tabs-content .my-tape-actions,
.my-tape-actions {
    height: 22px;
    padding: 10px 0;
    text-align: right;
}
.profile-tabs-content .my-tape-actions a,
.union-tabs-content .my-tape-actions a,
.my-tape-actions a {
    color: #6AA54B;
    font-size: 12px;
    line-height: 120%;
    margin: 0 15px 0 0;
    padding: 5px 0px 5px 16px;
    position: relative;
    cursor: pointer;
}

.my-union-actions {
    width: 350px;
    padding: 5px 0 0 0;
    text-align: right;
}
.my-union-actions a {
    color: #6AA54B;
    font-size: 12px;
    line-height: 120%;
    display: inline-block;
    margin: 0 15px 0 0;
    padding: 5px 0px 5px 16px;
    position: relative;
    cursor: pointer;
}
.my-activity-actions {
    padding: 5px 0 0 0;
    text-align: right;
}
.my-activity-actions a {
    color: #6AA54B;
    font-size: 12px;
    line-height: 120%;
    display: inline-block;
    margin: 0 15px 0 0;
    padding: 5px 0px 5px 16px;
    position: relative;
    cursor: pointer;
}

.profile-tabs-content .my-tape-actions a.tape-favorite,
.union-tabs-content .my-tape-actions a.tape-favorite,
.my-tape-actions a.tape-favorite {
    position: relative;
}
.profile-tabs-content .my-tape-actions a.tape-favorite span.favorite-list,
.union-tabs-content .my-tape-actions a.tape-favorite span.favorite-list,
.my-tape-actions a.tape-favorite span.favorite-list {
    display: none;
    position: absolute;
    right: 6px;
    top: 24px;
    z-index: 10;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    color: #ffffff;
    text-align: left;
    vertical-align: bottom;
    -moz-border-radius: 4px 0 4px 4px;
    -webkit-border-radius: 4px 0 4px 4px;
    border-radius: 4px 0 4px 4px;
    padding: 5px;
    text-decoration: none;
}
.profile-tabs-content .my-tape-actions a.tape-favorite span.favorite-list, .profile-tabs-content .my-tape-actions a.tape-favorite span.favorite-list a,
.my-tape-actions a.tape-favorite span.favorite-list, .my-tape-actions a.tape-favorite span.favorite-list a {
    background: #000000;
    color: #ffffff;
}
.profile-tabs-content .my-tape-actions a.tape-favorite span.favorite-list:before,
.union-tabs-content .my-tape-actions a.tape-favorite span.favorite-list:before,
.my-tape-actions a.tape-favorite span.favorite-list:before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    right: 0px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #FFFFFF;
    border-left: 8px solid transparent;
}
.profile-tabs-content .my-tape-actions a.tape-favorite span.favorite-list:before,
.my-tape-actions a.tape-favorite span.favorite-list:before {
    border-bottom: 8px solid #000000;
}

.profile-tabs-content .my-tape-actions a.tape-favorite:hover span.favorite-list,
.union-tabs-content .my-tape-actions a.tape-favorite:hover span.favorite-list,
.my-tape-actions a.tape-favorite:hover span.favorite-list {
    display: block;
    width: 250px;
}

.show-premium {
    cursor: pointer;
}
.show-premium:hover {
    text-decoration: underline;
}
.premium {
    font-weight: bold;
    color: #69A54B;
}
.standart {
    font-weight: bold;
    color: #3D579F;
}
.green-text {
    color: #6AA54B;
    font-size: 14px;
    line-height: 16px;
}

main article ul.can-know {
    padding: 10px 0;
}
main article ul.can-know li {
    display: inline-block;
    padding: 0;
    margin: 0 5px;
}
main article ul.can-know li img {
    width: 60px;
    height: 40px;
    display: block;
    margin: 0 0 8px 0;
}
main article ul.can-know li a {
    font-size: 12px;
    line-height: 14px;
    display: block;
    width: 80px;
    word-wrap: break-word;
}

.more {
    position: relative;
}
.more span.show-more {
    display: block;
    padding: 12px 8px;
    color: #000000;
}
main .filter-conditions a {
    color: #3D579F;
    display: inline-block;
    margin: 5px;
    border-bottom: 1px dashed #3D579F;
    cursor: pointer;
}
main .filter-conditions a:hover {
    border-bottom: 0px;
    margin-bottom: 6px;
    text-decoration: none;
}

header section div.register-form {
    position: absolute;
    left: 50%;
    top: 20px;
    margin: 0 0 0 -220px;
    display: none;
    opacity: 0;
    width: 440px;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}
header section div.register-form .yui3-panel {
    padding: 0;
}
header section div.register-form .yui3-widget-hd {
    text-align: left;
    height: 37px;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
    text-transform: none;
    padding: 23px 25px 0 0;
    margin: 0 0 0 0;
    border-bottom: solid 4px #FFD563;
}
header section div.register-form .yui3-widget-hd .yui3-button-close {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    width: 22px;
    height: 21px;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
    background: url("/site/image/design/icons3.png") left top no-repeat;
    background-position: -421px -209px;
}
header section div.register-form .yui3-widget-bd {
    font-weight: 300;
    font-size: 14px;
    margin: 0;
    padding: 10px 30px 0 30px;
}
header section div.register-form .yui3-widget-hd div.popup-title {
    display: block;
    padding: 0;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 20px;
    color: #FFFFFF;
    margin: 0;
}
header section div.register-form .yui3-widget-ft {
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    margin: 0 -30px;
}
header section div.register-form .hint {
    display: block;
    position: relative;
    padding: 0;
    margin: 10px -25px;
    text-align: center;
    font-weight: 300;
    font-size: 17px;
    line-height: 120%;
}
header section div.register-form div.error {
    width: 275px;
    margin: 10px auto;
    padding: 0;
}
header section div.register-form div.error b {
    font-weight: normal;
}
header section div.register-form label {
    display: block;
    position: relative;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    color: #000000;
}
header section div.register-form div.social-login {
    text-align: center;
    padding: 15px 0;
}
header section div.register-form label input[type="text"],
header section div.register-form label input[type="password"] {
    width: 253px;
    margin: 10px 0 0 0;
    border: 1px solid #E6E9F1;
    height: 18px;
    font-size: 16px;
    line-height: 120%;
}
header section div.register-form label input[type="text"]:active,
header section div.register-form label input[type="password"]:active,
header section div.register-form label input[type="text"]:focus,
header section div.register-form label input[type="password"]:focus {
    border: 2px solid #FFD563;
    padding: 8px 8px 5px 8px;
}
header section div.register-form label.button-block {
    font-size: 12px;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}
header section div.register-form label.button-block input.btn {
    background-color: #FFD563;
    border-bottom: 4px solid #CEAD55;
    position: relative;
    display: inline-block;
    padding: 8px;
    margin: 0 auto;
    width: 250px;
    font-size: 20px;
    line-height: 120%;
    font-weight: 700;
    text-align: center;
}
header section div.register-form label.button-block input.btn-3d {
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    color: #735D23;
    background-color: #FFD563;
    border: 0;
    border-bottom: 4px solid #CEAD55;
}
header section div.register-form label.button-block input.btn-3d:hover,
header section div.register-form label.button-block input.btn:hover,
header section div.register-form label.button-block input.btn-3d:focus,
header section div.register-form label.button-block input.btn:focus {
    text-decoration: none;
    color: #735D23;
    background-color: #000000;
    background: -moz-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: -webkit-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: -o-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: linear-gradient(to bottom, #FFE86A 0%, #FFD563 100%);
}
header section div.register-form label.button-block input.btn-3d:active {
    top: 2px !important;
    text-decoration: none;
    color: #735D23;
    background: -moz-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: -webkit-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: -o-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: linear-gradient(to bottom, #FFE86A 0%, #FFD563 100%);
    border-bottom: 2px solid #CEAD55;
    margin-bottom: 2px !important;
}
header section div.register-form label.button-block .formlogin-icon {
    display: block;
    position: absolute;
    left: 95px;
    top: 12px;
    width: 18px;
    height: 10px;
    background: url("/site/image/design/icons3.png") left top no-repeat;
    background-position: -6px -123px;
    cursor: pointer;
}
header section div.register-form .terms {
    display: block;
    margin: 10px 0;
}
header section div.register-form .terms,
header section div.register-form .terms a {
    font-size: 12px;
    font-weight: 300;
    line-height: 103%;
    text-align: left;
    color: #798496;
    opacity: 1;
    text-align: center;
}
header section div.register-form .terms a {
    text-decoration: underline;
}
header section div.register-form .terms a:hover {
    text-decoration: none;
}
header section div.register-form div.devider {
    width: 380px;
    height: 24px;
    margin: 0 0 24px 30px;
    -moz-box-shadow: 0px 20px 24px -10px #000000;
    -webkit-box-shadow: 0px 20px 24px -10px #000000;
    box-shadow: 0px 20px 24px -10px #000000;
}

header section div.presentation-popup {
    position: absolute;
    left: 50%;
    top: 60px;
    margin: 0 0 0 -480px;
    display: none;
    opacity: 0;
    width: 960px;
    height: 600px;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.46);
    -moz-box-shadow:    0px 0px 21px 0px rgba(0, 0, 0, 0.46);
    box-shadow:         0px 0px 21px 0px rgba(0, 0, 0, 0.46);
}
header section div.presentation-popup .yui3-panel {
    padding: 0;
}
header section div.presentation-popup .yui3-panel-content {
    position: relative;
    width: 960px;
    height: 600px;
    background: #3B4F85 url("/site/image/design/presentation.png") left top repeat;
}
header section div.presentation-popup .yui3-panel-content .yui3-button-close {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    width: 22px;
    height: 21px;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
    background: url("/site/image/design/icons3.png") left top no-repeat;
    background-position: -421px -209px;
}
header section div.presentation-popup .yui3-panel-content .presentation {
    background: none;
    position: relative;
}
header section div.presentation-popup .yui3-panel-content .presentation .presentation-slide {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    height: 490px;
    width: 960px;
    padding: 30px 0 0 0;
}
header section div.presentation-popup .yui3-panel-content .presentation .presentation-slide.active {
    display: block;
}
header section div.presentation-popup .yui3-panel-content .slide-menu {
    position: absolute;
    bottom: 30px;
    left: 375px;
    display: block;
    width: 330px;
    height: 25px;
    vertical-align: bottom;
    text-align: left;
}
header section div.presentation-popup .yui3-panel-content .slide-menu span.slide-switch {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/site/image/design/presentation-controls.png") -36px -8px no-repeat;
    margin: 2px 15px;
    cursor: pointer;
}
header section div.presentation-popup .yui3-panel-content .slide-menu span.active {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 15px;
    background: url("/site/image/design/presentation-controls.png") -3px -6px no-repeat;
}
header section div.presentation-popup .yui3-panel-content .next-slide-btn {
    position: absolute;
    bottom: 20px;
    right: 24px;
    display: block;
    width: 125px;
    height: 46px;
    background: url("/site/image/design/presentation-controls.png") -3px -31px no-repeat;
    cursor: pointer;
}
header section div.presentation-popup .yui3-panel-content .presentation .presentation-slide h2 {
    font-size: 36px;
    font-weight: 400;
    line-height: 120%;
    color: #FFFFFF;
    text-align: center;
}
header section div.presentation-popup .yui3-panel-content .presentation .presentation-slide h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    color: #FFFFFF;
    text-align: center;
}
header section div.presentation-popup .yui3-panel-content .presentation .presentation-slide h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    color: #FFFFFF;
    text-align: center;
}
header section div.presentation-popup .yui3-panel-content .presentation .presentation-slide .slide-image {
    display: block;
    margin: 0 auto;
}
header section div.presentation-popup .yui3-panel-content .presentation .presentation-slide .slide-image-raw {
    display: inline-block;
    margin: 0;
}
header section div.presentation-popup .yui3-panel-content .presentation .presentation-slide .slide-link {
    color: #FFD563;
}
header section div.presentation-popup .yui3-panel-content .presentation .presentation-slide .presentation-btn {
    display: block;
    position: relative;
    font-size: 28px;
    line-height: 120%;
    font-weight: 700;
    padding: 12px;
    width: 400px;
    margin: 30px auto 0 auto;
    color: #735D23;
    background-color: #FFD563;
    border-bottom: 4px solid #CEAD55;
    text-align: center;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    text-transform: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
header section div.presentation-popup .yui3-panel-content .presentation .presentation-slide .presentation-btn:hover {
    color: #735D23;
    background-color: #FFD563;
    background: -moz-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: -webkit-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: -o-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: linear-gradient(to bottom, #FFE86A 0%, #FFD563 100%);
}
header section div.presentation-popup .yui3-panel-content .presentation .presentation-slide .presentation-btn:active {
    color: #735D23;
    background-color: #FFD563;
    background: -moz-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: -webkit-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: -o-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: linear-gradient(to bottom, #FFE86A 0%, #FFD563 100%);
    border-bottom: 2px solid #CEAD55;
    margin-top: 32px;
}
header section div.presentation-popup .premium-video {
    position: relative;
    margin: 30px auto 0 auto;
    height: 380px;
    width: 640px;
    padding: 0 78px;
    background: none;
}
header section div.presentation-popup .premium-video .play-block {
    background: #000000;
    background-image: -ms-radial-gradient(center, circle farthest-corner, #999999 0%, #000000 100%);
    background-image: -moz-radial-gradient(center, circle farthest-corner, #999999 0%, #000000 100%);
    background-image: -o-radial-gradient(center, circle farthest-corner, #999999 0%, #000000 100%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #999999), color-stop(1, #000000));
    background-image: -webkit-radial-gradient(center, circle farthest-corner, #999999 0%, #000000 100%);
    background-image: radial-gradient(circle farthest-corner at center, #999999 0%, #000000 100%);
    position: relative;
    top: 10px;
    color: #FFFFFF;
    width: 640px;
    height: 100px;
    font-size: 32px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    vertical-align: top;
    padding: 260px 0 0 0;
    opacity: 0.7;
}
header section div.presentation-popup .premium-video .play-button {
    position: absolute;
    top: 100px;
    left: 324px;
    width: 142px;
    height: 142px;
    background: url("/site/image/main/play-button.png") left top no-repeat;
    cursor: pointer;
    opacity: 0.6;
}
header section div.presentation-popup .premium-video .play-button:hover {
    opacity: 0.9;
}


/** about-popup : B */
header section div.about-popup {
    position: absolute;
    left: 65%;
    top: 60px;
    margin: 0 0 0 -480px;
    display: none;
    opacity: 0;
    width: 580px;
    height: 350px;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.46);
    -moz-box-shadow:    0px 0px 21px 0px rgba(0, 0, 0, 0.46);
    box-shadow:         0px 0px 21px 0px rgba(0, 0, 0, 0.46);
}
header section div.about-popup .yui3-panel {
    padding: 0;
}
header section div.about-popup .yui3-panel-content {
    position: relative;
    width: 598px;
    height: 315px;
    background: #3B4F85 url("/site/image/design/presentation.png") left top repeat;
    padding: 14px;
}
header section div.about-popup .yui3-panel-content .yui3-button-close {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    width: 22px;
    height: 21px;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
    background: url("/site/image/design/icons3.png") left top no-repeat;
    background-position: -421px -209px;
}
header section div.about-popup .yui3-panel-content .presentation {
    background: none;
    position: relative;
}
header section div.about-popup .yui3-panel-content .presentation .presentation-slide {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    height: 490px;
    width: 960px;
    padding: 30px 0 0 0;
}
header section div.about-popup .yui3-panel-content .presentation .presentation-slide.active {
    display: block;
}
header section div.about-popup .yui3-panel-content .slide-menu {
    position: absolute;
    bottom: 30px;
    left: 375px;
    display: block;
    width: 330px;
    height: 25px;
    vertical-align: bottom;
    text-align: left;
}
header section div.about-popup .yui3-panel-content .slide-menu span.slide-switch {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/site/image/design/presentation-controls.png") -36px -8px no-repeat;
    margin: 2px 15px;
    cursor: pointer;
}
header section div.about-popup .yui3-panel-content .slide-menu span.active {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 15px;
    background: url("/site/image/design/presentation-controls.png") -3px -6px no-repeat;
}
header section div.about-popup .yui3-panel-content .next-slide-btn {
    position: absolute;
    bottom: 20px;
    right: 24px;
    display: block;
    width: 125px;
    height: 46px;
    background: url("/site/image/design/presentation-controls.png") -3px -31px no-repeat;
    cursor: pointer;
}
header section div.about-popup .yui3-panel-content .presentation .presentation-slide h2 {
    font-size: 36px;
    font-weight: 400;
    line-height: 120%;
    color: #FFFFFF;
    text-align: center;
}
header section div.about-popup .yui3-panel-content .presentation .presentation-slide h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    color: #FFFFFF;
    text-align: center;
}
header section div.about-popup .yui3-panel-content .presentation .presentation-slide h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    color: #FFFFFF;
    text-align: center;
}
header section div.about-popup .yui3-panel-content .presentation .presentation-slide .slide-image {
    display: block;
    margin: 0 auto;
}
header section div.about-popup .yui3-panel-content .presentation .presentation-slide .slide-image-raw {
    display: inline-block;
    margin: 0;
}
header section div.about-popup .yui3-panel-content .presentation .presentation-slide .slide-link {
    color: #FFD563;
}
header section div.about-popup .yui3-panel-content .presentation .presentation-slide .presentation-btn {
    display: block;
    position: relative;
    font-size: 28px;
    line-height: 120%;
    font-weight: 700;
    padding: 12px;
    width: 400px;
    margin: 30px auto 0 auto;
    color: #735D23;
    background-color: #FFD563;
    border-bottom: 4px solid #CEAD55;
    text-align: center;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    text-transform: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
header section div.about-popup .yui3-panel-content .presentation .presentation-slide .presentation-btn:hover {
    color: #735D23;
    background-color: #FFD563;
    background: -moz-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: -webkit-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: -o-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: linear-gradient(to bottom, #FFE86A 0%, #FFD563 100%);
}
header section div.about-popup .yui3-panel-content .presentation .presentation-slide .presentation-btn:active {
    color: #735D23;
    background-color: #FFD563;
    background: -moz-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: -webkit-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: -o-linear-gradient(top, #FFE86A 0%, #FFD563 100%);
    background: linear-gradient(to bottom, #FFE86A 0%, #FFD563 100%);
    border-bottom: 2px solid #CEAD55;
    margin-top: 32px;
}
header section div.about-popup .premium-video {
    position: relative;
    margin: 30px auto 0 auto;
    height: 380px;
    width: 640px;
    padding: 0 78px;
    background: none;
}
header section div.about-popup .premium-video .play-block {
    background: #000000;
    background-image: -ms-radial-gradient(center, circle farthest-corner, #999999 0%, #000000 100%);
    background-image: -moz-radial-gradient(center, circle farthest-corner, #999999 0%, #000000 100%);
    background-image: -o-radial-gradient(center, circle farthest-corner, #999999 0%, #000000 100%);
    background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #999999), color-stop(1, #000000));
    background-image: -webkit-radial-gradient(center, circle farthest-corner, #999999 0%, #000000 100%);
    background-image: radial-gradient(circle farthest-corner at center, #999999 0%, #000000 100%);
    position: relative;
    top: 10px;
    color: #FFFFFF;
    width: 640px;
    height: 100px;
    font-size: 32px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    vertical-align: top;
    padding: 260px 0 0 0;
    opacity: 0.7;
}
header section div.about-popup .premium-video .play-button {
    position: absolute;
    top: 100px;
    left: 324px;
    width: 142px;
    height: 142px;
    background: url("/site/image/main/play-button.png") left top no-repeat;
    cursor: pointer;
    opacity: 0.6;
}
header section div.about-popup .premium-video .play-button:hover {
    opacity: 0.9;
}
/** about-popup : E */

div.social-share {
    display: inline-block;
    position: relative;
}
div.social-share table tr td {
    border: 0;
    padding: 0;
}
div.social-share .social-share-link {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0 15px 0 25px;
}
.my-activity-actions div.social-share .social-share-link {
    padding: 5px 0;
}
div.social-share .social-share-link:after {
    content: "";
    display: block;
    position: absolute;
    left: -18px;
    top: 1px;
    width: 0;
    height: 0;
    border-top: 11px solid #6AA54B;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.my-activity-actions div.social-share .social-share-link:after {
    top: 5px;
}
div.social-share div.social-share-list {
    display: none;
    position: absolute;
    right: 25px;
    top: 24px;
    width: 190px;
    z-index: 10;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    color: #000000;
    text-align: left;
    vertical-align: bottom;
    -moz-border-radius: 4px 0 4px 4px;
    -webkit-border-radius: 4px 0 4px 4px;
    border-radius: 4px 0 4px 4px;
    padding: 5px;
    text-decoration: none;
    vertical-align: top;
}
div.social-share div.social-share-list:before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    right: 0px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #FFFFFF;
    border-left: 8px solid transparent;
}
div.social-share div.social-share-list .share-item {
    display: block;
    text-align: left;
    margin: 5px 0 0 10px;
}
div.social-share div.social-share-list a {
    margin: 0px;
    padding: 0px;
}
div.social-share div.social-share-list .share-item .mb-fb-share-btn {
    display: block;
    width: 91px;
    height: 14px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    vertical-align: top;
    font-size: 11px;
    line-height: 120%;
    color: #3B5998;
}
div.social-share div.social-share-list .share-item .mb-fb-share-btn:hover {
    text-decoration: underline;
}
div.social-share div.social-share-list .share-item .mb-fb-share-btn img {
    display: inlline-block;
    position: relative;
    margin: 0 6px -3px 0;
}
div.social-share div.social-share-list .share-item .mb-twitter-share-btn {
    display: block;
    width: 91px;
    height: 14px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    vertical-align: top;
    font-size: 11px;
    line-height: 120%;
    color: #3B5998;
}
div.social-share div.social-share-list .share-item .mb-twitter-share-btn:hover {
    text-decoration: underline;
}
div.social-share div.social-share-list .share-item .mb-twitter-share-btn img {
    display: inlline-block;
    position: relative;
    margin: 0 6px -3px 0;
}
div.social-share div.social-share-list .share-item .mb-gplus-share-btn {
    display: block;
    width: 91px;
    height: 14px;
    padding: 0;
    margin: 3px 0;
    cursor: pointer;
    vertical-align: top;
    font-size: 11px;
    line-height: 120%;
    color: #3B5998;
}
div.social-share div.social-share-list .share-item .mb-gplus-share-btn:hover {
    text-decoration: underline;
}
div.social-share div.social-share-list .share-item .mb-gplus-share-btn img {
    display: inlline-block;
    position: relative;
    margin: 0 5px -2px 0;
}
div.social-share div.social-share-list p {
    text-align: left;
    padding: 2px 2px 2px 25px;
    margin: 0;
}
div.social-share div.social-share-list p.mb-share {
    background: url("/site/image/design/mb-share.png") 2px 2px no-repeat;
}
div.social-share div.social-share-list p.mb-share span {
    color: #3B5998;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
}
div.social-share div.social-share-list p.mb-share span:hover {
    text-decoration: underline;
}
.tape_actions .more-comments {
    display: block;
    text-align: center;
    margin: 10px auto;
    width: 70%;
}
main .login-page {
    margin: 0 auto;
    width: 500px;
    padding: 10px;
    border: 1px solid #D4D9E4;
}
main .login-page div.social-login {
    text-align: center;
    margin: 15px 0;
}
header section div.trade-feedback-popup {
    position: fixed;
    left: 50%;
    top: 20px;
    margin: 0 0 0 -240px;
    display: none;
    opacity: 0;
    width: 480px;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}
header section div.trade-feedback-popup .yui3-panel {
    padding: 0;
}
header section div.trade-feedback-popup .yui3-widget-hd {
    text-align: left;
    height: 40px;
    color: #FFFFFF;
    font-size: 28px;
    line-height: 120%;
    text-align: left;
    text-transform: none;
    padding: 15px 0 0 20px;
    margin: 0 0 0 0;
    border-bottom: solid 4px #FFD563;
}
header section div.trade-feedback-popup .yui3-widget-hd h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    color: #FFF;
}
header section div.trade-feedback-popup .yui3-widget-hd .yui3-button-close {
    position: absolute;
    right: 15px;
    top: 15px;
    display: block;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    width: 22px;
    height: 21px;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
    background: url("/site/image/design/icons3.png") left top no-repeat;
    background-position: -421px -209px;
}
header section div.trade-feedback-popup .yui3-widget-bd {
    font-weight: 300;
    font-size: 14px;
    margin: 0;
    padding: 15px;
}
header section div.trade-feedback-popup .yui3-widget-bd .yui3-widget-ft {
    margin: 10px -15px -15px -15px;
    padding: 10px 25px;
    text-align: right;
}
header section div.trade-feedback-popup .yui3-widget-bd .yui3-widget-ft .btn,
header section div.trade-feedback-popup .yui3-widget-bd .yui3-widget-ft .btn:hover,
header section div.trade-feedback-popup .yui3-widget-bd .yui3-widget-ft .btn:active {
    font-size: 14px;
    padding: 8px 12px 10px 12px;
}
.trade-feedback-label {
    position: relative;
    display: block;
    padding: 0 310px 0 0;
    margin: 10px 0 0 0;
    width: 230px;
    text-align: right;
    font-weight: bold;
}
.trade-feedback-label textarea {
    position: relative;
    margin: 0 -210px 0 10px;
    width: 250px;
    height: 60px;
    font-weight: normal;
    padding: 7px;
}
.trade-feedback-label input[type="file"],
.trade-feedback-label input[type="text"],
.trade-feedback-label input[type="email"] {
    position: relative;
    margin: 0 -210px 0 10px;
    width: 250px;
    font-weight: normal;
    padding: 7px;
}
main .platform-selector {
    position: relative;
    margin: 0 auto;
}
main .platform-selector .platform-descr {
    position: relative;
    top: -25px;
    display: inline-block;
    width: 120px;
}
main .platform-selector a.platform-descr {
    text-decoration: none;
    color: #5B606B;
}
main .platform-selector a.platform-descr:hover {
    text-decoration: underline;
}
main .platform-0 {
    display: inline-block;
    margin: 14px;
    width: 50px;
    height: 50px;
    background: url("/site/image/design/mode0.png") left top no-repeat;
}
main .platform-1 {
    margin: 14px;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url("/site/image/design/mode1.png") left top no-repeat;
}
main .platform-0:hover,
main .platform-1:hover,
main .platform-selector .active-platform {
    margin: 10px;
    border: 4px solid #A1BCE4;
}
main .special-link {
    display: inline-block;
    margin: 0 20px 0 0;
}
main .special-link a,
main .special-link span {
    font-weight: bold;
    font-size: 12px;
}
main .special-link span {
    color: #3D579F;
    cursor: pointer;
}
main .special-link span:hover {
    text-decoration: underline;
}



/** Premium pay lock */

header section div.pay-lock-information {
    position: absolute;
    left: 35%;
    top: 0;
    margin: 0 0 0 -220px;
    display: none;
    opacity: 0;
    width: 740px;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}

div.pay-lock-information div.yui3-panel {
    padding: 0 0 35px;
}

div.pay-lock-information div.yui3-panel div.yui3-panel-content td.header {
    /*
 background: url(/site/image/bg/pay-lock-popup-bg.png) no-repeat;*/
    background-color: #3b5998;
    width: 740px;
    height: 75px;
    text-align: center;
    vertical-align: middle;
    font-size: 32px;
    font-family: Verdana, sans-serif;
    color: #ffffff;
}

header section div.pay-lock-information td.header .yui3-button-close {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    width: 22px;
    height: 21px;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
    background: url("/site/image/design/icons3.png") left top no-repeat;
    background-position: -421px -209px;
}

div.pay-lock-information div.yui3-panel div.yui3-panel-content td.content {
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    font-family: Arial, sans-serif;
    color: #000000;
    line-height: 1.2em;
    padding: 20px 0;
}

div.pay-lock-information div.yui3-panel div.yui3-panel-content td.blocks {}

div.pay-lock-information div.yui3-panel div.yui3-panel-content td.blocks div.block {
    display: inline-block;
    float: left;
    width: 197px;
    height: 419px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    margin-right: 35px;
}

div.pay-lock-information div.yui3-panel div.yui3-panel-content td.blocks div.block:last-child {
    margin-right: 0;
}

div.pay-lock-information div.yui3-panel div.yui3-panel-content td.blocks div.block:first-child {
    margin-left: 29px;
}

div.pay-lock-information div.yui3-panel div.yui3-panel-content td.blocks div.block .top {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    width: 100%;
    height: 110px;
    text-align: center;
    padding: 10px 5px;
    color: #ffffff;
}

div.pay-lock-information div.yui3-panel div.yui3-panel-content td.blocks div.block .top.top-blue {
    background-color: #6699cc;
}

div.pay-lock-information div.yui3-panel div.yui3-panel-content td.blocks div.block .top.top-green {
    background-color: #99cc99;
}

div.pay-lock-information div.yui3-panel div.yui3-panel-content td.blocks div.block .top.top-ginger {
    background-color: #ff9933;
}

div.pay-lock-information div.yui3-panel div.yui3-panel-content td.blocks div.block .top .pay-lock-block-icon {
    font-size: 35px;
    background: none;
}

div.pay-lock-information div.yui3-panel div.yui3-panel-content td.blocks div.block .top .text {
    padding-top: 15px;
    font-size: 14px;
}

div.pay-lock-information div.yui3-panel div.yui3-panel-content td.blocks div.block ul.list {
    margin: 14px;
}

div.pay-lock-information div.yui3-panel div.yui3-panel-content td.blocks div.block ul.list li {
    list-style: none;
    margin-bottom: 10px;
    font-size: 14px;
}

/*div.pay-lock-information div.yui3-panel div.yui3-panel-content td.blocks div.block ul.list li:before {*/
    /*content: "—";*/
    /*position: relative;*/
    /*left: -5px;*/
/*}*/

div.pay-lock-information div.yui3-panel div.yui3-panel-content button.pay-lock-btn-activating-money
, div.pay-lock-information div.yui3-panel div.yui3-panel-content button.pay-lock-btn-activating-gold {
    background-color: #69A54B;
    color: #333;
    border: 1px solid #69A54B;
    height: 46px;
    font-size: 16px;
    font-family: inherit;
    line-height: 44px;
    padding: 0 25px;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    
cursor: pointer;
    -webkit-appearance: none;
    -webkit-transition-property: background-color, color, -webkit-box-shadow;
    transition-property: background-color, color, -webkit-box-shadow;
    transition-property: background-color, color, box-shadow;
    transition-property: background-color, color, box-shadow, -webkit-box-shadow;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    text-decoration: none;
}


/* popularity */

.popularity-wrapper {
    width: 186px;
    height: 215px;
    /*border: 1px solid #0b3e6f;*/
}

.popularity-wrapper .popularity-value {
    text-align: center;
    font-size: 24px;
    padding-top: 20px;
}

.popularity-wrapper .popularity-meter {
    width: 186px;
    height: 97px;
}

.popularity-wrapper .popularity-meter .popularity-meter-path {
    stroke-width: 30px;
    stroke-dasharray: 57 320;
    fill: none;
}

.popularity-wrapper .popularity-meter .popularity-meter-left {
    stroke-dashoffset: 188;
    stroke: #ff081b;

}

.popularity-wrapper .popularity-meter .popularity-meter-center {
    stroke-dashoffset: 122;
    stroke: #ffc815;
}

.popularity-wrapper .popularity-meter .popularity-meter-right {
    stroke-dashoffset: 56;
    stroke: #4dd740;
}

.popularity-wrapper .popularity-meter-clock {
    transform: rotate(0deg);
    fill: black;
    -webkit-transform-origin: 94px 86px;
    transform-origin: 94px 86px;
}
.popularity-wrapper .popularity-description-head {
    text-align: center;
    font-size: 12px;
    padding: 7px 0;
}

.popularity-wrapper .popularity-button-descripton {
    text-align: center;
    padding-top: 5px;
}

.popularity-wrapper .popularity-button-descripton a {
    font-size: 12px;
    border-radius: 4px;
    background-color: #6b90ff;
    padding: 5px 8px;
    color: #fff;
}

.popularity-wrapper .popularity-button-descripton a:hover {
    text-decoration: none;
}


/*
.popularity-wrapper {
    width: 120px;
    margin: 0 auto;
}

.popularity-wrapper .popularity-rang {
    text-align: center;
}

.popularity-wrapper .popularity-rang-title {
    display: inline-block;
    width: 200px;
}

.popularity-wrapper .popularity-rang-number {
    width: 100%;
    margin-top: 40px;
    text-align: center;
    border-width: 0;
    font-size: 50px;
    font-weight: 900;
    background-color: #fff;
    color: #0093d7;
}

.popularity-wrapper .popularity-meter {
    display: block;
    width: 273px;
    height: 155px;
    margin: 0 auto;
}

.popularity-wrapper .popularity-meter-left {
    -webkit-transform: skewX(-2deg) skewY(1deg);
    transform: skewX(-2deg) skewY(1deg);
    stroke-width: 58;
    stroke-dashoffset: 253;
    stroke-dasharray: 120 400;
    stroke: #ffc815;
    fill: none;
}

.popularity-wrapper .popularity-meter-center {
    stroke-width: 56;
    stroke-dashoffset: 128;
    stroke-dasharray: 120 400;
    stroke: #a3cd3b;
    fill: none;
}

.popularity-wrapper .popularity-meter-right {
    -webkit-transform: skewX(2deg) skewY(1deg);
    transform: skewX(2deg) skewY(1deg);
    stroke-width: 58;
    stroke-dashoffset: 5;
    stroke-dasharray: 120 400;
    stroke: #0093d7;
    fill: none;
}

.popularity-wrapper .popularity-meter-clock {
    -webkit-transform: rotate(-54deg);
    transform: rotate(-54deg);
    -webkit-transform-origin: 137px 146px;
    transform-origin: 137px 146px;
    fill: black;
}

.popularity-wrapper .popularity-meter-circle {
    fill: black;
}
*/

/* popularity // */