mail.ru.css

#nojs .nojsdn {
    display: none
}

#jsHtml .jsdn {
    display: none
}

a,form,h1,h2,h3,h4,h5,h6,html,label,tbody,tfoot,th,thead,tr {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 100%
}

body,img,table,td {
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

body {
    border: 0;
    background: #fff;
    font: 13px/16px "Helvetica Neue",Arial,sans-serif;
    outline: none
}

img,table,td {
    font-size: 100%
}

td {
    border: 0;
    vertical-align: top
}

body,html {
    height: 100%
}

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

a {
    -webkit-transition: color .1s ease-out;
    -moz-transition: color .1s ease-out;
    transition: color .1s ease-out
}

a:link,a:visited {
    text-decoration: none;
    color: #07c
}

a:active,a:focus,a:hover {
    color: #f26d00;
    text-decoration: none
}

input {
    font: 13px/16px "Helvetica Neue",Arial,sans-serif
}

input[type=text]::-ms-clear {
    display: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality
}

.counter {
    position: absolute;
    top: -999em;
    left: -999em;
    visibility: hidden
}

.hide-text {
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden
}

.d-none {
    display: none!important
}

.zeropixel {
    height: 0;
    width: 0;
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.main-wrap {
    position: relative;
    min-width: 980px;
    min-height: 100%;
    height: auto;
    overflow: hidden;
    *overflow: visble
}

.layout {
    position: relative;
    top: 0;
    z-index: 2;
    margin-top: 11px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 12px;
    padding-left: 12px;
    max-width: 1280px;
    -webkit-transition: top .5s ease-in-out;
    -moz-transition: top .5s ease-in-out;
    transition: top .5s ease-in-out
}

@media all and (max-height:732px) {
    .layout {
        margin-top: 11px
    }
}

@media all and (min-height:733px) and (max-height:764px) {
    .layout {
        margin-top: 11px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .layout {
        margin-top: 15px
    }
}

@media all and (min-height:825px) {
    .layout {
        margin-top: 21px
    }
}

.layout__leftcol {
    position: relative;
    float: left;
    width: 24%
}

.layout__content {
    display: none;
    margin-left: 24%
}

.layout__content__inner {
    padding-left: 24px;
    overflow: hidden
}

@media all and (min-width:1151px) {
    .layout__content__inner {
        padding-left: 35px
    }
}

@media all and (max-width:1150px) {
    .layout__content__inner {
        padding-left: 24px
    }
}

.layout__centercol {
    position: relative;
    float: left;
    padding-bottom: 34px;
    min-height: 493px;
    width: 100%
}

.layout__centercol_static {
    position: static
}

.layout__centercol__wrap {
    margin-right: 324px
}

@media all and (min-width:1151px) {
    .layout__centercol__wrap {
        margin-right: 335px
    }
}

@media all and (max-width:1150px) {
    .layout__centercol__wrap {
        margin-right: 324px
    }
}

.layout__rightcol {
    position: relative;
    float: left;
    margin-left: -300px;
    width: 300px
}

.layout__footer {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    min-width: 980px;
    width: 100%;
    height: 29px
}

.layout__promotoolbar {
    position: relative;
    z-index: 10
}

.iPad.nonRetina .layout {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}

.layout_slidotype {
    top: 220px
}

.clearfix:after,.clearfix:before {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.clearfix:after {
    clear: both
}

.portal-headline {
    min-width: 980px;
    border-bottom: 1px solid #d5d5d5;
    white-space: nowrap;
    font-size: 12px;
    line-height: 12px
}

.x-ph {
    position: relative;
    z-index: 1003;
    margin: 0;
    padding: 0;
    font: 12px/16px HelveticaNeue,Arial,sans-serif;
    white-space: nowrap;
    text-align: left;
    background: #fff;
    height: 28px;
    *zoom: 1
}

.x-ph .w-x-ph {
    width: 100%;
    border-collapse: collapse;
    background: #fff
}

.x-ph .w-x-ph,.x-ph .w-x-ph__col {
    padding: 0;
    margin: 0;
    border: 0;
    border-spacing: 0;
    font: 12px/16px HelveticaNeue,Arial,sans-serif
}

.x-ph .w-x-ph__col {
    height: 28px;
    vertical-align: top;
    white-space: nowrap
}

.x-ph .w-x-ph__col_left {
    width: 1%;
    padding-right: 20px;
    text-align: left
}

.x-ph .w-x-ph__col_right {
    text-align: right
}

.x-ph__menu {
    position: relative;
    z-index: 1004;
    display: inline-block;
    padding-right: 2px;
    font: 12px/16px HelveticaNeue,Arial,sans-serif;
    vertical-align: top
}

.w-x-ph__menu__placeholder {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    font: 0/0 a
}

.x-ph__menu__button,.x-ph__menu__button:link,.x-ph__menu__button:visited,.x-ph__menu__button:hover,.x-ph__menu__button:active,.x-ph__menu__button:focus {
    position: relative;
    z-index: 1005;
    display: inline-block;
    width: 100%;
    padding: 6px 0 5px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    font: 12px/16px HelveticaNeue,Arial,sans-serif;
    text-decoration: none;
    cursor: pointer;
    outline: none
}

.x-ph-ff.x-ph-win .x-ph__menu__button,.x-ph-ff.x-ph-win .x-ph__menu__button:link,.x-ph-ff.x-ph-win .x-ph__menu__button:visited,.x-ph-ff.x-ph-win .x-ph__menu__button:hover,.x-ph-ff.x-ph-win .x-ph__menu__button:active,.x-ph-ff.x-ph-win .x-ph__menu__button:focus {
    padding-top: 5px;
    padding-bottom: 6px;
    height: 17px
}

.x-ph__menu__button__text,.x-ph__menu_open .x-ph__menu__button:hover .x-ph__menu__button__text {
    display: inline-block;
    width: 100%;
    padding: 0 14px 0 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #1378bf;
    font-style: normal;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    vertical-align: top
}

.x-ph__menu__button:hover .x-ph__menu__button__text,.x-ph__menu__button:focus .x-ph__menu__button__text,.x-ph__menu__button:active .x-ph__menu__button__text,.x-ph__menu_open .x-ph__menu__button:focus .x-ph__menu__button__text,.x-ph__menu_open .x-ph__menu__button:active .x-ph__menu__button__text {
    color: #f26d00
}

.x-ph__menu__button__icon,.x-ph__menu_open .x-ph__menu__button:hover .x-ph__menu__button__icon {
    position: absolute;
    right: 5px;
    top: 13px;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid;
    border-color: #1378bf #fff #fff;
    font: 0/0 a
}

.x-ph__menu__button:hover .x-ph__menu__button__icon,.x-ph__menu__button:focus .x-ph__menu__button__icon,.x-ph__menu__button:active .x-ph__menu__button__icon,.x-ph__menu_open .x-ph__menu__button:focus .x-ph__menu__button__icon,.x-ph__menu_open .x-ph__menu__button:active .x-ph__menu__button__icon {
    border-color: #f26d00 #fff #fff
}

.w-x-ph__menu__button__shadow {
    position: absolute;
    z-index: 1007;
    top: 0;
    opacity: 0;
    width: 50px;
    height: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 15px rgba(0,0,0,.2);
    -moz-box-shadow: 0 4px 15px rgba(0,0,0,.2);
    box-shadow: 0 4px 15px rgba(0,0,0,.2)
}

.x-ph__link {
    display: inline-block;
    padding: 6px;
    margin-right: 6px;
    *padding: 5px 6px 7px;
    *zoom: 1;
    text-decoration: none;
    white-space: nowrap;
    outline: none;
    font: 12px/16px HelveticaNeue,Arial,sans-serif
}

.x-ph__link,a.x-ph__link {
    color: #1378bf
}

.x-ph__link:hover,a.x-ph__link:hover {
    color: #f26d00;
    text-decoration: none
}

.x-ph__link:hover .x-ph__link__text,a.x-ph__link:hover .x-ph__link__text {
    color: #f26d00
}

.x-ph__link_ext,a.x-ph__link_ext,.x-ph__link_ext:hover,a.x-ph__link_ext:hover {
    text-decoration: none
}

.x-ph__link__text {
    text-decoration: none;
    font-style: normal;
    cursor: pointer
}

.x-ph__link__balloon {
    display: none;
    overflow: hidden;
    margin-bottom: -4px;
    margin-left: 3px;
    padding: 1px 3px;
    min-width: 9px;
    height: 13px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #ffa930;
    color: #fff;
    vertical-align: baseline;
    text-align: center;
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    line-height: 13px;
    cursor: pointer;
    -webkit-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}

.x-ph-ff.x-ph-mac .x-ph__link__balloon,.x-ph-opera .x-ph__link__balloon {
    line-height: 14px
}

.x-ph__link_ext .x-ph__link__balloon {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.x-ph-ios .x-ph__link__balloon {
    margin-bottom: -5px;
    padding: 0 3px 2px
}

.x-ph__link_first {
    margin-left: 14px
}

.x-ph__link_last {
    margin-right: 12px
}

.x-ph__link_ext {
    padding-right: 1px
}

.x-ph__link_selected {
    font-weight: 700
}

.x-ph-ff.x-ph-win .x-ph__link {
    padding: 5px 6px 7px
}

.x-ph__auth__link_icon {
    position: relative;
    overflow: hidden;
    padding: 0 6px!important;
    width: 16px;
    height: 28px;
    vertical-align: top;
    text-indent: 30px
}

.x-ph__auth__link_icon,.x-ph__auth__link_icon:hover {
    color: #fff!important
}

.x-ph__auth__link_icon:after {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block!important
}

.w-x-ph__link {
    display: inline-block;
    vertical-align: top
}

.x-ph__auth {
    width: 100%
}

.x-ph__auth,.w-x-ph__auth__col {
    margin: 0;
    padding: 0;
    border: 0;
    border-spacing: 0;
    font: 12px/16px HelveticaNeue,Arial,sans-serif
}

.w-x-ph__auth__col {
    vertical-align: top;
    text-align: right;
    white-space: nowrap
}

.w-x-ph__auth__col_left {
    width: 99%
}

.w-x-ph__auth__col_right {
    padding-right: 2px
}

.x-ph__auth__user {
    position: relative;
    display: block;
    width: 100%;
    min-width: 100px;
    height: 28px;
    overflow: hidden
}

.w-x-ph__auth__user_inner {
    position: absolute;
    right: 0;
    text-align: left;
    max-width: 100%
}

.x-ph__auth__user__text {
    color: #000;
    display: inline-block;
    padding: 6px 10px 6px 0;
    _padding: 5px 10px 7px 0;
    font: 12px/16px HelveticaNeue,Arial,sans-serif
}

.x-ph__auth__user__fade {
    position: absolute;
    top: 0;
    right: -6px;
    width: 16px;
    height: 28px;
    overflow: hidden;
    background: url("https://img.imgsmail.ru/ph/0.45.10/auth/fade2.png") repeat-y 0 0;
    _display: none
}

.x-ph__auth__link,.x-ph__auth__link:link,.x-ph__auth__link:visited,.x-ph__auth__link:hover,.x-ph__auth__link:active,.x-ph__auth__link:focus {
    font: 12px/16px HelveticaNeue,Arial,sans-serif
}

.w-x-ph__auth__dropdown {
    position: relative;
    display: block;
    min-width: 100px;
    width: 100%;
    height: 1px;
    text-align: right
}

.w-x-ph__auth__dropdown__inner {
    position: absolute;
    right: 6px;
    width: 100%;
    min-width: 100px;
    text-align: right
}

.x-ph__menu_auth {
    max-width: 100%
}

.x-ph__menu__button_auth,.x-ph__menu__button_auth:link,.x-ph__menu__button_auth:visited,.x-ph__menu__button_auth:hover,.x-ph__menu__button_auth:active,.x-ph__menu__button_auth:focus {
    max-width: 100%
}

.x-ph__menu__button__text_auth {
    position: relative
}

.x-ph__menu__button__text_auth,.x-ph__menu_open .x-ph__menu__button:hover .x-ph__menu__button__text_auth {
    max-width: 560px
}

.x-ph__menu_auth_unread .x-ph__menu__button__text_auth,.x-ph__menu_auth_unread.x-ph__menu_open .x-ph__menu__button:hover .x-ph__menu__button__text_auth {
    padding-left: 14px
}

.x-ph__menu__button_auth__unread {
    display: none;
    position: absolute;
    left: 4px;
    top: 12px;
    width: 6px;
    height: 6px;
    background: #ffa930;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.x-ph__menu_auth_unread .x-ph__menu__button_auth__unread {
    display: block
}

.x-ph__menu_open .x-ph__menu__button .x-ph__menu__button__text,.x-ph__menu_open .x-ph__menu__button:hover .x-ph__menu__button__text,.x-ph__menu_open .x-ph__menu__button:focus .x-ph__menu__button__text,.x-ph__menu_open .x-ph__menu__button:active .x-ph__menu__button__text {
    color: #333
}

.x-ph__menu_open .x-ph__menu__button .x-ph__menu__button__icon,.x-ph__menu_open .x-ph__menu__button:hover .x-ph__menu__button__icon,.x-ph__menu_open .x-ph__menu__button:focus .x-ph__menu__button__icon,.x-ph__menu_open .x-ph__menu__button:active .x-ph__menu__button__icon {
    border-color: #333 #fff #fff
}

.x-ph__menu__button_auth__unread {
    background-position: 0 -133px
}

.x-ph__menu__button__text__icon,.x-ph__auth_list__item__info__social {
    display: inline-block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    vertical-align: top
}

.x-ph__menu__button__text__icon:after,.x-ph__auth_list__item__info__social:after {
    margin: -4px 0 0 -4px
}

.icon {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    vertical-align: baseline;
    font: 0/0 a
}

.icon_logo_homepage,.icon_mailbox {
    background-image: url("//limg.imgsmail.ru/splash/v/i/icons-6f9d29f6f2-fp.png");
    -moz-background-size: 55px 520px;
    background-size: 55px 520px
}

.icon_logo_homepage {
    width: 12px;
    height: 12px;
    background-position: 0 -443px;
    margin-bottom: -1px
}

.icon_mailbox {
    margin-bottom: -3px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .icon_mailbox {
        background-image: url("//limg.imgsmail.ru/splash/v/i/icons-5ff46df96a-fp.png")
    }
}

.icon_mailbox_big {
    margin-bottom: -2px;
    width: 18px;
    height: 18px
}

.icon_mailbox_letter {
    background-position: 0 0
}

.icon_mailbox_unread {
    background-position: 0 -120px
}

.icon_mailbox_inbox {
    background-position: 0 -100px
}

.icon_mailbox_compose {
    background-position: 0 -140px
}

.icon_mailbox_warning {
    background-position: 0 -360px
}

.icon_mailbox_reg {
    background-position: 0 -160px;
    margin-bottom: -4px
}

.icon_mailbox_plus {
    background-position: 0 -180px
}

.icon_mailbox_vvp {
    width: 50px;
    background-position: 0 -200px
}

.icon_cloud {
    background-image: url("//limg.imgsmail.ru/splash/v/i/icons-6f9d29f6f2-fp.png");
    -moz-background-size: 55px 520px;
    background-size: 55px 520px;
    background-position: 0 -216px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .icon_cloud {
        background-image: url("//limg.imgsmail.ru/splash/v/i/icons-5ff46df96a-fp.png")
    }
}

.icon_cloud:hover {
    background-position: 0 -234px
}

.icon_cal {
    background-image: url("//limg.imgsmail.ru/splash/v/i/icons-6f9d29f6f2-fp.png");
    -moz-background-size: 55px 520px;
    background-size: 55px 520px;
    background-position: -20px -216px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .icon_cal {
        background-image: url("//limg.imgsmail.ru/splash/v/i/icons-5ff46df96a-fp.png")
    }
}

.icon_cal_num {
    width: 20px!important;
    height: 18px!important;
    padding: 0 1px 0 0;
    text-align: center;
    font: 9px/9px "Helvetica Neue",Arial,sans-serif
}

.icon_cal_num:link,.icon_cal_num:visited {
    color: #fff
}

.icon_cal:hover {
    background-position: -20px -234px
}

.icon_cal_wide {
    background-position: -20px -251px
}

.icon_cal_wide:hover {
    background-position: -20px -269px
}

.icon_num {
    height: 6px;
    width: 5px;
    background-image: url("//limg.imgsmail.ru/splash/v/i/icons-6f9d29f6f2-fp.png");
    -moz-background-size: 55px 520px;
    background-size: 55px 520px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .icon_num {
        background-image: url("//limg.imgsmail.ru/splash/v/i/icons-5ff46df96a-fp.png")
    }
}

.icon_num_0 {
    background-position: -41px -217px
}

.icon_num_1 {
    background-position: -41px -225px
}

.icon_num_2 {
    background-position: -41px -233px
}

.icon_num_3 {
    background-position: -41px -241px
}

.icon_num_4 {
    background-position: -41px -249px
}

.icon_num_5 {
    background-position: -41px -257px
}

.icon_num_6 {
    background-position: -41px -265px
}

.icon_num_7 {
    background-position: -41px -273px
}

.icon_num_8 {
    background-position: -41px -281px
}

.icon_num_9 {
    background-position: -41px -289px
}

.icon_social {
    background-image: url("//limg.imgsmail.ru/splash/v/i/icons-6f9d29f6f2-fp.png");
    -moz-background-size: 55px 520px;
    background-size: 55px 520px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .icon_social {
        background-image: url("//limg.imgsmail.ru/splash/v/i/icons-5ff46df96a-fp.png")
    }
}

.icon_social_big {
    width: 18px;
    height: 18px;
    margin-bottom: -2px
}

.icon_social_big_custom {
    -moz-background-size: auto 18px;
    background-size: auto 18px
}

.icon_social_mra {
    background-position: 0 -20px
}

.icon_social_my {
    background-position: 0 -40px
}

.icon_social_ok {
    background-position: 0 -60px
}

.icon_social_icq {
    background-position: 0 -80px
}

.icon_social_amigo,.icon_social_internet {
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
    background-position: 0 -400px
}

.icon_social_internet {
    background-position: 0 -420px
}

.icon_social_games {
    background-position: 0 -460px
}

.icon_social_market {
    background-position: 0 -480px
}

.icon_counter {
    margin-bottom: -4px;
    background-image: url("//limg.imgsmail.ru/splash/v/i/icons-6f9d29f6f2-fp.png");
    -moz-background-size: 55px 520px;
    background-size: 55px 520px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .icon_counter {
        background-image: url("//limg.imgsmail.ru/splash/v/i/icons-5ff46df96a-fp.png")
    }
}

.icon_counter_my-messages,.icon_counter_ok-messages {
    background-position: -20px 0
}

.icon_counter_my-messages_unread,.icon_counter_ok-messages_unread {
    background-position: -20px -20px
}

.icon_counter_my-friendship {
    background-position: -20px -40px
}

.icon_counter_my-friendship_unread {
    background-position: -20px -60px
}

.icon_counter_ok-notifications {
    background-position: -20px -120px
}

.icon_counter_ok-notifications_unread {
    background-position: -20px -140px
}

.icon_counter_ok-marks {
    background-position: -20px -160px
}

.icon_counter_ok-marks_unread {
    background-position: -20px -180px
}

.icon_mra {
    width: 20px;
    height: 20px;
    -moz-background-size: auto 20px;
    background-size: auto 20px
}

.icon_eye {
    width: 16px;
    height: 16px;
    background-image: url("//limg.imgsmail.ru/splash/v/i/icons-6f9d29f6f2-fp.png");
    -moz-background-size: 55px 520px;
    background-size: 55px 520px;
    background-position: 0 -416px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .icon_eye {
        background-image: url("//limg.imgsmail.ru/splash/v/i/icons-5ff46df96a-fp.png")
    }
}

.icon_eye_hide {
    background-position: -16px -416px
}

.logo_custom .logo__link__img {
    margin: 0
}

.logo__link {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #168de2;
    height: 55px;
    text-align: center;
    position: relative;
    z-index: 3;
    display: block
}

@media all and (min-height:765px) {
    .logo__link {
        height: 71px
    }
}

.logo__link__img {
    display: inline-block;
    margin-top: 8px
}

@media all and (min-height:765px) {
    .logo__link__img_medium {
        display: none
    }
}

.logo__link__img_wide {
    display: none
}

@media all and (min-height:765px) {
    .logo__link__img_wide {
        display: inline-block;
        margin-top: 15px
    }
}

.logo__link {
}

.mailbox {
    position: relative;
    z-index: 150;
    margin-top: 13px;
    height: 162px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow: 0 1px 1px #f2f2f2;
    -moz-box-shadow: 0 1px 1px #f2f2f2;
    box-shadow: 0 1px 1px #f2f2f2
}

@media all and (max-height:764px) {
    .mailbox {
        margin-top: 13px
    }
}

@media all and (min-height:733px) {
    .mailbox {
        height: 178px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .mailbox {
        margin-top: 17px
    }
}

@media all and (min-height:825px) {
    .mailbox {
        margin-top: 23px
    }
}

.mailbox__cal,.mailbox__cloud {
    position: absolute;
    right: 5px;
    width: 21px;
    height: 17px;
    top: 2px
}

.mailbox__cloud {
    right: 33px
}

.mailbox__cal__num {
    margin-top: 7px
}

.mailbox_outer_block,.mailbox_outer_inline {
    height: auto
}

@media all and (min-height:733px) {
    .mailbox_outer_block,.mailbox_outer_inline {
        height: auto
    }
}

.mailbox__authfail {
    display: none;
    margin-bottom: 3px;
    color: #d53f4b;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s
}

@media all and (min-height:733px) {
    .mailbox__authfail {
        margin-bottom: 4px
    }
}

.mailbox_authfail .mailbox__authfail {
    display: block
}

.mailbox__title {
    position: relative;
    font-size: 18px;
    line-height: 22px;
    height: 22px;
    margin: 6px 0 4px 8px
}

@media all and (min-height:733px) {
    .mailbox__title {
        margin: 10px 0 8px 8px
    }
}

.mailbox__title__link__icon {
    margin-right: 7px
}

.mailbox_authfail .mailbox__title {
    margin-bottom: 0
}

@media all and (min-height:733px) {
    .mailbox_authfail .mailbox__title {
        margin-bottom: 3px
    }
}

.mailbox__auth {
    position: relative;
    margin-top: 4px
}

.mailbox_authfail .mailbox__auth {
    margin-top: 0
}

.status__user_hasNoAuth .mailbox__auth {
    display: block
}

.mailbox__auth__layout__row_login_expanded .mailbox__auth__layout__row__col_right,.status__user_hasAuth .mailbox__auth {
    display: none
}

.mailbox__auth__layout {
    margin: 0;
    padding: 0 8px 1px;
    border-bottom: 1px solid #e0e0e0
}

.mailbox__auth__layout__row {
    position: relative;
    z-index: 2;
    margin-top: 0;
    margin-bottom: 9px
}

@media all and (min-height:733px) {
    .mailbox__auth__layout__row {
        margin-bottom: 13px
    }
}

.mailbox__auth__layout__row_last {
    margin-bottom: 9px
}

.mailbox__auth__layout__row_login {
    z-index: 3
}

.mailbox__auth__layout__row_login_expanded .w-mailbox__login {
    border-right-width: 1px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px
}

.mailbox__auth__layout__row__col_right {
    position: relative;
    float: right
}

.mailbox__auth__layout__row__col_left {
    overflow: hidden
}

.mailbox__suggests {
    position: absolute;
    top: 100%;
    left: -1px;
    z-index: 1000;
    overflow: hidden;
    width: 100%;
    border: 1px solid #9ba3a9;
    background: #fff;
    -webkit-box-shadow: 2px 2px 2px -2px rgba(0,0,0,.3);
    -moz-box-shadow: 2px 2px 2px -2px rgba(0,0,0,.3);
    box-shadow: 2px 2px 2px -2px rgba(0,0,0,.3);
    cursor: default
}

.mailbox__suggests__list {
    display: block
}

.mailbox__suggests__list__item {
    display: block;
    overflow: hidden;
    margin: 1px 0;
    padding: 2px 6px;
    height: 16px;
    color: #222;
    cursor: pointer
}

.mailbox__suggests__list__item_selected {
    background: #e1edfb
}

.input__helper {
    display: none;
    position: relative;
    float: right;
    top: 1px;
    margin: 0 1px 0 0;
    cursor: default
}

.mailbox__auth__layout__row__col_right_remember {
    width: 83px
}

.mailbox__auth__remember {
    color: #666;
    white-space: nowrap
}

.mailbox__auth__remember__checkbox {
    position: relative;
    top: 1px;
    margin: 0;
    padding: 0;
    width: 13px;
    height: 13px;
    vertical-align: top
}

.mailbox__auth__button {
    display: block;
    margin: 0;
    padding: 0 10px 2px;
    border: none;
    background: 0 0;
    color: #fff;
    text-align: center;
    width: 83px;
    height: 22px;
    line-height: 21px
}

.w-mailbox__auth__button {
    display: block
}

.w-mailbox__auth__button_main {
    display: block;
    margin-left: 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 83px;
    background: #168de2;
    -webkit-box-shadow: 0 1px 0 1px #f2f2f2;
    -moz-box-shadow: 0 1px 0 1px #f2f2f2;
    box-shadow: 0 1px 0 1px #f2f2f2
}

.w-mailbox__auth__button_inner {
    text-align: center;
    height: 22px
}

.mailbox__outer__auth__title {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    text-align: center
}

.mailbox__outer__auth__list {
    margin: 0;
    padding: 0
}

.mailbox__outer__auth__list__item {
    font-size: 15px;
    padding: 0;
    list-style: none
}

.mailbox__outer__auth__list__item__link {
    display: block;
    text-align: center
}

.mailbox__outer__auth__list__item__icon {
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    content: ''
}

.splash-noinlinesvg .mailbox__outer__auth__list__item__icon {
    background-image: url("//limg.imgsmail.ru/splash/v/i/providers-fp-50cfd95c76.png");
    background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .splash-noinlinesvg .mailbox__outer__auth__list__item__icon {
        -moz-background-size: 54px 36px;
        background-size: 54px 36px;
        background-image: url("//limg.imgsmail.ru/splash/v/i/providers@2x-fp-f522511fa4.png")
    }
}

.mailbox__outer__auth__list__item__icon_gmail {
    width: 22px;
    height: 15px;
    margin-top: -7px;
    margin-left: -11px;
    background-position: -22px 0
}

.mailbox__outer__auth__list__item__icon_mailru {
    width: 22px;
    height: 21px;
    margin-top: -10px;
    margin-left: -11px;
    background-position: 0 0
}

.mailbox__outer__auth__list__item__icon_other {
    width: 20px;
    height: 15px;
    margin-top: -7px;
    margin-left: -10px;
    background-position: 0 -21px
}

.mailbox__outer__auth__list__item__icon_ya {
    width: 10px;
    height: 20px;
    margin-top: -10px;
    margin-left: -5px;
    background-position: -44px 0
}

.mailbox__outer__auth_inline {
    padding-top: 8px;
    padding-bottom: 14px
}

@media all and (min-height:733px) {
    .mailbox__outer__auth_inline {
        padding-top: 10px;
        padding-bottom: 16px
    }
}

@media all and (min-height:825px) {
    .mailbox__outer__auth_inline {
        padding-top: 12px
    }
}

.mailbox__outer__auth_inline .mailbox__outer__auth__title {
    margin-bottom: 8px
}

@media all and (min-height:733px) {
    .mailbox__outer__auth_inline .mailbox__outer__auth__title {
        margin-bottom: 10px
    }
}

@media all and (min-height:825px) {
    .mailbox__outer__auth_inline .mailbox__outer__auth__title {
        margin-bottom: 12px
    }
}

.mailbox__outer__auth_inline .mailbox__outer__auth__list {
    text-align: center;
    white-space: nowrap
}

.mailbox__outer__auth_inline .mailbox__outer__auth__list__item {
    display: inline-block;
    vertical-align: top;
    margin-left: 12px
}

.mailbox__outer__auth_inline .mailbox__outer__auth__list__item:first-child {
    margin-left: 0
}

.mailbox__outer__auth_inline .mailbox__outer__auth__list__item__link {
    position: relative;
    width: 38px;
    height: 38px;
    line-height: 38px
}

.mailbox__outer__auth_inline .mailbox__outer__auth__list__item__link:after {
    content: '';
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -1px;
    left: -1px;
    border: 1px solid #dedede;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.nonRetina .mailbox__outer__auth_inline .mailbox__outer__auth__list__item__link:after {
    -webkit-transition: -webkit-transform .1s linear;
    -moz-transition: transform .1s linear,-moz-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear,-webkit-transform .1s linear,-moz-transform .1s linear
}

.mailbox__outer__auth_inline .mailbox__outer__auth__list__item__link:hover:after {
    -webkit-transform: scale(1.052631578947368);
    -moz-transform: scale(1.052631578947368);
    -ms-transform: scale(1.052631578947368);
    transform: scale(1.052631578947368)
}

.mailbox__outer__auth_inline .mailbox__outer__auth__list__item__link_mailru:after {
    background-color: #1585d5;
    border-color: #147fcb
}

.mailbox__outer__auth_inline_default {
    background: #f0f0f0
}

.mailbox__outer__auth_inline_colored {
    background: #3ca4ef url("//limg.imgsmail.ru/splash/v/i/bg-fp-044264f9cc.png") no-repeat 50% 100%
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .mailbox__outer__auth_inline_colored {
        -moz-background-size: 306px 112px;
        background-size: 306px 112px;
        background-image: url("//limg.imgsmail.ru/splash/v/i/bg@2x-fp-e210cca480.png")
    }
}

.mailbox__outer__auth_inline_colored .mailbox__outer__auth__title {
    color: #fff
}

.mailbox__outer__auth_block {
    position: relative;
    padding-top: 7px;
    border-bottom: 1px solid #d0d0d0;
    background: #f0f0f0;
    -webkit-box-shadow: 0 1px 1px #f2f2f2;
    -moz-box-shadow: 0 1px 1px #f2f2f2;
    box-shadow: 0 1px 1px #f2f2f2
}

@media all and (min-height:733px) {
    .mailbox__outer__auth_block {
        padding-top: 9px
    }
}

@media all and (min-height:825px) {
    .mailbox__outer__auth_block {
        padding-top: 11px
    }
}

.mailbox__outer__auth_block .mailbox__outer__auth__title {
    margin-bottom: 5px
}

.mailbox__outer__auth_block .mailbox__outer__auth__list__item {
    position: relative
}

.mailbox__outer__auth_block .mailbox__outer__auth__list__item:after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 202px;
    margin-left: -101px;
    border-top: 1px solid #dedede;
    content: ''
}

.mailbox__outer__auth_block .mailbox__outer__auth__list__item:first-child:after {
    border-top-width: 0
}

.mailbox__outer__auth_block .mailbox__outer__auth__list__item__link {
    height: 48px;
    line-height: 48px;
    position: relative;
    margin-bottom: -1px;
    padding-bottom: 1px;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.mailbox__outer__auth_block .mailbox__outer__auth__list__item__link:hover {
    background-color: #e2e2e2
}

.mailbox__outer__auth_block .mailbox__outer__auth__list__item__icon {
    background: url("//limg.imgsmail.ru/splash/v/i/providers_large-fp-1f2e395f79.png") no-repeat;
    -moz-background-size: 71px 53px;
    background-size: 71px 53px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .mailbox__outer__auth_block .mailbox__outer__auth__list__item__icon {
        background-image: url("//limg.imgsmail.ru/splash/v/i/providers_large@2x-fp-5af6699344.png")
    }
}

.mailbox__outer__auth_block .mailbox__outer__auth__list__item__icon_gmail_large {
    width: 71px;
    height: 27px;
    margin-top: -13px;
    margin-left: -35px;
    background-position: 0 0
}

.mailbox__outer__auth_block .mailbox__outer__auth__list__item__icon_ya_large {
    width: 67px;
    height: 26px;
    margin-top: -13px;
    margin-left: -33px;
    background-position: 0 -27px
}

.w-mailbox__login {
    display: block;
    cursor: text;
    background: #fff;
    border: 1px solid #c6c6c6;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    -webkit-box-shadow: inset 0 1px 1px #f2f2f2;
    -moz-box-shadow: inset 0 1px 1px #f2f2f2;
    box-shadow: inset 0 1px 1px #f2f2f2;
    border-right-width: 0
}

.w-mailbox__login_full {
    border-right: 1px solid #9ba3a9
}

.w-mailbox__login_outer {
    position: relative;
    display: block;
    background: url("//limg.imgsmail.ru/splash/v/i/inputs-fp-9cd72c6b61.png") no-repeat 0 -21px
}

.w-mailbox__login_inner,.w-mailbox__login_input {
    display: block;
    height: 20px
}

.w-mailbox__login_input {
    margin-right: 12px
}

.mailbox__login,.mailbox__login__domain {
    margin: 0;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none
}

.mailbox__login {
    display: block;
    outline: none;
    background: 0 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-focus-ring-color: rgba(0,0,0,0);
    width: 100%;
    height: 16px;
    border: 0;
    padding: 2px 6px
}

.mailbox__login__domain {
    padding: 0;
    width: 90px;
    height: 22px;
    border: 1px solid #9ba3a9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff
}

#jsHtml .mailbox__login__domain {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    opacity: 0
}

.mailbox__login__domain-widget {
    min-width: 62px;
    line-height: 15px;
    color: #222;
    text-align: center;
    white-space: nowrap;
    padding: 2px 10px 3px;
    background: #f0f0f0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    border: 1px solid #c6c6c6
}

.mailbox__login__domain-widget_focus,.mailbox__login__domain-widget_hover {
    background: #fefefe
}

.mailbox__login__domain-widget__arrow {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-right: -5px;
    border: solid transparent;
    border-width: 4px 4px 0;
    border-top-color: #000;
    font-size: 0;
    line-height: 0
}

.mailbox__placeholder {
    position: absolute;
    left: 0;
    overflow: hidden;
    padding-left: 7px;
    height: 14px;
    line-height: 14px;
    cursor: text;
    color: #9e9e9e;
    top: 4px
}

.mix_placeholder::-webkit-input-placeholder {
    color: #9e9e9e
}

.mix_placeholder::-moz-placeholder {
    color: #9e9e9e
}

.mix_placeholder:-ms-input-placeholder {
    color: #9e9e9e
}

.mix_placeholder:-moz-placeholder {
    color: #9e9e9e
}

.mix_placeholder:focus::-webkit-input-placeholder {
    opacity: 0
}

.mix_placeholder:focus::-moz-placeholder {
    opacity: 0
}

.mix_placeholder:focus:-ms-input-placeholder {
    opacity: 0
}

.mix_placeholder:focus:-moz-placeholder {
    opacity: 0
}

.mailbox__password {
    display: block;
    margin: 0;
    width: 100%;
    height: 16px;
    outline: none;
    border: 0;
    background: 0 0;
    color: #222;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-focus-ring-color: rgba(255,255,255,0);
    padding: 2px 6px
}

.mailbox__password::-ms-reveal {
    display: none
}

.mailbox__password__eye {
    display: none;
    float: right;
    width: 20px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mailbox__password__eye .icon {
    top: 1px;
    vertical-align: middle
}

.mailbox__password__eye_visible {
    display: block
}

.w-mailbox__password {
    display: block;
    background: #fff;
    border: 1px solid #c6c6c6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px #f2f2f2;
    -moz-box-shadow: inset 0 1px 1px #f2f2f2;
    box-shadow: inset 0 1px 1px #f2f2f2
}

.w-mailbox__password_outer {
    display: block;
    background: url("//limg.imgsmail.ru/splash/v/i/inputs-fp-9cd72c6b61.png") no-repeat 0 -21px
}

.w-mailbox__password_inner {
    display: block;
    height: 20px
}

.w-mailbox__password_limiter {
    display: block;
    overflow: hidden;
    cursor: text
}

.w-mailbox__password_input {
    position: relative;
    display: block;
    margin-right: 12px;
    height: 20px
}

.mailbox__register {
    text-align: center;
    background: #f7f7f7;
    padding: 0 6px 2px;
    height: 39px;
    overflow: hidden
}

.mailbox__register__link {
    position: relative;
    top: 2px;
    font-size: 18px;
    line-height: 21px
}

.mailbox__register__promo {
    display: block;
    font-size: 13px;
    line-height: 18px
}

.mailbox__register__promo__link:link,.mailbox__register__promo__link:visited {
    color: #6a6a6a
}

.mailbox__register__promo__link:active,.mailbox__register__promo__link:focus,.mailbox__register__promo__link:hover {
    color: #f26d00
}

.mailbox__register_invert {
    background: #fff
}

.mailbox__register_invert .mailbox__register__link {
    font-size: 14px;
    line-height: 20px
}

.mailbox_authfail .mailbox__register {
    height: 24px
}

.mailbox_authfail .mailbox__register__link {
    font-size: 13px
}

.mailbox__userinfo,.mailbox_authfail .mailbox__register__promo {
    display: none
}

.mailbox__userinfo__email {
    display: inline-block;
    max-width: 72%;
    vertical-align: top;
    overflow: hidden;
    outline: none
}

.mailbox__userinfo__email:link,.mailbox__userinfo__email:visited {
    color: #222
}

.mailbox__userinfo__email:active,.mailbox__userinfo__email:focus,.mailbox__userinfo__email:hover {
    color: #f26d00
}

.mailbox__userinfo__email:active:before,.mailbox__userinfo__email:focus:before,.mailbox__userinfo__email:hover:before {
    border-color: #f26d00
}

.mailbox__userinfo__email:after,.mailbox__userinfo__email:before {
    display: none;
    position: absolute;
    z-index: 27;
    overflow: hidden;
    height: 0;
    content: '';
    font: 0/0 a
}

.mailbox__userinfo__email:before {
    bottom: 0;
    left: 0;
    border-bottom: 1px dotted #a7aab2;
    width: 100%
}

.mailbox__userinfo__email:after {
    width: 0;
    border: solid #fff;
    border-width: 4px;
    top: 7px;
    right: -11px;
    border-top-color: #a7aab2
}

.mailbox__userinfo__multiauth {
    display: inline-block;
    overflow: visible;
    max-width: 72%;
    outline: none;
    color: #000;
    vertical-align: top;
    text-decoration: none
}

.mailbox__userinfo__exit {
    position: relative;
    z-index: 30;
    display: inline-block;
    width: 28%;
    vertical-align: top;
    margin-left: 6px;
    padding-left: 6px
}

.mailbox__userinfo__exit:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #a7aab2;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#a7aab2),to(#fff));
    background: -webkit-linear-gradient(top,#fff 0%,#a7aab2 50%,#fff 100%);
    background: -moz-linear-gradient(top,#fff 0%,#a7aab2 50%,#fff 100%);
    background: linear-gradient(to bottom,#fff 0%,#a7aab2 50%,#fff 100%);
    content: '';
    display: block
}

.mailbox__userinfo__exit__link:link,.mailbox__userinfo__exit__link:visited {
    color: #6a6a6a
}

.mailbox__userinfo__exit__link:active,.mailbox__userinfo__exit__link:focus,.mailbox__userinfo__exit__link:hover {
    color: #f26d00
}

.mailbox__userinfo__avatar {
    float: left;
    width: 45px;
    height: 45px;
    border: 1px solid #d5d5d5;
    background-color: #f8f8f8;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain
}

.mailbox__userinfo__avatar_birthday:after {
    position: relative;
    display: block;
    content: '';
    height: 69px;
    width: 69px;
    background: url("//limg.imgsmail.ru/splash/v/i/eskimo-fp-cdccc8227f.png") no-repeat;
    left: -29px;
    top: -13px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .mailbox__userinfo__avatar_birthday:after {
        -moz-background-size: 70px 106px;
        background-size: 70px 106px;
        background-position: 100% 100%
    }
}

.mailbox__userinfo__menu {
    position: relative;
    height: 47px;
    overflow: hidden
}

.mailbox__userinfo__menu:after,.w-mailbox__userinfo__email:after {
    position: absolute;
    top: 0;
    right: -1px;
    width: 10px;
    height: 100%;
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1JREFUeNpi/P//fyMDA4MAFPMDMR8U8wIxDxBzATEnEwORYFThqMLhrRAgwADeagQdBeyrwwAAAABJRU5ErkJggg==) repeat-y
}

.mailbox__userinfo__menu__item {
    margin-top: 3px;
    margin-bottom: 5px;
    margin-left: 8px
}

.mailbox__userinfo__menu__item__link {
    white-space: nowrap;
    line-height: 17px;
    cursor: pointer
}

.mailbox__userinfo__menu__item__link__icon {
    margin-right: 4px;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    animation-duration: 500ms
}

.mailbox__userinfo__menu__item__link__icon_mailbox {
    top: 1px
}

.mailbox__userinfo__promo {
    height: 42px;
    overflow: hidden;
    line-height: 1;
    text-align: center;
    background: #fff;
    border-top: 1px solid #e6e6e6
}

.mailbox__userinfo__promo__link {
    display: inline-block;
    margin-top: 12px
}

.mailbox__userinfo__promo__link__icon {
    margin-right: 8px
}

.status__user_hasNoAuth .mailbox__userinfo {
    display: none
}

.status__user_hasAuth .mailbox__userinfo,.w-mailbox__userinfo__email_multiauth .mailbox__userinfo__email:after,.w-mailbox__userinfo__email_multiauth .mailbox__userinfo__email:before {
    display: block
}

.w-mailbox__userinfo {
    position: relative;
    margin-top: 2px;
    margin-right: 10px;
    margin-left: 33px
}

.w-mailbox__userinfo__menu {
    width: 100%;
    overflow: hidden
}

.w-mailbox__userinfo__email {
    position: relative;
    margin-top: -2px;
    margin-bottom: 10px;
    line-height: 17px;
    color: #222;
    white-space: nowrap
}

@media all and (min-height:733px) {
    .w-mailbox__userinfo__email {
        margin-bottom: 13px
    }
}

.w-mailbox__userinfo__email:after {
    right: 26%;
    z-index: 25
}

.w-mailbox__userinfo__email_multiauth:after {
    margin-right: 5px
}

.w-mailbox__userinfo__email_multiauth .w-mailbox__userinfo__email_inner {
    position: relative;
    margin-right: 10px
}

.w-mailbox__userinfo__promo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.social {
    position: relative;
    z-index: 3;
    margin-left: 11px
}

.social_icq {
    margin-top: 17px
}

@media all and (max-height:732px) {
    .social_icq {
        margin-top: 17px
    }
}

@media all and (min-height:733px) and (max-height:764px) {
    .social_icq {
        margin-top: 16px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .social_icq {
        margin-top: 16px
    }
}

@media all and (min-height:825px) {
    .social_icq {
        margin-top: 25px
    }
}

@media all and (min-height:765px) {
    .layout__leftcol_styling .social_icq {
        margin-top: 18px
    }
}

@media all and (min-height:825px) {
    .layout__leftcol_styling .social_icq {
        margin-top: 24px
    }
}

@media all and (min-height:765px) {
    .layout__leftcol_styling_top .social_icq {
        margin-top: 20px
    }
}

@media all and (min-height:733px) {
    .layout__leftcol_styling_outer-auth_block .social_icq {
        margin-top: 24px
    }
}

@media all and (min-height:765px) {
    .layout__leftcol_styling_outer-auth_block .social_icq {
        margin-top: 26px
    }
}

@media all and (min-height:825px) {
    .layout__leftcol_styling_outer-auth_block .social_icq {
        margin-top: 28px
    }
}

.social_my {
    margin-top: 11px
}

@media all and (min-height:733px) and (max-height:764px) {
    .social_my {
        margin-top: 10px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .social_my {
        margin-top: 13px
    }
}

@media all and (min-height:825px) {
    .social_my {
        margin-top: 21px
    }
}

@media all and (min-height:733px) {
    .layout__leftcol_styling .social_my {
        margin-top: 15px
    }
}

@media all and (min-height:825px) {
    .layout__leftcol_styling .social_my {
        margin-top: 24px
    }
}

.layout__leftcol_styling_top .social_my {
    margin-top: 13px
}

@media all and (min-height:733px) {
    .layout__leftcol_styling_top .social_my {
        margin-top: 15px
    }
}

@media all and (min-height:765px) {
    .layout__leftcol_styling_top .social_my {
        margin-top: 16px
    }
}

@media all and (min-height:825px) {
    .layout__leftcol_styling_top .social_my {
        margin-top: 17px
    }
}

.layout__leftcol_styling_outer-auth_block .social_my {
    display: none
}

.social_ok {
    margin-top: 17px;
    height: 40px
}

@media all and (min-height:733px) and (max-height:764px) {
    .social_ok {
        margin-top: 16px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .social_ok {
        margin-top: 20px
    }
}

@media all and (min-height:825px) {
    .social_ok {
        margin-top: 29px
    }
}

.layout__leftcol_styling .social_ok {
    margin-top: 13px
}

@media all and (min-height:733px) {
    .layout__leftcol_styling .social_ok {
        margin-top: 16px
    }
}

@media all and (min-height:765px) {
    .layout__leftcol_styling .social_ok {
        margin-top: 20px
    }
}

@media all and (min-height:825px) {
    .layout__leftcol_styling .social_ok {
        margin-top: 26px
    }
}

.layout__leftcol_styling_top .social_ok {
    margin-top: 14px
}

@media all and (min-height:733px) {
    .layout__leftcol_styling_top .social_ok {
        margin-top: 16px
    }
}

@media all and (min-height:825px) {
    .layout__leftcol_styling_top .social_ok {
        margin-top: 17px
    }
}

.layout__leftcol_styling_outer-auth_block .social_ok {
    height: auto
}

.social_mra {
    margin-top: 12px
}

@media all and (min-height:733px) {
    .social_mra {
        margin-top: 11px
    }
}

@media all and (min-height:825px) {
    .social_mra {
        margin-top: 17px
    }
}

.layout__leftcol_styling .social_mra {
    margin-top: 11px
}

@media all and (min-height:733px) {
    .layout__leftcol_styling .social_mra {
        margin-top: 15px
    }
}

@media all and (min-height:825px) {
    .layout__leftcol_styling .social_mra {
        margin-top: 20px
    }
}

@media all and (min-height:765px) {
    .layout__leftcol_styling_top .social_mra {
        margin-top: 16px
    }
}

.layout__leftcol_styling_outer-auth_block .social_mra {
    display: none
}

.social_cloud {
    margin-top: 14px
}

@media all and (min-height:733px) {
    .social_cloud {
        margin-top: 13px
    }
}

@media all and (min-height:825px) {
    .social_cloud {
        margin-top: 19px
    }
}

.social_market {
    margin-top: 14px
}

@media all and (min-height:733px) {
    .social_market {
        margin-top: 13px
    }
}

@media all and (min-height:825px) {
    .social_market {
        margin-top: 19px
    }
}

.layout__leftcol_styling .social_market {
    margin-top: 12px
}

@media all and (min-height:765px) {
    .layout__leftcol_styling .social_market {
        margin-top: 15px
    }
}

@media all and (min-height:825px) {
    .layout__leftcol_styling .social_market {
        margin-top: 22px
    }
}

@media all and (min-height:733px) {
    .layout__leftcol_styling_top .social_market {
        margin-top: 16px
    }
}

@media all and (min-height:825px) {
    .layout__leftcol_styling_top .social_market {
        margin-top: 17px
    }
}

@media all and (max-height:732px) {
    .social_market .social__title__description {
        display: inline
    }
}

@media all and (min-height:733px) {
    .social_market .social__title__description {
        display: none
    }
}

.social_styling {
    margin-top: 13px
}

@media all and (min-height:733px) {
    .social_styling {
        margin-top: 17px
    }
}

@media all and (min-height:825px) {
    .social_styling {
        margin-top: 23px
    }
}

.social__content {
    padding-left: 23px
}

.layout__leftcol_styling .social__content_my,.layout__leftcol_styling_outer-auth .social__content_mra,.layout__leftcol_styling_top .social__content_mra {
    display: none
}

@media all and (min-height:825px) {
    .layout__leftcol_styling_top .social__content_mra {
        display: block
    }
}

.layout__leftcol_styling_outer-auth_block .social__content_ok {
    display: none
}

@media all and (min-height:825px) {
    .layout__leftcol_styling_outer-auth_block .social__content_ok {
        display: block
    }
}

.w-social_mra__suggest__avatars {
    position: absolute;
    top: 18px;
    visibility: hidden;
    overflow: hidden;
    margin-top: -7px;
    width: 100%;
    height: 24px
}

.w-social_mra__suggest__avatars_crop {
    position: relative;
    width: 100%
}

.w-social__content_ok {
    display: none
}

.social__title {
    overflow: hidden;
    text-overflow: ellipsis
}

.social__title,.social__title__link {
    white-space: nowrap
}

.social__title__link .social__title__link__description {
    margin-left: 7px;
    line-height: 17px
}

.social__title__link__icon {
    margin-right: 5px
}

.social__title__link__text {
    font-size: 18px;
    line-height: 22px
}

.social__title__description {
    margin-left: 7px;
    line-height: 17px
}

.social__title .portal-button {
    top: -4px;
    margin-top: -6px;
    margin-bottom: -6px;
    margin-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 10px;
    line-height: 13px
}

.social__title .portal-button__fake {
    display: inline-block;
    padding: 2px 7px;
    text-align: center;
    font-size: 10px;
    line-height: 13px
}

.social__description {
    display: block;
    margin-top: -2px;
    color: #6a6a6a;
    line-height: 17px;
    white-space: nowrap
}

.social__description_ok {
    margin-top: 0
}

.social__description_styling {
    margin-top: 3px
}

@media all and (min-height:733px) {
    .social__description_styling {
        margin-top: 6px
    }
}

@media all and (min-height:825px) {
    .social__description_styling {
        margin-top: 10px
    }
}

.social__description_styling_top {
    margin-top: -2px
}

.social__description__link__icon {
    margin: -16px 0 -4px 5px
}

.social__counters-list {
    position: absolute;
    top: 3px;
    right: 0;
    background: #fff;
    white-space: nowrap
}

.social__counters-list:before {
    position: absolute;
    top: 0;
    right: 100%;
    overflow: hidden;
    width: 10px;
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(70%,#fff));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,#fff 70%);
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,#fff 70%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,#fff 70%);
    content: '';
    text-indent: -999em;
    line-height: 17px;
    height: 100%
}

.social__counter {
    margin-right: 7px;
    white-space: nowrap;
    line-height: 17px
}

.social__counter:last-child {
    margin-left: 0
}

.social__counter__link__icon {
    margin-right: 2px
}

.social__image {
    display: block;
    margin-top: 3px;
    height: 80px;
    background-position: 50%;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

@media only screen and (min-height:825px) {
    .social__image {
        height: 102px
    }
}

.social__user {
    position: relative;
    margin-bottom: 5px;
    color: #222;
    white-space: nowrap;
    line-height: 17px
}

.social__user:after {
    position: absolute;
    top: 0;
    right: 26%;
    z-index: 1;
    width: 14px;
    height: 100%;
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1JREFUeNpi/P//fyMDA4MAFPMDMR8U8wIxDxBzATEnEwORYFThqMLhrRAgwADeagQdBeyrwwAAAABJRU5ErkJggg==) repeat-y
}

.social__user__name {
    display: inline-block;
    overflow: hidden;
    max-width: 74%;
    vertical-align: top
}

.social__user__exit {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 26%;
    vertical-align: top;
    margin-left: 6px;
    padding-left: 6px
}

.social__user__exit:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #a7aab2;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#a7aab2),to(#fff));
    background: -webkit-linear-gradient(top,#fff 0%,#a7aab2 50%,#fff 100%);
    background: -moz-linear-gradient(top,#fff 0%,#a7aab2 50%,#fff 100%);
    background: linear-gradient(to bottom,#fff 0%,#a7aab2 50%,#fff 100%);
    content: '';
    display: block
}

.social__gray-link:link .social__gray-link__target,.social__gray-link:link.social__gray-link__target,.social__gray-link:visited .social__gray-link__target,.social__gray-link:visited.social__gray-link__target,.social__user__link:link,.social__user__link:visited {
    color: #6a6a6a
}

.social__gray-link:active .social__gray-link__target,.social__gray-link:active.social__gray-link__target,.social__gray-link:focus .social__gray-link__target,.social__gray-link:focus.social__gray-link__target,.social__gray-link:hover .social__gray-link__target,.social__gray-link:hover.social__gray-link__target,.social__user__link:active,.social__user__link:focus,.social__user__link:hover {
    color: #f26d00
}

.social__media {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 3px
}

.social__media__body,.social__media__figure {
    display: table-cell;
    vertical-align: top
}

.social__media__figure {
    position: relative;
    width: 85px;
    height: 60px
}

@media all and (min-height:733px) {
    .social__media__figure {
        width: 110px;
        height: 80px
    }
}

.social__media__figure_play:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    background: rgba(0,0,0,.5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAQAAAAjztcLAAAATUlEQVR4AWP4//B/3X82BgT4DwKX/psjBCDg7//+/9wQAQS4/98dJoAAs1AF/v2fgixw878DQsvv/x3/ORGGnv1vgLD22v/S/ywIdwEAZARk8CeXAYkAAAAASUVORK5CYII=) 50% 50% no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .social__media__figure_play:after {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAQAAAAua3X8AAAAlUlEQVR4AX3RtyGGURQA0CdnSlp6oRc2EEZgBGECYQRhAbHUSZ1GVqrklgp/EI4FvndPffNN9j2YSHn+wI7uVAzAm2k1UQAc6o0D+DSnLgqAcwNxAFVLmqMAuDMSB/BnTWcSu0lip1HAtxUtSc6FofyQnxbU59c80Zc/1LsZNflT7+nJP+vVVCriF382dKVittwaS1n/iLSBCWd0+4QAAAAASUVORK5CYII=);
        -moz-background-size: 8px 10px;
        background-size: 8px 10px
    }
}

@media all and (min-height:733px) {
    .social__media__figure_play:after {
        width: 26.666666666666668px;
        height: 26.666666666666668px
    }
}

.social__media__img,.social__media__img_small {
    display: block
}

@media all and (min-height:733px) {
    .social__media__img_small {
        display: none
    }
}

.social__media__img_large {
    display: none
}

@media all and (min-height:733px) {
    .social__media__img_large {
        display: block
    }
}

.social__media__body {
    position: relative;
    width: 100%
}

.social__media__body__overflow {
    height: 32px;
    overflow: hidden
}

@media all and (min-height:733px) {
    .social__media__body__overflow {
        height: 48px
    }
}

.social__media__description,.social__media__title {
    display: block
}

.social__button {
    display: inline-block;
    padding: 0 12px;
    color: #fff!important;
    font-size: 13px;
    line-height: 22px;
    border: 1px solid rgba(0,0,0,.12);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #168de2;
    -webkit-box-shadow: 0 2px rgba(22,141,226,.12);
    -moz-box-shadow: 0 2px rgba(22,141,226,.12);
    box-shadow: 0 2px rgba(22,141,226,.12)
}

.social__button:hover {
    background: #137cc6;
    cursor: pointer
}

.social__button_bottom {
    position: absolute;
    bottom: 0;
    left: 0
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@-moz-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animated_flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    animation-name: flash
}

@-moz-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@-webkit-keyframes indicator {
    0%,50%,to {
        opacity: 1
    }

    55%,95% {
        opacity: 0
    }
}

@-moz-keyframes indicator {
    0%,50%,to {
        opacity: 1
    }

    55%,95% {
        opacity: 0
    }
}

@-moz-keyframes indicator {
    0%,50%,to {
        opacity: 1
    }

    55%,95% {
        opacity: 0
    }
}

@-webkit-keyframes indicator {
    0%,50%,to {
        opacity: 1
    }

    55%,95% {
        opacity: 0
    }
}

@keyframes indicator {
    0%,50%,to {
        opacity: 1
    }

    55%,95% {
        opacity: 0
    }
}

.icon_news,.icon_news_lightning {
    background-image: url("//limg.imgsmail.ru/splash/v/i/icons-6f9d29f6f2-fp.png")
}

.icon_news {
    margin-bottom: -3px
}

.icon_news_lightning {
    background-position: 0 -380px;
    -moz-background-size: 55px 520px;
    background-size: 55px 520px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .icon_news_lightning {
        background-image: url("//limg.imgsmail.ru/splash/v/i/icons-5ff46df96a-fp.png")
    }
}

.icon_sport {
    width: 13px;
    height: 13px;
    margin-bottom: -3px
}

.icon_sport_hockey {
    background-position: -2px -2px
}

.icon_sport_football {
    background-position: -19px -2px
}

.icon_sport_event {
    -moz-background-size: 16px 40px;
    background-size: 16px 40px
}

.icon_hockey {
    width: 18px;
    height: 18px;
    background-image: url("//limg.imgsmail.ru/splash/v/i/hockey-fp-913936463c.png");
    margin-bottom: -3px
}

.icon_hockey_player {
    background-position: 0
}

.icon_live_arrow {
    width: 14px;
    height: 20px;
    background: url("//limg.imgsmail.ru/splash/v/i/icons-6f9d29f6f2-fp.png") no-repeat;
    background-position: -2px -398px;
    -moz-background-size: 55px 520px;
    background-size: 55px 520px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .icon_live_arrow {
        background-image: url("//limg.imgsmail.ru/splash/v/i/icons-5ff46df96a-fp.png")
    }
}

.search {
    position: relative;
    z-index: 100;
    padding-bottom: 13px;
    min-height: 56px
}

@media all and (max-height:764px) {
    .search {
        padding-bottom: 13px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .search {
        padding-bottom: 17px
    }
}

@media all and (min-height:825px) {
    .search {
        padding-bottom: 23px
    }
}

.search__title__link {
    font-size: 18px;
    line-height: 21px
}

.search__projects-list {
    height: 24px;
    white-space: nowrap;
    font-size: 0
}

.search__projects-list__item {
    margin-left: 12px
}

.search__projects-list__item:last-item {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.search__projects-list__item__link {
    font-size: 13px
}

.search__form {
    margin: 0;
    padding: 0;
    width: 100%
}

.search__form__layout__leftcol {
    position: relative;
    margin-right: 143px
}

.search__form__layout__rightcol {
    float: right
}

.search__input {
    display: block;
    cursor: text;
    background: #fff;
    -webkit-box-shadow: inset 2px 2px 7px -2px rgba(0,0,0,.1);
    -moz-box-shadow: inset 2px 2px 7px -2px rgba(0,0,0,.1);
    box-shadow: inset 2px 2px 7px -2px rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #a1a1a1
}

.search__input__wrapper {
    position: relative;
    display: block;
    padding-right: 20px;
    height: 29px
}

.search__input__wrapper__field {
    display: block;
    margin: 0;
    padding: 3px 10px;
    width: 100%;
    height: 23px;
    background: #fff;
    color: #222;
    line-height: 23px;
    -webkit-appearance: none;
    font-size: 18px;
    outline-color: #4d99da;
    border: 0
}

.search__input__wrapper__placeholder {
    position: absolute;
    top: 1px;
    left: 10px;
    height: 29px;
    color: #999;
    font-size: 14px;
    line-height: 28px;
    cursor: text
}

.search__button {
    position: relative;
    display: block;
    width: 138px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e9a14b;
    background: #ffa930
}

.search__button__wrapper {
    display: block
}

.search__button__wrapper_outer {
    background-position: 0 -60px
}

.search__button__wrapper_inner {
    height: 29px;
    text-align: center
}

.search__button__wrapper__field {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
    padding: 0 10px 2px;
    width: 100%;
    height: 29px;
    border: none;
    background: 0 0;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 28px
}

.search__now-searching {
    display: none;
    margin-bottom: -4px;
    padding-top: 4px;
    height: 16px;
    color: #444
}

@media all and (max-height:764px) {
    .search__now-searching {
        display: none
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .search__now-searching {
        display: block
    }
}

@media all and (min-height:825px) {
    .search__now-searching {
        display: block
    }
}

.go-suggests {
    position: absolute;
    display: none;
    z-index: 1
}

.go-suggests_open {
    display: block
}

.go-suggests__brd-overlay {
    display: none;
    overflow: hidden;
    width: 4px;
    height: 5px;
    border-left: 1px solid #3a78b9;
    background: #fff
}

.go-suggests__wrap {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    overflow: hidden
}

.go-suggests__helpwrap {
    background: #fff
}

.go-suggests__item {
    padding: 5px 10px;
    min-width: 418px;
    color: #222;
    white-space: nowrap;
    line-height: 1;
    cursor: pointer;
    font-size: 16px
}

.go-suggests__item_favicon {
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: 5px 4px
}

.go-suggests__item_hover {
    background-color: #f0f0f0
}

.go-suggests__item b,.go-suggests__item__highlight {
    color: #858585;
    font-weight: 400
}

.go-suggests__item__link,.go-suggests__item__link:active,.go-suggests__item__link:hover,.go-suggests__item__link:visited {
    color: #07c
}

.go-suggests__item__link__desc {
    display: block;
    color: #2c8b0b;
    font-size: 13px
}

.go-suggests__item__musico {
    display: inline-block;
    overflow: hidden;
    margin: 1px 0 0 10px;
    width: 17px;
    height: 13px;
    background: url("//limg.imgsmail.ru/splash/v/i/sgmus-fp-b8f8a3b5a8.png") 0 0 no-repeat;
    vertical-align: top
}

.go-suggests__loading {
    position: absolute;
    top: 6px;
    right: 6px;
    display: none;
    width: 16px;
    height: 16px;
    background: url(//go.imgsmail.ru/img/ajax_loader_mc.gif) 0 0 no-repeat
}

.ok__subdescription {
    line-height: 17px;
    color: #666
}

.w-ok__noauth {
    margin-top: 7px
}

.w-ok__noauth_features {
    margin-top: 1px
}

.ok__features {
    position: relative;
    width: 100%;
    height: 32px;
    margin-top: 5px;
    overflow: hidden
}

.ok__features__item {
    margin-left: 14px
}

.ok__features__item__item_first {
    margin-left: 0
}

.ok__online__item {
    position: relative;
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    margin-left: 15px;
    background: 0 0 no-repeat;
    cursor: pointer
}

.ok__online__item_first {
    margin-left: 0
}

.multiauth__menu {
    display: none;
    position: absolute;
    z-index: 40;
    max-width: 100%;
    padding-right: 2px;
    margin-top: -1px;
    margin-right: -1px;
    margin-left: -1px;
    vertical-align: top;
    visibility: hidden
}

.multiauth__menu_limit .multiauth__menu__dropdown__login {
    display: none
}

.multiauth__menu_ff .multiauth__menu__dropdown__list__item__info__email {
    float: none
}

.multiauth__menu_ff.multiauth__menu_win .multiauth__menu__dropdown__list__item__info__email__counter {
    top: 0
}

.multiauth__menu_multi .multiauth__menu__dropdown__info {
    display: none
}

.multiauth__menu_open .w-multiauth__menu__button__shadow {
    opacity: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

.multiauth__menu__button {
    position: relative;
    z-index: 46;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    background: #fff;
    padding-top: 2px;
    border: 1px solid #fff;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.multiauth__menu__button:link,.multiauth__menu__button:visited {
    text-decoration: none;
    cursor: pointer;
    outline: none
}

.multiauth__menu__button__text {
    display: inline-block;
    width: 100%;
    max-width: 560px;
    padding-right: 10px;
    padding-left: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: top;
    overflow: hidden
}

.multiauth__menu_open {
    top: 0;
    left: -12px;
    margin-top: -3px;
    visibility: visible
}

.multiauth__menu_open .multiauth__menu__dropdown {
    top: 19px;
    left: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

.w-multiauth__menu__button__shadow {
    position: absolute;
    z-index: 42;
    top: 0;
    opacity: 0;
    width: 50px;
    -webkit-box-shadow: 0 4px 15px rgba(0,0,0,.2);
    -moz-box-shadow: 0 4px 15px rgba(0,0,0,.2);
    box-shadow: 0 4px 15px rgba(0,0,0,.2)
}

.w-multiauth__menu__button__shadow_left {
    left: 0;
    height: 17px;
    clip: rect(0,0,35px,-10px)
}

.w-multiauth__menu__button__shadow_right {
    right: 0;
    height: 17px;
    clip: rect(0,60px,25px,50px)
}

.w-mailbox__userinfo__email_multiauth .multiauth__menu {
    display: block!important
}

.multiauth__menu__dropdown {
    position: absolute;
    z-index: 44;
    visibility: hidden;
    min-width: 358px;
    max-width: 360px;
    white-space: normal;
    opacity: 0
}

.multiauth__menu__dropdown_loading .multiauth__menu__dropdown__loader {
    display: block
}

.multiauth__menu__dropdown_error .multiauth__menu__dropdown__info,.multiauth__menu__dropdown_error .multiauth__menu__dropdown__list,.multiauth__menu__dropdown_error .multiauth__menu__dropdown__login,.multiauth__menu__dropdown_loading .multiauth__menu__dropdown__info,.multiauth__menu__dropdown_loading .multiauth__menu__dropdown__list,.multiauth__menu__dropdown_loading .multiauth__menu__dropdown__login {
    display: none
}

.multiauth__menu__dropdown_error .multiauth__menu__dropdown__error {
    display: block
}

.multiauth__menu__dropdown__loader {
    position: relative;
    display: none;
    overflow: hidden;
    height: 45px;
    outline: none;
    background: #edf3f8 url("//limg.imgsmail.ru/splash/v/i/loader-fp-05a6f661cf.gif") 50% 50% no-repeat
}

.multiauth__menu__dropdown__error {
    position: relative;
    display: none;
    overflow: hidden;
    padding: 15px 18px 14px;
    height: 16px;
    outline: none;
    background: #fefbd6;
    color: #db130c;
    font-size: 12px
}

.multiauth__menu__dropdown__list {
    display: block
}

.multiauth__menu__dropdown__list__item {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 7px;
    padding: 0 54px;
    height: 45px;
    outline: none;
    cursor: pointer
}

.multiauth__menu__dropdown__list__item:active,.multiauth__menu__dropdown__list__item:focus,.multiauth__menu__dropdown__list__item:hover {
    background: #e7efff
}

.multiauth__menu__dropdown__list__item:active .multiauth__menu__dropdown__list__item__info__email,.multiauth__menu__dropdown__list__item:focus .multiauth__menu__dropdown__list__item__info__email,.multiauth__menu__dropdown__list__item:hover .multiauth__menu__dropdown__list__item__info__email {
    color: #f7690c
}

.multiauth__menu__dropdown__list__item:active .multiauth__menu__dropdown__list__item__logout,.multiauth__menu__dropdown__list__item:focus .multiauth__menu__dropdown__list__item__logout,.multiauth__menu__dropdown__list__item:hover .multiauth__menu__dropdown__list__item__logout {
    display: block;
    opacity: .4
}

.multiauth__menu__dropdown__list__item:active .multiauth__menu__dropdown__list__item__logout:active,.multiauth__menu__dropdown__list__item:active .multiauth__menu__dropdown__list__item__logout:focus,.multiauth__menu__dropdown__list__item:active .multiauth__menu__dropdown__list__item__logout:hover,.multiauth__menu__dropdown__list__item:focus .multiauth__menu__dropdown__list__item__logout:active,.multiauth__menu__dropdown__list__item:focus .multiauth__menu__dropdown__list__item__logout:focus,.multiauth__menu__dropdown__list__item:focus .multiauth__menu__dropdown__list__item__logout:hover,.multiauth__menu__dropdown__list__item:hover .multiauth__menu__dropdown__list__item__logout:active,.multiauth__menu__dropdown__list__item:hover .multiauth__menu__dropdown__list__item__logout:focus,.multiauth__menu__dropdown__list__item:hover .multiauth__menu__dropdown__list__item__logout:hover {
    opacity: 1
}

.multiauth__menu__dropdown__list__item_current {
    padding-right: 15px;
    cursor: default;
    background: #edf3f8
}

.multiauth__menu__dropdown__list__item_current:active .multiauth__menu__dropdown__list__item__info__email,.multiauth__menu__dropdown__list__item_current:focus .multiauth__menu__dropdown__list__item__info__email,.multiauth__menu__dropdown__list__item_current:hover .multiauth__menu__dropdown__list__item__info__email,.multiauth__menu__dropdown__list__item_current:link .multiauth__menu__dropdown__list__item__info__email,.multiauth__menu__dropdown__list__item_current:visited .multiauth__menu__dropdown__list__item__info__email {
    color: #333
}

.multiauth__menu__dropdown__list__item_current:active .multiauth__menu__dropdown__list__item__info__text,.multiauth__menu__dropdown__list__item_current:focus .multiauth__menu__dropdown__list__item__info__text,.multiauth__menu__dropdown__list__item_current:hover .multiauth__menu__dropdown__list__item__info__text,.multiauth__menu__dropdown__list__item_current:link .multiauth__menu__dropdown__list__item__info__text,.multiauth__menu__dropdown__list__item_current:visited .multiauth__menu__dropdown__list__item__info__text {
    color: #666
}

.multiauth__menu__dropdown__list__item_current:active .multiauth__menu__dropdown__list__item__logout,.multiauth__menu__dropdown__list__item_current:focus .multiauth__menu__dropdown__list__item__logout,.multiauth__menu__dropdown__list__item_current:hover .multiauth__menu__dropdown__list__item__logout,.multiauth__menu__dropdown__list__item_current:link .multiauth__menu__dropdown__list__item__logout,.multiauth__menu__dropdown__list__item_current:visited .multiauth__menu__dropdown__list__item__logout {
    display: none
}

.multiauth__menu__dropdown__list__item_last {
    margin-bottom: 0
}

.multiauth__menu__dropdown__list__item__avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    background-position: 50% 50%;
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat
}

.multiauth__menu__dropdown__list__item__info {
    overflow: hidden;
    padding-top: 5px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.multiauth__menu__dropdown__list__item__info__email {
    float: left;
    overflow: hidden;
    max-width: 100%;
    color: #07c
}

.multiauth__menu__dropdown__list__item__info__email__text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 18px
}

.multiauth__menu__dropdown__list__item__info__email__counter {
    position: relative;
    top: 1px;
    display: none;
    float: right;
    padding-right: 9px;
    padding-left: 9px;
    line-height: 17px
}

.multiauth__menu__dropdown__list__item__info__email__counter_visible {
    display: block
}

.multiauth__menu__dropdown__list__item__info__email__counter__icon {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: -4px;
    width: 16px;
    height: 16px;
    background: url("//limg.imgsmail.ru/splash/v/i/multiauth-6d338a15c7-fp.gif") no-repeat 0 -70px;
    -moz-background-size: 27px auto;
    background-size: 27px auto;
    vertical-align: baseline
}

.multiauth__menu__dropdown__list__item__info__text {
    overflow: hidden;
    width: 100%;
    color: #999;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 18px
}

.multiauth__menu__dropdown__list__item__logout {
    position: absolute;
    top: 9px;
    right: 9px;
    display: none;
    opacity: 0
}

.multiauth__menu__dropdown__login {
    margin-top: 12px;
    padding-right: 4px;
    white-space: nowrap
}

.multiauth__menu__dropdown__login__link {
    position: relative;
    padding-left: 54px;
    font-size: 14px;
    line-height: 26px
}

.multiauth__menu__dropdown__login__link:link,.multiauth__menu__dropdown__login__link:visited {
    color: #07c
}

.multiauth__menu__dropdown__login__link:active,.multiauth__menu__dropdown__login__link:focus,.multiauth__menu__dropdown__login__link:hover {
    color: #f26d00
}

.multiauth__menu__dropdown__login__link__button {
    position: absolute;
    top: -5px;
    left: 4px
}

.multiauth__menu__dropdown__info {
    position: relative;
    margin-top: 18px;
    margin-bottom: -6px;
    padding: 0 0 0 54px;
    color: #666;
    font-size: 12px;
    line-height: 18px
}

.multiauth__menu__dropdown__info__arrow {
    position: absolute;
    top: -11px;
    left: 24px;
    width: 27px;
    height: 23px;
    background: url("//limg.imgsmail.ru/splash/v/i/multiauth-6d338a15c7-fp.gif") no-repeat 0 -40px;
    -moz-background-size: 27px auto;
    background-size: 27px auto
}

.multiauth__menu__dropdown__info__link {
    display: block;
    width: 210px;
    font-size: 12px;
    line-height: 18px
}

.multiauth__menu__dropdown__info__link:link .multiauth__menu__dropdown__info__link__text,.multiauth__menu__dropdown__info__link:visited .multiauth__menu__dropdown__info__link__text {
    color: #666
}

.multiauth__menu__dropdown__info__link:link .multiauth__menu__dropdown__info__link__link,.multiauth__menu__dropdown__info__link:visited .multiauth__menu__dropdown__info__link__link {
    color: #07c
}

.multiauth__menu__dropdown__info__link:active .multiauth__menu__dropdown__info__link__link,.multiauth__menu__dropdown__info__link:focus .multiauth__menu__dropdown__info__link__link,.multiauth__menu__dropdown__info__link:hover .multiauth__menu__dropdown__info__link__link {
    color: #f26d00
}

.w-multiauth__menu__dropdown {
    position: relative;
    padding: 7px 13px 12px;
    background: #fff;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 4px 15px rgba(0,0,0,.2);
    -moz-box-shadow: 0 4px 15px rgba(0,0,0,.2);
    box-shadow: 0 4px 15px rgba(0,0,0,.2)
}

.w-multiauth__menu__dropdown:after {
    display: block;
    content: '';
    height: 0;
    clear: both;
    overflow: hidden
}

.news {
    position: relative;
    margin-bottom: 2px
}

.news__mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    display: none;
    width: 100%;
    height: 100%;
    background: #fff url("//limg.imgsmail.ru/splash/v/i/loader-fp-29dd12e4c5.gif") 50% 50% no-repeat;
    background-color: rgba(255,255,255,.7)
}

.news__wrap {
    position: relative;
    overflow: hidden;
    height: 266px;
    margin-left: -8px
}

@media all and (min-height:733px) {
    .news__wrap {
        height: 320px
    }
}

@media all and (min-height:765px) {
    .news__wrap {
        height: 341px
    }
}

@media all and (min-height:825px) {
    .news__wrap {
        height: 371px
    }
}

.news__wrap_event {
    height: 225px
}

@media all and (min-height:733px) {
    .news__wrap_event {
        height: 281px
    }
}

@media all and (min-height:765px) {
    .news__wrap_event {
        height: 302px
    }
}

@media all and (min-height:825px) {
    .news__wrap_event {
        height: 331px
    }
}

.news__wrap_extend {
    height: 471px
}

@media all and (min-height:733px) and (max-height:764px) {
    .news__wrap_extend {
        height: 555px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .news__wrap_extend {
        height: 563px
    }
}

@media all and (min-height:825px) {
    .news__wrap_extend {
        height: 562px
    }
}

.news__tabpicture {
    display: none;
    position: absolute;
    -moz-background-size: 100%;
    background-size: 100%
}

@media all and (min-width:1280px) {
    .news__tabpicture {
        display: block
    }
}

.news__tabpicture_single-link {
    z-index: 1
}

.news__tabpicture__link {
    position: absolute;
    z-index: 1;
    -moz-background-size: 100%;
    background-size: 100%;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden
}

.news__tabs {
    margin-bottom: 7px;
    width: 100.12550735473634%
}

@media all and (min-height:825px) {
    .news__tabs {
        margin-bottom: 13px
    }
}

@media all and (min-width:1070px) and (max-width:1145px) {
    .news__tabs {
        width: 100.1112%
    }
}

@media all and (min-width:1145px) and (max-width:1150px) {
    .news__tabs {
        width: 100.055950165%
    }
}

@media all and (min-width:1150px) and (max-width:1220px) {
    .news__tabs {
        width: 100.1026725769043%
    }
}

@media all and (min-width:1220px) {
    .news__tabs {
        width: 100.097%
    }
}

.w-news__tabs {
    margin-right: 30px;
    position: relative
}

@media only screen and (min-width:1251px) {
    .w-news__tabs {
        margin-right: 0
    }
}

.news__tabs__item {
    width: 1%;
    text-align: center;
    border: solid #d0d0d0;
    border-width: 0 1px
}

.news__tabs__item_double {
    display: none
}

@media only screen and (max-width:1250px) {
    .news__tabs__item_double {
        display: none
    }
}

@media only screen and (min-width:1251px) {
    .news__tabs__item_double {
        display: table-cell
    }

    .news__tabs__item_double:last-child {
        border: 0
    }

    .news__tabs__item_double:last-child .news__tabs__item__link {
        border-right-width: 1px
    }
}

.news__tabs__item__link {
    position: relative;
    z-index: 8;
    display: block;
    padding: 0 10px;
    height: 23px;
    line-height: 23px;
    white-space: nowrap;
    cursor: pointer;
    background: #f0f0f0;
    border: solid #d0d0d0;
    border-width: 1px 0;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.news__tabs__item__link:link,.news__tabs__item__link:visited {
    color: #222
}

.news__tabs__item__link:active,.news__tabs__item__link:focus,.news__tabs__item__link:hover {
    color: #fff;
    background: #168de2;
    border-color: #168de2
}

.news__tabs__item__link:active .news__tabs__item__link__icon,.news__tabs__item__link:focus .news__tabs__item__link__icon,.news__tabs__item__link:hover .news__tabs__item__link__icon {
    background-position: 0 -20px
}

.news__tabs__item__link_first {
    margin-left: 0
}

.news__tabs__item__link__icon {
    position: absolute;
    left: 50%;
    margin-left: -30px;
    background-repeat: no-repeat;
    top: 3px
}

.iPad.retina .news__tabs__item__link_big {
    -webkit-box-shadow: 0 -1px 0 #c5d8e8;
    -moz-box-shadow: 0 -1px 0 #c5d8e8;
    box-shadow: 0 -1px 0 #c5d8e8
}

.news__tabs__item_selected .news__tabs__item__link {
    background: #fff;
    border-bottom-color: #fff
}

.news__tabs__item_selected .news__tabs__item__link:before {
    width: 100%;
    left: -1px;
    position: absolute;
    top: -3px;
    content: '';
    height: 2px;
    background: #168de2;
    border: 1px solid #0f79c4;
    border-bottom: 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

.news__tabs__item_selected .news__tabs__item__link:link,.news__tabs__item_selected .news__tabs__item__link:visited {
    color: #07c
}

.news__tabs__item_selected .news__tabs__item__link:active,.news__tabs__item_selected .news__tabs__item__link:focus,.news__tabs__item_selected .news__tabs__item__link:hover {
    color: #f26d00;
    border-color: #d0d0d0 #d0d0d0 #fff
}

.news__tabs__item_selected .news__tabs__item__link:active .news__tabs__item__link__icon,.news__tabs__item_selected .news__tabs__item__link:focus .news__tabs__item__link__icon,.news__tabs__item_selected .news__tabs__item__link:hover .news__tabs__item__link__icon {
    background-position: 0 0
}

.news__tabs__more {
    position: absolute;
    top: 0;
    margin-left: 100%;
    text-align: center;
    cursor: pointer;
    display: block;
    right: 0;
    z-index: 1
}

@media only screen and (max-width:1250px) {
    .news__tabs__more {
        display: block
    }
}

@media only screen and (min-width:1251px) {
    .news__tabs__more {
        display: none
    }
}

.news__tabs__more:after,.news__tabs__more:before {
    display: none;
    content: '';
    width: 50%;
    height: 100%;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.2);
    box-shadow: 0 3px 7px rgba(0,0,0,.2);
    position: absolute;
    top: 0;
    z-index: -1
}

.news__tabs__more:after {
    left: 0
}

.news__tabs__more:before {
    right: 0
}

.news__tabs__more__button {
    display: block;
    width: 29px;
    height: 23px;
    position: relative;
    z-index: 1;
    -webkit-transition: background .1s ease-in-out,border-color .1s ease-in-out;
    -moz-transition: background .1s ease-in-out,border-color .1s ease-in-out;
    transition: background .1s ease-in-out,border-color .1s ease-in-out
}

.news__tabs__more__button:link,.news__tabs__more__button:visited {
    background: #f0f0f0;
    border: solid #d0d0d0;
    border-width: 1px 1px 1px 0
}

.news__tabs__more__button:active,.news__tabs__more__button:focus,.news__tabs__more__button:hover {
    background: #168de2;
    border-color: #168de2
}

.news__tabs__more__button:active .news__tabs__more__icon,.news__tabs__more__button:active .news__tabs__more__icon:after,.news__tabs__more__button:active .news__tabs__more__icon:before,.news__tabs__more__button:focus .news__tabs__more__icon,.news__tabs__more__button:focus .news__tabs__more__icon:after,.news__tabs__more__button:focus .news__tabs__more__icon:before,.news__tabs__more__button:hover .news__tabs__more__icon,.news__tabs__more__button:hover .news__tabs__more__icon:after,.news__tabs__more__button:hover .news__tabs__more__icon:before {
    background: #fff
}

.news__tabs__more__button:before {
    position: absolute;
    top: -3px;
    left: -1px;
    display: none;
    width: 100%;
    height: 2px;
    border: 1px solid #0f79c4;
    border-bottom: 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    background: #168de2;
    content: ''
}

.news__tabs__more__icon,.news__tabs__more__icon:after,.news__tabs__more__icon:before {
    width: 4px;
    height: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #222;
    -webkit-transition: background .1s ease-in-out;
    -moz-transition: background .1s ease-in-out;
    transition: background .1s ease-in-out
}

.news__tabs__more__icon {
    outline: none;
    margin-top: 9px;
    display: inline-block;
    position: relative
}

.news__tabs__more__icon:after,.news__tabs__more__icon:before {
    top: 0;
    content: '';
    display: block;
    position: absolute
}

.news__tabs__more__icon:before {
    left: -7px
}

.news__tabs__more__icon:after {
    right: -7px
}

.news__tabs__more__dropdown {
    position: absolute;
    display: none;
    background: #fff;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.2);
    box-shadow: 0 3px 7px rgba(0,0,0,.2);
    right: 0;
    top: 25px
}

.news__tabs__more_opened {
    z-index: 10;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.news__tabs__more_opened .news__tabs__more__dropdown,.news__tabs__more_opened:after,.news__tabs__more_opened:before,.news__tabs__more_selected .news__tabs__more__button:before {
    display: block
}

.news__tabs__more_opened .news__tabs__more__button:link,.news__tabs__more_opened .news__tabs__more__button:visited {
    height: 24px;
    background: #fff;
    border-color: #fff
}

.news__tabs__more_opened .news__tabs__more__button:active .news__tabs__more__icon,.news__tabs__more_opened .news__tabs__more__button:active .news__tabs__more__icon:after,.news__tabs__more_opened .news__tabs__more__button:active .news__tabs__more__icon:before,.news__tabs__more_opened .news__tabs__more__button:focus .news__tabs__more__icon,.news__tabs__more_opened .news__tabs__more__button:focus .news__tabs__more__icon:after,.news__tabs__more_opened .news__tabs__more__button:focus .news__tabs__more__icon:before,.news__tabs__more_opened .news__tabs__more__button:hover .news__tabs__more__icon,.news__tabs__more_opened .news__tabs__more__button:hover .news__tabs__more__icon:after,.news__tabs__more_opened .news__tabs__more__button:hover .news__tabs__more__icon:before,.news__tabs__more_selected.news__tabs__more_opened .news__tabs__more__button:active .news__tabs__more__icon,.news__tabs__more_selected.news__tabs__more_opened .news__tabs__more__button:active .news__tabs__more__icon:after,.news__tabs__more_selected.news__tabs__more_opened .news__tabs__more__button:active .news__tabs__more__icon:before,.news__tabs__more_selected.news__tabs__more_opened .news__tabs__more__button:focus .news__tabs__more__icon,.news__tabs__more_selected.news__tabs__more_opened .news__tabs__more__button:focus .news__tabs__more__icon:after,.news__tabs__more_selected.news__tabs__more_opened .news__tabs__more__button:focus .news__tabs__more__icon:before,.news__tabs__more_selected.news__tabs__more_opened .news__tabs__more__button:hover .news__tabs__more__icon,.news__tabs__more_selected.news__tabs__more_opened .news__tabs__more__button:hover .news__tabs__more__icon:after,.news__tabs__more_selected.news__tabs__more_opened .news__tabs__more__button:hover .news__tabs__more__icon:before {
    background: #222
}

.news__tabs__more_selected .news__tabs__more__button:link,.news__tabs__more_selected .news__tabs__more__button:visited {
    background: #fff;
    border-color: #d0d0d0;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    border-bottom: 0
}

.news__tabs__more_selected .news__tabs__more__button:active .news__tabs__more__icon,.news__tabs__more_selected .news__tabs__more__button:active .news__tabs__more__icon:after,.news__tabs__more_selected .news__tabs__more__button:active .news__tabs__more__icon:before,.news__tabs__more_selected .news__tabs__more__button:focus .news__tabs__more__icon,.news__tabs__more_selected .news__tabs__more__button:focus .news__tabs__more__icon:after,.news__tabs__more_selected .news__tabs__more__button:focus .news__tabs__more__icon:before,.news__tabs__more_selected .news__tabs__more__button:hover .news__tabs__more__icon,.news__tabs__more_selected .news__tabs__more__button:hover .news__tabs__more__icon:after,.news__tabs__more_selected .news__tabs__more__button:hover .news__tabs__more__icon:before {
    background: #f26d00
}

.news__tabs__more_selected.news__tabs__more_opened .news__tabs__more__button:link,.news__tabs__more_selected.news__tabs__more_opened .news__tabs__more__button:visited {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    border-color: #fff
}

.news__tabs__more__dropdown__item {
    margin-top: 1px
}

.news__tabs__more__dropdown__item:first-child {
    margin-top: 0
}

.news__tabs__more__dropdown__item_selected .news__tabs__more__dropdown__item__link {
    cursor: pointer;
    background: #f0f0f0
}

.news__tabs__more__dropdown__item_selected .news__tabs__more__dropdown__item__link:active,.news__tabs__more__dropdown__item_selected .news__tabs__more__dropdown__item__link:focus,.news__tabs__more__dropdown__item_selected .news__tabs__more__dropdown__item__link:hover {
    color: #f26d00
}

.news__tabs__more__dropdown__item__link {
    white-space: nowrap;
    display: block;
    padding: 4px 10px;
    text-align: right
}

.news__tabs__more__dropdown__item__link:link,.news__tabs__more__dropdown__item__link:visited {
    color: #222
}

.news__tabs__more__dropdown__item__link:active,.news__tabs__more__dropdown__item__link:focus,.news__tabs__more__dropdown__item__link:hover {
    background: #f0f0f0
}

.news__tabs__more__dropdown__item__link:focus {
    outline: 1px solid #f0f0f0
}

.news__list {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    visibility: hidden;
    width: 100%
}

.news__list_active {
    z-index: 1;
    visibility: visible
}

.news__list__group {
    position: relative;
    z-index: 1
}

.w-news__list__item_project .news__list__item__info {
    display: inline
}

.w-news__list__item__link__text {
    position: relative;
    z-index: 2
}

.w-news__list__item__emergency {
    overflow: hidden;
    margin-left: 125px
}

.news__list__item {
    position: relative;
    padding: 1px 0 1px 8px;
    line-height: 19px;
    white-space: nowrap
}

.news__list__item:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 10px;
    height: 100%;
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAQAAABN/Pf1AAAAG0lEQVR4AWNkYPgvwCDOIM0gx6DAIA8kpRnEARohAfBZWGCnAAAAAElFTkSuQmCC) repeat-y
}

@media all and (min-height:733px) {
    .news__list__item {
        margin-bottom: 3px
    }
}

@media all and (min-height:765px) {
    .news__list__item {
        margin-bottom: 2px;
        padding: 2px 0 1px 8px
    }
}

@media all and (min-height:733px) {
    .news__wrap_event .news__list__item {
        margin-bottom: 2px
    }
}

@media all and (min-height:765px) {
    .news__wrap_event .news__list__item {
        margin-bottom: 1px
    }
}

.news__list__item__icon {
    margin-bottom: 0;
    margin-left: -3px;
    vertical-align: middle
}

.news__list__item__icon_rb {
    margin-right: 4px;
    margin-left: 0;
    background-image: none;
    background-position: 0 bottom;
    -moz-background-size: auto auto;
    background-size: auto auto
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .news__list__item__icon_rb {
        background-position: 0 0;
        -moz-background-size: 100% auto;
        background-size: 100% auto
    }
}

.news__list__item__icon_rb_marker {
    margin-right: 9px
}

.event__badge__text__icon_flag img,.news__list__item__description {
    display: block
}

@media all and (max-width:1150px) {
    .news__list__item__description {
        display: none
    }
}

.news__list__item__description:link,.news__list__item__description:visited {
    color: #222
}

.news__list__item__info {
    display: none;
    margin-right: 7px
}

.news__list__item__info:link,.news__list__item__info:visited {
    color: #6a6a6a
}

.news__list__item__info:active,.news__list__item__info:focus,.news__list__item__info:hover {
    color: #f26d00
}

.news__list__item__text {
    cursor: default
}

.news__list__item__wrap {
    height: 65px;
    overflow: hidden
}

.news__list__item_main {
    margin-bottom: 3px;
    margin-left: 3px;
    padding: 3px 5px 5px;
    white-space: normal;
    line-height: 16px
}

.news__list__item_main:after {
    display: none
}

@media all and (min-height:733px) {
    .news__list__item_main {
        margin-bottom: 4px
    }
}

.news__wrap_event .news__list__item_main {
    margin-bottom: 2px
}

@media all and (min-height:733px) {
    .news__wrap_event .news__list__item_main {
        margin-bottom: 3px
    }
}

.news__list__item_main .news__list__item__link__text {
    position: relative
}

.news__list__item_simple {
    display: block;
    margin: 0;
    padding-left: 3px;
    width: auto;
    height: auto
}

@media all and (min-height:733px) {
    .news__list__item_simple {
        margin-bottom: 3px
    }
}

@media all and (min-height:765px) {
    .news__list__item_simple {
        margin-bottom: 2px
    }
}

.news__list__item_hiddable {
    display: none
}

@media all and (min-height:825px) {
    .news__list__item_hiddable {
        display: block
    }
}

.news__list__item.news__list__item_main:before,.news__list__item_hiddable_prelast,.news__list__item_hiddable_preprelast,.news__wrap_event .news__list__item_hiddable_prepreprelast {
    display: none
}

@media all and (min-height:733px) {
    .news__list__item_hiddable_preprelast,.news__wrap_event .news__list__item_hiddable_prepreprelast {
        display: block
    }
}

@media all and (min-height:765px) {
    .news__list__item_hiddable_prelast {
        display: block
    }
}

.news__list__item_hide .news__list__item__link_simple,.news__list__item_hide.news__list__item_main {
    -webkit-animation: mark_updating .3s ease forwards;
    -moz-animation: mark_updating .3s ease forwards;
    animation: mark_updating .3s ease forwards
}

.news__list__item_new .news__list__item__link_simple,.news__list__item_new.news__list__item_main {
    background-color: #e6f5ff;
    -webkit-animation: mark_updating .3s ease 2s reverse forwards;
    -moz-animation: mark_updating .3s ease 2s reverse forwards;
    animation: mark_updating .3s ease 2s reverse forwards
}

@-moz-keyframes mark_updating {
    0% {
        background-color: rgba(230,245,255,0)
    }

    to {
        background-color: #e6f5ff
    }
}

@-webkit-keyframes mark_updating {
    0% {
        background-color: rgba(230,245,255,0)
    }

    to {
        background-color: #e6f5ff
    }
}

@keyframes mark_updating {
    0% {
        background-color: rgba(230,245,255,0)
    }

    to {
        background-color: #e6f5ff
    }
}

.news__list__item__link:link {
    color: #07c
}

.news__list__item__link:visited {
    color: #7ca4cc
}

.news__list__item__link:hover {
    color: #f26d00
}

.news__list__item__link__text {
    position: relative
}

.news__list__item__link__image {
    float: left;
    margin-top: 2px;
    margin-right: 12px
}

.news__list__item__link__icon {
    margin-top: -2px;
    margin-right: 4px;
    margin-bottom: -2px;
    vertical-align: middle
}

.news__list__item__link__marker {
    position: absolute;
    z-index: 1;
    margin-left: -6px;
    padding-right: 8px;
    width: 100%;
    height: 17px;
    border: 1px solid #fffc7f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fffece;
    -webkit-transform: skewx(-10deg);
    -moz-transform: skewx(-10deg);
    -ms-transform: skewx(-10deg);
    transform: skewx(-10deg)
}

.news__list__item__link__description {
    color: #6a6a6a
}

.news__list__item__link_simple {
    display: inline-block;
    padding: 0 5px
}

@-moz-keyframes news_item_overlay {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes news_item_overlay {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes news_item_overlay {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.news__list__item__link_emergency {
    display: inline-block;
    overflow: hidden;
    margin-bottom: 5px;
    max-width: 100%
}

.news__list__item__link_emergency:link .news__list__item__link__text,.news__list__item__link_emergency:visited .news__list__item__link__text {
    display: block;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    font-size: 13px;
    background: #e85657;
    color: #fff;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    padding: 5px 10px 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.news__list__item__link_emergency:active .news__list__item__link__text,.news__list__item__link_emergency:focus .news__list__item__link__text,.news__list__item__link_emergency:hover .news__list__item__link__text {
    background: #c94b4b
}

.news__list__item__link_mourning {
    position: relative
}

.news__list__item__link_mourning:link .news__list__item__link__text,.news__list__item__link_mourning:visited .news__list__item__link__text {
    color: #222;
    border-color: #e6e6e6;
    background: #e6e6e6
}

.news__list__item__link_mourning:active .news__list__item__link__text,.news__list__item__link_mourning:focus .news__list__item__link__text,.news__list__item__link_mourning:hover .news__list__item__link__text {
    border-color: #222;
    color: #222
}

.event__medal {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-bottom: -2px
}

.event__medal_gold {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2215%22 height=%2215%22 viewBox=%220 0 15 15%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ffe333;stroke:%23dd9a3f;stroke-linejoin:round;stroke-opacity:.5;stroke-width:1px%7D.cls-2%7Bfill:%23de9b3f%7D%3C/style%3E%3C/defs%3E%3Ccircle id=%22Ellipse_52_copy_2%22 data-name=%22Ellipse 52 copy 2%22 class=%22cls-1%22 cx=%227.5%22 cy=%227.5%22 r=%226.5%22/%3E%3Cpath id=%22Rectangle_1_copy_2%22 data-name=%22Rectangle 1 copy 2%22 class=%22cls-2%22 d=%22M7 5h1v5H7z%22/%3E%3C/svg%3E")
}

.event__medal_silver {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2215%22 height=%2215%22 viewBox=%220 0 15 15%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ccc;stroke:%238e8e8e;stroke-linejoin:round;stroke-width:1px%7D.cls-2%7Bfill:%238e8e8e;fill-rule:evenodd%7D%3C/style%3E%3C/defs%3E%3Ccircle id=%22Ellipse_52_copy%22 data-name=%22Ellipse 52 copy%22 class=%22cls-1%22 cx=%227.5%22 cy=%227.5%22 r=%226.5%22/%3E%3Cpath id=%22Rectangle_1_copy%22 data-name=%22Rectangle 1 copy%22 class=%22cls-2%22 d=%22M8 5h1v5H8V5zM6 5h1v5H6V5z%22/%3E%3C/svg%3E")
}

.event__medal_bronze {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2215%22 height=%2215%22 viewBox=%220 0 15 15%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23d58948;stroke:%23a15118;stroke-linejoin:round;stroke-width:1px%7D.cls-2%7Bfill:%23a15118;fill-rule:evenodd%7D%3C/style%3E%3C/defs%3E%3Ccircle class=%22cls-1%22 cx=%227.5%22 cy=%227.5%22 r=%226.5%22/%3E%3Cpath class=%22cls-2%22 d=%22M7 5h1v5H7V5zm2 0h1v5H9V5zM5 5h1v5H5V5z%22/%3E%3C/svg%3E")
}

.event__medal_divider {
    margin-left: 8px
}

.event__medal-count {
    color: #333
}

.event__badge,.event__wrap {
    display: block;
    position: relative
}

.event__wrap {
    margin-right: 13px;
    overflow: hidden
}

.event__wrap:after {
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 1px;
    width: 10px;
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAQAAABN/Pf1AAAAG0lEQVR4AWNkYPgvwCDOIM0gx6DAIA8kpRnEARohAfBZWGCnAAAAAElFTkSuQmCC) repeat-y
}

.event__badge {
    cursor: pointer;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #f0f0f0;
    height: 28px;
    z-index: 1;
    margin-bottom: 10px;
    -webkit-transition: margin .5s ease,border-color .3s ease,height .5s ease;
    -moz-transition: margin .5s ease,border-color .3s ease,height .5s ease;
    transition: margin .5s ease,border-color .3s ease,height .5s ease
}

.candidates:hover .candidates__title,.event__badge:hover .event__badge__closer,.event__badge:hover .event__badge__opener,.event__badge_rio:hover .event__badge__title {
    color: #f26d00
}

.event__badge_open {
    margin-left: -13px;
    margin-right: -13px;
    height: 39px;
    border-top-color: #f0f0f0
}

@media all and (min-width:1170px) {
    .event__badge_open {
        margin-left: -24px;
        margin-right: -24px
    }
}

.event__badge_open .event__badge__inner {
    margin-left: 37px;
    margin-right: 37px;
    opacity: 0
}

.event__badge_open .event__badge__closer {
    opacity: 1
}

.event__badge_open .event__badge__opener {
    opacity: 0
}

.event__badge_rio {
    background: #fff url("//limg.imgsmail.ru/splash/v/i/rio_bg_left-fp-25e2b07ddd.png") no-repeat -20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .event__badge_rio {
        background-image: url("//limg.imgsmail.ru/splash/v/i/rio_bg_left@2x-fp-66a6aef219.png");
        -moz-background-size: auto 100%;
        background-size: auto 100%
    }
}

.event__badge_rio:after {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%
}

@media (min-width:1075px) {
    .event__badge_rio:after {
        background: url("//limg.imgsmail.ru/splash/v/i/rio_bg_right-fp-09eb807ab1.png") no-repeat 434px 0
    }
}

@media (min-width:1240px) {
    .event__badge_rio:after {
        background-position: 100% 0
    }
}

@media only screen and (min-width:1075px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1075px) and (min--moz-device-pixel-ratio:1.5),only screen and (min-width:1075px) and (-o-min-device-pixel-ratio:3/2),only screen and (min-width:1075px) and (min-device-pixel-ratio:1.5) {
    .event__badge_rio:after {
        background-image: url("//limg.imgsmail.ru/splash/v/i/rio_bg_right@2x-fp-eeeb3821c6.png");
        -moz-background-size: auto 100%;
        background-size: auto 100%
    }
}

.event__badge_rio-one-bg:after {
    display: none
}

.event__badge_link:hover {
    border-color: #c7c7c7;
    color: #000
}

.event__badge_link .event__badge__text {
    color: #000
}

.event__badge__inner {
    position: relative;
    overflow: hidden;
    margin: 5px 13px;
    -webkit-transition: opacity .3s ease,margin .5s ease;
    -moz-transition: opacity .3s ease,margin .5s ease;
    transition: opacity .3s ease,margin .5s ease;
    opacity: 1
}

.event__badge__inner_fixed {
    height: 20px
}

.event__badge_rio .event__badge__inner {
    margin-left: 60px
}

.event__badge__icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 1px 7px 0 0;
    vertical-align: top
}

.event__badge__icon_hockey {
    margin-top: 0;
    background: url("//limg.imgsmail.ru/splash/v/i/hockey-fp-4092d3c610.png") no-repeat 0 -32px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .event__badge__icon_hockey {
        background-position: 0 1px;
        -moz-background-size: 16px auto;
        background-size: 16px auto
    }
}

.event__badge__icon_football {
    background-image: url("//limg.imgsmail.ru/splash/v/i/football-fp-f0dcf55e04.png")
}

@media all and (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.4375),(min-resolution:138dpi),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
    .event__badge__icon_football {
        background-image: url("//limg.imgsmail.ru/splash/v/i/football@2x-fp-ae2ddcbd73.png");
        -moz-background-size: 100% 100%;
        background-size: 100% 100%
    }
}

.event__badge__title {
    display: inline-block;
    margin-right: 16px;
    white-space: nowrap;
    color: #07c;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: top;
    margin-top: 2px
}

.event__badge__title-hiddable {
    display: none
}

@media (min-width:1050px) {
    .event__badge__title-hiddable {
        display: inline
    }
}

.event__badge__title_olympic {
    line-height: 17px;
    margin-top: 1px
}

.event__badge__content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.event__badge__content_olympic {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 104px
}

@media (min-width:998px) {
    .event__badge__content_olympic {
        left: 28%
    }
}

@media (min-width:1050px) {
    .event__badge__content_olympic {
        left: 154px
    }
}

.event__badge__content_stretch {
    right: 0
}

.event__badge__text {
    white-space: nowrap
}

.event__badge__text,.event__badge__text__icon {
    display: inline-block
}

.event__badge__text__icon_flag {
    display: none;
    position: relative;
    width: 16px;
    height: 11px;
    vertical-align: top;
    margin: 4px 0 0 8px
}

@media all and (min-width:1066px) {
    .event__badge__text__icon_flag {
        display: inline-block
    }
}

.event__badge__text__icon_flag:first-child {
    margin: 4px 8px 0 0
}

.event__badge__text__icon_flag:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0,.07);
    -moz-box-shadow: inset 0 0 1px 1px rgba(0,0,0,.07);
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.07)
}

.event__badge__text__inner {
    display: inline-block;
    margin-top: 2px;
    vertical-align: top
}

.event__badge__percent,.event__badge__text__highlited {
    font-weight: 700
}

.event__badge__closer,.event__badge__opener {
    color: gray;
    border-bottom: 1px dotted;
    -webkit-transition: opacity .3s ease,color .2s ease;
    -moz-transition: opacity .3s ease,color .2s ease;
    transition: opacity .3s ease,color .2s ease
}

.event__badge__opener {
    float: right;
    height: 15px;
    display: block;
    margin: 0 20px 0 10px;
    position: relative;
    opacity: 1
}

.event__badge__closer:before,.event__badge__opener:after {
    content: '';
    display: block;
    height: 10px;
    width: 16px;
    position: absolute;
    -moz-background-size: 119px 89px;
    background-size: 119px 89px
}

.event__badge__opener:after {
    background: url("//limg.imgsmail.ru/splash/v/i/event__fold-da228e53e6-fp.png") -60px 1px no-repeat;
    right: -20px;
    top: 3px
}

.event__badge__closer {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 60px;
    margin-left: -20px;
    text-align: center;
    line-height: 1;
    opacity: 0
}

.event__badge__closer:before {
    left: -20px;
    top: 2px;
    background: url("//limg.imgsmail.ru/splash/v/i/event__fold-fp-bf777d6fa4.png") -60px 1px no-repeat
}

.event__badge__details {
    float: right;
    white-space: nowrap
}

.event__badge__details__item {
    display: none;
    margin-left: 4px;
    padding: 0 9px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    vertical-align: top;
    background: #3b9be1;
    color: #fff;
    font-size: 12px;
    line-height: 18px
}

@media all and (min-width:1266px) {
    .event__badge__details__item {
        display: inline-block
    }
}

.event__badge__details__item:first-child {
    display: inline-block;
    margin-left: 16px
}

.event__badge__details__item__icon {
    display: inline-block
}

.event__badge__details__item__icon_online {
    position: relative;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px
}

.event__badge__details__item__icon_online_blink {
    margin-bottom: -1px;
    border: 1px solid #ffa930;
    -webkit-box-shadow: 0 0 1px #ffa930;
    -moz-box-shadow: 0 0 1px #ffa930;
    box-shadow: 0 0 1px #ffa930;
    -webkit-animation: online_blink 1.1s linear infinite alternate;
    -moz-animation: online_blink 1.1s linear infinite alternate;
    animation: online_blink 1.1s linear infinite alternate
}

.event__badge__details__item__icon_online_blink:before {
    -webkit-animation: online_blink_inner 1.1s linear infinite alternate;
    -moz-animation: online_blink_inner 1.1s linear infinite alternate;
    animation: online_blink_inner 1.1s linear infinite alternate
}

.event__badge__details__item__icon_online:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffa930
}

.event__badge__details__item__text {
    display: none
}

@media all and (min-width:1166px) {
    .event__badge__details__item__text {
        display: inline
    }
}

.event__badge__details__item_state-now {
    background: 0 0
}

@media all and (min-width:1166px) {
    .event__badge__details__item_state-now {
        background: #3b9be1
    }
}

.event__position {
    color: gray
}

.event__flag {
    position: relative;
    display: inline-block;
    margin: 0 7px 0 6px;
    height: 11px;
    line-height: 29px
}

.event__flag:before {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.7);
    -moz-box-shadow: inset 0 0 1px rgba(0,0,0,.7);
    box-shadow: inset 0 0 1px rgba(0,0,0,.7)
}

.event__flag-image {
    display: block;
    height: 100%
}

.event__list-item {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    padding-top: 1px;
    line-height: 29px
}

.event__list-item:first-child {
    margin-left: 0
}

.event__container {
    position: absolute;
    width: 100%;
    left: 0;
    top: 65px;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .5s ease padding .3s ease;
    -moz-transition: height .5s ease padding .3s ease;
    transition: height .5s ease padding .3s ease
}

@media all and (min-height:765px) and (max-height:824px) {
    .event__container {
        top: 85px
    }
}

@media all and (min-height:825px) {
    .event__container {
        top: 90px
    }
}

.event__container_open {
    padding: 2px 0;
    height: 240px
}

.event__container__inner {
    display: block;
    position: relative;
    background: #f0f0f0;
    height: 100%;
    border: 2px solid #e6e6e6;
    margin: 0 12px;
    top: -2px
}

.event-damper {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    transition: height .5s ease;
    viibility: hidden
}

.event-damper_open {
    height: 250px
}

.event-damper_open.event-damper_centercol {
    height: 238px
}

.candidates {
    position: relative;
    z-index: 100;
    display: block;
    margin: 0 auto;
    padding: 20px 40px;
    text-align: center;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    transition: background .2s linear;
    overflow: hidden
}

.candidates:active,.candidates:hover,.candidates:link,.candidates:visited {
    color: #222
}

@media all and (min-width:1170px) {
    .candidates {
        background: url("//limg.imgsmail.ru/splash/v/i/event__flag-fp-999302012e.png") 100% 53px no-repeat
    }
}

.candidates__title {
    display: block;
    font-size: 17px;
    color: #168de2;
    margin-bottom: 26px;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    transition: color .2s linear
}

.candidates__item {
    display: inline-block;
    position: relative;
    margin: 0 50px;
    vertical-align: top
}

@media all and (min-width:1170px) {
    .candidates__item {
        margin: 0 20px
    }
}

.candidates__item__photo,.candidates__item__photo__img {
    display: block;
    height: 92px;
    width: 92px;
    -moz-background-size: 92px 92px;
    background-size: 92px 92px
}

.candidates__item__photo {
    padding: 4px;
    background: #c7c7c7;
    margin-bottom: 5px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.candidates__item__photo__img {
    background-color: #fff;
    -webkit-border-radius: 92px;
    -moz-border-radius: 92px;
    border-radius: 92px;
    background-repeat: no-repeat
}

.candidates__item__photo__per {
    display: block;
    z-index: 1;
    background: #168de2;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    height: 32px;
    width: 55px;
    text-align: center;
    position: absolute;
    top: -4px;
    right: -20px;
    line-height: 32px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    white-space: nowrap
}

.candidates__item__photo__per__sym {
    font-size: 12px;
    font-weight: 400
}

.candidates__item__photo__canvas {
    position: absolute;
    top: 0;
    left: 0
}

.candidates__item__name {
    width: 100px;
    display: inline-block;
    text-align: center
}

.candidates__info {
    display: none;
    position: absolute;
    left: 0;
    top: 30px;
    width: 20.8%;
    text-align: left;
    background: #fff;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    padding: 20px 25px
}

@media all and (min-width:1170px) {
    .candidates__info {
        display: block
    }
}

.candidates__info__title {
    display: block;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px
}

.candidates__info__item {
    display: block;
    margin-top: 10px
}

.candidates__info__item__num {
    float: left;
    font-size: 17px;
    font-weight: 700
}

.candidates__info__item__content {
    display: block;
    overflow: hidden;
    padding-left: 12px
}

@-moz-keyframes online_blink {
    0% {
        border-color: #ffa930;
        -moz-box-shadow: 0 0 1px #ffa930;
        box-shadow: 0 0 1px #ffa930
    }

    to {
        border-color: rgba(255,169,48,.4);
        -moz-box-shadow: 0 0 1px rgba(255,169,48,.4);
        box-shadow: 0 0 1px rgba(255,169,48,.4)
    }
}

@-webkit-keyframes online_blink {
    0% {
        border-color: #ffa930;
        -webkit-box-shadow: 0 0 1px #ffa930;
        box-shadow: 0 0 1px #ffa930
    }

    to {
        border-color: rgba(255,169,48,.4);
        -webkit-box-shadow: 0 0 1px rgba(255,169,48,.4);
        box-shadow: 0 0 1px rgba(255,169,48,.4)
    }
}

@keyframes online_blink {
    0% {
        border-color: #ffa930;
        -webkit-box-shadow: 0 0 1px #ffa930;
        -moz-box-shadow: 0 0 1px #ffa930;
        box-shadow: 0 0 1px #ffa930
    }

    to {
        border-color: rgba(255,169,48,.4);
        -webkit-box-shadow: 0 0 1px rgba(255,169,48,.4);
        -moz-box-shadow: 0 0 1px rgba(255,169,48,.4);
        box-shadow: 0 0 1px rgba(255,169,48,.4)
    }
}

@-moz-keyframes online_blink_inner {
    0% {
        background-color: #ffa930
    }

    to {
        background-color: rgba(255,169,48,.4)
    }
}

@-webkit-keyframes online_blink_inner {
    0% {
        background-color: #ffa930
    }

    to {
        background-color: rgba(255,169,48,.4)
    }
}

@keyframes online_blink_inner {
    0% {
        background-color: #ffa930
    }

    to {
        background-color: rgba(255,169,48,.4)
    }
}

.tgb {
    height: 60px;
    border: 1px solid #f0f0f0;
    margin-top: 4px;
    position: relative
}

@media all and (max-height:732px) {
    .tgb {
        margin-top: 4px
    }
}

@media all and (min-height:733px) and (max-height:764px) {
    .tgb {
        margin-top: 16px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .tgb {
        margin-top: 8px
    }
}

@media all and (min-height:825px) {
    .tgb {
        margin-top: 12px
    }
}

.tgb__inner {
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 60px
}

.tgb__inner__figure {
    display: table-cell;
    width: 90px;
    height: 60px;
    min-width: 90px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center
}

.tgb__inner__figure_target {
    display: inline-block;
    text-align: left;
    max-width: 90px;
    min-width: 60px;
    width: auto
}

.tgb__inner__figure__img {
    vertical-align: middle;
    max-height: 60px
}

.tgb__inner__content {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 0 15px
}

.tgb__inner__content__inner {
    display: block;
    max-height: 50px;
    overflow: hidden
}

.tgb__inner__content__text {
    display: block;
    color: #222
}

.tgb__inner__marker {
    position: absolute;
    right: -2px;
    bottom: -5px;
    padding-top: 4px;
    padding-right: 1px;
    padding-left: 5px;
    color: #999;
    font-size: 10px;
    line-height: 1;
    background: #fff
}

.w-text-banner {
    display: block;
    overflow: hidden;
    padding: 4px 5px 0;
    max-height: 50px;
    font-size: 13px;
    line-height: 16px
}

.w-text-banner_centered {
    padding-top: 0
}

.w-text-banner_outer {
    height: 60px;
    border: 1px solid #f0f0f0;
    margin-top: 4px
}

@media all and (max-height:732px) {
    .w-text-banner_outer {
        margin-top: 4px
    }
}

@media all and (min-height:733px) and (max-height:764px) {
    .w-text-banner_outer {
        margin-top: 16px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .w-text-banner_outer {
        margin-top: 8px
    }
}

@media all and (min-height:825px) {
    .w-text-banner_outer {
        margin-top: 12px
    }
}

.text-banner {
    position: relative;
    display: block;
    height: 100%;
    text-decoration: none;
    cursor: pointer
}

.text-banner__image,.text-banner_wide {
    float: left;
    margin-top: 4px;
    margin-right: 10px;
    margin-left: 5px
}

.text-banner__image_wide,.text-banner_wide_wide {
    float: none;
    margin-top: 0;
    margin-left: 0;
    vertical-align: middle
}

.text-banner__content_centered {
    display: table-cell;
    width: 100%;
    vertical-align: middle
}

.text-banner__title {
    display: block
}

.text-banner__text {
    display: block;
    color: #222
}

.text-banner__marker {
    position: absolute;
    right: -2px;
    bottom: -5px;
    padding-top: 4px;
    padding-right: 1px;
    padding-left: 5px;
    color: #999;
    font-size: 10px;
    line-height: 1;
    background: #fff
}

.informer {
    border: 1px solid #f0f0f0;
    border-width: 1px 0 0;
    margin-top: 4px
}

@media all and (min-height:733px) and (max-height:764px) {
    .informer {
        margin-top: 8px;
        padding-top: 1px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .informer {
        margin-top: 11px;
        padding-top: 6px
    }
}

@media all and (min-height:825px) {
    .informer {
        margin-top: 12px;
        padding-top: 5px
    }
}

.informer_afishamedia {
    margin-top: 5px;
    padding-top: 10px
}

@media all and (min-height:733px) and (max-height:764px) {
    .informer_afishamedia {
        margin-top: 10px;
        padding-top: 20px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .informer_afishamedia {
        margin-top: 10px;
        padding-top: 20px;
        padding-bottom: 7px
    }
}

@media all and (min-height:825px) {
    .informer_afishamedia {
        margin-top: 15px;
        padding-top: 20px;
        padding-bottom: 8px
    }
}

.informer__link {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 2px 10px 2px 0
}

.informer__link_autolinks {
    font-size: 14px
}

.informer__cell {
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 33.33%
}

.informer__cell_afishamedia {
    width: 27%
}

@media screen and (max-width:1100px) {
    .informer__cell_afishamedia {
        width: 41%
    }

    .informer__cell_afishamedia:last-child {
        display: none
    }
}

.informer__cell_afishamedia .info-image_xl:first-child {
    margin-bottom: 10px
}

.informer__cell_afishamedia-large {
    width: 46%
}

@media screen and (max-width:1100px) {
    .informer__cell_afishamedia-large {
        width: 58%
    }
}

.informer__cell_autocountry,.informer__cell_buyauto,.informer__cell_dailyvideo,.informer__cell_reviews {
    width: 66.66%
}

.informer__cell_dayvideo,.informer__cell_gallery,.informer__cell_games,.informer__cell_live,.informer__cell_sportphoto,.informer__cell_testdrive {
    width: 100%
}

.informer__cell_sportlinks {
    padding-top: 28px
}

.informer__cell_region {
    overflow: visible
}

@media all and (min-height:733px) and (max-height:764px) {
    .informer__cell_appliances,.informer__cell_apps,.informer__cell_beauty,.informer__cell_buyauto,.informer__cell_child,.informer__cell_contests,.informer__cell_fashion,.informer__cell_films,.informer__cell_onlinefilms {
        margin: 6px 0 3px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .informer__cell_appliances,.informer__cell_apps,.informer__cell_beauty,.informer__cell_buyauto,.informer__cell_child,.informer__cell_contests,.informer__cell_fashion,.informer__cell_films,.informer__cell_onlinefilms {
        margin: 6px 0 3px
    }
}

@media all and (min-height:825px) {
    .informer__cell_appliances,.informer__cell_apps,.informer__cell_beauty,.informer__cell_buyauto,.informer__cell_child,.informer__cell_contests,.informer__cell_fashion,.informer__cell_films,.informer__cell_onlinefilms {
        margin: 10px 0 4px
    }
}

.informer__cell_autocountry,.informer__cell_autolinks {
    padding-top: 12px
}

@media all and (min-height:733px) and (max-height:764px) {
    .informer__cell_autocountry,.informer__cell_autolinks {
        margin: 5px 0 0
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .informer__cell_autocountry,.informer__cell_autolinks {
        margin: 5px 0 0
    }
}

@media all and (min-height:825px) {
    .informer__cell_autocountry,.informer__cell_autolinks {
        margin: 10px 0 0
    }
}

.informer__cell_games {
    text-align: justify;
    height: 29px;
    margin-top: 2px
}

@media all and (min-height:733px) and (max-height:764px) {
    .informer__cell_games {
        margin: 8px 0 0
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .informer__cell_games {
        margin: 8px 0 0
    }
}

@media all and (min-height:825px) {
    .informer__cell_games {
        margin: 13px 0 0
    }
}

.informer__cell_afisha,.informer__cell_gallery {
    margin: 0 0 13px
}

@media all and (min-height:733px) and (max-height:764px) {
    .informer__cell_afisha,.informer__cell_gallery {
        margin: 0 0 22px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .informer__cell_afisha,.informer__cell_gallery {
        margin: 0 0 22px
    }
}

@media all and (min-height:825px) {
    .informer__cell_afisha,.informer__cell_gallery {
        margin: 0 0 27px
    }
}

.informer__cell_live {
    margin: 10px 0 2px
}

@media all and (min-height:733px) and (max-height:764px) {
    .informer__cell_live {
        margin: 10px 0
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .informer__cell_live {
        margin: 10px 0
    }
}

@media all and (min-height:825px) {
    .informer__cell_live {
        margin: 12px 0 13px
    }
}

.informer__cell_sportlinks {
    font-size: 14px
}

.informer__cell__title {
    display: block;
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    margin: 8px 0 5px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.informer__cell__title:hover {
    color: #f26d00
}

.informer__cell__title_game {
    display: inline-block;
    margin: 5px 0 0
}

.informer__cell__title__text {
    color: #254d6e
}

.informer__cell__leg {
    display: inline-block;
    height: 0;
    overflow: hidden;
    width: 100%
}

.informer__cell__item {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

.informer__cell_dayvideo .informer__cell__item,.informer__cell_gallery .informer__cell__item,.informer__cell_sportphoto .informer__cell__item,.informer__cell_testdrive .informer__cell__item {
    width: 33.33%
}

.informer__cell_afisha .informer__cell__item,.informer__cell_childarticles .informer__cell__item,.informer__cell_receipt .informer__cell__item,.informer__cell_video .informer__cell__item {
    width: 100%
}

.informers {
    width: 100%;
    table-layout: fixed
}

.informers_first {
    margin-top: 8px;
    height: 61px
}

@media all and (min-height:733px) {
    .informers_first {
        margin-top: 16px;
        height: 67px
    }
}

@media all and (min-height:765px) {
    .informers_first {
        margin-top: 17px
    }
}

.informers__column {
    position: relative;
    vertical-align: middle
}

.informers__column_left {
    padding-right: 10px;
    width: 33%
}

.informers__column_center {
    padding-right: 5px;
    padding-left: 5px;
    width: 27%
}

.informers__column_right {
    padding-left: 10px;
    width: 40%
}

.informers__column_not-overflowed {
    overflow: visible
}

.informers__column__inner {
    overflow: hidden
}

.informers__column__inner_tizer {
    margin-left: -12px;
    padding-left: 12px
}

.informers_second .informers__column__inner {
    padding-bottom: 3px
}

.informers_first .informers__column {
    padding-top: 16px
}

.informers_second .informers__column {
    vertical-align: bottom
}

.informers__title {
    text-decoration: none;
    white-space: nowrap;
    font-size: 14px;
    line-height: 16px
}

.informers__title__text {
    position: relative;
    display: inline-block
}

.informers__title__icon {
    margin-left: 7px
}

.informers__title__icon_realty {
    display: none
}

@media all and (min-width:1050px) {
    .informers__title__icon_realty {
        display: inline-block
    }
}

.informers__title:link .informers__title__description,.informers__title:visited .informers__title__description {
    color: #8d8d8d;
    text-decoration: none;
    white-space: nowrap;
    font-size: 12px
}

.informers__title__outericon {
    position: absolute;
    margin-top: 3px;
    margin-left: -20px;
    background-position: 0 bottom;
    cursor: pointer
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .informers__title__outericon {
        background-position: 0 0;
        -moz-background-size: 100% auto;
        background-size: 100% auto
    }
}

.informers__title__outericon_marker {
    margin-left: -26px
}

.informers__title__marker {
    position: absolute;
    top: -2px;
    left: -8px;
    z-index: -1;
    padding-right: 14px;
    width: 100%;
    height: 18px;
    border: 1px solid #fffc7f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fffece;
    -webkit-transform: skewx(-10deg);
    -moz-transform: skewx(-10deg);
    -ms-transform: skewx(-10deg);
    transform: skewx(-10deg)
}

.informers_first .informers__title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.informers__column_left .informers__title {
    right: 10px
}

.informers__column_center .informers__title {
    right: 5px;
    left: 5px
}

.informers__column_right .informers__title {
    left: 10px
}

.informers_second .informers__title {
    display: block;
    margin-top: 7px
}

.traffic {
    position: relative;
    cursor: pointer
}

.traffic:link,.traffic:visited {
    color: #222
}

.traffic:active,.traffic:focus,.traffic:hover {
    color: #f26d00
}

.traffic__image {
    position: absolute;
    left: 0;
    display: block;
    margin-right: 5px;
    margin-left: 10px;
    width: 24px;
    height: 24px;
    background: url("//limg.imgsmail.ru/splash/v/i/traffic-ae76e8c7dd-fp.png") no-repeat;
    top: -6px;
    -moz-background-size: 24px auto;
    background-size: 24px auto
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
    .traffic__image {
        background-image: url("//limg.imgsmail.ru/splash/v/i/traffic-95c9e756d1-fp.png")
    }
}

.traffic__image_red {
    background-position: 0 0
}

.traffic__image_yellow {
    background-position: 0 -30px
}

.traffic__image_green {
    background-position: 0 -60px
}

.traffic__title {
    margin-left: 40px
}

.traffic__status_current {
    font-size: 18px;
    line-height: 1
}

.traffic__status__unit {
    font-size: 13px
}

.info-image {
    position: relative;
    display: block;
    min-width: 90px;
    max-width: 160px;
    width: 100%
}

.info-image_allgames {
    display: inline-block;
    margin-bottom: 12px;
    width: 25%;
    min-width: 25%;
    max-width: 25%
}

.info-image__link {
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    margin-right: 10px;
    padding-top: 84px;
    background-color: #ccc;
    background-position: 50% 50%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.info-image_allgames .info-image__link {
    padding-top: 54px;
    margin-right: 20px;
    margin-bottom: 6px
}

.info-image__link:hover {
    text-decoration: none
}

.info-image__link:hover .info-image__title {
    background: #000;
    background: rgba(0,0,0,.8);
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.info-image__link_no-space {
    margin-right: 0
}

.info-image__title {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    background: #666;
    background: rgba(0,0,0,.6);
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    padding: 1px 0
}

.info-image__title__text {
    padding: 0 5px
}

.info-image__link:hover .info-image__title_red,.info-image__title_red {
    background: #f02820
}

.info-image__link:hover .info-image__title_green,.info-image__title_green {
    background: #97c723
}

.info-image__title_bookmark {
    left: auto;
    right: 0;
    bottom: 6px;
    width: auto;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase
}

.info-image__label {
    font-size: 15px
}

.info-image__badge {
    position: absolute;
    left: auto;
    right: 0;
    bottom: 6px;
    width: auto;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 0 5px;
    color: #fff
}

.info-image__badge_red {
    background: #f02820
}

.info-image__badge_green {
    background: #97c723
}

.info-image_xl {
    min-width: 100px;
    max-width: 192px
}

.info-image_xl .info-image__link {
    padding-top: 84px;
    margin-right: 0;
    margin-left: 10px
}

.info-image_xl .info-image__title {
    padding: 2px 0;
    white-space: normal
}

.info-image_xl .info-image__title__text {
    display: block;
    font-size: 13px;
    line-height: 15px
}

.info-image_xxl {
    min-width: 178px;
    max-width: 277px
}

.info-image_xxl .info-image__link {
    padding-top: 178px;
    margin-right: 0
}

.info-image_xxl .info-image__title {
    height: 16px;
    padding: 5px 0 4px
}

.info-image_xxl .info-image__title__text {
    font-size: 18px
}

.regional-info {
    margin-top: 12px
}

@media all and (min-height:641px) {
    .regional-info {
        margin-top: 13px
    }
}

@media all and (min-height:733px) {
    .regional-info {
        margin-top: 23px
    }
}

@media all and (min-height:765px) {
    .regional-info {
        margin-top: 17px
    }
}

@media all and (min-height:825px) {
    .regional-info {
        margin-top: 23px
    }
}

.regional-info__cityselection {
    display: inline-block;
    font-size: 12px;
    position: relative
}

.regional-info__cityselection__link {
    display: block;
    text-decoration: none;
    cursor: pointer
}

.regional-info__cityselection__link:link,.regional-info__cityselection__link:visited {
    color: #222
}

.regional-info__cityselection__link:link .regional-info__cityselection__link__text,.regional-info__cityselection__link:visited .regional-info__cityselection__link__text {
    border-bottom: 1px dotted #a7aab2;
    -webkit-transition: border-color .1s ease-out;
    -moz-transition: border-color .1s ease-out;
    transition: border-color .1s ease-out
}

.regional-info__cityselection__link:active,.regional-info__cityselection__link:focus,.regional-info__cityselection__link:hover {
    color: #f26d00
}

.regional-info__cityselection__link:active .regional-info__cityselection__link__text,.regional-info__cityselection__link:focus .regional-info__cityselection__link__text,.regional-info__cityselection__link:hover .regional-info__cityselection__link__text {
    border-color: #f26d00
}

.regional-info__cityselection__link__text {
    display: block;
    font-size: 16px;
    line-height: 18px
}

.regional-info__title {
    float: left;
    white-space: nowrap
}

.regional-info__wrap {
    overflow: hidden;
    padding-left: 10px;
    white-space: nowrap
}

.regional-info__date {
    display: inline-block;
    margin-left: 5px;
    font-size: 13px;
    line-height: 18px;
    color: #6a6a6a
}

.regional-info__date_hidden {
    visibility: hidden
}

.regional-info__date__time__info {
    color: #6a673c
}

.regional-info__accident {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding: 0 12px 0 9px;
    height: 20px;
    line-height: 18px;
    background: #fff29a;
    border: solid #ffec6d;
    border-width: 1px 1px 1px 0
}

.regional-info__accident:after {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    width: 13px;
    border-right: 1px solid #ffec6d;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABCAYAAAAFKSQHAAAAL0lEQVR4AQXBwRFAQAAEsCwdGK97MHPK1qQKbiWBfu9hz7B66Zo2D5nqpgOnJAA/T+4JjLMIWqIAAAAASUVORK5CYII=) repeat-y;
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,242,154,0)),color-stop(70%,#fff29a));
    background: -webkit-linear-gradient(left,rgba(255,242,154,0) 0%,#fff29a 70%);
    background: -moz-linear-gradient(left,rgba(255,242,154,0) 0%,#fff29a 70%);
    background: linear-gradient(to right,rgba(255,242,154,0) 0%,#fff29a 70%)
}

.regional-info__accident__text {
    display: inline-block;
    white-space: nowrap
}

.regional-info__accident__tail {
    position: absolute;
    top: -1px;
    right: 100%;
    bottom: -1px;
    overflow: hidden;
    width: 14px
}

.regional-info__accident__tail:before {
    content: '';
    position: absolute;
    top: 0;
    background: #fff29a;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #ffec6d;
    -webkit-transform: scale(.6,1) rotate(-45deg);
    -moz-transform: scale(.6,1) rotate(-45deg);
    -ms-transform: scale(.6,1) rotate(-45deg);
    transform: scale(.6,1) rotate(-45deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.weather {
    position: relative;
    display: block;
    margin-top: 6px;
    cursor: pointer
}

.weather__image {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -6px;
    display: block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px
}

.weather__temperature {
    display: inline-block;
    margin-top: -3px;
    font-size: 18px;
    line-height: 1;
    white-space: nowrap;
    color: #222
}

.weather__forecast {
    font-size: 13px;
    color: #222;
    white-space: nowrap
}

.weather__forecast_near {
    display: none
}

@media only screen and (min-width:1190px) {
    .weather__forecast_near {
        display: inline
    }
}

.w-weather {
    display: block;
    margin-left: 45px
}

.quotations__item,.w-weather {
    white-space: nowrap
}

.quotations__item_link:link,.quotations__item_link:visited {
    color: #222
}

.quotations__item_link:link .quotations__item__title,.quotations__item_link:visited .quotations__item__title {
    color: #07c
}

.quotations__item_link:hover,.quotations__item_link:hover .quotations__item__title {
    color: #f26d00
}

.quotations__item_oil {
    display: block;
    float: left;
    padding-top: 7px;
    border-top: 1px solid #d0d0d0
}

@media all and (min-height:733px) {
    .quotations__item_oil {
        padding-top: 9px
    }
}

.horoscope__forecast__description:link,.horoscope__forecast__description:visited,.horoscope__zodiac:link,.horoscope__zodiac:visited,.quotations__item_oil:active .quotations__item__rate,.quotations__item_oil:hover .quotations__item__rate,.quotations__item_oil:link .quotations__item__rate,.quotations__item_oil:visited .quotations__item__rate {
    color: #222
}

.quotations__item__hider {
    -webkit-transition: opacity .15s ease;
    -moz-transition: opacity .15s ease;
    transition: opacity .15s ease
}

.quotations__item__hider_hide {
    opacity: 0
}

.quotations__item__title {
    font-size: 13px;
    margin-right: 4px
}

.quotations__item__type {
    margin-right: 4px
}

.quotations__item__type__symbol {
    display: inline-block;
    min-width: 9px;
    font-size: 12px;
    line-height: 1;
    text-align: center
}

.quotations__item__increment {
    padding-left: 4px;
    color: #666;
    font-size: 11px
}

.quotations__item__increment_plus {
    color: green
}

.quotations__item__increment_minus {
    color: #de4a4a
}

.horoscope,.w-quotations__item {
    height: 16px;
    overflow: hidden
}

.horoscope {
    display: block;
    height: 32px
}

.horoscope__image {
    float: left;
    display: none;
    width: 37px;
    height: 26px;
    margin-top: 2px;
    margin-right: 5px;
    margin-bottom: 4px;
    background-repeat: no-repeat;
    -moz-background-size: 31px 26px;
    background-size: 31px 26px
}

@media all and (min-width:1151px) {
    .horoscope__image {
        display: block
    }
}

@media all and (min-width:1280px) {
    .horoscope__image {
        display: block
    }
}

.live {
    position: relative;
    display: block;
    white-space: nowrap
}

.live:after {
    position: absolute;
    right: 0;
    width: 20px;
    height: 100%
}

.live__item {
    display: inline-block;
    margin-right: 4px;
    width: 150px;
    font-size: 11px
}

.live__item__sport {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6a6a6a
}

.live__item__inner {
    display: block;
    overflow: hidden;
    height: 39px;
    border: 1px solid #e3e3e4;
    border-right-color: #d3d4d5;
    border-bottom-color: #c7c7c8;
    border-left: 2px solid #fa0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer
}

.live__item__inner:link,.live__item__inner:visited {
    -webkit-transition: border-color .3s ease,-webkit-box-shadow .3s ease;
    -moz-transition: box-shadow .3s ease,border-color .3s ease,-moz-box-shadow .3s ease;
    transition: box-shadow .3s ease,border-color .3s ease;
    transition: box-shadow .3s ease,border-color .3s ease,-webkit-box-shadow .3s ease,-moz-box-shadow .3s ease;
    color: #222
}

.live__item__inner:active,.live__item__inner:focus,.live__item__inner:hover {
    border-color: #d0d0d1 #c3c4c4 #bbb #fa0;
    -webkit-box-shadow: 0 1px 1px #f2f2f2;
    -moz-box-shadow: 0 1px 1px #f2f2f2;
    box-shadow: 0 1px 1px #f2f2f2
}

.live__item__time {
    display: inline-block;
    width: 43px;
    height: 39px;
    border-right: 1px dotted #c4c6d3;
    vertical-align: top;
    text-align: center;
    white-space: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 39px
}

.live__item__time__now {
    display: inline-block;
    color: #fa0;
    vertical-align: middle;
    font-size: 11px;
    line-height: 13px
}

.live__item__team {
    position: relative;
    display: block;
    overflow: hidden
}

.live__item__team__points {
    position: absolute;
    right: 0;
    padding-left: 7px;
    height: 100%;
    background: #fff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAABCAYAAADJsB7sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpi/P//PwMQaACxFRA7ArElECsz0BgABBgAzV8D/hbZFX4AAAAASUVORK5CYII=) repeat-y;
    font-weight: 700
}

.live__tosport {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 100%;
    background: url("//limg.imgsmail.ru/splash/v/i/live_fade-50d381f254-fp.png") 0 0 repeat-y
}

.live__tosport__arrow {
    position: absolute;
    top: 28px;
    right: 5px
}

.live__tosport__bg {
    position: absolute;
    right: 0;
    display: block;
    width: 20px;
    height: 100%;
    background: #fff
}

.w-live__item__teams {
    display: inline-block;
    padding: 3px 10px 0;
    width: 84px;
    vertical-align: top
}

.w-live__item__teams_past {
    width: 127px
}

.banner,.w-banner {
    height: 300px
}

.banner {
    position: relative;
    width: 300px;
    overflow: hidden
}

.banner_expanded {
    overflow: visible
}

.games {
    margin-top: 12px
}

@media all and (max-height:732px) {
    .games {
        margin-top: 12px
    }
}

@media all and (min-height:733px) and (max-height:764px) {
    .games {
        margin-top: 13px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .games {
        margin-top: 15px
    }
}

@media all and (min-height:825px) {
    .games {
        margin-top: 29px
    }
}

.games__title {
    margin-bottom: 5px
}

@media all and (min-height:765px) and (max-height:824px) {
    .games__title {
        margin-bottom: 7px
    }
}

@media all and (min-height:825px) {
    .games__title {
        margin-bottom: 12px
    }
}

.games__title__link:link,.games__title__link:visited {
    color: #07c;
    font-size: 18px;
    line-height: 22px
}

.games__title__link:active,.games__title__link:focus,.games__title__link:hover {
    color: #f26d00
}

.games__title__link__icon {
    margin-right: 5px
}

.games__top-games {
    margin-bottom: 2px;
    white-space: nowrap;
    vertical-align: top
}

@media all and (min-height:733px) and (max-height:764px) {
    .games__top-games {
        margin-bottom: 9px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .games__top-games {
        margin-bottom: 10px
    }
}

@media all and (min-height:825px) {
    .games__top-games {
        margin-bottom: 7px
    }
}

.games__top-games__item {
    display: inline-block;
    width: 146px;
    margin-left: 8px;
    margin-bottom: 4px;
    vertical-align: top
}

.games__top-games__item:first-child,.games__top-games__item_first {
    margin-left: 0
}

.games__top-games__item__title {
    display: block;
    max-width: 100%;
    margin-top: 5px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media all and (min-height:825px) {
    .games__top-games__item__title {
        margin-bottom: 0
    }
}

.games__top-game {
    position: relative;
    display: none;
    overflow: hidden;
    margin-top: 10px;
    height: 80px
}

@media all and (max-height:732px) {
    .games__top-game {
        display: none
    }
}

@media all and (min-height:733px) and (max-height:764px) {
    .games__top-game {
        display: block
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .games__top-game {
        display: block
    }
}

@media all and (min-height:825px) {
    .games__top-game {
        display: block;
        margin-top: 15px
    }
}

.games__top-game__link {
    position: relative;
    float: left;
    font-size: 12px
}

.games__top-game__link:link,.games__top-game__link:visited {
    color: #fff;
    text-decoration: none
}

.games__top-game__link__title {
    position: absolute;
    top: 64px;
    left: 0;
    width: 150px;
    height: 16px;
    background: #222;
    background: rgba(0,0,0,.6);
    cursor: pointer
}

.games__top-game__link__title__text {
    display: block;
    overflow: hidden;
    margin-left: 5px;
    width: 140px;
    text-overflow: ellipsis;
    cursor: pointer
}

.games__top-game__description {
    margin-left: 162px
}

.games__top-game__description__link:link,.games__top-game__description__link:visited {
    color: #222
}

.games__top-game .games__more-link {
    position: absolute;
    right: 1px;
    bottom: 1px;
    line-height: 20px
}

@media all and (max-height:732px) {
    .games__top-game .games__more-link {
        display: block
    }
}

@media all and (min-height:733px) {
    .games__top-game .games__more-link {
        display: none
    }
}

.games__list {
    width: 100%
}

.games__list__col_left {
    width: 150px
}

.games__list__col_right {
    padding-left: 12px
}

.games__list__item {
    overflow: hidden;
    height: 50px
}

.games__list__item_odd {
    margin-bottom: 7px
}

@media all and (min-height:765px) and (max-height:824px) {
    .games__list__item_odd {
        margin-bottom: 9px
    }
}

@media all and (min-height:825px) {
    .games__list__item_odd {
        margin-bottom: 18px
    }
}

.games__list__item_even {
    margin-bottom: 6px
}

@media all and (min-height:765px) and (max-height:824px) {
    .games__list__item_even {
        margin-bottom: 8px
    }
}

@media all and (min-height:825px) {
    .games__list__item_even {
        margin-bottom: 18px
    }
}

.games__list__item__link:link,.games__list__item__link:visited {
    color: #07c
}

.games__list__item__link:active,.games__list__item__link:focus,.games__list__item__link:hover {
    color: #f26d00
}

.games__list__item__link__image {
    float: left;
    margin-right: 12px
}

.games__list__item__link__title {
    display: inline-block;
    margin-top: 4px;
    width: 76px
}

.games__list__item__info {
    color: #6a6a6a
}

.games__catalogue {
    margin-top: 1px;
    width: 100%
}

.games__catalogue__col_left {
    width: 150px
}

.games__catalogue__col_right {
    padding-left: 12px
}

.games__catalogue__item {
    line-height: 20px
}

.games__catalogue__item__link:link,.games__catalogue__item__link:visited {
    color: #07c
}

.games__catalogue__item__link:active,.games__catalogue__item__link:focus,.games__catalogue__item__link:hover {
    color: #f26d00
}

.games__catalogue__item__info {
    margin-left: 5px;
    color: #6a6a6a
}

.games__more-link {
    margin-left: -6px;
    padding: 2px 5px;
    background: #f0f0f0;
    border: 1px solid #d0d0d0
}

.games__more-link:link,.games__more-link:visited {
    color: #222;
    -webkit-transition: color .1s ease-in-out,background .1s ease-in-out;
    -moz-transition: color .1s ease-in-out,background .1s ease-in-out;
    transition: color .1s ease-in-out,background .1s ease-in-out
}

.games__more-link:active,.games__more-link:focus,.games__more-link:hover {
    border-color: #168de2;
    background: #168de2;
    color: #fff
}

.games__item,.games__more-link:after {
    display: inline-block;
    vertical-align: top
}

.games__more-link:after {
    overflow: hidden;
    margin-bottom: 1px;
    margin-left: 5px;
    width: 14px;
    height: 19px;
    content: '→'
}

.games__item {
    position: relative;
    margin-top: 4px;
    -moz-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

@media only screen and (min-height:733px) {
    .games__item {
        margin-top: 8px
    }
}

.games__item_first {
    margin-top: 0
}

.games__item_last {
    display: none
}

.games__item_last.games__item_triple {
    display: inline-block
}

@media only screen and (min-height:733px) {
    .games__item_last {
        display: inline-block
    }
}

.games__item_single {
    height: 72px
}

@media only screen and (min-height:825px) {
    .games__item_single {
        height: 86px
    }
}

.games__item_double {
    height: 148px
}

@media only screen and (min-height:733px) {
    .games__item_double {
        height: 152px
    }
}

@media only screen and (min-height:825px) {
    .games__item_double {
        height: 180px
    }
}

.games__item_triple {
    height: 148px
}

@media only screen and (min-height:733px) {
    .games__item_triple {
        height: 232px
    }
}

@media only screen and (min-height:825px) {
    .games__item_triple {
        height: 274px
    }
}

.games__item_full {
    width: 100%
}

.games__item_half {
    display: none
}

@media only screen and (min-height:733px) {
    .games__item_half {
        display: inline-block;
        width: 146px
    }
}

.games__item_half.games__item_last {
    margin-left: 8px
}

.games__branding,.games__styling {
    position: relative;
    height: 150px
}

@media all and (min-height:733px) {
    .games__branding,.games__styling {
        height: 224px
    }
}

.games__branding__bg,.games__branding__slide,.games__styling__bg,.games__styling__slide {
    position: absolute;
    display: block;
    max-height: 150px
}

@media all and (min-height:733px) {
    .games__branding__bg,.games__branding__slide,.games__styling__bg,.games__styling__slide {
        max-height: 224px
    }
}

.games__branding__bg,.games__styling__bg {
    z-index: 2;
    right: 0;
    bottom: 0
}

.games__branding__slide,.games__styling__slide {
    z-index: 1;
    bottom: 0
}

.games_hardcore .games__top-game {
    display: block;
    margin-top: 5px
}

@media all and (max-height:732px) {
    .games_hardcore .games__top-game {
        margin-top: 5px
    }
}

@media all and (min-height:733px) {
    .games_hardcore .games__top-game {
        margin-top: 9px
    }
}

.games_hardcore .games__list {
    margin-top: 14px
}

@media all and (max-height:732px) {
    .games_hardcore .games__list {
        margin-top: 14px
    }
}

@media all and (min-height:733px) {
    .games_hardcore .games__list {
        margin-top: 0
    }
}

.games_hardcore .games__list__item {
    display: none
}

@media all and (min-height:733px) {
    .games_hardcore .games__list__item {
        display: block
    }
}

.games_hardcore .games__list__item_even {
    display: block
}

@media all and (max-height:640px) {
    .games_hardcore .games__list__item_even {
        display: block
    }
}

@media all and (min-height:641px) and (max-height:732px) {
    .games_hardcore .games__list__item_even {
        display: block
    }
}

.games_hardcore .games__catalogue {
    display: none
}

@media all and (max-height:732px) {
    .games_hardcore .games__catalogue {
        display: none
    }
}

@media all and (min-height:733px) {
    .games_hardcore .games__catalogue {
        display: block
    }
}

@media all and (min-height:733px) and (max-height:764px) {
    .games_with-categories {
        margin-top: 25px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .games_with-categories {
        margin-top: 25px
    }
}

.games_with-categories .games__title {
    margin-bottom: 4px
}

@media all and (min-height:733px) {
    .games_with-categories .games__title {
        margin-bottom: 14px
    }
}

@media all and (min-height:825px) {
    .games_with-categories .games__title {
        margin-bottom: 10px
    }
}

.games_with-categories .games__list {
    display: none
}

@media all and (min-height:733px) {
    .games_with-categories .games__list {
        display: block
    }
}

@media all and (min-height:733px) and (max-height:764px) {
    .games_with-categories .games__list {
        margin-bottom: 8px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .games_with-categories .games__list {
        margin-bottom: 6px
    }
}

.games_with-categories .games__list__col_left {
    width: 146px
}

.games_with-categories .games__list__col_right {
    padding-left: 8px
}

@media all and (min-height:825px) {
    .games_with-categories .games__list__item_odd {
        margin-bottom: 12px
    }
}

@media all and (max-height:824px) {
    .games_with-categories .games__list__item_even {
        display: none
    }
}

@media all and (min-height:825px) {
    .games_with-categories .games__list__item_even {
        margin-bottom: 12px
    }
}

.games_with-categories .games__list__item__link__image {
    margin-right: 10px
}

.games_with-categories .games__catalogue {
    margin-top: -2px
}

@media all and (max-height:732px) {
    .games_with-categories .games__catalogue {
        margin-top: -1px
    }
}

.games_with-categories .games__catalogue__col_left {
    width: 146px
}

.games_with-categories .games__catalogue__col_right {
    padding-left: 8px
}

@media all and (min-height:765px) and (max-height:824px) {
    .games_with-categories .games__catalogue__item {
        line-height: 24px
    }
}

@media all and (min-height:733px) {
    .games_branding,.games_styling {
        margin-top: 33px
    }
}

@media all and (min-height:765px) {
    .games_branding,.games_styling {
        margin-top: 41px
    }
}

@media all and (min-height:825px) {
    .games_branding,.games_styling {
        margin-top: 70px
    }

    .games_branding .games__title,.games_styling .games__title {
        margin-bottom: 20px
    }
}

@media all and (min-height:733px) {
    .games_multiformat {
        margin-top: 18px
    }
}

@media all and (min-height:765px) {
    .games_multiformat {
        margin-top: 24px
    }
}

@media all and (min-height:825px) {
    .games_multiformat {
        margin-top: 25px
    }
}

@media all and (min-height:733px) {
    .games_multiformat .games__title {
        margin-bottom: 8px
    }
}

@media all and (min-height:765px) {
    .games_multiformat .games__title {
        margin-bottom: 10px
    }
}

@media all and (min-height:825px) {
    .games_multiformat .games__title {
        margin-bottom: 11px
    }
}

.hint {
    display: none;
    position: absolute;
    z-index: 1000;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.hint_white {
    color: #333;
    -webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,.12);
    -moz-box-shadow: 0 0 6px 2px rgba(0,0,0,.12);
    box-shadow: 0 0 6px 2px rgba(0,0,0,.12)
}

.hint_iframe {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.hint__tip {
    position: absolute;
    width: 12px;
    height: 12px;
    content: '';
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hint__tip_bottom,.hint__tip_white_bottom {
    left: 16px;
    top: 100%;
    margin-top: -6px
}

.hint__tip_top,.hint__tip_white_top {
    left: 16px;
    bottom: 100%;
    margin-bottom: -6px
}

.hint__tip_bottom,.hint__tip_top {
    background: #000
}

.hint__tip_white_bottom {
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.12);
    -moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 1px rgba(0,0,0,.12)
}

.hint__tip_white_top {
    background: #fff;
    -webkit-box-shadow: 0 -2px 5px 1px rgba(0,0,0,.12);
    -moz-box-shadow: 0 -2px 5px 1px rgba(0,0,0,.12);
    box-shadow: 0 -2px 5px 1px rgba(0,0,0,.12)
}

.hint__content {
    position: relative;
    font-size: 12px;
    white-space: nowrap;
    background: #000;
    background: rgba(0,0,0,.8);
    padding: 6px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.hint_white .hint__content {
    background: #fff
}

.portal-button,.portal-button:active,.portal-button:focus,.portal-button:hover,.portal-button:link,.portal-button:visited {
    position: relative;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
    font: 13px/16px Arial,Tahoma,sans-serif;
    text-decoration: none;
    vertical-align: baseline;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    *zoom: 1;
    *padding: 0;
    *overflow: hidden;
    *vertical-align: middle
}

.portal-button__input {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 26px;
    margin: 0;
    padding: 0;
    outline: none;
    font-size: 100px;
    filter: uniquite('alpha(opacity=0)');
    opacity: 0;
    cursor: pointer;
    *width: auto;
    *height: auto;
    *top: -20px;
    *left: -20px
}

.portal-button__input[disabled=disabled] {
    cursor: default
}

.portal-button__fake {
    padding: 4px 18px;
    border: 1px solid #c1c1c1;
    font: 13px/16px Arial,Tahoma,sans-serif;
    text-align: center;
    color: #000;
    text-shadow: 0 1px rgba(255,255,255,.6);
    background: #e4e4e4 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAbCAYAAAC0s0UOAAAAQUlEQVR42mL8////ZgY0wMSABRAvyALE/7EJ/sEm+JtowZ/YBH9hE/xBtCBWM78Trf07DQR/0EDlT8oEMQIZIMAARCEab4wmjV8AAAAASUVORK5CYII=) 0 0 repeat-x;
    -moz-background-size: 5px 100%;
    background-size: 5px 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    vertical-align: baseline;
    *vertical-align: middle;
    *zoom: 1;
    *background-image: none;
    *background: #e4e4e4
}

.portal-button_action .portal-button__fake,.portal-button_action:link .portal-button__fake,.portal-button_action:visited .portal-button__fake {
    *background-image: none
}

.portal-button_action .portal-button__fake,.portal-button_action:active .portal-button__fake,.portal-button_action:focus .portal-button__fake,.portal-button_action:hover .portal-button__fake,.portal-button_action:link .portal-button__fake,.portal-button_action:visited .portal-button__fake {
    border-color: #426285;
    color: #fff;
    text-shadow: 0 -1px rgba(0,0,0,.3);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAbCAYAAAC0s0UOAAAATklEQVR42rTRuQ3AQAhE0bXkUtx/ddwEOPcQIHmX8Ekk86+qetbn7sxcgBGBaGaI7o6oqkMUEURm3o5ENMQT7z+xXWk+ctuordl1fwUYAP9tTp3a/m0xAAAAAElFTkSuQmCC) 0 0 repeat-x;
    background-color: #376ea9;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
    *background: #376ea9
}

.portal-button_action:active .portal-button__fake {
    *background-image: none
}

.portal-button:focus .portal-button__fake,.portal-button:hover .portal-button__fake,.portal-button__fake:focus,.portal-button__fake:hover,.portal-button__input:focus+.portal-button__fake,.portal-button__input:hover+.portal-button__fake,a:focus .portal-button__fake,a:hover .portal-button__fake {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAbCAYAAAC0s0UOAAAAM0lEQVR42mL8DwQMaICJAQtgAeL/2AT/YhP8R7TKP/QS/E20IIXaf1GmfWAFiQtPgAADAB2iHPmjCLtlAAAAAElFTkSuQmCC);
    *background-image: none
}

.portal-button_action .portal-button__fake:focus,.portal-button_action .portal-button__fake:hover,.portal-button_action .portal-button__input:focus+.portal-button__fake,.portal-button_action .portal-button__input:hover+.portal-button__fake,.portal-button_action:focus .portal-button__fake,.portal-button_action:hover .portal-button__fake {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAbCAYAAAC0s0UOAAAANUlEQVR42mL8//9/GgMaYAEKMmAI/vv3j0hBrNr//v1LiZnEa8eqkkLBQWgRhUFHWRQDBBgA9cVRFv3YGFoAAAAASUVORK5CYII=);
    *background-image: none
}

.portal-button:active .portal-button__fake,.portal-button:hover .portal-button__fake:active,.portal-button__fake:active,.portal-button__input:active+.portal-button__fake,a:active .portal-button__fake {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAbCAIAAAA70dJZAAAAKklEQVR42mI8dOgQAxJgYkAF6HwWRkZGStQT0k+p+aTaT6n76O0/gAADADXcAsIL7ZukAAAAAElFTkSuQmCC);
    *background-image: none
}

.portal-button_action .portal-button__fake:active,.portal-button_action .portal-button__input:active+.portal-button__fake,.portal-button_action:active .portal-button__fake,.portal-button_action:hover .portal-button__fake:active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAbCAYAAAC0s0UOAAAATElEQVR42rTRuw2AAAxDQSORf8Zg/xnpcYpIQMqT0vgdAC487hQREKoqo7szmhljRCwxMxmr6nPs7iX+8f4Sx5X2I4+NxppT91uAAQDw5AN8AZpmMgAAAABJRU5ErkJggg==);
    *background-image: none
}

.portal-button:focus .portal-button__input[disabled=disabled]+.portal-button__fake,.portal-button:hover .portal-button__input[disabled=disabled]+.portal-button__fake,.portal-button__input[disabled=disabled]+.portal-button__fake,.portal-button_disabled .portal-button__fake {
    border-color: #f4f4f4;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAbCAIAAAA70dJZAAAAK0lEQVR42mL8//8/AxJgpDf/379/NOX//fuXqvw/f/7QlP/79298fIAAAwDaGVBNDHs/egAAAABJRU5ErkJggg==)!important;
    cursor: default!important;
    *background-image: none!important
}

.portal-button_action .portal-button__input[disabled=disabled]+.portal-button__fake,.portal-button_action.portal-button_disabled .portal-button__fake,.portal-button_action:focus .portal-button__input[disabled=disabled]+.portal-button__fake,.portal-button_action:hover .portal-button__input[disabled=disabled]+.portal-button__fake {
    border-color: #9daec1;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAbCAYAAAC0s0UOAAAALElEQVR42mL8////QgY0wMSABbAAVVIgSAszsQv++/ePPhYNEXfSIuQBAgwAKeBIt3cEBisAAAAASUVORK5CYII=)!important;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2)!important;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2)!important;
    box-shadow: 0 1px 3px rgba(0,0,0,.2)!important;
    *background-image: none!important
}

.portal-button_dark .portal-button__fake,.portal-button_dark:active .portal-button__fake,.portal-button_dark:focus .portal-button__fake,.portal-button_dark:hover .portal-button__fake,.portal-button_dark:link .portal-button__fake,.portal-button_dark:visited .portal-button__fake {
    color: #fff;
    text-shadow: 0 -1px rgba(0,0,0,.3)
}

.portal-button_only-icon .portal-button__fake,.portal-button_only-icon:active .portal-button__fake,.portal-button_only-icon:focus .portal-button__fake,.portal-button_only-icon:hover .portal-button__fake,.portal-button_only-icon:link .portal-button__fake,.portal-button_only-icon:visited .portal-button__fake {
    padding-right: 12px;
    padding-left: 12px
}

.portal-button_with-icon .portal-button__fake,.portal-button_with-icon:active .portal-button__fake,.portal-button_with-icon:focus .portal-button__fake,.portal-button_with-icon:hover .portal-button__fake,.portal-button_with-icon:link .portal-button__fake,.portal-button_with-icon:visited .portal-button__fake {
    padding-left: 15px
}

.portal-button_only-icon .portal-button__fake__text,.portal-button_only-icon:active .portal-button__fake__text,.portal-button_only-icon:focus .portal-button__fake__text,.portal-button_only-icon:hover .portal-button__fake__text,.portal-button_only-icon:link .portal-button__fake__text,.portal-button_only-icon:visited .portal-button__fake__text {
    display: none
}

.portal-button_with-icon .portal-button__fake__text,.portal-button_with-icon:active .portal-button__fake__text,.portal-button_with-icon:focus .portal-button__fake__text,.portal-button_with-icon:hover .portal-button__fake__text,.portal-button_with-icon:link .portal-button__fake__text,.portal-button_with-icon:visited .portal-button__fake__text {
    margin-left: 5px
}

.portal-button__input[disabled=disabled]+.portal-button__fake .portal-button__fake__text,.portal-button_disabled .portal-button__fake__text {
    opacity: .6!important;
    filter: alpha(opacity=60)!important
}

.portal-button__fake__icon {
    position: relative;
    display: none;
    width: 16px;
    height: 16px;
    font: 0/0 a;
    background-repeat: no-repeat;
    vertical-align: baseline;
    overflow: hidden;
    *margin-bottom: 0!important;
    *vertical-align: middle
}

.portal-button_only-icon .portal-button__fake__icon,.portal-button_only-icon:active .portal-button__fake__icon,.portal-button_only-icon:focus .portal-button__fake__icon,.portal-button_only-icon:hover .portal-button__fake__icon,.portal-button_only-icon:link .portal-button__fake__icon,.portal-button_only-icon:visited .portal-button__fake__icon,.portal-button_with-icon .portal-button__fake__icon,.portal-button_with-icon:active .portal-button__fake__icon,.portal-button_with-icon:focus .portal-button__fake__icon,.portal-button_with-icon:hover .portal-button__fake__icon,.portal-button_with-icon:link .portal-button__fake__icon,.portal-button_with-icon:visited .portal-button__fake__icon {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.portal-button__input[disabled=disabled]+.portal-button__fake .portal-button__fake__icon,.portal-button_disabled .portal-button__fake__icon {
    opacity: .2!important;
    filter: alpha(opacity=20)!important
}

.portal-button__fake__icon_multiauth {
    width: 11px;
    margin-bottom: -4px;
    background-image: url("//limg.imgsmail.ru/splash/v/i/multiauth-f5103dafad-fp.gif")
}

.portal-button__fake__icon_multiauth_plus {
    background-position: 0 0
}

.portal-button__fake__icon_multiauth_exit {
    background-position: 0 -20px
}

.portal-button__fake__icon_multiauth_arrow {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 7px;
    height: 6px;
    margin-bottom: -1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHBJREFUeNpitAnO3cLExOjNgAb+/fu/lYWVhamAjYXZFaiADUni168/fwuY9q2YcAco0cfCwszACsQgGsQHi4NU/v7zrxWo+ilU11MQH8QGS+5e1vflz99/ZUAJBhAN4oPN////Pxy7RxfNROYDBBgAHotGwkNY/kYAAAAASUVORK5CYII=);
    *background-image: none
}

.portal-footer {
    position: relative;
    padding-top: 7px;
    padding-bottom: 7px;
    min-width: 980px;
    height: 14px;
    border-top: 1px solid #d5d5d5;
    background: #fff;
    text-align: left;
    font-size: 0;
    line-height: 0
}

.portal-footer__link {
    margin-right: 18px;
    white-space: nowrap;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer
}

.portal-footer__link:link,.portal-footer__link:visited {
    color: #999
}

.portal-footer__link_pseudo {
    display: inline-block;
    cursor: pointer
}

.portal-footer__link_pseudo:active,.portal-footer__link_pseudo:focus,.portal-footer__link_pseudo:hover,.portal-footer__link_pseudo:link,.portal-footer__link_pseudo:visited {
    color: #222;
    text-decoration: none
}

.portal-footer__portal-links {
    padding-left: 18px
}

.portal-footer__project-links {
    position: absolute;
    top: 7px;
    right: 0
}

.portal-overlay {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    filter: alpha(opacity=40)
}

.portal-overlay_visible {
    display: block
}

.portal-region__auto-detected-city {
    font-weight: 700
}

.w-portal-region__form_row {
    margin-top: 20px
}

.w-portal-region__form_row_first {
    margin-top: 0
}

.portal-region__form__label {
    display: inline;
    margin-left: 5px
}

.portal-region__form__input {
    position: relative;
    top: 1px;
    margin: 0;
    padding: 0;
    width: 13px;
    height: 13px;
    vertical-align: top
}

.w-portal-region__suggests {
    position: relative;
    z-index: 1;
    margin-top: -1px;
    border: 1px solid #c1c1c1;
    border-top: 0;
    background: #fff;
    *display: none
}

.w-portal-region__suggests_highlight {
    border-color: #ce1900
}

.portal-region__suggests {
    position: relative;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 125px;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 8px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 1px 8px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 8px rgba(0,0,0,.2);
    -webkit-overflow-scrolling: touch;
    _text-overflow: ellipsis
}

.portal-region__suggests_empty,.portal-region__suggests_error,.portal-region__suggests_loading {
    background-color: #f2f2f2
}

.portal-region__suggests_disabled {
    overflow: hidden;
    background-color: #f2f2f2
}

.portal-region__suggests__loader {
    position: relative;
    display: none;
    height: 30px;
    text-align: center
}

.portal-region__suggests_loading .portal-region__suggests__loader {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%
}

.portal-region__suggests_hasMore .portal-region__suggests__loader {
    display: block;
    border-top: 1px solid #e5e5e5
}

.portal-region__suggests_message .portal-region__suggests__loader {
    display: none
}

.portal-region__suggests__loader__text {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    margin-left: -10px;
    width: 100%;
    color: #939393
}

.portal-region__suggests__loader__text__icon {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-right: 3px;
    margin-bottom: -3px;
    width: 16px;
    height: 16px;
    outline: none;
    background: url("//limg.imgsmail.ru/splash/v/i/loader-fp-05a6f661cf.gif") 50% 50% no-repeat
}

.portal-region__suggests_message {
    background-color: #f2f2f2
}

.portal-region__suggests__message {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center
}

.portal-region__suggests__message__text {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    width: 100%;
    color: #939393
}

.portal-popup__content iframe,.portal-region__suggests_empty .portal-region__suggests__message_empty,.portal-region__suggests_error .portal-region__suggests__message_error {
    display: block
}

.portal-region__suggests__message__text__link,.portal-region__suggests__message__text__link:link,.portal-region__suggests__message__text__link:visited {
    color: #333;
    text-decoration: underline;
    cursor: pointer
}

.portal-region__suggests__message__text__link:active,.portal-region__suggests__message__text__link:focus,.portal-region__suggests__message__text__link:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #f37823
}

.portal-region__suggests__group {
    _zoom: 1
}

.portal-region__suggests__group_empty,.portal-region__suggests_empty .portal-region__suggests__group,.portal-region__suggests_error .portal-region__suggests__group,.portal-region__suggests_loading .portal-region__suggests__group {
    display: none
}

.portal-region__suggests__group__item,.portal-region__suggests__group__title {
    display: block;
    overflow: hidden;
    padding: 4px 10px;
    outline: 0;
    border-top: 1px solid #e5e5e5;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: 13px/16px Arial,Tahoma,sans-serif;
    cursor: pointer;
    _zoom: 1
}

.portal-region__suggests__group__title {
    padding: 7px 10px
}

.portal-region__suggests__group__item:active,.portal-region__suggests__group__item:focus,.portal-region__suggests__group__item:hover {
    background-color: #e6eefe;
    background-color: rgba(207,224,250,.5)
}

.portal-region__suggests__group__item_selected,.portal-region__suggests__group__item_selected:active,.portal-region__suggests__group__item_selected:focus,.portal-region__suggests__group__item_selected:hover {
    background: #d9e6fa;
    background: rgba(183,204,247,.5);
    cursor: default
}

.portal-region__suggests_disabled .portal-region__suggests__group__item,.portal-region__suggests_disabled .portal-region__suggests__group__item:active,.portal-region__suggests_disabled .portal-region__suggests__group__item:focus,.portal-region__suggests_disabled .portal-region__suggests__group__item:hover {
    background: 0 0;
    cursor: default
}

.portal-region__suggests__group__item__info {
    margin-left: 5px;
    color: #999
}

.portal-region__suggests__group__title,.portal-region__suggests__group__title:active,.portal-region__suggests__group__title:focus,.portal-region__suggests__group__title:hover {
    background: 0 0;
    font-weight: 700;
    cursor: default
}

.portal-input {
    display: block;
    cursor: text
}

.w-portal-input {
    position: relative;
    display: block;
    padding-right: 14px;
    height: 26px
}

.portal-input__placeholder {
    position: absolute;
    top: 5px;
    left: 7px;
    display: none;
    color: #999;
    white-space: nowrap;
    font: 13px/16px Arial,Tahoma,Verdana,sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.portal-input__text {
    display: block;
    margin: 0;
    padding: 4px 6px;
    width: 100%;
    height: 16px;
    outline: none;
    border: 1px solid #c6c6c6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,.17);
    -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,.17);
    box-shadow: inset 1px 1px 4px rgba(0,0,0,.17);
    color: #333;
    font: 13px/16px Arial,Tahoma,Verdana,sans-serif;
    cursor: text
}

.portal-input__placeholder:hover+.portal-input__text,.portal-input__text:hover {
    border-color: #999
}

.portal-input__placeholder:hover+.portal-input__text:focus,.portal-input__text:focus {
    border-color: #85b8eb;
    -webkit-box-shadow: 0 0 3px rgba(19,132,235,.36),inset 1px 1px 4px rgba(0,0,0,.17);
    -moz-box-shadow: 0 0 3px rgba(19,132,235,.36),inset 1px 1px 4px rgba(0,0,0,.17);
    box-shadow: 0 0 3px rgba(19,132,235,.36),inset 1px 1px 4px rgba(0,0,0,.17)
}

.portal-input_error .portal-input__text {
    border-color: #ce1900!important;
    -webkit-box-shadow: inset 1px 1px 2px rgba(206,25,0,.2),0 0 3px rgba(206,25,0,.36)!important;
    -moz-box-shadow: inset 1px 1px 2px rgba(206,25,0,.2),0 0 3px rgba(206,25,0,.36)!important;
    box-shadow: inset 1px 1px 2px rgba(206,25,0,.2),0 0 3px rgba(206,25,0,.36)!important
}

.portal-input__text[disabled=disabled],.portal-input__text_disabled {
    border-color: #c6c6c6!important;
    background-color: #f2f2f2!important;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.2)!important;
    -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.2)!important;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,.2)!important;
    cursor: default!important
}

.portal-input__text::-webkit-input-placeholder {
    color: #999
}

.portal-input__text:-moz-placeholder {
    color: #999
}

.portal-region__input {
    position: relative;
    z-index: 2
}

.w-portal-popup {
    display: none;
    font: 0/0 a;
    height: 0
}

.w-portal-popup__layout,.w-portal-popup_visible {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%
}

.w-portal-popup_visible {
    display: block!important
}

.w-portal-popup__layout {
    font: 13px/16px Arial,Tahoma,sans-serif
}

.w-portal-popup__layout__valign {
    vertical-align: middle
}

.w-portal-popup__layout__valign_centered {
    text-align: center
}

.w-portal-popup__title {
    padding: 20px
}

.w-portal-popup__image {
    padding: 20px 20px 0
}

.portal-popup {
    position: relative;
    margin: 0 auto;
    width: 500px;
    color: #222;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.16);
    -moz-box-shadow: 0 4px 20px rgba(0,0,0,.16);
    box-shadow: 0 4px 20px rgba(0,0,0,.16);
    overflow: hidden;
    text-align: center
}

.portal-popup__title {
    color: #333;
    font-size: 24px;
    line-height: 32px;
    text-overflow: ellipsis;
    overflow: hidden
}

.portal-popup__content {
    font-size: 15px;
    line-height: 20px;
    padding: 0 20px 16px;
    color: #161616
}

.portal-popup__content_no-title {
    padding: 0
}

.portal-popup__footer {
    height: 72px;
    line-height: 72px;
    border-top: 1px solid #dedede;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

.portal-popup__button {
    display: inline-block;
    padding: 0 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    white-space: nowrap;
    font-size: 13px;
    line-height: 32px;
    cursor: pointer
}

.portal-popup__button+.portal-popup__button {
    margin-left: 8px
}

.portal-popup__button__text {
    vertical-align: middle
}

.portal-popup__button_primary {
    color: #fff!important;
    background: #168de2;
    -webkit-box-shadow: 0 2px rgba(22,141,226,.12),inset 0 0 0 1px rgba(0,0,0,.12);
    -moz-box-shadow: 0 2px rgba(22,141,226,.12),inset 0 0 0 1px rgba(0,0,0,.12);
    box-shadow: 0 2px rgba(22,141,226,.12),inset 0 0 0 1px rgba(0,0,0,.12)
}

.portal-popup__button_primary:hover {
    background: #1585d4
}

.portal-popup__button_default {
    background: #f0f0f0;
    -webkit-box-shadow: 0 2px rgba(240,240,240,.12),inset 0 0 0 1px rgba(0,0,0,.12);
    -moz-box-shadow: 0 2px rgba(240,240,240,.12),inset 0 0 0 1px rgba(0,0,0,.12);
    box-shadow: 0 2px rgba(240,240,240,.12),inset 0 0 0 1px rgba(0,0,0,.12)
}

.portal-popup__button_default:hover {
    background: #e2e2e2
}

.portal-popup__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    cursor: pointer
}

.portal-popup__close_video {
    top: -40px;
    right: -40px;
    width: 48px;
    height: 48px
}

.portal-popup__close__icon {
    margin-top: 12px;
    margin-left: 12px;
    width: 10px;
    height: 10px;
    text-indent: -999em;
    background: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iNDE4IDEyIDEwIDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iY2xvc2UtMiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDE4LjAwMDAwMCwgMTIuMDAwMDAwKSI+CiAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjkuOTIyIDIuMDQ5IDcuOTUxIDAuMDc4IDUgMy4wMjkgMi4wNDkgMC4wNzggMC4wNzggMi4wNDkgMy4wMyA1IDAuMDc4IDcuOTUyIDIuMDQ5IDkuOTIyIDUgNi45NzEgNy45NTEgOS45MjIgOS45MjIgNy45NTIgNi45NzEgNSI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4K);
    overflow: hidden
}

.portal-popup__close__icon_no-title {
    margin-top: 0;
    margin-left: 0;
    width: 48px;
    height: 48px;
    color: #fff;
    text-indent: 0;
    font-size: 48px;
    line-height: 1;
    background: 0 0;
    text-shadow: 0 1px rgba(0,0,0,.6)
}

.portal-popup_slidotype {
    display: inline-block;
    width: auto;
    overflow: visible
}

.region-confirm {
    display: none;
    position: absolute;
    left: 150px;
    z-index: 100;
    background: #fff;
    white-space: nowrap;
    font-size: 12px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 16px;
    padding: 10px 38px 10px 0;
    top: 370px;
    color: #222;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.4);
    box-shadow: 0 0 15px rgba(0,0,0,.4)
}

@media all and (min-height:733px) and (max-height:764px) {
    .region-confirm {
        top: 446px
    }
}

@media all and (min-height:765px) and (max-height:824px) {
    .region-confirm {
        top: 453px
    }
}

@media all and (min-height:825px) {
    .region-confirm {
        top: 499px
    }
}

.region-confirm:before {
    position: absolute;
    left: -15px;
    width: 0;
    height: 0;
    border: solid transparent;
    content: '';
    pointer-events: none;
    top: 0;
    border-width: 18px 15px 18px 0;
    border-right-color: #fff;
    z-index: 1
}

.region-confirm:after,.region-confirm__shadow:after,.region-confirm__shadow:before {
    content: '';
    -webkit-box-shadow: 0 0 15px #000;
    -moz-box-shadow: 0 0 15px #000;
    box-shadow: 0 0 15px #000;
    position: absolute
}

.region-confirm:after {
    clip: rect(-15px,7px,16px,-19px);
    top: 17px;
    height: 2px;
    width: 2px;
    left: -14px
}

.region-confirm__shadow {
    position: absolute;
    height: 0;
    width: 0;
    left: -15px;
    top: 16px
}

.region-confirm__shadow:after,.region-confirm__shadow:before {
    display: block;
    height: 1px;
    width: 10px;
    left: 5px;
    z-index: -1
}

.region-confirm__shadow:before {
    top: -9px;
    -webkit-transform: rotate(-51deg);
    -moz-transform: rotate(-51deg);
    -ms-transform: rotate(-51deg);
    transform: rotate(-51deg);
    clip: rect(-15px,35px,-1px,-15px)
}

.region-confirm__shadow:after {
    top: 9px;
    -webkit-transform: rotate(51deg);
    -moz-transform: rotate(51deg);
    -ms-transform: rotate(51deg);
    transform: rotate(51deg);
    clip: rect(2px,35px,16px,-15px)
}

.region-confirm__text {
    display: inline-block;
    cursor: default;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    padding: 0 9px 0 7px
}

.region-confirm__text__link {
    display: inline-block;
    height: 14px;
    cursor: pointer;
    color: #07c;
    border-bottom: 1px dotted #07c
}

.region-confirm__text__link:active,.region-confirm__text__link:hover,.region-confirm__text__link:visited {
    color: #f26d00;
    border-bottom-color: #f26d00
}

.region-confirm__close {
    position: absolute;
    right: 0;
    height: 30px;
    outline: 0;
    cursor: pointer;
    top: 3px;
    margin-right: 9px;
    width: 30px;
    color: #07c
}

.region-confirm__close:hover {
    color: #f26d00
}

.region-confirm__close:active .region-confirm__close__icon,.region-confirm__close:focus .region-confirm__close__icon,.region-confirm__close:hover .region-confirm__close__icon {
    background-position: 0 -9px
}

.region-confirm__close__icon {
    position: absolute;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    width: 10px;
    height: 16px;
    top: 6px;
    left: 10px
}

.region-confirm__close__icon:before {
    content: '×';
    line-height: 10px
}

.region-confirm__buttons {
    display: inline-block;
    padding-right: 3px
}

.region-confirm__buttons .portal-button {
    padding: 0;
    margin: -7px 8px -7px 0
}

.region-confirm__buttons .portal-button:active .portal-button__fake,.region-confirm__buttons .portal-button:focus .portal-button__fake,.region-confirm__buttons .portal-button:hover .portal-button__fake {
    background: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#f2f2f2));
    background: -webkit-linear-gradient(#f9f9f9 0%,#f2f2f2 100%);
    background: -moz-linear-gradient(#f9f9f9 0%,#f2f2f2 100%);
    background: linear-gradient(#f9f9f9 0%,#f2f2f2 100%)
}

.region-confirm__buttons .portal-button__fake {
    display: inline-block;
    text-align: center;
    padding: 6px 0;
    width: 44px;
    background: #f2f2f2;
    background: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#efefef));
    background: -webkit-linear-gradient(#f5f5f5 0%,#efefef 100%);
    background: -moz-linear-gradient(#f5f5f5 0%,#efefef 100%);
    background: linear-gradient(#f5f5f5 0%,#efefef 100%);
    border-color: #d9d9d9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 1px #f2f2f2;
    -moz-box-shadow: 0 1px 0 1px #f2f2f2;
    box-shadow: 0 1px 0 1px #f2f2f2;
    color: #222
}

.auth-info {
    position: absolute;
    top: 80px;
    left: 50%;
    z-index: 9999;
    visibility: visible;
    margin-left: -200px;
    padding: 10px 20px;
    width: 360px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #4c4c4c;
    background: rgba(0,0,0,.7);
    text-align: center;
    opacity: 1
}

.auth-info_fade-out {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 500ms ease-in,opacity 500ms ease-in;
    -moz-transition: visibility 500ms ease-in,opacity 500ms ease-in;
    transition: visibility 500ms ease-in,opacity 500ms ease-in
}

.auth-info_fade-out :hover {
    visibility: visible;
    opacity: 1;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.auth-info__close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAQAAAAjztcLAAAATUlEQVR4AU3OQYpGMQgE4c5snnfMNYXkdt/P4Ca1ELWQdiVWZPjvbK1EfNqOxlE+Bx3l4ExVMSszyl9eJOO5rjnRuGqEfmNL20vyPuYHXONaP7I/vt4AAAAASUVORK5CYII=) no-repeat 50% 50%;
    cursor: pointer
}

.auth-info__text {
    color: #fff;
    line-height: 20px
}

.auth-info__text__user {
    padding: 4px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #262626;
    background: rgba(0,0,0,.5);
    font-weight: 700
}

.auth-info__text__link:active,.auth-info__text__link:focus,.auth-info__text__link:hover,.auth-info__text__link:link,.auth-info__text__link:visited {
    display: inline-block;
    margin-top: 10px;
    color: #fff
}

.notify {
    display: block;
    position: absolute;
    background: #4c4c4c;
    background: rgba(0,0,0,.8);
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 35px 8px 25px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.notify_hovering {
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    transition: background .3s linear;
    cursor: pointer
}

.notify_hovering:hover {
    background: #0d0d0d;
    background: rgba(0,0,0,.95)
}

.notify_center {
    top: 100px;
    left: 50%
}

.notify_hidden {
    display: none
}

.notify_show {
    opacity: 1
}

.notify__close {
    position: absolute;
    top: 7px;
    right: 5px;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAQAAAAjztcLAAAATUlEQVR4AU3OQYpGMQgE4c5snnfMNYXkdt/P4Ca1ELWQdiVWZPjvbK1EfNqOxlE+Bx3l4ExVMSszyl9eJOO5rjnRuGqEfmNL20vyPuYHXONaP7I/vt4AAAAASUVORK5CYII=) no-repeat 50% 50%;
    cursor: pointer;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.notify__close:hover {
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.notify__up {
    display: block
}

.notify__up__refresh {
    display: inline-block;
    cursor: pointer;
    padding-left: 45px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAATCAQAAADly58hAAAA0klEQVQoFXXBTyuDAQAH4J93LpPlMheJSL6RyORCWc58Dj6IlfJvn2CLuLizcBkfwEk93rnYetvzJGOcKTIdOuqpUthxaaSnmUk2Pfl3l3E2fOFN20jfYkpOrCRReMKdRoKOekr2cW8mdjHQSMm5Wv5YMMBWXOMgFY5xFUMspcIq3uMHtVSYxXcMsZwKq/iIGxymQhu3sYcXc/mjcJaSea/YjppntFJSd0GioYsHRRIbTlPS1DNyZIBPaxnn1r9H65mkqW+kq6VIlboOmU7Necb8Av0z2g5e2VIHAAAAAElFTkSuQmCC) 20px 0;
    background-repeat: no-repeat;
    height: 20px;
    line-height: 20px;
    margin-left: 20px;
    border-left: 1px solid #fff;
    border-color: rgba(255,255,255,.5)
}

.layout__content,.layout__footer {
    display: block
}

#style-checker {
    display: none;
    height: 0
}