芝麻web文件管理V1.00

编辑当前文件:/home/qrafawbu/rentandbuyrealty.com/themes/default/css/vendor/overlays.css

.flex,
.flex__item.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box
}
.flex--middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}
.flex--bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end
}
.flex--column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex--justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex--center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex--wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex__item {
    display: inline-block
}
.flex--table > .flex__item + .flex__item {
    padding: 0 0 0 10px
}
.flex__item--fixed {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.flex__item--expand {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}
.flex__item--auto {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
}
.search-field .input {
    margin: 0;
    padding-right: 35px;
    text-overflow: ellipsis
}
.search-field .input--lg {
    padding-right: 49px
}
.search-field .input-hint,
.search-field .input-error {
    margin: 5px 20px -5px
}
.search-field_ {
    position: relative
}
.search-field_ > .icon {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 16px;
    margin: -8px 0 0
}
.search-field__reset {
    cursor: pointer
}
.search-field__loupe:hover {
    fill: #bfbfbf
}
.input--lg + .search-field__loupe,
.input--lg ~ .search-field__reset {
    right: 30px
}
.search-field .loader {
    margin-right: 16px
}
.search-field.reset .search-field__reset,
.typing .search-field .search-field__reset,
.search-field.search-field--messenger-search .search-field__loupe,
.search-field.search-field--messenger-search.loading .search-field__loupe {
    opacity: 1;
    visibility: visible
}
.search-field__reset,
.search-field.reset .search-field__loupe,
.typing .search-field__loupe,
.search-field.loading .search-field__reset,
.el-loading .search-field .search-field__reset,
.search-field.loading .search-field__loupe,
.search-field.loading .search-field__reset {
    opacity: 0;
    visibility: hidden
}
.search-field.focus .search-field__loupe {
    fill: #4d4d4d
}
.search-field .datalist {
    min-width: 100%;
    max-width: 100%
}
.search-field .datalist.tc::before {
    background: #f7f7f7
}
.search-field.active .input-hint ~ .datalist {
    margin-top: -7px
}
.search-field .datalist-hint__nothing,
.search-field.empty .datalist-hint__text,
.search-field.default .datalist-hint__add {
    display: none
}
.search-field.default .datalist-hint__text,
.search-field.empty .datalist-hint__nothing {
    display: inline
}
.search-field--messenger-search .input {
    padding-left: 38px;
    background: #f7f7f7
}
.search-field--messenger-search .search-field__loupe {
    left: 16px
}
.checkbox {
    position: relative;
    display: inline-block;
    margin: 5px 0;
    min-width: 22px;
    min-height: 22px
}
.checkbox + .checkbox {
    margin-left: 12px
}
.checkbox > input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 22px;
    height: 22px
}
.checkbox > label {
    display: inline-block;
    margin: 2px 0 0;
    padding-left: 32px;
    cursor: pointer;
    font: 1em/1.3572 'FS Albert Pro Web', Helvetica, Arial, sans-serif;
    color: #4d4d4d;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.checkbox > label:empty {
    padding-left: 0
}
.checkbox > input:disabled + label {
    cursor: default;
    color: #999
}
.checkbox > label:before,
.checkbox > label:after,
.checkbox-icon {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border-radius: 100%;
    width: 22px;
    height: 22px
}
.checkbox > label:before {
    border: 2px solid #ccc;
    background: #fff;
    transition: background .15s, border .15s
}
.checkbox > label:after {
    background: no-repeat 0 0 url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14%2022l.8.6h.3L23.6%2011v-.4l-1.8-1.3h-.3L14.7%2019l-4.3-4.3H10L8.5%2016v.3L14%2022z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E')
}
.checkbox--radio > label:after {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%225%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E')
}
.checkbox--icon > label:after {
    display: none
}
.checkbox-icon {
    fill: #ccc;
    transition: fill .15s, opacity .15s
}
.checkbox-icon > .icon-svg {
    border-radius: 100%
}
.checkbox--lg {
    min-width: 32px;
    min-height: 32px
}
.checkbox--lg > input,
.checkbox--lg > label:before,
.checkbox--lg .checkbox-icon {
    width: 32px;
    height: 32px
}
.checkbox > input:checked + label:before {
    border-color: transparent;
    background-color: #2b65f8
}
.checkbox > label:hover:before,
.checkbox > input:focus + label:before {
    border-color: rgb(39, 91, 223)
}
.checkbox > input:checked + label:hover:before,
.checkbox > input:checked:focus + label:before {
    border-color: transparent;
    background-color: rgb(39, 91, 223)
}
.checkbox > input:disabled:before {
    cursor: default
}
.checkbox > input:checked:disabled + label:before {
    background-color: #999
}
.checkbox > input:disabled + label:before {
    border-color: #999
}
.checkbox > input:checked + label > .checkbox-icon,
.checkbox > input:checked + label:hover > .checkbox-icon,
.checkbox > input:checked:focus + label > .checkbox-icon,
.checkbox > input:checked:disabled + label > .checkbox-icon {
    fill: #fff
}
.checkbox > label:hover > .checkbox-icon,
.checkbox > input:focus + label > .checkbox-icon {
    fill: rgb(39, 91, 223)
}
.checkbox > input:disabled + label > .checkbox-icon {
    fill: currentColor
}
.checkbox--hover > label > .checkbox-icon:nth-child(2),
.checkbox--hover > input:checked + label > .checkbox-icon:first-child {
    opacity: 0
}
.checkbox--hover > input:checked + label > .checkbox-icon:nth-child(2) {
    opacity: 1
}
.checkbox--grey > label:before {
    border-color: #999
}
.checkbox--grey input:checked + label:before {
    background-color: #999
}
.checkbox--grey label:hover:before,
.checkbox--grey input:focus + label:before {
    border-color: rgb(138, 138, 138)
}
.checkbox--grey input:checked + label:hover:before,
.checkbox--grey input:checked:focus + label:before {
    background-color: rgb(138, 138, 138)
}
.checkcode {
    position: relative
}
.checkcode:before {
    content: '=';
    position: absolute;
    z-index: 1;
    top: 6px;
    left: 140px;
    font: 1.2em/44px Arial, Helvetica, sans-serif;
    color: #bfbfbf
}
.checkcode__img {
    position: absolute;
    z-index: 1;
    top: 7px;
    left: 8px;
    overflow: hidden;
    width: 140px;
    height: 40px;
    text-align: center
}
.checkcode__img img {
    margin-top: 4px
}
.checkcode__input {
    position: relative;
    padding-right: 10px;
    padding-left: 156px;
    background-color: #fff
}
@-webkit-keyframes flash-counter {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes flash-counter {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.mark {
    position: absolute;
    right: 10px;
    top: 8px;
    border-radius: 50%;
    min-width: 22px;
    padding: 5px 6px 4px;
    font: 700 .7857em/1.2 'Montserrat', Arial, sans-serif;
    text-align: center
}
.mark--sm {
    padding: 3px 4px 2px
}
.mark--lg {
    padding: 7px 9px 6px
}
.mark--red {
    background: #f02139;
    color: #fff !important;
}
.mark--blue {
    background: #2b65f8;
    color: #fff
}
.mark--green {
    background: #17D425;
    color: #17D425;
}
.mark--fixed {
    border-radius: 100%;
    min-width: 28px;
    padding: 6px 0 5px
}
.brick-wrap {
    position: relative;
    display: inline-block;
    text-align: center
}
.brick-wrap + .brick-wrap {
    vertical-align: top
}
.brick {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin: 5px 0;
    border-radius: 100%;
    width: 44px;
    height: 44px;
    background-clip: padding-box;
    text-align: center;
    transition: background .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.brick:before,
.brick:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    transition: background .2s
}
.brick--xsm {
    border-radius: 11px;
    width: auto;
    min-width: 22px;
    height: 22px;
    padding: 5px 4px 4px;
    font: 700 .7857em/1.2 Helvetica, Arial, sans-serif;
    color: #fff
}
.firefox:not(.mac) .brick--xsm {
    line-height: 1.15
}
.brick--sm {
    width: 32px;
    height: 32px
}
.brick--lg {
    width: 38px;
    height: 38px
}
.brick--xlg {
    width: 90px;
    height: 90px
}
.brick--xxlg {
    width: 120px;
    height: 120px
}
.brick--xxxlg {
    width: 150px;
    height: 150px
}
.brick--xxxxlg {
    width: 180px;
    height: 180px
}
.brick--spread {
    width: 100%;
    height: 100%
}
.brick--white,
.brick--stroke {
    background: #fff
}
.brick--red {
    background: #f02139
}
.brick--like {
    background: #f02139
}
.brick--orange {
    background: #ff8200
}
.brick--attention {
    background: #ff8200
}
.brick--yellow {
    background: #fec309
}
.brick--spp {
    background: #fec309
}
.brick--favourite {
    background: #fec309
}
.brick--newbie {
    background: #86c313
}
.brick--riseup {
    background: #29cf29
}
.brick--green {
    background: #1ac636
}
.brick--phone {
    background: #1ac636
}
.brick--encounters {
    background: #00caa8
}
.brick--invisibility {
    background: #1eb2fc
}
.brick--verify {
    background: #1eb2fc
}
.brick--security {
    background: #29cf29
}
.brick--lblue {
    background: #2b8cfc
}
.brick--spotlight {
    background: #2b8cfc
}
.brick--blue {
    background: #2b65f8
}
.brick--delivery {
    background: #2b65f8
}
.brick--bumped {
    background: #9945e6
}
.brick--grey,
.brick--grey.disabled:hover {
    background: #bfbfbf
}
.brick--grey:hover,
.brick-wrap:hover .brick--grey {
    background: #2b65f8
}
.brick--cloudy {
    background: #9aa9c5
}
.brick--vdgrey {
    background: #333844
}
.brick--boost {
    background: #f55280
}
.brick--black {
    background: #262b37
}
.brick--card {
    background: #fec309
}
.brick--gift {
    background: #e7eff6
}
.brick--play {
    background: rgba(0, 0, 0, .5)
}
.brick--facebook {
    background: #3464d4
}
.brick--twitter {
    background: #1cacff
}
.brick--google {
    background: #dd4b39
}
.brick--instagram {
    background: #c13984
}
.brick--vk {
    background: #2c70b4
}
.brick--linkedin {
    background: #006799
}
.brick--odnoklassniki {
    background: #f7882b
}
.brick:before,
.brick--blue:before {
    border-color: #2b65f8
}
.brick--delivery:before {
    border-color: #2b65f8
}
.brick--red:before {
    border-color: #f02139
}
.brick--like:before {
    border-color: #f02139
}
.brick--attention:before {
    border-color: #ff8200
}
.brick--yellow:before {
    border-color: #fec309
}
.brick--spp:before {
    border-color: #fec309
}
.brick--favourite:before {
    border-color: #fec309
}
.brick--newbie:before {
    border-color: #86c313
}
.brick--riseup:before {
    border-color: #29cf29
}
.brick--encounters:before {
    border-color: #00caa8
}
.brick--invisibility:before {
    border-color: #1eb2fc
}
.brick--verify:before {
    border-color: #1eb2fc
}
.brick--lblue:before {
    border-color: #2b8cfc
}
.brick--spotlight:before {
    border-color: #2b8cfc
}
.brick--cloudy:before {
    border-color: #9aa9c5
}
.brick--boost:before {
    border-color: #f55280
}
.brick-wrap:hover .brick--hover:after,
.brick--hover:hover:after {
    background: rgba(43, 101, 248, .4)
}
.brick--hover.active:after {
    background: rgba(43, 101, 248, .6)
}
.brick--hover.brick--blue:after {
    background: rgba(0, 76, 233, .7)
}
.brick-wrap:hover .brick--hover.brick--blue:after,
.brick--hover.brick--blue:hover:after {
    background: rgba(0, 76, 233, .9)
}
.brick--hover.disabled:after {
    background: none !important
}
.brick--outline {
    background: transparent
}
.brick--outline:before {
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    box-shadow: none;
    border-width: 2px;
    border-style: solid;
    -webkit-animation: show .25s linear;
    animation: show .25s linear
}
.brick--xlg.brick--outline:before,
.brick--xxlg.brick--outline:before {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    border-width: 2px
}
.brick--xxxlg.brick--outline:before,
.brick--xxxxlg.brick--outline:before {
    top: -7px;
    right: -7px;
    bottom: -7px;
    left: -7px;
    border-width: 3px
}
.brick--border {
    background: transparent
}
.brick--border:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-width: 2px;
    border-style: solid
}
.brick--xxxlg.brick--border:before,
.brick--xxxxlg.brick--border:before {
    border-width: 4px
}
.brick--stroke,
.brick > .brick {
    box-shadow: 0 0 0 3px #fff
}
.brick--xsm.brick--stroke,
.brick > .brick--xsm {
    box-shadow: 0 0 0 2px #fff
}
.ovl-promo .brick--stroke,
.ovl-promo .brick > .brick {
    box-shadow: 0 0 0 3px #262b37
}
.ovl-promo .brick--xsm.brick--stroke,
.ovl-promo .brick > .brick--xsm {
    box-shadow: 0 0 0 2px #262b37
}
.brick--nostroke {
    box-shadow: none !important
}
.brick--xlg.brick--outline.brick--stroke,
.brick--xxlg.brick--outline.brick--stroke {
    box-shadow: 0 0 0 4px #fff
}
.brick--white.brick--stroke:before {
    border: 1px solid rgba(0, 0, 0, .1)
}
.brick-wrap + .brick,
.brick + .btn,
.brick + .btn + .btn,
.brick + .brick {
    vertical-align: top
}
.brick + .btn,
.brick + .brick {
    margin-left: 7px
}
.brick--xlg + .btn,
.brick--xlg + .brick,
.brick--xxlg + .brick,
.brick--xxxlg + .brick,
.brick--xxxxlg + .brick {
    margin-left: 17px
}
.brick > .icon,
.brick > img,
.brick > .scale {
    position: absolute;
    top: -50px;
    right: -50px;
    bottom: -50px;
    left: -50px;
    margin: auto
}
.brick > img {
    max-width: 100%;
    max-height: 100%
}
.brick--hover > .icon {
    z-index: 1
}
.brick-wrap:active .brick--hover > .icon {
    -webkit-transform: scale(.8, .8);
    transform: scale(.8, .8)
}
.brick--xsm > .icon--bubble-stroke {
    width: calc(100% + 4px);
    max-width: 26px;
    height: calc(100% + 4px);
    max-height: 26px
}
.brick--sm > .icon--bubble-stroke {
    width: calc(100% + 6px);
    height: calc(100% + 6px)
}
.loading .brick > .icon {
    opacity: 0
}
.brick > .online-status {
    position: absolute;
    right: -1px;
    bottom: 2px;
    border: 2px solid #fff
}
.brick-img {
    position: absolute;
    top: 0;
    left: 0
}
.brick .brick-img {
    right: 0;
    bottom: 0
}
.brick-img,
.brick-img > img {
    overflow: hidden;
    border-radius: inherit;
    width: 100%;
    height: 100%
}
.brick--gift > .brick-img {
    margin: auto;
    width: 80%;
    height: 80%
}
.brick-img--social > img {
    position: absolute;
    top: -150px;
    right: -150px;
    bottom: -150px;
    left: -150px;
    margin: auto;
    border-radius: 0;
    width: auto;
    min-width: 100%;
    max-width: 300px;
    height: auto;
    min-height: 100%;
    max-height: 300px
}
.brick--square {
    border-radius: 0
}
.brick--set .brick-img > img {
    border-radius: 0;
    width: 50%;
    height: 50%
}
.brick--group {
    margin: 10px 0;
    width: 60px;
    height: 50px
}
.brick--group:before,
.brick--group:after {
    display: none
}
.brick--group > .brick-img {
    border: 3px solid #fff;
    width: 50px;
    height: 50px
}
.brick--group .brick-img + .brick-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 13px
}
.brick--group .brick-img + .brick-img + .brick-img {
    z-index: 0;
    left: 7px
}
.brick--group > .user-badge {
    right: -3px;
    bottom: -8px
}
.brick > .brick {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    margin: auto
}
.brick--br,
.brick > .brick--br {
    right: 0;
    bottom: 0
}
.brick--bl,
.brick > .brick--bl {
    right: auto;
    bottom: 0;
    left: 0
}
.brick--tr,
.brick > .brick--tr {
    top: 0;
    right: 0;
    bottom: auto
}
.brick--bc,
.brick > .brick--bc {
    right: 50%;
    margin: auto;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}
.brick--cr {
    top: 0;
    bottom: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}
.brick > .brick--xsm,
.brick > .brick--xsm.brick--br {
    margin: 0 -4px -4px 0
}
.brick > .brick--xsm.brick--tr {
    margin: -4px -4px 0 0
}
.brick > .brick--xsm.brick--cr {
    margin: auto -2px auto 0
}
.brick > .brick--xsm.brick--bc {
    margin: 0 auto -2px
}
.brick--lg > .brick--xsm,
.brick--lg > .brick--xsm.brick--br {
    margin: 0 -3px -3px 0
}
.brick--lg > .brick--xsm.brick--tr {
    margin: -3px -3px 0 0
}
.brick--lg > .brick--xsm.brick--cr,
.brick--lg > .brick--xsm.brick--bc {
    margin: auto
}
.brick--xlg > .brick--xsm,
.brick--xlg > .brick--xsm.brick--br {
    margin: 0 2px 2px 0
}
.brick--xlg > .brick--xsm.brick--tr {
    margin: 2px 2px 0 0
}
.brick--xlg > .brick--xsm.brick--cr {
    margin: auto 0 auto -1px
}
.brick--xlg > .brick--xsm.brick--bc {
    margin: 0 auto 1px
}
.brick--xlg > .brick--sm,
.brick--xlg > .brick--sm.brick--br {
    margin: 0 -3px -3px 0
}
.brick--xlg > .brick--sm.brick--tr {
    margin: -3px -3px 0 0
}
.brick--xlg > .brick--sm.brick--cr,
.brick--xlg > .brick--sm.brick--bc {
    margin: auto
}
.brick--xxlg > .brick,
.brick--xxlg > .brick--br {
    margin: 0 -5px -5px 0
}
.brick--xxlg > .brick--tr {
    margin: -5px -5px 0 0
}
.brick--xxlg > .brick--sm,
.brick--xxlg > .brick--sm.brick--br {
    margin: 0 1px 1px 0
}
.brick--xxlg > .brick--sm.brick--tr {
    margin: 1px 1px 0 0
}
.brick--xxlg > .brick--cr,
.brick--xxlg > .brick--bc {
    margin: auto
}
.brick--xxlg > .brick--xsm.brick--tr {
    margin: 5px 5px 0 0
}
.brick--xxxlg > .brick,
.brick--xxxlg > .brick--br,
.brick--xxxxlg > .brick,
.brick--xxxxlg > .brick--br {
    margin: 0 5px 5px 0
}
.brick--xxxlg > .brick--tr,
.brick--xxxxlg > .brick--tr {
    margin: 5px 5px 0 0
}
.brick--xxxlg > .brick--cr,
.brick--xxxlg > .brick--bc,
.brick--xxxxlg > .brick--cr,
.brick--xxxxlg > .brick--bc {
    margin: auto
}
.brick--xxxlg > .brick--lg,
.brick--xxxlg > .brick--lg.brick--br,
.brick--xxxxlg > .brick--lg,
.brick--xxxxlg > .brick--lg.brick--br {
    margin: 0 -3px -3px 0
}
.brick--xxxlg > .brick--lg.brick--tr,
.brick--xxxxlg > .brick--lg.brick--tr {
    margin: -3px -3px 0 0
}
.brick--xxxlg > .brick--lg.brick--cr,
.brick--xxxxlg > .brick--lg.brick--cr {
    margin: auto 0 auto -1px
}
.brick--xxxlg > .brick--lg.brick--bc,
.brick--xxxxlg > .brick--lg.brick--bc {
    margin: 0 auto 1px
}
.brick--xxxlg > .brick--xlg,
.brick--xxxlg > .brick--xlg.brick--br,
.brick--xxxxlg > .brick--xlg,
.brick--xxxxlg > .brick--xlg.brick--br {
    margin: 0 -55px -15px 0
}
.brick__txt {
    position: relative;
    z-index: 1
}
.brick--xxlg .brick__txt {
    font-size: 2.571em;
    line-height: 1.112;
    color: #fff
}
.brick-txt {
    display: block;
    font: 700 .7857em/1.1818 Helvetica, Arial, sans-serif;
    transition: color .2s
}
.brick-txt_ {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    max-width: 80.5%;
    white-space: nowrap;
    text-overflow: ellipsis
}
.brick-txt:empty:before {
    content: '\00a0'
}
.brick + .brick-txt {
    width: 40px
}
.brick--lg + .brick-txt {
    margin: 4px 0 0;
    width: 60px
}
.brick--xlg + .brick-txt {
    margin: 8px 0 0;
    width: 90px;
    font: 700 .8572em/1.1666 Helvetica, Arial, sans-serif
}
.brick--xxlg + .brick-txt {
    margin: 8px 0 0;
    width: 120px;
    font: 1em 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif
}
.brick--xxxlg + .brick-txt {
    margin: 10px 0 0;
    width: 150px;
    font: 1.1429em/1.125 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif
}
.brick--xxxxlg + .brick-txt {
    margin: 10px 0 0;
    width: 180px;
    font: 1.1429em/1.125 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif
}
.brick-wrap:hover .brick-txt {
    color: #2b65f8
}
.brick-wrap > .brick.disabled + .brick-txt {
    color: #4d4d4d
}
.brick > .checkbox,
.brick > .checkbox > label {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0
}
.brick > .checkbox > label:before,
.brick > .checkbox > label:after {
    top: auto;
    right: -3px;
    bottom: -3px;
    left: auto
}
.brick > .checkbox > label:before {
    box-shadow: 0 0 0 3px #fff
}
.brick--xxlg > .checkbox > label:before,
.brick--xxlg > .checkbox > label:after {
    right: 2px;
    bottom: 2px
}
.brick > .checkbox--bc > label:before,
.brick > .checkbox--bc > label:after {
    right: 0;
    bottom: -14px;
    left: 0;
    margin: auto
}
.brick > .btn--xsm {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%
}
.bricks-line > .brick-wrap,
.bricks-line > .brick {
    vertical-align: middle
}
.bricks-line--space .brick-wrap + .brick-wrap {
    margin: 0 0 0 10px
}
.bricks-line > .brick:nth-child(2),
.bricks-line > .brick-wrap:nth-child(2) {
    z-index: 1
}
.bricks-line--lg > .brick + .brick,
.bricks-line--lg > .brick-wrap + .brick-wrap {
    margin-left: -15px
}
.bricks-line--sm > .brick {
    margin: 0
}
.bricks-line--sm > .brick + .brick {
    margin-left: -5px
}
.bricks-line--sm > .brick:first-child {
    z-index: 2
}
.brick + .bricks-line--sm {
    margin-top: -21px
}
.brick > .bricks-line {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}
.brick-group {
    position: relative
}
.brick-group .brick {
    vertical-align: middle
}
.brick-group--promo > .brick + .brick {
    margin-left: -15px
}
.brick-group--promo > .brick:nth-child(2n+2):not(:last-child) {
    z-index: 1
}
.brick-group--cascade > .brick + .brick,
.brick-group--reverse > .brick + .brick {
    margin-left: -15px
}
.brick-group--reverse > .brick:first-child {
    z-index: 2
}
.brick-group--reverse > .brick:nth-child(2) {
    z-index: 1
}
.brick-group--triangle {
    position: relative
}
.brick-group--triangle .brick:first-child {
    z-index: 1;
    margin-top: 35px
}
.brick-group--triangle .brick + .brick {
    position: absolute;
    top: 0;
    left: -30px
}
.brick-group--triangle .brick:nth-child(3) {
    right: -30px;
    left: auto
}
.btn-game {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    background: #fff;
    cursor: pointer;
    text-align: center;
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.btn-game:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}
.btn-game:active {
    -webkit-transform: scale(.98);
    transform: scale(.98)
}
.btn-game.active,
.btn-game.disabled {
    cursor: default;
    -webkit-transform: none;
    transform: none
}
.btn-game + .btn-game {
    margin-left: 5px
}
.btn-game > .b-link {
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px
}
.btn-game--sm {
    width: 50px;
    height: 50px
}
.btn-game--hot {
    border-color: #ea2b31;
    color: #ea2b31
}
.btn-game--hot:active,
.btn-game--hot.active {
    background: #ea2b31;
    color: #fff
}
.btn-game--not {
    border-color: #2b65f8;
    color: #2b65f8
}
.btn-game--not:active,
.btn-game--not.active,
.btn-game--not.deactivate {
    background: #2b65f8;
    color: #fff
}
.btn-game--undo {
    border-color: #9aa9c5;
    color: #9aa9c5
}
.btn-game--undo:active,
.btn-game--undo.active {
    background: #9aa9c5;
    color: #fff
}
.btn-game--chat {
    border-color: #2b65f8;
    color: #2b65f8
}
.btn-game--chat:active,
.btn-game--chat.active {
    background: #2b65f8;
    color: #fff
}
.btn-game--chat:active > .icon use + use,
.btn-game--chat.active > .icon use + use {
    fill: #2b65f8
}
@-webkit-keyframes btn-game-not-deactivate {
    0% {
        background: #2b65f8;
        color: #fff
    }
    30% {
        color: #fff
    }
    50% {
        color: #2b65f8
    }
    100% {
        background: #fff;
        color: #2b65f8
    }
}
@keyframes btn-game-not-deactivate {
    0% {
        background: #2b65f8;
        color: #fff
    }
    30% {
        color: #fff
    }
    50% {
        color: #2b65f8
    }
    100% {
        background: #fff;
        color: #2b65f8
    }
}
.btn-game--not.deactivate {
    -webkit-animation: btn-game-not-deactivate .4s ease-in-out 1s forwards;
    animation: btn-game-not-deactivate .4s ease-in-out 1s forwards
}
.btn-game.disabled {
    border: 2px solid #ccc;
    background: #f7f7f7;
    color: #ccc
}
.btn-game.disabled:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0)
}
.btn-game > .icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    color: inherit
}
.btn-game--sm > .icon {
    width: 30px;
    height: 30px
}
.btn-game--sm.btn-game--chat > .icon {
    width: 24px;
    height: 24px
}
.btn-game.active > .icon {
    fill: #fff
}
.btn-game__mark-hot,
.btn-game__mark-not {
    position: absolute;
    z-index: 2;
    bottom: -3px;
    border: 2px solid #fff
}
.btn-game__mark-hot {
    left: 41px
}
.btn-game__mark-not {
    left: 123px
}
.social-ico {
    display: inline-block;
    margin: 5px 0;
    border: 2px solid transparent;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    background: transparent;
    cursor: pointer;
    text-align: center;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.social-ico:hover {
    border-color: #2b65f8;
    background: #fff;
    color: #2b65f8
}
.social-ico:active {
    border-color: transparent;
    background: rgb(34, 81, 198);
    color: #fff
}
.social-ico.active {
    cursor: default
}
.social-ico .b-link {
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border-radius: 16px 16px 0 0
}
.social-ico > .icon {
    margin-top: 12px
}
.social-ico--facebook {
    background: #3464d4
}
.social-ico--gmail {
    background: #dd4b39
}
.social-ico--windowslive {
    background: #0071c5
}
.social-ico--yahoo {
    background: #4400b2
}
.social-ico--other {
    background: #999
}
.tooltip-wrap,
.tooltip-no-js-wrap {
    position: relative
}
.js-tooltip {
    position: absolute;
    z-index: 1993;
    visibility: hidden
}
.tooltip {
    position: absolute;
    z-index: 10;
    bottom: 100%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 15px;
    font: 12px/1.334 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif;
    text-align: center;
    transition: visibility .15s, opacity .15s, margin .15s
}
.tooltip:empty,
.tooltip-txt:empty {
    display: none !important
}
.tooltip-no-js-wrap:hover .tooltip,
.tooltip-wrap:disabled:hover .tooltip {
    display: block !important;
    opacity: 1;
    visibility: visible;
    margin-bottom: 10px
}
.tooltip.active {
    z-index: 9;
    opacity: 1;
    visibility: visible;
    margin-bottom: 10px
}
.js-tooltip .tooltip {
    visibility: visible
}
.js-tooltip.active .tooltip {
    opacity: 1;
    margin-bottom: 10px
}
.js-tooltip.active .tooltip.bl,
.js-tooltip.active .tooltip.br,
.js-tooltip.active .tooltip.bc {
    margin-top: 10px
}
.js-tooltip.active .tooltip--delayed-show {
    transition-delay: 1s !important
}
.tooltip:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    border: 1px solid transparent;
    width: 100%;
    height: 13px
}
.tooltip.tl:after,
.tooltip.tc:after,
.tooltip.tr:after {
    top: 100%;
    bottom: auto
}
.tooltip.tc,
.tooltip.bc {
    margin-right: -292px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.tooltip.tr,
.tooltip.br {
    left: 50%;
    margin-right: -292px;
    margin-left: -16px;
    text-align: left
}
.tooltip.tl,
.tooltip.bl {
    right: 50%;
    left: auto;
    margin-right: -16px;
    margin-left: -292px;
    text-align: right
}
.tooltip.bl,
.tooltip.br,
.tooltip.bc {
    top: 100%;
    bottom: auto;
    margin-top: 15px
}
.tooltip-txt {
    position: relative;
    display: inline-block;
    border-radius: 2px;
    padding: 7px 10px;
    background: rgba(0, 0, 0, .7);
    text-align: left;
    color: #fff
}
.tooltip-txt.center {
    text-align: center
}
.tooltip-txt:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -4px;
    border: 4px solid;
    border-color: rgba(0, 0, 0, .7) transparent;
    border-bottom: 0;
    width: 0;
    height: 0
}
.lc .tooltip-txt {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.bl .tooltip-txt:before,
.br .tooltip-txt:before,
.bc .tooltip-txt:before {
    top: -4px;
    border: 4px solid;
    border-color: rgba(0, 0, 0, .7) transparent;
    border-top: 0
}
.tl .tooltip-txt:before,
.bl .tooltip-txt:before {
    right: 12px;
    left: auto
}
.tr .tooltip-txt:before,
.br .tooltip-txt:before {
    left: 12px;
    margin: 0
}
.tooltip-txt a {
    color: #fff;
    text-decoration: underline
}
.tooltip-txt a:hover {
    text-decoration: none
}
.tooltip-txt > .p-link {
    border-color: rgba(255, 255, 255, .7);
    color: #fff
}
.tooltip-txt > .p-link:hover {
    border-color: #fff;
    color: #fff
}
.tooltip-txt_ {
    max-width: 200px;
    word-wrap: break-word
}
.tooltip.lc {
    top: 50%;
    right: auto;
    left: 100%;
    margin: 0 -292px 0 7px
}
.lc .tooltip-txt:before {
    top: 50%;
    left: 0;
    margin-top: -4px;
    border: 4px solid;
    border-color: transparent rgba(0, 0, 0, .7);
    border-left: 0
}
.tooltip > .tooltip-txt .brick {
    margin-right: 10px
}
.tooltip > .tooltip-txt > .icon {
    position: absolute;
    top: 6px;
    right: 5px;
    opacity: .3
}
.notification-wrap {
    position: fixed;
    z-index: 999999;
    top: 200px;
    margin: 0 0 0 805px;
    max-height: 100%;
    transition: margin .3s
}
@media (max-width:1175px) {
    .notification-wrap {
        margin: 0 0 0 775px
    }
}
@media (max-width:1145px) {
    .notification-wrap {
        margin: 0 0 0 595px
    }
}
.notification {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin: -100px 0 10px;
    border-radius: 14px;
    width: 345px;
    height: 88px;
    padding: 0 14px;
    background: #3988e8;
    color: #fff;
    transition: margin-top .4s, opacity .6s linear
}
.notification--green {
    background: #1cb130
}
.notification--white {
    border: 2px solid rgba(0, 0, 0, .08);
    background: #fff;
    color: #4d4d4d
}
.notification.show {
    opacity: .95;
    margin-top: 0
}
.notification.show:hover {
    opacity: 1
}
.notification.hide {
    opacity: 0;
    visibility: hidden;
    margin-bottom: 0;
    height: 0;
    transition: height .25s linear, margin .25s linear, opacity .25s linear, visibility .25s linear
}
.notification__close {
    position: absolute;
    z-index: 2;
    top: 7px;
    right: 7px;
    opacity: .5;
    transition: opacity .2s
}
.notification--white > .notification__close {
    opacity: .7;
    fill: #bec4d1
}
.notification > .notification__close:hover {
    opacity: 1
}
.notification__promo,
.notification > .btn--ico {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.notification > .btn--ico {
    margin: 0 0 0 14px;
    background: #fff
}
.notification--white > .btn--ico {
    background: #9aa9c5
}
.notification > .btn--ico > .icon {
    fill: #3988e8
}
.notification--green > .btn--ico > .icon {
    fill: #1cb130
}
.notification--white > .btn--ico > .icon {
    fill: #fff
}
.notification > .btn--ico > .b-link {
    top: -400px;
    right: -400px;
    bottom: -400px;
    left: -400px;
    margin: auto
}
.notification__promo {
    position: relative;
    margin: 0 14px 0 0
}
.notification__promo > .brick--group > .brick-img {
    border-color: #3988e8
}
.notification--green .brick--group > .brick-img {
    border-color: #1cb130
}
.notification--white .brick--group > .brick-img {
    border-color: #fff
}
.notification__promo > .brick > .brick--xsm {
    margin-bottom: 0;
    box-shadow: 0 0 0 2px #3988e8
}
.notification--green .brick > .brick--xsm {
    box-shadow: 0 0 0 2px #1cb130
}
.notification--white .brick > .brick--xsm {
    box-shadow: 0 0 0 2px #fff
}
.notification__promo .brick--group > .brick--xsm {
    margin-bottom: 3px
}
.notification__promo > img {
    height: 50px
}
.notification__promo > .brick--xsm {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0
}
.notification__content {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}
.slider-wrap {
    padding: 5px 0
}
.slider {
    position: relative;
    margin: 5px 26px;
    box-shadow: 0 1px rgba(0, 0, 0, .07) inset;
    border-radius: 3px;
    height: 5px;
    background: #e0e0e0
}
.slider-track {
    position: relative;
    border-radius: 3px;
    height: 100%;
    background: #2b65f8
}
.slider-mover {
    position: absolute;
    top: -5px;
    left: 0;
    margin-left: -8px;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    background: #2b65f8;
    cursor: pointer;
    text-align: center
}
.slider-mover:before {
    content: '';
    vertical-align: top;
    display: inline-block;
    margin-top: 5px;
    border-radius: 100%;
    width: 5px;
    height: 5px;
    background: #fff
}
.slider-mover:hover:after,
.slider-mover.active:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    border: 2px solid #fff;
    border-radius: 100%;
    width: 15px;
    height: 15px
}
.slider-count {
    position: absolute;
    top: -7px;
    left: -26px;
    vertical-align: middle
}
.slider-count + .slider-count {
    right: -26px;
    left: auto;
    width: 17px
}
.slider--uno {
    margin-right: 0;
    margin-left: 0
}
.slider--uno .slider-mover {
    position: relative
}
.slider--uno .slider-track {
    float: left;
    height: 5px
}
.scroll {
    position: relative;
    overflow: hidden;
    max-height: inherit
}
.scroll_ {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    max-height: inherit
}
.scroll__ {
    position: relative;
    overflow: hidden
}
.scroll-visible > .scroll_ {
    overflow-y: scroll;
    margin: 0 -17px 0 0
}
.no-sys-scroll .scroll-visible > .scroll_ {
    padding: 0 17px 0 0
}
.scrollbar-track {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 5px;
    opacity: 0;
    visibility: hidden;
    border-radius: 4px;
    width: 5px;
    min-height: 100%;
    cursor: pointer;
    transition: width .1s linear
}
.scroll-visible .scrollbar-track {
    visibility: visible
}
.scrollbar-track--real {
    z-index: auto;
    opacity: 1
}
.scroll.hover .scrollbar-track,
.scroll.active .scrollbar-track {
    width: 8px
}
.scroll.hover .scrollbar-track--real,
.scroll.active .scrollbar-track--real {
    background: rgba(26, 36, 57, .05)
}
.scroll.scroll-visible:before,
.scroll.scroll-visible:after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    height: 2px;
    background: rgba(0, 0, 0, .04)
}
.scroll.scroll-visible:before {
    top: 0
}
.scroll.scroll-visible:after {
    bottom: 0
}
.scroll--top:before,
.scroll--bottom:after {
    display: none
}
.scrollbar-thumb {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    border-radius: 4px;
    width: 5px;
    min-height: 10px;
    background: rgba(26, 36, 57, .15);
    transition: width .1s linear
}
.scrollbar-thumb--real {
    opacity: 1
}
.scroll.hover .scrollbar-thumb,
.scroll.active .scrollbar-thumb {
    width: 8px;
    background: rgba(26, 36, 57, .25)
}
.scale {
    position: relative;
    display: inline-block;
    margin: 5px 0;
    width: 100px;
    height: 100px;
    text-align: center;
    white-space: nowrap
}
.scale::after {
    content: '';
    vertical-align: middle;
    display: inline-block;
    height: 100%
}
.scale-display {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}
.scale-value {
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    font-size: 2em
}
.scale--xsm {
    width: 48px;
    height: 48px
}
.scale--xsm .scale-value {
    display: none
}
.scale--sm {
    width: 70px;
    height: 70px
}
.scale--sm .scale-value {
    font-size: 1.428em
}
.scale--lg {
    width: 150px;
    height: 150px
}
.scale--lg .scale-value {
    font-size: 2.7143em
}
.scale--white {
    box-shadow: 0 0 0 3px #fff;
    border-radius: 50%;
    background: #fff
}
.online-status {
    z-index: 2;
    vertical-align: middle;
    display: inline-block;
    margin: 0 3px;
    box-sizing: content-box;
    border-radius: 100%;
    width: 8px;
    height: 8px
}
.online-status--online {
    background: #47d282
}
.online-status--away {
    background: #ffd048
}
.online-status--offline {
    background: #d9d9d9
}
.photo-counter {
    border-radius: 16px;
    padding: 7px 15px;
    background: rgba(0, 0, 0, .5);
    font: 1em/1.2857 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif;
    color: #fff
}
.photo-counter--sm {
    border-radius: 12px;
    padding: 5px 7px;
    font-size: .857em;
    line-height: 1.3334;
    color: #fff
}
.photo-counter > .icon {
    margin: 0 0 -3px
}
.photo-counter--sm > .icon {
    margin-bottom: -4px
}
@-webkit-keyframes loader {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes loader {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    margin: auto;
    width: 30px;
    height: 6px;
    font-size: 0;
    line-height: 0;
    transition: opacity .2s, visibility .2s
}
.loader::before,
.loader::after,
.loader_ {
    vertical-align: middle;
    display: inline-block;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    background: #4d4d4d
}
.loader_ {
    margin: 0 6px
}
.loader::before,
.loader::after {
    content: ''
}
.loader--static {
    position: relative
}
.loader--sm {
    width: 16px;
    height: 4px
}
.loader--sm::before,
.loader--sm::after,
.loader--sm > .loader_ {
    width: 4px;
    height: 4px
}
.loader--sm > .loader_ {
    margin: 0 2px
}
.loader--lg {
    width: 58px;
    height: 14px
}
.loader--lg::before,
.loader--lg::after,
.loader--lg > .loader_ {
    width: 14px;
    height: 14px
}
.loader--lg > .loader_ {
    margin: 0 8px
}
.loader--white::before,
.loader--white::after,
.loader--white > .loader_ {
    background: #fff
}
.loader--grey::before,
.loader--grey::after,
.loader--grey > .loader_ {
    background: #bfbfbf
}
.loader--blue::before,
.loader--blue::after,
.loader--blue > .loader_ {
    background: #2b65f8
}
.loading .loader,
.waiting .loader,
.el-loading .loader,
.ovl-loading .ovl-loader {
    opacity: 1;
    visibility: visible
}
.loading .loader_,
.waiting .loader_,
.el-loading .loader_,
.ovl-loading .loader_ {
    -webkit-animation: loader 1.5s linear infinite .1s;
    animation: loader 1.5s linear infinite .1s
}
.loading .loader::before,
.waiting .loader::before,
.el-loading .loader::before,
.ovl-loading .loader::before {
    -webkit-animation: loader 1.5s linear infinite;
    animation: loader 1.5s linear infinite
}
.loading .loader::after,
.waiting .loader::after,
.el-loading .loader::after,
.ovl-loading .loader::after {
    -webkit-animation: loader 1.5s linear infinite .3s;
    animation: loader 1.5s linear infinite .3s
}
.intr {
    position: relative;
    display: inline-block;
    margin: 5px 7px 5px 0;
    border-radius: 16px;
    padding: 7px 15px 8px 12px;
    background: #f2f2f2;
    cursor: default;
    line-height: 1.143;
    color: #4d4d4d;
    transition: background .2s
}
.intr:last-child {
    margin-right: 0
}
.active .intr {
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 6px 14px 7px 11px
}
.intr-txt {
    display: inline-block;
    overflow: hidden;
    margin: 0 0 -3px;
    max-width: 220px;
    font: 1em/1.143 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis
}
.intr > .icon {
    margin: 0 8px -3px 0
}
.intr > .intr__remove {
    top: 2px;
    display: none;
    margin: 0 -4px -3px 6px;
    cursor: pointer
}
.active .intr > .intr__remove {
    display: inline-block
}
.intr--copy:hover {
    background: #2b65f8;
    color: #fff
}
.intr--match {
    background: #6c7380;
    color: #fff
}
.intr--stub,
.intr--new,
.intr--wrong {
    color: #bfbfbf
}
.intr--wrong .intr-txt {
    text-decoration: line-through
}
.confirmation-wrap {
    vertical-align: middle;
    display: inline-block;
    border-radius: 100%;
    width: 300px;
    height: 300px;
    background: rgba(0, 0, 0, .7);
    text-align: center
}
.confirmation {
    vertical-align: middle;
    display: inline-block;
    width: 210px;
    max-height: 210px;
    white-space: normal
}
.confirmation__txt {
    display: inline-block;
    overflow: hidden;
    max-width: 210px;
    max-height: 2.5em;
    padding-top: 10px;
    font-size: 1.857em;
    line-height: 1.0771;
    color: #fff
}
.confirmation-ico {
    display: block;
    margin: 0 auto;
    width: 128px;
    height: 128px
}
.like-wrap_.qq .like-btn {
    width: auto;
    height: auto
}
.pv_likes_item {
    position: absolute;
    top: 0;
    left: 0
}
.likes-wrap {
    overflow: hidden
}
.like-wrap {
    position: relative;
    display: inline-block;
    cursor: pointer
}
.like-wrap:last-child {
    margin-right: 0
}
.like-wrap_ {
    vertical-align: middle;
    display: inline-block;
    font-size: .786em;
    line-height: 1.5;
    white-space: nowrap
}
.like-btn {
    vertical-align: middle;
    display: inline-block;
    border: 1px solid transparent;
    border-color: #d3d3d3 #e3e3e3 #bfbfbf;
    border-radius: 2px;
    background: linear-gradient(#fff, #e3e3e3);
    background-color: #e2e2e2;
    color: #3f4752;
    text-decoration: none
}
.like-btn:hover {
    color: #3f4752
}
.like-btn:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background: url() no-repeat
}
.like-btn span {
    vertical-align: middle;
    display: inline-block
}
.like-counter {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background: #fff;
    color: #3f4752
}
.like-counter:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -4px;
    margin-top: -2px;
    border-bottom: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-radius: 0 4px 0 0;
    width: 4px;
    height: 4px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.like-counter:empty:after {
    content: '';
    display: inline-block
}
.like-wrap_.fb {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif
}
.like-wrap_.fb .like-btn {
    border-color: #4c69b9 #435eac #3c56a1;
    border-radius: 2px;
    padding: 0 7px 1px;
    background: #4763b3;
    background: linear-gradient(#4b67b8, #3c56a1);
    font-weight: bold;
    color: #fff;
    text-shadow: 0 -1px 0 #354c8c
}
.like-wrap_.fb .like-btn:before {
    margin-right: 4px;
    box-shadow: 0 0 1px #3f59a3;
    border-radius: 1px;
    width: 12px;
    height: 12px;
    background-position: -25px -200px
}
.like-wrap_.fb .like-counter {
    border-color: #9197a3;
    border-radius: 2px;
    padding: 1px 6px;
    -webkit-font-smoothing: auto
}
.like-wrap_.fb .like-counter:before {
    left: -3px;
    border-color: #9197a3;
    border-radius: 0;
    width: 3px;
    height: 3px
}
.like-wrap_.yt {
    font-family: arial, sans-serif;
    -webkit-font-smoothing: auto
}
#dynamic_YOUTUBE {}
.like-wrap_.yt .like-btn {
    direction: ltr;
    border: 0;
    border-radius: 2px;
    height: 24px;
    padding: 0 8px 0 7px;
    background: #e62117;
    font-size: 12px;
    color: #fefefe
}
.like-wrap_.yt .like-btn span {
    padding-top: 1px
}
.like-wrap_.yt .like-btn:before {
    position: relative;
    left: -1px;
    margin-right: 6px;
    width: 16px;
    height: 12px;
    background-position: 0 -325px
}
.like-wrap_.yt .like-btn:after {
    content: '';
    vertical-align: middle;
    display: inline-block;
    height: 100%
}
.like-wrap_.google .like-btn {
    border-color: #d5d5d5;
    padding-right: 6px;
    background: #fff
}
.like-wrap_.google .like-btn:before {
    margin-top: 3px;
    margin-bottom: 1px;
    width: 24px;
    height: 14px;
    background-position: -21px -49px
}
.like-wrap_.google .like-counter {
    margin-left: 2px;
    padding: 1px 6px 1px;
    color: #666
}
.like-wrap_.google .like-counter:before {
    left: -4px;
    border-radius: 0;
    width: 5px;
    height: 5px
}
.like-wrap_.vk .like-btn {
    border-color: #5f83aa;
    padding: 2px 6px 3px 7px;
    background: #5f83aa;
    text-shadow: 0 1px 1px #4c709d
}
.like-wrap_.vk .like-btn:before {
    margin-right: 6px;
    width: 7px;
    height: 11px;
    background: url() no-repeat 0 -25px
}
.like-wrap_.vk .like-btn:after {
    content: '';
    vertical-align: middle;
    display: inline-block;
    opacity: .5;
    border-left: 1px solid #aec1d4;
    width: 10px;
    height: 14px;
    padding-left: 7px;
    background: url() no-repeat -10px -22px
}
.like-wrap_.vk .like-counter {
    margin-left: 6px;
    padding: 3px 5px;
    font-weight: 700;
    font-family: Tahoma, Arial, sans-serif;
    color: #2b587a
}
.like-wrap .pv_likes_item iframe {
    max-width: 100%
}
.like-wrap_.tw .like-btn {
    box-sizing: border-box;
    border-radius: 3px;
    height: 20px;
    padding: 1px 8px 1px 6px;
    background: #1b95e0;
    font-weight: 500;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #fff;
    -webkit-font-smoothing: auto
}
.like-wrap_.tw .like-btn:before {
    margin: 2px 2px 0 0;
    width: 14px;
    height: 14px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E')
}
.like-wrap_.pinit .like-btn {
    padding: 0 5px 4px
}
.like-wrap_.pinit .like-btn:before {
    width: 28px;
    height: 11px;
    background-position: 0 -100px
}
.like-wrap_.pinit .like-counter {
    margin-left: 6px;
    padding: 2px 4px 2px 1px
}
.like-wrap_.pinit .like-counter span {
    position: relative;
    z-index: 1;
    font-size: 10px
}
.like-wrap_.pinit .like-counter:before {
    top: 4px;
    left: -7px;
    width: 13px;
    height: 13px
}
.like-wrap_.hyves .like-btn {
    border-radius: 2px;
    padding: 1px 2px 2px 1px;
    font-family: Verdana, sans-serif;
    color: #000
}
.like-wrap_.hyves .like-btn:before {
    margin-right: 2px;
    width: 14px;
    height: 14px;
    background-position: -25px -275px
}
.like-wrap_.hyves .like-counter {
    margin-left: 1px;
    padding: 2px 5px 2px 4px
}
.like-wrap_.hyves .like-counter:before {
    left: -3px;
    width: 3px;
    height: 3px
}
.like-wrap_.nk .like-btn {
    border-radius: 0;
    padding: 0 0 0 1px
}
.like-wrap_.nk .like-btn:before {
    width: 44px;
    height: 20px;
    background-position: 0 -175px
}
.like-wrap_.nk .like-counter {
    border: 0;
    border-left: 1px solid #e3e3e3;
    border-radius: 0 2px 2px 0;
    padding: 4px 6px 4px 6px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #576573
}
.like-wrap_.nk .like-counter:before {
    display: none
}
.like-wrap_.qq {
    min-width: 50px
}
.like-wrap_.qq .like-btn {
    position: relative;
    margin-top: -6px;
    box-shadow: 0 1px 1px 0 #62c0f6 inset;
    border-color: #0083de;
    padding: 0 3px 0 23px;
    background: #19a3ee;
    line-height: 1.2;
    color: #fff;
    text-shadow: 0 -1px 0 #1690d2
}
.like-wrap_.qq .like-btn:before {
    position: absolute;
    top: -1px;
    left: -1px;
    margin-right: 3px;
    border: 1px solid #82a9c5;
    border-right: 0;
    border-radius: 2px 0 0 2px;
    width: 18px;
    height: 14px;
    background-position: -24px -299px;
    background-color: #fff
}
.like-wrap_.qq .like-counter {
    margin-left: 3px;
    padding: 0 4px 0 7px
}
.like-wrap_.qq .like-counter:before {
    left: -3px;
    margin-top: -3px
}
.like-wrap_.qq iframe {
    position: absolute;
    top: 0;
    left: 0
}
.like-count {
    padding: 0 4px 0 1px;
    font-weight: bold;
    color: #44a735
}
.like--green {
    box-shadow: 0 1px #92db86 inset;
    border: 1px solid #55b546;
    background: #6cca5d;
    background: linear-gradient(#6cca5d, #53ad45);
    color: #fff;
    text-shadow: 0 1px #309021
}
.like--green .like-count {
    color: #fff
}
.like--green:hover {
    box-shadow: 0 1px #a3df99 inset;
    background: #85d079;
    background: linear-gradient(#85d079, #78c56c)
}
.like--green:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAA40lEQVR42mNgIAD+//9fBMT3gNiekEKzv//+/AHS///++/sDn0KeH7+/P/gPBROPdP7Cqfjnnx8LYQpPPjr233SyWjnIBH4gXgrEl4BYFGpqIEzhh+/v/wcsdD5qMEGRmeH7728zYRK///4+C6QUf/359RkmVrWj4DNQoRzYupDF7vPefXsLk/v/7/+/7zD2luvr/gMVhsPdBuRIp6yJfA807T8yePLx0X/nWabLMTwD1GDTvr/uN0whMLj+p62NfgYU58fqe6BE5rzT08EKuw82/wUZgDcSgAragfgPEOdjkwcAaiLXU4iPfkoAAAAASUVORK5CYII=)
}
.p_like {
    position: relative;
    display: inline-block
}
.ig-link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.switcher {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 5px 0;
    text-align: left;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.switcher,
.switcher > label,
.switcher__state {
    cursor: pointer
}
.switcher > input {
    position: absolute;
    opacity: 0
}
.switcher > label {
    position: absolute;
    top: 0;
    white-space: nowrap
}
.switcher__state {
    position: relative;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.switcher__state--off::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 50%;
    background: #fff
}
.switcher > input:checked + label > .switcher__state--on {
    margin: 0
}
.switcher + label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.switcher__state {
    background: #cdd2dc
}
.switcher > input:checked + label > .switcher__state {
    background: #1ac636
}
.switcher__state--off::after {
    background: linear-gradient(to top, #f7f7f7, #fff)
}
.switcher--colored .switcher__state {
    background: #ee5e4a
}
.switcher--colored > input:checked + label > .switcher__state {
    background: #1ac636
}
.switcher {
    border-radius: 8px
}
.switcher,
.switcher > label,
.switcher__state {
    width: 25px;
    height: 16px
}
.switcher > label {
    font-size: .786em;
    line-height: 1.4545
}
.switcher__state {
    border-radius: 8px
}
.switcher__state--on {
    margin: 0 0 0 -9px;
    padding: 0;
    transition: margin .1s linear, background-color .05s linear .1s
}
.switcher__state--off {
    margin: 0 0 0 -16px;
    padding: 0
}
.switcher__state--off::after {
    width: 14px;
    height: 14px
}
.switcher + label {
    margin: 0 0 0 7px
}
.switcher > input:checked + label > .switcher__state--on {
    transition: margin .1s linear
}
.switcher > input:checked + label > .switcher__state--off {
    transition: background-color .05s linear .1s
}
.switcher--lg {
    border-radius: 16px
}
.switcher--lg,
.switcher--lg > label,
.switcher--lg .switcher__state {
    width: 82px;
    height: 32px
}
.switcher--lg label {
    font-size: .786em;
    line-height: 2.926
}
.switcher--lg .switcher__state {
    border-radius: 16px
}
.switcher--lg .switcher__state--on {
    margin: 0 0 0 -50px;
    padding: 0 34px 0 10px;
    transition: margin .2s linear, background-color .1s linear .2s
}
.switcher--lg .switcher__state--off {
    margin: 0 0 0 -32px;
    padding: 0 10px 0 34px
}
.switcher--lg .switcher__state--off::after {
    width: 30px;
    height: 30px
}
.switcher--lg > input:checked + label > .switcher__state--on {
    transition: margin .2s linear
}
.switcher--lg > input:checked + label > .switcher__state--off {
    transition: background-color .1s linear .2s
}
.switcher--lg + label {
    margin: 0 0 0 17px
}
.confirm {
    padding: 15px 25px
}
.confirm__close {
    position: absolute;
    top: 15px;
    right: 15px
}
.confirm__img {
    margin: 5px 0 15px
}
.confirm__title {
    display: block;
    margin: 0 0 5px;
    font-size: 1.143em;
    white-space: normal;
    -webkit-font-smoothing: subpixel-antialiased
}
.confirm__txt {
    margin: 0 0 10px;
    line-height: 1.286;
    white-space: normal
}
.countdown {
    direction: ltr;
    margin: 0 0 10px;
    white-space: nowrap
}
.countdown__item {
    position: relative;
    width: 40px;
    text-align: center
}
.countdown__item:after {
    content: ':';
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.429em;
    line-height: 1.2;
    font-family: 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}
.countdown__label {
    display: block;
    overflow: hidden;
    max-width: 100%;
    font-size: .714em;
    text-overflow: ellipsis
}
.countdown--inline {
    margin: 0
}
.countdown--inline .countdown__item {
    width: auto
}
.countdown--inline .countdown__item:after {
    position: relative;
    margin: 0 0 0 3px;
    font-size: inherit;
    line-height: inherit;
    -webkit-transform: none;
    transform: none
}
.countdown__item:last-child:after {
    display: none
}
.countdown--lg .countdown__item {
    width: 82px
}
.countdown--lg .countdown__item:after,
.countdown--lg .countdown__value {
    font-size: 3.571em;
    line-height: 1;
    font-family: 'FS Albert Pro Web', Helvetica, Arial, sans-serif
}
.countdown--lg .countdown__label {
    font-size: .857em
}
.progress-bar {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 5px 0;
    border-radius: 7px;
    width: 100%;
    max-width: 330px;
    height: 14px;
    background: #f2f2f2;
    line-height: 1em;
    color: #999
}
.progress-bar--wide {
    max-width: 100%
}
.progress-bar_ {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    border-radius: inherit;
    padding: 0 5px 0 0;
    background: #2b65f8;
    font-size: .643em;
    text-align: right;
    color: #fff
}
.progress-bar_:not(:empty) {
    min-width: 6%
}
.progress-bar--sm {
    border-radius: 4px;
    height: 8px
}
@-webkit-keyframes show-next {
    0% {
        z-index: 2
    }
    5% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}
@keyframes show-next {
    0% {
        z-index: 2
    }
    5% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}
@-webkit-keyframes flip-down {
    0% {
        z-index: 2;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
    5% {
        z-index: 4
    }
    100% {
        z-index: 4;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
}
@keyframes flip-down {
    0% {
        z-index: 2;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
    5% {
        z-index: 4
    }
    100% {
        z-index: 4;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
}
@-webkit-keyframes flip-up {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    100% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}
@keyframes flip-up {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    100% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}
.counter-wrap {
    font-size: 1.25em;
    text-align: center
}
.counter-wrap--grey {
    display: inline-block;
    border-radius: 16px;
    padding: 15px 85px;
    background: #f7f7f7
}
.counter {
    direction: ltr;
    display: inline-block;
    margin: 5px 0;
    white-space: nowrap
}
.counter__num {
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin: 0 1px 4px;
    width: 40px;
    height: 59px;
    font-size: 36px;
    text-align: center;
    color: #4d4d4d;
    -webkit-perspective: 200px;
    perspective: 200px
}
.counter__num:nth-last-child(3n) {
    margin-left: 7px
}
.counter__num:first-child {
    margin-left: 1px
}
.counter__num:before,
.counter__num:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -2px;
    left: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0 0 4px 4px;
    height: 2px;
    background: #fff
}
.counter__num:before {
    bottom: -4px
}
.counter__down,
.counter__up {
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-left: 1px solid rgba(0, 0, 0, .1);
    height: 50%
}
.counter__up {
    top: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px 4px 0 0;
    background: #f7f7f7;
    line-height: 1.6;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}
.counter__up:after {
    content: '';
    position: absolute;
    z-index: 5;
    top: 28px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .1)
}
.counter__down {
    bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0 0 4px 4px;
    background: #fff;
    line-height: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}
.active .counter__up.current,
.active .counter__down.current {
    z-index: 3
}
.active .counter__up.next,
.active .counter__down.next {
    z-index: 2;
    -webkit-animation: show-next .5s .5s linear both;
    animation: show-next .5s .5s linear both
}
.active .counter__down.next {
    -webkit-animation: flip-down .5s .5s linear both;
    animation: flip-down .5s .5s linear both
}
.active .counter__up.current {
    -webkit-animation: flip-up .5s linear both;
    animation: flip-up .5s linear both
}
.counter__num.disable .counter__up,
.counter__num.disable .counter__down {
    -webkit-animation: none;
    animation: none
}
.active .counter__down:before,
.active .counter__up:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    height: 100%
}
.active .counter__up.next:before,
.active .counter__down.next:before {
    -webkit-animation: hide .5s .3s linear both;
    animation: hide .5s .3s linear both
}
.active .counter__up.current:before,
.active .counter__down.current:before {
    -webkit-animation: show .5s linear both;
    animation: show .5s linear both
}
.active .counter__down:before {
    background: linear-gradient(rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .1) 100%)
}
.active .counter__up:before {
    background: linear-gradient(to top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .1) 100%)
}
.counter__num.disable .counter__down:before,
.counter__num.disable .counter__up:before {
    display: none
}
.counter--light .counter__num {
    overflow: hidden;
    margin-right: 2px;
    margin-left: 2px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 3px;
    width: 28px;
    height: 36px;
    font-size: 1.571em;
    line-height: 36px;
    color: #f2f2f2;
    white-space: pre
}
.counter--light .counter__num:nth-last-child(3n) {
    margin-left: 9px
}
.counter--light .counter__num:first-child {
    margin-left: 2px
}
.counter--light .counter__num:before,
.counter--light .counter__num:after {
    display: none
}
.counter__num_ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: top .5s
}
.calendar {
    position: relative;
    margin: 5px 0
}
.calendar:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -8px 0 0;
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12%209zM5%209h7l-3.5%204L5%209zm3.5-6L12%207H5l3.5-4z%22%20fill%3D%22%23bfbfbf%22/%3E%3C/svg%3E);
    pointer-events: none
}
.calendar.focus:after,
.calendar:hover:after {
    background: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12%209zM5%209h7l-3.5%204L5%209zm3.5-6L12%207H5l3.5-4z%22%20fill%3D%22%234d4d4d%22/%3E%3C/svg%3E)
}
.calendar > .input {
    margin: 0
}
.calendar > .input:focus {
    border-color: #2b65f8
}
.calendar > .input:not(:disabled) {
    cursor: pointer
}
.calendar__datalist {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 266px;
    padding: 15px 20px 10px;
    white-space: normal
}
.calendar__year {
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%
}
.calendar__month {
    -webkit-flex: 0 0 56%;
    -ms-flex: 0 0 56%;
    flex: 0 0 56%
}
.calendar__days {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 2px 0 0;
    text-align: left;
    white-space: normal
}
.calendar__day {
    -webkit-flex: 0 0 32px;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    border-radius: 16px;
    height: 32px;
    cursor: pointer;
    line-height: 32px;
    text-align: center;
    transition: all 0s linear .05s
}
.calendar__day:hover {
    background: #f7f7f7;
    color: #2b65f8
}
.calendar__day.active {
    background: #2b65f8;
    cursor: default;
    color: #fff
}
.calendar__day-focus {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}
.error-code {
    margin: 20px auto 0;
    border: 1px solid #e5e5e5;
    border-radius: 22px;
    width: 440px;
    padding: 12px 0 11px
}
.service-cost {
    padding: 20px 20px 30px
}
.service-cost__text,
.service-cost__topup,
.service-cost__conditions-toggle {
    font-size: .857em;
    line-height: 1.454;
    font-family: 'Helvetica Neu', Helvetica, Arial, sans-serif;
    color: #999
}
.service-cost__text {
    margin-bottom: 0
}
.service-cost__topup > .checkbox {
    top: -1px;
    opacity: .5;
    margin: 0 3px 0 0;
    min-width: 16px;
    min-height: 16px
}
.service-cost__topup > .checkbox > input,
.service-cost__topup > .checkbox > label:before,
.service-cost__topup > .checkbox > label:after {
    width: 16px;
    height: 16px
}
.service-cost__conditions-toggle {
    position: relative;
    white-space: nowrap
}
.service-cost__conditions-toggle::after {
    content: '';
    position: absolute;
    bottom: -17px;
    left: 50%;
    opacity: 0;
    margin: 0 0 0 -3px;
    border: 1px solid;
    border-color: rgba(0, 0, 0, .15) transparent transparent rgba(0, 0, 0, .15);
    width: 6px;
    height: 6px;
    background: #f7f7f7;
    cursor: default;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.service-cost__conditions-toggle.is-expanded::after {
    opacity: 1
}
.service-cost__arrow {
    position: absolute;
    top: 50%;
    margin: -6px 0 0;
    width: 12px;
    height: 12px;
    transition: none
}
.service-cost__conditions-toggle.is-expanded > .service-cost__arrow {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}
.service-cost__conditions {
    margin: 10px -20px -30px;
    border-top: 1px solid #d9d9d9;
    max-height: 150px;
    padding: 0;
    background: #f7f7f7;
    text-align: left
}
.service-cost__conditions-txt {
    padding: 15px 20px;
    font-size: .857em;
    white-space: pre-wrap;
    word-wrap: break-word
}
.service-cost__conditions .scroll:before,
.service-cost__conditions .scroll:after {
    display: none
}
.section-messages .promo__hint .scroll,
.section-messages .promo__hint .scroll_ {
    position: relative
}
.section-messages .promo__hint .service-cost__conditions {
    border-radius: 0 0 15px
}
.section-messages > .scroll-visible .promo__hint .scroll {
    margin: 0 10px 0 0
}
.section-messages .messenger-blocker__hint .scroll,
.section-messages .messenger-blocker__hint .scroll_ {
    position: relative
}
.section-messages > .scroll-visible .messenger-blocker__hint .service-cost__conditions > .scroll {
    margin: 0 10px 0 0
}
.popularity-line .service-cost__topup {
    margin: 5px 0 0
}
.popularity-line .service-cost__conditions {
    margin-right: -495px;
    margin-bottom: -41px;
    margin-left: -70px;
    border-bottom: 1px solid #d9d9d9
}
.popularity-line:nth-child(2n+1) .service-cost__conditions {
    margin-right: -70px;
    margin-left: -495px
}
@-webkit-keyframes ovl-open {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes ovl-open {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-webkit-keyframes ovl-close {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
}
@keyframes ovl-close {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
}
.ovl-fading,
.ovl-fading body,
.chat-app,
.chat-app body {
    overflow: hidden
}
.ovl-fading .page,
.chat-app .page {
    overflow-y: scroll;
    height: auto;
    min-height: 100vh
}
.el-loading .ovl-blocker {
    display: block
}
.ovl-loader {
    position: fixed;
    z-index: 101
}
.ovl-opened .ovl-loader:before,
.ovl-opened .ovl-loader:after,
.ovl-opened .ovl-loader .loader_ {
    background: #4d4d4d
}
.ovl-blocker {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: rgba(255, 255, 255, .4)
}
.ovl-fade {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity .2s linear;
    pointer-events: none
}
.ovl-fading .ovl-fade {
    opacity: .6;
    overflow-y: scroll;
    pointer-events: auto
}
.ovl-static .ovl-loader {
    display: none
}
.ovl-static .ovl {
    -webkit-animation: none;
    animation: none
}
.messenger-ovl.loading #im_wrap {
    display: none
}
.messenger-ovl {
}
.chat-app .messenger-ovl {
    display: block
}
.messenger-ovl_,
.messenger-ovl-fade {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -323px
}
.no-sys-scroll .messenger-ovl_,
.no-sys-scroll .messenger-ovl-fade {
    margin: 0 0 0 -315px
}
.messenger-ovl_ {
    overflow-y: scroll;
    text-align: left
}
.messenger-ovl-fade {
    opacity: .6;
    visibility: visible;
    background: #000;
    -webkit-animation: ovl-fade-open .2s linear;
    animation: ovl-fade-open .2s linear
}
@media screen and (max-width:1175px) {
    .messenger-ovl_,
    .messenger-ovl-fade {
        margin-left: -353px
    }
    .no-sys-scroll .messenger-ovl_,
    .no-sys-scroll .messenger-ovl-fade {
        margin-left: -345px
    }
}
@media screen and (max-width:1145px) {
    .messenger-ovl_,
    .messenger-ovl-fade,
    .chrome .messenger-ovl_,
    .chrome .messenger-ovl-fade,
    .safari .messenger-ovl_,
    .safari .messenger-ovl-fade,
    .no-sys-scroll .messenger-ovl_,
    .no-sys-scroll .messenger-ovl-fade {
        left: 60px;
        margin: 0
    }
}
.messenger {
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin: 20px;
    border-radius: 15px;
    width: 860px;
    height: calc(100% - 40px);
    min-height: 520px
}
.sidebar-content {
    height: 100%
}
.sidebar-content_ {
    margin: 0 auto;
    width: 240px;
    transition: margin .3s ease-in-out
}
.sidebar .scroll,
.sidebar .scroll_ {
    height: 100%
}
.sidebar .sidebar-content > .scroll:before,
.sidebar .sidebar-content > .scroll:after {
    right: 30px;
    left: 30px
}
.sidebar .scroll-visible .scrollbar-track--real {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out
}
.sidebar:hover .scroll-visible .scrollbar-track--real {
    opacity: 1;
    visibility: visible
}
.sidebar-nav {
    position: relative;
    margin: 0 auto;
    width: 210px;
    padding: 15px 0 10px
}
.sidebar-nav:before,
.sidebar-nav:after {
    content: '';
    position: absolute;
    left: 0;
    width: 210px;
    transition: width .4s
}
.sidebar-nav:before {
    top: 0;
    border-top: 1px solid rgba(0, 0, 0, .07)
}
.sidebar-nav:after {
    bottom: -2px;
    border-bottom: 1px solid rgba(0, 0, 0, .07)
}
.sidebar-nav__cnt {
    position: relative;
    line-height: 1.215;
    text-align: left
}
.sidebar-nav__cnt .middle {
    min-height: 50px
}
.sidebar-nav .sidebar-nav__signout {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    margin: auto;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out
}
.sidebar-nav:hover .sidebar-nav__signout {
    opacity: 1;
    visibility: visible
}
.sidebar-nav__userpic {
    vertical-align: middle;
    display: inline-block;
    transition: top .1s ease-in-out, left .1s ease-in-out
}
.sidebar-nav__userpic > .brick {
    margin: 0;
    width: 40px;
    height: 40px
}
.sidebar-nav__userpic.with-invisibility > .brick:before {
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #c8cfd6
}
.sidebar-nav__popularity {
    position: relative
}
.sidebar-nav__txt {
    width: 160px
}
.sidebar-nav__signout + .sidebar-nav__txt {
    margin: 0 0 0 6px;
    width: 139px
}
.sidebar-nav__txt-title {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: color .15s
}
.sidebar-payments {
    margin: 7px 0 0 0
}
.sidebar-payments__item {
    position: relative;
    display: inline-block;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 7px 0 0
}
.sidebar-payments__item:nth-child(2) {
    padding: 0 5px
}
.sidebar-payments__item:nth-child(2):last-child {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 0 0 0 20px
}
.sidebar-payments__item .mark {
    position: absolute;
    top: -4px;
    left: 16px;
    opacity: 0;
    visibility: hidden;
    border: 2px solid #eee
}
.sidebar-payments__item:hover .sidebar-payments__txt {
    color: #2b65f8
}
.sidebar-payments__icon {
    vertical-align: middle;
    display: inline-block;
    height: 32px
}
.sidebar-payments__icon--spp,
.sidebar-payments__icon--vip {
    margin: -1px -2px 0 0
}
.sidebar-payments__icon--credits {
    margin: 0 2px 0 0
}
.sidebar-payments__inactive,
.sidebar-payments__item--active .sidebar-payments__active {
    position: relative;
    display: inline-block
}
.sidebar-payments__active,
.sidebar-payments__item--active .sidebar-payments__inactive {
    display: none
}
.sidebar-nav__popularity--vlow,
.sidebar-nav__popularity--low {
    color: #f02139
}
.sidebar-nav__popularity--average {
    color: #cf9200
}
.sidebar-nav__popularity--high,
.sidebar-nav__popularity--vhigh {
    color: #2bc43f
}
.sidebar-nav__popularity:hover {
    color: #256cf5
}
.sidebar-nav__popularity > .ico-popularity {
    margin: 0 0 -1px
}
.sidebar-nav .sidebar-nav__btn {
    display: block;
    margin: 15px 0 0 0
}
.sidebar-menu {
    position: relative;
    margin: 0 auto;
    width: 210px;
    padding: 9px 0 15px
}
.sidebar-menu__item {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 0
}
.sidebar-menu__item-txt {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    color: #666;
    transition: color .15s
}
.sidebar-menu__item:hover > .sidebar-menu__item-txt {
    color: #1a1a1a
}
.sidebar-menu__item > .icon {
    margin: 0 19px 0 0;
    fill: #ccc
}
.sidebar-menu__item:hover > .icon {
    fill: #808080
}
.sidebar-menu__item.active .sidebar-menu__item-txt {
    color: #2b65f8
}
.sidebar-menu__item.active > .icon {
    fill: #2b65f8
}
.sidebar-menu__item .mark--sm {
    top: -32px;
    right: -11px;
    opacity: 0;
    visibility: hidden;
    border: 2px solid #eee;
    background-clip: padding-box
}
.sidebar-menu__filter {
    position: absolute;
    z-index: 2;
    top: 17px;
    right: 0;
    cursor: pointer;
    font-size: 0
}
.sidebar.filter-open .sidebar-menu__filter > .icon {
    fill: #4d4d4d
}
.sidebar-menu__datalist {
    width: 225px
}
.sidebar-datalist {
    position: relative;
    display: none;
    margin: 10px 0;
    border-top: 1px solid rgba(0, 0, 0, .13);
    border-radius: 6px;
    padding: 15px 16px;
    background: #fff
}
.js-fx-wrap.fx .sidebar-datalist,
.js-fx-wrap.transition .sidebar-datalist {
    display: block
}
.sidebar-datalist:before {
    content: '';
    position: absolute;
    top: -6px;
    right: 19px;
    border-top: 1px solid rgba(0, 0, 0, .13);
    border-left: 1px solid rgba(0, 0, 0, .13);
    width: 8px;
    height: 8px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.sidebar-filter legend {
    padding: 12px 0 7px;
    font-size: .786em;
    text-transform: uppercase
}
.sidebar-filter div:first-child legend {
    padding-top: 0
}
.sidebar-filter .checkbox {
    margin-right: 12px
}
.sidebar-filter .checkbox + .checkbox {
    margin-right: 0;
    margin-left: 0
}
.sidebar-filter__slider-txt {
    margin: 8px 0 0 0;
    font-size: .857em
}
.sidebar-filter__more {
    margin: 16px 0 0 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 5px 0 0 0
}
.sidebar-filter__btn {
    padding: 10px 0 0;
    white-space: nowrap
}
.sidebar-payments .sidebar-datalist {
    margin-right: -15px;
    text-align: center
}
.sidebar-payments .sidebar-datalist:before {
    left: 20px
}
.sidebar-datalist > .confirm {
    padding: 0
}
@-webkit-keyframes sidebar-promo-fade-in {
    from {
        opacity: .2
    }
    to {
        opacity: 1
    }
}
@keyframes sidebar-promo-fade-in {
    from {
        opacity: .2
    }
    to {
        opacity: 1
    }
}
.sidebar-promo {
    position: relative;
    z-index: 1;
    margin: auto;
    width: 200px;
    text-align: center;
    -webkit-animation: sidebar-promo-fade-in 1.5s;
    animation: sidebar-promo-fade-in 1.5s
}
.sidebar-promo__description {
    margin: 10px 0
}
.sidebar-promo__cost {
    margin: 10px 0
}
.sidebar-promo__cost > .service-cost {
    margin: -20px
}
.sidebar-footer {
    margin: 0 auto;
    width: 210px;
    background: #eee;
    transition: width .3s ease-in-out
}
.sidebar-footer__search {
    margin: 0 0 10px
}
@media screen and (max-width:1175px) {
    .sidebar-content_ {
        width: 210px
    }
    .sidebar-logo {
        left: 13px
    }
    .sidebar-menu__datalist {
        margin-left: -7px
    }
    .sidebar-datalist::before {
        right: 12px
    }
    .sidebar-payments .sidebar-datalist {
        margin-right: 0
    }
    .sidebar-payments .sidebar-datalist::before {
        left: 10px
    }
}
@media screen and (max-width:1145px) {
    .sidebar.show {
        box-shadow: 1px 0 5px rgba(0, 0, 0, .2);
        width: 250px
    }
    .sidebar.show:after {
        display: none
    }
    .sidebar .scroll:before,
    .sidebar .scroll:after {
        right: 0;
        left: 20px
    }
    .sidebar.show .scroll:before,
    .sidebar.show .scroll:after {
        right: 20px;
        left: 20px
    }
    .sidebar.show .scroll-visible .scrollbar-track {
        visibility: visible
    }
    .sidebar.show .scroll-visible .scrollbar-track--real {
        transition: opacity .3s ease-in-out .15s, visibility .3s ease-in-out .15s
    }
    .sidebar-promo {
        opacity: 0;
        height: 0;
        transition: opacity .4s
    }
    .sidebar.show .sidebar-promo {
        opacity: 1;
        height: auto
    }
    .sidebar-footer {
        position: relative;
        width: 40px
    }
    .sidebar-footer {
        margin: 0 0 0 10px
    }
    .sidebar.show .sidebar-footer {
        margin: 0 auto
    }
    .sidebar.show .sidebar-footer {
        width: 210px
    }
    .sidebar-content_ {
        margin: 0 0 0 10px;
        width: 90px
    }
    .sidebar.show .sidebar-content_ {
        margin: 0 0 0 20px;
        width: 225px
    }
    .sidebar-nav,
    .sidebar-menu {
        margin: 0;
        transition: margin .3s ease-in-out
    }
    .sidebar-nav:before,
    .sidebar-nav:after {
        width: 40px
    }
    .sidebar.show .sidebar-nav:before,
    .sidebar.show .sidebar-nav:after {
        width: 210px
    }
    .sidebar-logo {
        position: relative;
        left: 10px
    }
    .sidebar.show .sidebar-logo {
        width: 210px
    }
    .sidebar-logo .logo {
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out
    }
    .sidebar-logo .logo-ico {
        opacity: 1;
        visibility: visible;
        transition: opacity .3s ease-in-out .15s, visibility .1s ease-in-out .15s
    }
    .sidebar.show .sidebar-logo .logo {
        opacity: 1;
        visibility: visible;
        transition: opacity .3s ease-in-out .13s, visibility .3s ease-in-out .13s
    }
    .sidebar.show .sidebar-logo .logo-ico {
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out
    }
    .sidebar:not(.show) .sidebar-nav__cnt .brick {
        top: 0;
        bottom: auto;
        left: 0
    }
    .sidebar:not(.show) .sidebar-payments {
        margin: -37px 0 0
    }
    .sidebar:not(.show) .sidebar-payments__item {
        margin: -1px 0 0 4px
    }
    .sidebar:not(.show) .sidebar-payments__item--double-credits .mark {
        opacity: 1;
        visibility: visible
    }
    .sidebar:not(.show) .sidebar-payments__items {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .sidebar:not(.show) .sidebar-payments__item {
        display: block;
        padding: 0
    }
    .sidebar:not(.show) .sidebar-datalist {
        display: none
    }
    .sidebar-menu__item {
        margin-left: 7px;
        transition: margin .3s ease-in-out
    }
    .sidebar.show .sidebar-menu__item {
        margin-left: 0
    }
    .sidebar-menu__item .mark--sm,
    .sidebar-footer .search-field.reset .search-field__loupe,
    .sidebar.show .sidebar__el-hidden,
    .sidebar.show .scroll-visible .scrollbar-track--real,
    .sidebar.show .sidebar-footer .search-field.loading .loader,
    .sidebar.show .sidebar-footer .search-field.reset .search-field__reset {
        opacity: 1;
        visibility: visible
    }
    .sidebar__el-hidden,
    .sidebar .scroll-visible .scrollbar-track,
    .sidebar-footer .search-field .search-field__reset,
    .sidebar-footer .search-field .loader,
    .sidebar.show .sidebar-menu__item .mark--sm,
    .sidebar.show .sidebar-footer .search-field.reset .search-field__loupe,
    .sidebar.show .sidebar-footer .search-field.loading .search-field__reset,
    .sidebar:not(.show) .datalist {
        opacity: 0;
        visibility: hidden
    }
    .sidebar:not(.show) .sidebar-payments .datalist {
        display: none
    }
    .sidebar-footer .search-field .input {
        padding-right: 23px
    }
    .sidebar-footer .search-field .search-field__loupe {
        right: 12px
    }
    .sidebar-footer .search-field .input:focus {
        border: 1px solid rgba(0, 0, 0, .15)
    }
    .sidebar.show .sidebar-footer .search-field .input {
        padding-right: 35px
    }
    .sidebar.show .sidebar-footer .search-field .search-field__loupe {
        right: 16px
    }
    .sidebar.show .sidebar-footer .search-field .input:focus {
        border-color: #2b65f8
    }
    .sidebar-nav {
        padding: 15px 0 0
    }
    .sidebar.show .sidebar-nav {
        padding: 15px 0 10px
    }
    .sidebar-menu .sidebar__el-hidden,
    .sidebar-nav__txt {
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out, color .3s
    }
}
@-webkit-keyframes spotlight-add {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    25% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes spotlight-add {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    25% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes spotlight-hide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}
@keyframes spotlight-hide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}
.spotlight {
    position: relative;
    margin: 0 0 10px;
    min-height: 75px
}
.spotlight__loader {
    margin-bottom: 0
}
.spotlight__title {
    position: relative;
    display: inline-block;
    margin: 0 5px 14px;
    border-radius: 13px;
    padding: 5px 11px;
    background: #dfdfdf;
    font-size: .857em
}
.spotlight__title:before,
.spotlight__title:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 32px;
    border-top: 8px solid #dfdfdf;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    width: 0;
    height: 0
}
.spotlight__title:after {
    bottom: -7px;
    border-top-color: #dfdfdf
}
.spotlight__item {
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin: 0 0 0 15px;
    width: 60px;
    height: 75px
}
.spotlight__item .spotlight__item-brick {
    position: absolute;
    margin-left: 0;
    transition: opacity 1s
}
.spotlight__item-brick.change {
    opacity: 0
}
.spotlight__item .online-status {
    border-color: #eee
}
.spotlight__cost {
    margin-top: 10px;
    font-size: .8571em;
    line-height: 1.3334;
    text-align: center;
    color: #bfbfbf
}
@-webkit-keyframes brick-ripples {
    0% {
        border: 1em solid #2b8cfc;
        background: #29cf29
    }
    5% {
        border: 0 solid #2b8cfc;
        background: #29cf29
    }
    5.001%,
    33.333% {
        border: 1em solid #29cf29;
        background: #fec309
    }
    38.333% {
        border: 0 solid #29cf29;
        background: #fec309
    }
    38.334%,
    66.666% {
        border: 1em solid #fec309;
        background: #2b8cfc
    }
    71.666% {
        border: 0 solid #fec309;
        background: #2b8cfc
    }
    71.667%,
    100% {
        border: 1em solid #2b8cfc;
        background: #29cf29
    }
}
@keyframes brick-ripples {
    0% {
        border: 1em solid #2b8cfc;
        background: #29cf29
    }
    5% {
        border: 0 solid #2b8cfc;
        background: #29cf29
    }
    5.001%,
    33.333% {
        border: 1em solid #29cf29;
        background: #fec309
    }
    38.333% {
        border: 0 solid #29cf29;
        background: #fec309
    }
    38.334%,
    66.666% {
        border: 1em solid #fec309;
        background: #2b8cfc
    }
    71.666% {
        border: 0 solid #fec309;
        background: #2b8cfc
    }
    71.667%,
    100% {
        border: 1em solid #2b8cfc;
        background: #29cf29
    }
}
.spotlight__action-animation {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .7;
    border-style: solid;
    border-radius: 100%;
    font-size: 30px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: brick-ripples 6s linear infinite;
    animation: brick-ripples 6s linear infinite
}
.spotlight__item:hover .spotlight__action-animation {
    opacity: .8
}
@media screen and (max-width:1175px) {
    .spotlight__title {
        margin: 0 auto 14px
    }
    .spotlight__title::before,
    .spotlight__title::after {
        left: 22px
    }
    .spotlight__item:nth-child(3n - 2) {
        margin-left: 0
    }
}
@media screen and (max-width:1145px) {
    .sidebar:not(.show) .spotlight {
        width: 40px;
        min-height: 50px
    }
    .sidebar:not(.show) .spotlight__title {
        display: none
    }
    .sidebar:not(.show) .spotlight__item {
        margin: 0;
        width: 40px;
        height: 50px
    }
    .sidebar:not(.show) .spotlight__item:nth-child(7) ~ .spotlight__item {
        display: none
    }
    .sidebar:not(.show) .spotlight__item .brick.brick--lg {
        width: 40px;
        height: 40px
    }
    .sidebar:not(.show) .spotlight__item--action > .brick {
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0)
    }
    .sidebar:not(.show) .spotlight__item--action .icon {
        width: 16px;
        height: 16px
    }
    .sidebar:not(.show) .brick > .online-status {
        right: -3px;
        bottom: 0
    }
    .sidebar:not(.show) .spotlight__cost {
        display: none
    }
    .sidebar:not(.show) .spotlight__action-animation {
        font-size: 20px
    }
    .sidebar.show .spotlight__title::before,
    .sidebar.show .spotlight__title::after {
        left: 32px
    }
    .spotlight__title {
        margin-left: -10px;
        transition: margin .3s ease-in-out
    }
    .spotlight__item {
        margin: 0 15px 0 0
    }
}
@-webkit-keyframes search {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes search {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.search-results {
    -webkit-animation: search .3s cubic-bezier(.755, .05, .855, .06);
    animation: search .3s cubic-bezier(.755, .05, .855, .06);
    transition-property: height;
    transition-duration: .15s
}
.search-results_ {
    margin: 0 15px;
    box-shadow: 0 1px rgba(255, 255, 255, .4) inset;
    border-top: 1px solid rgba(0, 0, 0, .07);
    padding: 0 0 10px
}
.search-results__item {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    transition: color .15s
}
.search-results__item:hover {
    color: #2b65f8
}
.search-results__item > .brick {
    width: 40px;
    height: 40px
}
.search-results__item:hover > .brick:after {
    background: rgba(43, 101, 248, .4)
}
.search-results__title {
    display: block;
    margin: 10px 0;
    color: #a6a6a6
}
.search-results__title:last-child {
    margin-bottom: 0
}
.search-results__name {
    overflow: hidden;
    margin-left: 10px;
    max-width: 160px;
    text-overflow: ellipsis
}
.search-results__loader {
    position: relative;
    padding: 13px 0 0 0
}
@media screen and (max-width:1145px) {
    .search-results_ {
        margin: 0 15px 0 0
    }
    .search-results {
        display: none
    }
    .sidebar.show .search-results {
        display: block
    }
}
.u-site {
    padding: 26px 30px 9px;
    text-align: center
}
.u-site ul.providers {
    position: relative;
    right: -10px;
    overflow: hidden;
    margin: 0 auto -6px;
    width: 330px;
    height: auto
}
.u-providers li {
    position: relative;
    float: left;
    display: inline;
    margin: 0 10px 10px 0;
    border: 1px solid #3774d6;
    width: 98px;
    height: 38px;
    background: #fff;
    text-align: center
}
.u-providers li.other {
    border: 0;
    width: 100px;
    height: 40px;
    background: none
}
.u-providers a {
    position: absolute;
    top: -1px;
    left: -1px;
    border: 1px solid #e0e0e0;
    width: 98px;
    height: 38px
}
.u-providers a.hover,
.u-providers a:hover {
    top: 0;
    left: 0;
    opacity: .2;
    border: 0;
    background: #144fae;
    cursor: pointer
}
.u-providers a.other {
    top: 0;
    left: 0;
    border: 0;
    width: 100px;
    height: 40px;
    background: none;
    line-height: 39px;
    white-space: nowrap
}
.u-providers a.other:hover {
    opacity: 1;
    background: none
}
.u-providers li span {
    float: none;
    display: block;
    margin: 0 auto
}
.u-providers li.specific_facebook {
    overflow: hidden;
    border-color: #e0e0e0;
    cursor: pointer
}
.u-providers li.specific_facebook:hover {
    border-color: #3774d6
}
.u-providers iframe {
    width: 98px;
    height: 38px
}
.providers:after {
    content: '';
    clear: both;
    display: block
}
.providers.for_network {
    opacity: 1;
    padding-bottom: 3px
}
.providers.for_network .pvd {
    margin: -10px 0 -10px -5px
}
.providers div.br {
    clear: both;
    width: 100%;
    height: 0 !important
}
.pvd {
    float: left;
    height: 35px;
    background-image: url();
    background-repeat: no-repeat
}
.pvd_l_msn {
    width: 63px;
    background-position: 0 0
}
.pvd_l_gmail {
    width: 61px;
    background-position: -63px 0
}
.pvd_l_yahoo {
    width: 48px;
    background-position: -124px 0
}
.pvd_l_aol {
    width: 60px;
    background-position: -172px 0
}
.pvd_l_test {
    width: 30px;
    background-position: -185px 0
}
.pvd_l_icq {
    width: 55px;
    background-position: -232px 0
}
.pvd_l_facebook {
    width: 70px;
    background-position: -287px 0
}
.pvd_l_orkut {
    width: 54px;
    background-position: -357px 0
}
.pvd_l_linkedincom {
    width: 76px;
    background-position: -411px 0
}
.pvd_l_xing {
    width: 58px;
    background-position: -487px 0
}
.pvd_l_postsk {
    width: 83px;
    background-position: -545px 0
}
.pvd_l_orange {
    width: 40px;
    background-position: -628px 0
}
.pvd_l_tiscali {
    width: 69px;
    background-position: -668px 0
}
.pvd_l_terra {
    width: 75px;
    background-position: -737px 0
}
.pvd_l_latinmail {
    width: 73px;
    background-position: -812px 0
}
.pvd_l_mailcom {
    width: 81px;
    background-position: -885px 0
}
.pvd_l_flickr {
    width: 60px;
    background-position: -966px 0
}
.pvd_l_myspace {
    width: 82px;
    background-position: -1026px 0
}
.pvd_l_netlog {
    width: 65px;
    background-position: -1108px 0
}
.pvd_l_fotolog {
    width: 84px;
    background-position: -1173px 0
}
.pvd_l_photobucket {
    width: 89px;
    background-position: -1257px 0
}
.pvd_l_hyvesnl {
    width: 57px;
    background-position: -1346px 0
}
.pvd_l_lide {
    width: 64px;
    background-position: -1403px 0
}
.pvd_l_skyrock {
    width: 68px;
    background-position: -1467px 0
}
.pvd_l_windowslive {
    width: 129px;
    background-position: -1535px 0
}
.pvd_l_videotron {
    width: 94px;
    background-position: -1664px 0
}
.pvd_l_abv {
    width: 52px;
    background-position: -1758px 0
}
.pvd_l_inbox {
    width: 70px;
    background-position: -1810px 0
}
.pvd_l_hotmail {
    width: 88px;
    background-position: -1880px 0
}
.pvd_l_vkontakte {
    width: 27px;
    background-position: -1977px 0
}
.pvd_l_icloud {
    width: 40px;
    background-position: -2014px 0
}
.pvd_l_telenetbe,
.pvd_l_skynetbe {
    background-image: url()
}
.pvd_l_telenetbe {
    width: 77px;
    background-position: 0 0
}
.pvd_l_skynetbe {
    width: 52px;
    background-position: -77px 0
}
.pvd_l_webde,
.pvd_l_gmx,
.pvd_l_freenetde,
.pvd_l_tmobilede,
.pvd_l_arcor {
    background-image: url()
}
.pvd_l_webde {
    width: 42px;
    background-position: 0 0
}
.pvd_l_gmx {
    width: 47px;
    background-position: -42px 0
}
.pvd_l_freenetde {
    width: 79px;
    background-position: -89px 0
}
.pvd_l_tmobilede {
    width: 83px;
    background-position: -168px 0
}
.pvd_l_arcor {
    width: 85px;
    background-position: -251px 0
}
.pvd_l_libero,
.pvd_l_emailit,
.pvd_l_exciteit,
.pvd_l_gmailit,
.pvd_l_interfree,
.pvd_l_jumpy,
.pvd_l_katamail,
.pvd_l_supereva,
.pvd_l_virgilio {
    background-image: url()
}
.pvd_l_libero {
    width: 69px;
    background-position: -41px 0
}
.pvd_l_emailit {
    width: 79px;
    background-position: -110px 0
}
.pvd_l_exciteit {
    width: 66px;
    background-position: -189px 0
}
.pvd_l_gmailit {
    width: 66px;
    background-position: -255px 0
}
.pvd_l_interfree {
    width: 79px;
    background-position: -321px 0
}
.pvd_l_jumpy {
    width: 69px;
    background-position: -400px 0
}
.pvd_l_katamail {
    width: 74px;
    background-position: -469px 0
}
.pvd_l_supereva {
    width: 66px;
    background-position: -543px 0
}
.pvd_l_virgilio {
    width: 99px;
    background-position: -679px 0
}
.pvd_l_telefonica,
.pvd_l_lycos {
    background-image: url()
}
.pvd_l_telefonica {
    width: 67px;
    background-position: 0 0
}
.pvd_l_lycos {
    width: 52px;
    background-position: -67px 0
}
.pvd_l_yandex,
.pvd_l_rambler,
.pvd_l_mailru,
.pvd_l_pochtaru,
.pvd_l_vk {
    background-image: url()
}
.pvd_l_yandex {
    width: 55px;
    background-position: 0 0
}
.pvd_l_rambler {
    width: 71px;
    background-position: -55px 0
}
.pvd_l_mailru {
    width: 75px;
    background-position: -126px 0
}
.pvd_l_pochtaru {
    width: 86px;
    background-position: -201px 0
}
.pvd_l_vk {
    width: 83px;
    background-position: -298px 0
}
.pvd_l_freefr,
.pvd_l_voila,
.pvd_l_lapostenet,
.pvd_l_sfr {
    background-image: url()
}
.pvd_l_freefr {
    width: 58px;
    background-position: 0 0
}
.pvd_l_voila {
    width: 52px;
    background-position: -58px 0
}
.pvd_l_lapostenet {
    width: 88px;
    background-position: -110px 0
}
.pvd_l_sfr {
    width: 41px;
    background-position: -198px 0
}
.pvd_l_o2pl,
.pvd_l_interiapl,
.pvd_l_pocztaonetpl,
.pvd_l_wppl {
    background-image: url()
}
.pvd_l_o2pl {
    width: 35px;
    background-position: 0 0
}
.pvd_l_interiapl {
    width: 76px;
    background-position: -35px 0
}
.pvd_l_pocztaonetpl {
    width: 63px;
    background-position: -111px 0
}
.pvd_l_wppl {
    width: 105px;
    background-position: -174px 0
}
.pvd_l_iolpt,
.pvd_l_sapopt,
.pvd_l_clixpt {
    background-image: url()
}
.pvd_l_iolpt {
    width: 43px;
    background-position: 0 0
}
.pvd_l_sapopt {
    width: 51px;
    background-position: -43px 0
}
.pvd_l_clixpt {
    width: 44px;
    background-position: -94px 0
}
.pvd_l_volnycz,
.pvd_l_seznam,
.pvd_l_centrumcz {
    background-image: url()
}
.pvd_l_volnycz {
    width: 60px;
    background-position: 0 0
}
.pvd_l_seznam {
    width: 70px;
    background-position: -60px 0
}
.pvd_l_centrumcz {
    width: 87px;
    background-position: -130px 0
}
.pvd_l_centrumsk,
.pvd_l_azetsk,
.pvd_l_zoznamsk {
    background-image: url()
}
.pvd_l_centrumsk {
    width: 86px;
    background-position: 0 0
}
.pvd_l_azetsk {
    width: 51px;
    background-position: -86px 0
}
.pvd_l_zoznamsk {
    width: 74px;
    background-position: -137px 0
}
.pvd_l_mynetcom {
    width: 55px;
    background-image: url();
    background-position: 0 0
}
.pvd_l_igcombr,
.pvd_l_bolcombr,
.pvd_l_uolcombr,
.pvd_l_globocom,
.pvd_l_oicombr {
    background-image: url()
}
.pvd_l_igcombr {
    width: 38px;
    background-position: 0 0
}
.pvd_l_bolcombr {
    width: 62px;
    background-position: -38px 0
}
.pvd_l_uolcombr {
    width: 62px;
    background-position: -100px 0
}
.pvd_l_globocom {
    width: 83px;
    background-position: -162px 0
}
.pvd_l_oicombr {
    width: 54px;
    background-position: -245px 0
}
.pvd_l_sina,
.pvd_l_mail163,
.pvd_l_qqcom,
.pvd_l_sohucom {
    background-image: url()
}
.pvd_l_sina {
    width: 49px;
    background-position: 0 0
}
.pvd_l_mail163 {
    width: 73px;
    background-position: -49px 0
}
.pvd_l_sohucom {
    width: 63px;
    background-position: -122px 0
}
.pvd_l_qqcom {
    width: 65px;
    background-position: -187px 0
}
.pvd_l_freemailhu,
.pvd_l_citromailhu {
    background-image: url()
}
.pvd_l_freemailhu {
    width: 70px;
    background-position: 0 0
}
.pvd_l_citromailhu {
    width: 85px;
    background-position: -70px 0
}
.pvd_l_ukrnet,
.pvd_l_iua {
    background: url() no-repeat
}
.pvd_l_ukrnet {
    width: 75px
}
.pvd_l_iua {
    width: 47px;
    background-position: -75px 0
}
.pvd_l_mac,
.pvd_l_outlook {
    background-image: url()
}
.pvd_l_mac {
    width: 46px;
    background-position: 0 0
}
.pvd_l_outlook {
    width: 36px;
    background-position: -45px 0
}
.pvd_l_naver,
.pvd_l_daum,
.pvd_l_nate {
    background: url() no-repeat
}
.pvd_l_naver {
    width: 82px
}
.pvd_l_daum {
    width: 60px;
    background-position: -82px 0
}
.pvd_l_nate {
    width: 66px;
    background-position: -142px 0
}
.pvd_more {
    width: 35px;
    background: none;
    font-size: 30px;
    line-height: .8;
    text-align: center
}
.js .pvd_more {
    cursor: pointer;
    color: #1c5192
}
.fb_pup_link_row .item {
    position: relative;
    display: inline-block;
    margin: 0 10px 10px 0 !important;
    width: 160px;
    height: 45px;
    background: url() no-repeat;
    text-align: center
}
.fb_pup_link_row ul {
    display: block !important
}
.fb_pup_link_row .item_r {
    position: absolute;
    top: 0;
    right: -3px;
    width: 3px;
    height: 45px;
    background: url() no-repeat 100% 0
}
.fb_pup_link_row .soc_ic {
    display: inline-block;
    margin-right: -3px;
    height: 40px;
    background: url() no-repeat
}
.fb_pup_link_row .f {
    width: 113px;
    background-position: 0 8px
}
.fb_pup_link_row .myspace {
    width: 97px;
    background-position: -129px 8px
}
.fb_pup_link_row .orkut {
    width: 81px;
    background-position: -249px 8px
}
.fb_pup_link_row .photobucket {
    width: 102px;
    background-position: -347px 8px
}
.fb_pup_link_row .hyvesnl {
    width: 80px;
    background-position: -462px 10px
}
.fb_pup_link_row .vk {
    width: 123px;
    background-position: -560px 8px
}
.fb_pup_link_row .ok {
    width: 136px;
    background-position: -954px 7px
}
.fb_pup_link_row .lide {
    width: 101px;
    background-position: -696px 8px
}
.fb_pup_link_row .skyrock {
    width: 125px;
    background-position: -810px 7px
}
.fb_pup_link_row .instagram {
    width: 104px;
    background-position: -1096px 8px
}
.users-connect {
    position: relative;
    display: inline-block;
    margin: 0 0 25px
}
.users-connect__contacts {
    position: relative;
    display: inline-block;
    margin: -8px 0 0;
    padding: 15px 0 0
}
.users-connect__contacts .brick {
    border-radius: 5px;
    width: 50px;
    height: 50px
}
.users-connect__contacts .brick-img,
.users-connect__contacts .brick-img:before {
    border-radius: 5px
}
.users-connect__contacts .brick + .brick {
    margin-left: 6px
}
.users-connect__btn {
    margin: 10px 0 0
}
.users-connect__question {
    position: relative;
    z-index: 2;
    margin: 0 0 0 3px
}
body:not(.spp-naming-test-on) .spp-naming-test,
body.spp-naming-test-on .verification-methods__logo--spp .spp-naming-old,
body.spp-naming-test-on .ovl__header-content .spp-naming-old,
body.spp-naming-test-on .spp-naming-test + * {
    display: none !important
}
body.spp-naming-test-on .verification-methods__item-inner .icon--spp,
body.spp-naming-test-on .verification-methods__item-inner .icon--grey.icon--spp:hover {
    background-image: radial-gradient(circle closest-side, transparent 0%, transparent 90%)
}
body.spp-naming-test-on .icon--spp {
    border-color: #7000e3;
    background-image: radial-gradient(circle closest-side, transparent 0%, transparent 90%)
}
body.spp-naming-test-on .brick--spp {
    background-image: radial-gradient(circle closest-side, transparent 0%, transparent 90%);
    background-color: #7000e3
}
body.spp-naming-test-on .spp-unsubscribe .section-left-side,
body.spp-naming-test-on .spp-unsubscribe_ {
    border-top-color: #7000e3
}
body.spp-naming-test-on .verification-methods__item-inner .icon--spp {
    border-color: #bfbfbf;
    border-radius: 100%;
    fill: #bfbfbf;
    background-color: #bfbfbf
}
body.spp-naming-test-on .verification-methods__item--linked .verification-methods__item-inner .icon--spp,
body.spp-naming-test-on .verification-methods__item-inner:hover .icon--spp {
    background-color: #7000e3
}
body.spp-naming-test-on .verification-methods__item-inner .icon--spp .icon-svg {
    border-radius: inherit
}
body.spp-naming-test-on .has-hover .icon--group use:last-child,
body.spp-naming-test-on .verification-methods__item--linked .verification-methods__item-inner .icon--group use:first-child {
    opacity: 0
}
body:not(.spp-naming-test-on) .icon--group:hover use:first-child,
body.spp-naming-test-on .has-hover:hover .icon--group use + use,
body.spp-naming-test-on .verification-methods__item--linked .verification-methods__item-inner .icon--group use:last-child {
    opacity: 1
}
body.spp-naming-test-on .js-ovl-content .spp-naming-test {
    margin: 0 auto
}
#ss {
    position: static !important;
    margin: 0 0 0 270px !important;
    border-right: 1px solid rgba(0, 0, 0, .15);
    border-left: 1px solid rgba(0, 0, 0, .15);
    width: 900px !important;
    font: 12px/1.5 Consolas;
    transition: margin-left .3s ease-in-out, width .3s ease-in-out
}
#ss > div,
.xdebug-var-dump,
pre {
    position: relative;
    padding: 0 20px 20px;
    background: #fff
}
.xdebug-var-dump {
    overflow: hidden;
    white-space: pre
}
.xdebug-var-dump,
pre {
    margin-bottom: 20px
}
#statslow_toggle_btn,
#ss_url {
    margin-left: 270px !important;
    transition: margin-left .3s ease-in-out
}
@media screen and (max-width:1175px) {
    #ss,
    #statslow_toggle_btn,
    #ss_url {
        margin-left: 240px !important
    }
}
@media screen and (max-width:1145px) {
    #ss,
    #statslow_toggle_btn,
    #ss_url {
        margin-left: 60px !important
    }
}
.sdo_tab_container {
    position: absolute
}
.sd_toolbar {
    direction: ltr;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    box-shadow: 0 0 5px #000;
    padding-left: 5px;
    background: #f7f7f7
}
.sdt_item {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 3px 0 5px
}
.sdti_trgr {
    border: 1px solid #666;
    border-radius: 8px;
    padding: 3px 9px 4px;
    background: #4ca9d2;
    background-image: linear-gradient(to top, rgb(53, 157, 205) 0%, rgb(92, 177, 214) 61%);
    font-size: 12px;
    color: #fff;
    text-decoration: none
}
.sdti_trgr_error {
    border-color: #333;
    background: #eb3d3d;
    background-image: linear-gradient(to top, rgb(232, 37, 37) 0%, rgb(237, 78, 78) 100%)
}
.sdti_trgr:hover {
    color: #ddd !important
}
.sdo_opened {
    overflow: hidden
}
.sd_ovl {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    padding: 48px 10px 10px;
    background: rgba(255, 255, 255, .9)
}
.sdo_opened .sd_ovl {
    display: block
}
.sdo_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 10px;
    background: #ff761a;
    cursor: pointer;
    color: #fff
}
.sdo_tabs {
    overflow: hidden;
    padding: 10px 10px 0
}
.sdot_item {
    position: relative;
    float: left;
    margin: 0 3px 0 0;
    border-radius: 5px 5px 0 0;
    padding: 4px 15px 5px;
    background: #2594b4;
    cursor: pointer;
    font-size: 14px;
    color: #fff
}
.sdot_item.current {
    margin-top: -6px;
    padding-top: 10px;
    background: #2bb7df;
    cursor: default
}
.sdtoi_l {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.sdot_cont {
    display: none;
    border-radius: 5px;
    padding: 6px;
    background: #2bb7df
}
.sdot_show_add .sdot_cont_add,
.sdot_show_on .sdot_cont_on,
.sdot_show_onload .sdot_cont_onload,
.sdot_cont_visible {
    display: block
}
.sdo_table {
    width: 100%;
    border-collapse: collapse;
    background: #fff
}
.sdot_short {
    width: auto
}
.sdo_table td,
.sdo_table th {
    border: 1px solid #333
}
.sdo_table th {
    padding: 3px 5px;
    background: #c8e8f0;
    text-align: left
}
.sdo_table td {
    padding: 1px 3px
}
td.sdot_details {
    padding: 10px 15px
}
.xhr_error td {
    background: #f18181
}
.sdto_details_toggle {
    display: inline-block;
    margin: 0 4px 0 0;
    width: 6px;
    height: 5px;
    padding: 3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFBAMAAACUdoDVAAAAElBMVEUAAABha3h5gYx/h5K5vsO5vsQf8DbDAAAAAXRSTlMAQObYZgAAABZJREFUeNpjUGVgYBBUAWJBYzAN5AMACrgBCmRFF8MAAAAASUVORK5CYII=) 50% 50% no-repeat
}
.details_is_shown .sdto_details_toggle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGBAMAAAD9IJlFAAAAElBMVEUAAABha3h5gYx/h5K5vsO5vsQf8DbDAAAAAXRSTlMAQObYZgAAACJJREFUeNpjCBQUDGBgEhRiYGJmYGZgYFBUABKODkACyAMAH+cBtqsDUuwAAAAASUVORK5CYII=)
}
.sdot_cont .dt-xhr-ss table {
    width: 100%;
    border-collapse: collapse
}
.sdot_cont .dt-xhr-ss table th {
    vertical-align: baseline;
    border: 1px solid #000;
    padding: 0 2px;
    background-color: #ccf;
    font-weight: bold;
    font-size: 8pt;
    text-align: left;
    color: #000
}
.sdot_cont .dt-xhr-ss table td {
    vertical-align: baseline;
    border: 1px solid #000;
    max-height: 100px;
    padding: 0 2px;
    background-color: #ccc;
    font-size: 8pt;
    text-align: left;
    color: #000
}
.sdot_cont .dt-xhr-ss .err_element {
    background-color: #fc0
}
.sdot_cont .dt-xhr-ss div.statslow_bt {
    font-weight: normal !important
}
#statslow_toggle_btn {
    position: relative
}
.grey{
    background: none !important;
    color:#999;
}
.icon--invert:hover > .icon-svg {
    overflow: hidden;
    border: 2px solid #2b65f8;
    border-radius: 100%;
    background: #2b65f8
}
.icon--group use + use {
    opacity: 0
}
.icon--group:hover use:first-child {
    opacity: 0
}
.icon--group:hover use + use {
    opacity: 1
}
.icon--inline {
    vertical-align: middle;
    margin: -3px 0 0
}
.icon--bubble-stroke > .icon-svg {
    max-width: 100%;
    max-height: 100%
}
.icon--apple {
    fill: #333
}
.icon--windows {
    fill: #058aeb
}
.icon--apple:hover,
.icon--windows:hover {
    fill: #2b65f8
}
.ico-popularity {
    display: inline-block;
    width: 24px;
    height: 12px;
    background: url() 0 0 no-repeat
}
.ico-popularity--lg {
    width: 60px;
    height: 60px
}
@media only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi),
only screen and (min-resolution:1.25dppx) {
    .ico-popularity {
        background-image: url();
        background-size: 320px 96px
    }
}
.ico-popularity--vlow,
.sidebar-nav__popularity--vlow .ico-popularity {
    background-position: -4px -9px
}
.ico-popularity--low,
.sidebar-nav__popularity--low .ico-popularity {
    background-position: -36px -9px
}
.ico-popularity--average,
.sidebar-nav__popularity--average .ico-popularity {
    background-position: -68px -9px
}
.ico-popularity--high,
.sidebar-nav__popularity--high .ico-popularity {
    background-position: -100px -9px
}
.ico-popularity--vhigh,
.sidebar-nav__popularity--vhigh .ico-popularity {
    background-position: -132px -9px
}
.ico-popularity--lg.ico-popularity--vlow {
    background-position: -2px -34px
}
.ico-popularity--lg.ico-popularity--low {
    background-position: -66px -34px
}
.ico-popularity--lg.ico-popularity--average {
    background-position: -130px -34px
}
.ico-popularity--lg.ico-popularity--high {
    background-position: -194px -34px
}
.ico-popularity--lg.ico-popularity--vhigh {
    background-position: -258px -34px
}
.form-row {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    padding: 5px 0
}
.form-label {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40%;
    padding: 0 10px 0 0
}
.form-label > label,
.form-label__value {
    display: inline-block;
    margin: 13px 0 0;
    line-height: 1.143
}
.form-label > label {
    cursor: pointer
}
.form-field {
    position: relative;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 60%
}
.form-field:first-child {
    margin: 0 0 0 40%
}
.form-field > .checkbox,
.form-field > .radio {
    margin-top: 10px;
    margin-bottom: 10px
}
.form-row--low .form-field > .checkbox,
.form-row--low .form-field > .radio {
    margin-top: 5px;
    margin-bottom: 5px
}
.form-row:not(.form-row--center) .form-field .checkbox,
.form-row:not(.form-row--center) .form-field .radio {
    margin-right: 12px;
    margin-left: 0
}
.form-label--wide {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: auto
}
.form-label--wide ~ .form-field {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: auto
}
.form-row--center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.form-row--center .form-label {
    width: auto
}
.form-row--center .form-field {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    width: auto
}
.form--vertical .form-row,
.form-row--vertical {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.form--vertical .form-label,
.form-row--vertical .form-label {
    width: 100%;
    padding: 0 16px
}
.form--vertical .form-field,
.form-row--vertical .form-field {
    width: 100%
}
.form--vertical .form-label > label,
.form--vertical .form-label__value,
.form--vertical .form-field,
.form-row--vertical .form-label > label,
.form-row--vertical .form-label__value,
.form-row--vertical > .form-field {
    margin: 0
}
.option {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    font: 1em/1.2857 'FS Albert Pro Web', Helvetica, Arial, sans-serif;
    color: #4d4d4d;
    white-space: nowrap;
    text-overflow: ellipsis
}
.option__in {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -20px;
    height: 100%;
    padding: 0 20px
}
.option.selected,
.option.selected > .option__in {
    color: #2b65f8
}
.option:hover,
.option.hover,
.option:hover > .option__in,
.option.hover > .option__in {
    background: #f7f7f7;
    color: #2b65f8
}
.option.disabled,
.option.disabled > .option__in {
    cursor: default;
    color: #bfbfbf;
    pointer-events: none
}
.option__icon {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 10px 0 0;
    pointer-events: none
}
.option__icon > .icon {
    vertical-align: top
}
.option:hover .option__icon > .icon,
.option.hover .option__icon > .icon {
    fill: #2b65f8
}
.option__txt {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none
}
.option__country-code {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 10px
}
.select {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin: 5px 0;
    width: 100%;
    min-width: 40px;
    height: 44px;
    font: 1.143em/1.25 'FS Albert Pro Web', Helvetica, Arial, sans-serif;
    text-align: left
}
.select-label:hover,
.select.focus .select-label {
    border-color: #2b65f8;
    color: #4d4d4d
}
.select-label:hover:after,
.select.focus .select-label:after,
.input-group:hover > .select .select-label:after,
.input-group.focus > .select .select-label:after {
    background: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12%209zM5%209h7l-3.5%204L5%209zm3.5-6L12%207H5l3.5-4z%22%20fill%3D%22%234d4d4d%22/%3E%3C/svg%3E)
}
.select.disabled:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.select--sm {
    height: 32px;
    font-size: 1em;
    line-height: 1.2857
}
.select + .select {
    margin-left: 7px
}
.select .scroll_ {
    max-height: 320px
}
.select-label {
    position: relative;
    display: block;
    overflow: hidden;
    outline: 0;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 22px;
    height: inherit;
    padding: 11px 30px 11px 20px;
    background: #fff;
    cursor: pointer;
    color: #4d4d4d;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: border-color .2s, color .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.select-label:empty:before {
    content: '';
    display: inline-block
}
.select--sm .select-label {
    border-radius: 16px;
    padding: 6px 30px 6px 15px
}
.select-label:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12%209zM5%209h7l-3.5%204L5%209zm3.5-6L12%207H5l3.5-4z%22%20fill%3D%22%23bfbfbf%22/%3E%3C/svg%3E)
}
.select--sm .select-label:after {
    right: 7px
}
.select-label > .icon {
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -8px 0 0;
    fill: #bfbfbf
}
.select-label:hover > .icon {
    fill: #4d4d4d
}
.select--sm .select-label > .icon {
    right: 7px
}
.select.value .select-label {
    color: #4d4d4d
}
.select .select-label.placeholder {
    color: #bfbfbf
}
.select.disabled .select-label {
    background: #f7f7f7;
    cursor: default
}
.select.disabled .select-label {
    color: #bfbfbf
}
.select > .icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 8px;
    margin: -8px 0 0;
    background: #fff
}
.value .select__reset {
    display: block
}
.select__reset,
.focus .select__reset,
.active .select__reset {
    display: none;
    cursor: pointer
}
.select-options {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    margin: 13px 0 0 0;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 14px;
    min-width: 100%;
    max-width: 500px;
    max-height: 350px;
    padding: 10px 0;
    background: #fff;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: all .15s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.select-options.tc {
    top: auto;
    bottom: 100%;
    margin: 0 0 13px 0
}
.select-options:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: -5px;
    left: 20px;
    border: 1px solid;
    border-color: rgba(0, 0, 0, .15) transparent transparent rgba(0, 0, 0, .15);
    width: 6px;
    height: 6px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.select-options.tc:after {
    top: auto;
    bottom: -5px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}
.select.active .select-options {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.error .select-label {
    border-color: #f66
}
.select--day {
    width: 31%
}
.select--month {
    width: 36%
}
.select--year {
    width: 31%
}
.select--day + .select--month,
.select--month + .select--year {
    margin-left: 1%
}
.select--year > .select-label {
    text-overflow: clip
}
.select-group {
    white-space: nowrap
}
.select-group .select + .select {
    margin-left: 0
}
.select-group .select-label {
    border-radius: 0
}
.select-group .select:first-child .select-label {
    border-radius: 22px 0 0 22px
}
.select-group .select:last-child .select-label {
    border-radius: 0 22px 22px 0
}
.select-group .select--sm:first-child .select-label {
    border-radius: 16px 0 0 16px
}
.select-group .select--sm:last-child .select-label {
    border-radius: 0 16px 16px 0
}
.select-hint {
    margin-bottom: -10px;
    border-top: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0 0 14px 14px;
    padding: 9px 20px 10px;
    background: #f7f7f7;
    text-align: left;
    white-space: normal
}
@media screen and (max-height:690px) {
    .select .scroll_ {
        max-height: 200px
    }
}
.datalist {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 50%;
    opacity: 1;
    margin: 18px 0 0 0;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 15px;
    background: #fff;
    text-align: center;
    white-space: nowrap;
    transition: all .15s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.datalist::before {
    content: '';
    position: absolute;
    top: -4px;
    left: 50%;
    margin: 0 0 0 -3px;
    border: 1px solid;
    border-color: rgba(0, 0, 0, .15) transparent transparent rgba(0, 0, 0, .15);
    width: 6px;
    height: 6px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.datalist.tc,
.datalist.bc {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.datalist.rb {
    top: 0;
    left: 100%;
    margin: 0 0 0 15px
}
.datalist.rt {
    top: auto;
    bottom: 0;
    left: 100%;
    margin: 0 0 0 15px
}
.datalist.rc {
    top: 50%;
    left: 100%;
    margin: 0 0 0 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.datalist.rt:before,
.datalist.rc:before,
.datalist.rb:before {
    top: 12px;
    left: -2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.datalist.rc:before {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}
.datalist.lb {
    top: 0;
    right: 100%;
    left: auto;
    margin: 0 15px 0 0
}
.datalist.lt {
    top: auto;
    right: 100%;
    bottom: 0;
    left: auto;
    margin: 0 15px 0 0
}
.datalist.lc {
    top: 50%;
    right: 100%;
    left: auto;
    margin: 0 0 0 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.datalist.lt:after,
.datalist.lc:after,
.datalist.lb:after {
    top: 0;
    right: -15px;
    bottom: 0;
    left: auto;
    width: 13px;
    height: auto
}
.datalist.rt:after,
.datalist.rc:after,
.datalist.rb:after {
    top: 0;
    bottom: 0;
    left: -15px;
    width: 13px;
    height: auto
}
.datalist.lt:before,
.datalist.lc:before,
.datalist.lb:before {
    top: 12px;
    right: -6px;
    left: auto;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}
.datalist.lc:before {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg)
}
.datalist.rt:before,
.datalist.lt:before {
    top: auto;
    bottom: 12px
}
.datalist.tl,
.datalist.tc,
.datalist.tr {
    top: auto;
    bottom: 100%;
    margin: 0 0 18px 0
}
.datalist.tl:before,
.datalist.tc:before,
.datalist.tr:before {
    top: auto;
    bottom: -4px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}
.datalist.tr,
.datalist.br {
    -webkit-transform: translateX(-35px);
    transform: translateX(-35px)
}
.datalist.tr:before,
.datalist.br:before {
    left: 33px
}
.datalist.tl,
.datalist.bl {
    right: 50%;
    left: auto;
    -webkit-transform: translateX(35px);
    transform: translateX(35px)
}
.datalist.tl:before,
.datalist.bl:before {
    right: 30px;
    left: auto
}
.datalist > .scroll {
    margin: 10px 0
}
.datalist .scroll .options {
    margin: 0
}
.datalist .scroll_ {
    max-height: 240px
}
.datalist .options {
    margin: 10px 0;
    text-align: left
}
.datalist-hint {
    border-top: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0 0 14px 14px;
    padding: 9px 20px 10px;
    background: #f7f7f7;
    text-align: left;
    white-space: normal
}
.js-tooltip {
    position: absolute;
    z-index: 1000;
    visibility: hidden
}
.dropdown-no-js-link,
.dropdown-no-js-btn,
.dropdown-link,
.dropdown-btn {
    position: relative;
    display: inline-block;
    cursor: pointer
}
.search-field.default > .datalist {
    opacity: 0;
    visibility: hidden
}
.dropdown-no-js-link:hover > .datalist,
.search-field.active .datalist,
.calendar.active .datalist,
.dropdown-no-js-btn.active > .datalist,
.js-tooltip.active > .datalist {
    opacity: 1;
    visibility: visible;
    margin: 13px 0 0;
    cursor: default
}
.dropdown-no-js-link .scrollbar-track {
    display: none
}
.dropdown-no-js-link:hover .scrollbar-track {
    display: block
}
.dropdown-no-js-link:hover > .datalist.tr,
.dropdown-no-js-btn.active > .datalist.tr,
.dropdown-no-js-link:hover > .datalist.tl,
.dropdown-no-js-btn.active > .datalist.tl,
.dropdown-no-js-link:hover > .datalist.tc,
.dropdown-no-js-btn.active > .datalist.tc,
.search-field.active .datalist.tc,
.calendar.active .datalist.tc,
.js-tooltip.active .datalist.tr,
.js-tooltip.active .datalist.tl,
.js-tooltip.active .datalist.tc {
    margin: 0 0 13px
}
.js-tooltip.active .datalist.rt,
.js-tooltip.active .datalist.rc,
.js-tooltip.active .datalist.rb {
    margin: 0 0 0 10px
}
.js-tooltip.active .datalist.lt,
.js-tooltip.active .datalist.lc,
.js-tooltip.active .datalist.lb {
    margin: 0 10px 0 0
}
.datalist:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    border: 1px solid transparent;
    width: 100%;
    height: 13px
}
.datalist.tl:after,
.datalist.tc:after,
.datalist.tr:after {
    top: 100%;
    bottom: auto
}
.dropdown-link .scroll-visible .scrollbar-track {
    display: none
}
.dropdown-link:hover .scroll-visible .scrollbar-track {
    display: block
}
.input,
.textarea {
    vertical-align: middle;
    display: inline-block;
    margin: 5px 0;
    outline: 0;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 24px;
    width: 100%;
    height: 44px;
    padding: 11px 20px;
    background: #fff;
    font: 1.143em/1.25 'FS Albert Pro Web', Helvetica, Arial, sans-serif;
    color: #4d4d4d;
    -webkit-font-smoothing: antialiased;
    transition: border-color .2s
}
.input::-ms-clear,
.input::-ms-reveal {
    display: none
}
input::-webkit-contacts-auto-fill-button {
    display: none !important;
    visibility: hidden;
    margin: 0;
    width: 0;
    height: 0;
    pointer-events: none
}
.textarea {
    overflow-y: auto;
    border-radius: 16px;
    height: auto;
    padding: 6px 15px;
    font-size: 1em;
    line-height: 1.2857;
    resize: none
}
.textarea_:empty:before {
    content: attr(data-placeholder);
    position: absolute;
    top: 0;
    left: 0;
    cursor: text;
    color: #bfbfbf
}
.textarea_ {
    min-height: 55px;
    word-wrap: break-word
}
.textarea .scroll_ {
    max-height: 90px
}
.textarea--sm .textarea_ {
    min-height: 20px
}
.textarea--sm .scroll_ {
    max-height: 55px
}
.textarea .scroll-visible .textarea_ {
    padding-right: 15px
}
.textarea .scrollbar-track {
    right: 0
}
.textarea .scroll.scroll-visible:before,
.textarea .scroll.scroll-visible:after {
    display: none
}
.input--sm {
    border-radius: 16px;
    height: 32px;
    padding: 6px 15px;
    font-size: 1em;
    line-height: 1.2857
}
.input--lg {
    border-radius: 30px;
    height: 60px;
    padding: 6px 30px;
    font-size: 1.429em;
    line-height: 1.2
}
.input:hover,
.input:focus,
.textarea:hover,
.textarea:focus,
.textarea.focus {
    border-color: #2b65f8
}
.input:disabled,
.textarea:disabled,
.textarea.disabled,
.input[disabled],
.textarea[disabled] {
    border: 1px solid rgba(0, 0, 0, .15);
    background: #f7f7f7;
    color: #bfbfbf
}
.input[readonly] {
    border: 1px solid rgba(0, 0, 0, .15)
}
input::-webkit-input-placeholder {
    color: #bfbfbf
}
input:-moz-placeholder {
    color: #bfbfbf
}
input::-moz-placeholder {
    color: #bfbfbf
}
input:-ms-input-placeholder {
    color: #bfbfbf
}
.input::-ms-clear {
    display: none
}
.error .input,
.error .textarea,
.empty .input {
    border-color: #f66
}
.input-error,
.input-empty {
    display: none;
    margin: 0 20px 0;
    font-size: .929em;
    line-height: 1.23;
    text-align: left;
    color: #f02139
}
.error .input-error,
.empty .input-empty {
    display: block
}
.input--sm + .input-error,
.input--sm + .icon + .input-error,
.input--sm + .input-empty,
.input--sm + .icon + .input-empty {
    margin: 0 16px
}
.input-hint {
    position: relative;
    margin: 0 20px;
    font-size: .929em;
    line-height: 1.23;
    text-align: left;
    color: #999
}
.input-hint > .icon {
    margin: 0 0 -4px 0
}
.input-hint:hover > a,
.input-hint:hover > .p-link {
    color: #2b65f8
}
.input-hint:hover > .p-link {
    border-color: #2b65f8
}
.input-hint:hover > .input-hint__icon {
    fill: #2b65f8
}
.input--sm ~ .input-hint,
.input--sm ~ .input-error,
.input--sm ~ .input-empty {
    margin-left: 16px
}
.error .input-error:not(:empty) + .input-hint,
.empty .input-empty:not(:empty) + .input-hint {
    display: none
}
.input-group {
    position: relative;
    display: table;
    margin: 5px 0;
    width: 100%
}
.input-group > .select {
    display: table-cell;
    margin: 0;
    width: 88px
}
.input-group > .select--sm {
    width: 72px
}
.input-group > .select .select-label {
    border-radius: 22px 0 0 22px
}
.input-group .select-options {}
.input-group .select-options:after {
    left: 50%;
    margin: 0 0 0 -3px
}
.input-group .options {}
.input-group > .input {
    display: table-cell;
    margin: 0;
    border-left: 0;
    border-radius: 0 22px 22px 0
}
.input-group:hover > .select .select-label,
.input-group.focus > .select .select-label,
.input-group:hover > .input,
.input-group.focus > .input {
    border-color: #2b65f8
}
.input-group.error > .input,
.error > .input-group > .input,
.input-group.error > .select .select-label,
.error > .input-group > .select .select-label {
    border-color: #f66
}
.input-group:hover > .select .select-label,
.input-group.focus > .select .select-label,
.input-group.error > .select .select-label {
    border-right: 1px solid rgba(0, 0, 0, .2)
}
.text-field {
    position: relative
}
.text-field__icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 44px
}
.text-field > .input {
    padding-right: 40px
}
.text-field--sm > .input {
    padding-right: 30px
}
.text-field--sm .text-field__icon {
    width: 32px
}
.uploader_input {
    position: absolute;
    top: 0;
    left: -999px;
    display: none
}
.search-field {
    position: relative;
    margin: 5px 0
}
.search-field .input {
    margin: 0;
    padding-right: 35px;
    text-overflow: ellipsis
}
.search-field .input--lg {
    padding-right: 49px
}
.search-field .input-hint,
.search-field .input-error {
    margin: 5px 20px -5px
}
.search-field_ {
    position: relative
}
.search-field_ > .icon {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 16px;
    margin: -8px 0 0
}
.search-field__reset {
    cursor: pointer
}
.search-field__loupe:hover {
    fill: #bfbfbf
}
.input--lg + .search-field__loupe,
.input--lg ~ .search-field__reset {
    right: 30px
}
.search-field .loader {
    margin-right: 16px
}
.search-field.reset .search-field__reset,
.typing .search-field .search-field__reset,
.search-field.search-field--messenger-search .search-field__loupe,
.search-field.search-field--messenger-search.loading .search-field__loupe {
    opacity: 1;
    visibility: visible
}
.search-field__reset,
.search-field.reset .search-field__loupe,
.typing .search-field__loupe,
.search-field.loading .search-field__reset,
.el-loading .search-field .search-field__reset,
.search-field.loading .search-field__loupe,
.search-field.loading .search-field__reset {
    opacity: 0;
    visibility: hidden
}
.search-field.focus .search-field__loupe {
    fill: #4d4d4d
}
.search-field .datalist {
    min-width: 100%;
    max-width: 100%
}
.search-field .datalist.tc::before {
    background: #f7f7f7
}
.search-field.active .input-hint ~ .datalist {
    margin-top: -7px
}
.search-field .datalist-hint__nothing,
.search-field.empty .datalist-hint__text,
.search-field.default .datalist-hint__add {
    display: none
}
.search-field.default .datalist-hint__text,
.search-field.empty .datalist-hint__nothing {
    display: inline
}
.search-field--messenger-search .input {
    padding-left: 38px;
    background: #f7f7f7
}
.search-field--messenger-search .search-field__loupe {
    left: 16px
}
.checkbox {
    position: relative;
    display: inline-block;
    margin: 5px 0;
    min-width: 22px;
    min-height: 22px
}
.checkbox + .checkbox {
    margin-left: 12px
}
.checkbox > input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 22px;
    height: 22px
}
.checkbox > label {
    display: inline-block;
    margin: 2px 0 0;
    padding-left: 32px;
    cursor: pointer;
    font: 1em/1.3572 'FS Albert Pro Web', Helvetica, Arial, sans-serif;
    color: #4d4d4d;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.checkbox > label:empty {
    padding-left: 0
}
.checkbox > input:disabled + label {
    cursor: default;
    color: #999
}
.checkbox > label:before,
.checkbox > label:after,
.checkbox-icon {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border-radius: 100%;
    width: 22px;
    height: 22px
}
.checkbox > label:before {
    border: 2px solid #ccc;
    background: #fff;
    transition: background .15s, border .15s
}
.checkbox > label:after {
    background: no-repeat 0 0 url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14%2022l.8.6h.3L23.6%2011v-.4l-1.8-1.3h-.3L14.7%2019l-4.3-4.3H10L8.5%2016v.3L14%2022z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E')
}
.checkbox--radio > label:after {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%225%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E')
}
.checkbox--icon > label:after {
    display: none
}
.checkbox-icon {
    fill: #ccc;
    transition: fill .15s, opacity .15s
}
.checkbox-icon > .icon-svg {
    border-radius: 100%
}
.checkbox--lg {
    min-width: 32px;
    min-height: 32px
}
.checkbox--lg > input,
.checkbox--lg > label:before,
.checkbox--lg .checkbox-icon {
    width: 32px;
    height: 32px
}
.checkbox > input:checked + label:before {
    border-color: transparent;
    background-color: #2b65f8
}
.checkbox > label:hover:before,
.checkbox > input:focus + label:before {
    border-color: rgb(39, 91, 223)
}
.checkbox > input:checked + label:hover:before,
.checkbox > input:checked:focus + label:before {
    border-color: transparent;
    background-color: rgb(39, 91, 223)
}
.checkbox > input:disabled:before {
    cursor: default
}
.checkbox > input:checked:disabled + label:before {
    background-color: #999
}
.checkbox > input:disabled + label:before {
    border-color: #999
}
.checkbox > input:checked + label > .checkbox-icon,
.checkbox > input:checked + label:hover > .checkbox-icon,
.checkbox > input:checked:focus + label > .checkbox-icon,
.checkbox > input:checked:disabled + label > .checkbox-icon {
    fill: #fff
}
.checkbox > label:hover > .checkbox-icon,
.checkbox > input:focus + label > .checkbox-icon {
    fill: rgb(39, 91, 223)
}
.checkbox > input:disabled + label > .checkbox-icon {
    fill: currentColor
}
.checkbox--hover > label > .checkbox-icon:nth-child(2),
.checkbox--hover > input:checked + label > .checkbox-icon:first-child {
    opacity: 0
}
.checkbox--hover > input:checked + label > .checkbox-icon:nth-child(2) {
    opacity: 1
}
.checkbox--grey > label:before {
    border-color: #999
}
.checkbox--grey input:checked + label:before {
    background-color: #999
}
.checkbox--grey label:hover:before,
.checkbox--grey input:focus + label:before {
    border-color: rgb(138, 138, 138)
}
.checkbox--grey input:checked + label:hover:before,
.checkbox--grey input:checked:focus + label:before {
    background-color: rgb(138, 138, 138)
}
.checkcode {
    position: relative
}
.checkcode:before {
    content: '=';
    position: absolute;
    z-index: 1;
    top: 6px;
    left: 140px;
    font: 1.2em/44px Arial, Helvetica, sans-serif;
    color: #bfbfbf
}
.checkcode__img {
    position: absolute;
    z-index: 1;
    top: 7px;
    left: 8px;
    overflow: hidden;
    width: 140px;
    height: 40px;
    text-align: center
}
.checkcode__img img {
    margin-top: 4px
}
.checkcode__input {
    position: relative;
    padding-right: 10px;
    padding-left: 156px;
    background-color: #fff
}
@-webkit-keyframes flash-counter {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes flash-counter {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.btn--ico {
    vertical-align: top
}
.btn > .datalist .option {
    font-size: .889em;
    line-height: 1.25
}
.btn--ico > .datalist .option {
    vertical-align: top;
    font-size: .778em;
    line-height: 1.286
}
.btn--sm > .datalist .option {
    font-size: 1em;
    line-height: 1.2857
}
.btn {
    position: relative;
    display: inline-block;
    margin: 5px 0;
    outline: 0;
    border: none;
    border-radius: 22px;
    padding: 10px 31px 11px;
    background: transparent;
    cursor: pointer;
    font: 1.286em/1.1667 'Comfortaa', Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    transition: background .2s, color .15s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: lowercase;
    font-weight: 700;
}
.btn:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 22px;
    transition: border .15s ease-in-out
}
.btn + .btn {
    margin-left: 7px
}
.btn .b-link {
    border-radius: inherit
}
.btn:disabled > .tooltip,
.btn.disabled > .tooltip {
    display: block
}
.btn--static .b-link {
    top: -1000px;
    right: -1000px;
    bottom: -1000px;
    left: -1000px
}
.btn-txt {
    display: inline-block;
    transition: opacity .2s linear;
    pointer-events: none
}
.btn--xsm {
    border-radius: 12px;
    padding: 3px 15px 4px;
    font-size: .929em;
    line-height: 1.308
}
.btn--xsm:before {
    border-radius: 11px
}
.btn--sm {
    border-radius: 16px;
    padding: 7px 18px 6px;
    font-size: 1em;
    line-height: 1.3572
}
.btn--sm:before {
    border-radius: 16px
}
.btn,
.btn:hover {
    color: #fff
}
.btn > .icon,
.btn > .icon:hover,
.btn > .icon:hover {
    color: inherit
}
.btn--red {
    background: #f02139
}
.btn--red:hover,
.btn--red:focus {
    background: rgb(216, 30, 51)
}
.btn--red:active,
.btn--red.active,
.btn--red.loading {
    background: rgb(192, 26, 46)
}
.btn--like {
    background: #f02139
}
.btn--like:hover,
.btn--like:focus {
    background: rgb(216, 30, 51)
}
.btn--like:active,
.btn--like.active,
.btn--like.loading {
    background: rgb(192, 26, 46)
}
.btn--attention {
    background: #ff8200
}
.btn--attention:hover,
.btn--attention:focus {
    background: rgb(230, 117, 0)
}
.btn--attention:active,
.btn--attention.active,
.btn--attention.loading {
    background: rgb(204, 104, 0)
}
.btn--dorange {
    background: #ef5322
}
.btn--dorange:hover,
.btn--dorange:focus {
    background: rgb(215, 75, 31)
}
.btn--dorange:active,
.btn--dorange.active,
.btn--dorange.loading {
    background: rgb(191, 66, 27)
}
.btn--spp {
    background: #fec309
}
.btn--spp:hover,
.btn--spp:focus {
    background: rgb(229, 176, 8)
}
.btn--spp:active,
.btn--spp.active,
.btn--spp.loading {
    background: rgb(203, 156, 7)
}
.btn--favourite {
    background: #fec309
}
.btn--favourite:hover,
.btn--favourite:focus {
    background: rgb(229, 176, 8)
}
.btn--favourite:active,
.btn--favourite.active,
.btn--favourite.loading {
    background: rgb(203, 156, 7)
}
.btn--grass {
    background: #86c313
}
.btn--grass:hover,
.btn--grass:focus {
    background: rgb(121, 176, 17)
}
.btn--grass:active,
.btn--grass.active,
.btn--grass.loading {
    background: rgb(107, 156, 15)
}
.btn--newbie {
    background: #86c313
}
.btn--newbie:hover,
.btn--newbie:focus {
    background: rgb(121, 176, 17)
}
.btn--newbie:active,
.btn--newbie.active,
.btn--newbie.loading {
    background: rgb(107, 156, 15)
}
.btn--lime {
    background: #29cf29
}
.btn--lime:hover,
.btn--lime:focus {
    background: rgb(37, 186, 37)
}
.btn--lime:active,
.btn--lime.active,
.btn--lime.loading {
    background: rgb(33, 166, 33)
}
.btn--riseup {
    background: #29cf29
}
.btn--riseup:hover,
.btn--riseup:focus {
    background: rgb(37, 186, 37)
}
.btn--riseup:active,
.btn--riseup.active,
.btn--riseup.loading {
    background: rgb(33, 166, 33)
}
.btn--green {
    background: #1ac636
}
.btn--green:hover,
.btn--green:focus {
    background: rgb(23, 178, 49)
}
.btn--green:active,
.btn--green.active,
.btn--green.loading {
    background: rgb(21, 158, 43)
}
.btn--encounters {
    background: #00caa8
}
.btn--encounters:hover,
.btn--encounters:focus {
    background: rgb(0, 182, 151)
}
.btn--encounters:active,
.btn--encounters.active,
.btn--encounters.loading {
    background: rgb(0, 162, 134)
}
.btn--invisibility {
    background: #1eb2fc
}
.btn--invisibility:hover,
.btn--invisibility:focus {
    background: rgb(27, 160, 227)
}
.btn--invisibility:active,
.btn--invisibility.active,
.btn--invisibility.loading {
    background: rgb(24, 142, 202)
}
.btn--verify {
    background: #1eb2fc
}
.btn--verify:hover,
.btn--verify:focus {
    background: rgb(27, 160, 227)
}
.btn--verify:active,
.btn--verify.active,
.btn--verify.loading {
    background: rgb(24, 142, 202)
}
.btn--spotlight {
    background: #2b8cfc
}
.btn--spotlight:hover,
.btn--spotlight:focus {
    background: rgb(39, 126, 227)
}
.btn--spotlight:active,
.btn--spotlight.active,
.btn--spotlight.loading {
    background: rgb(34, 112, 202)
}
.btn--blue {
    background: #2b65f8
}
.btn--blue:hover,
.btn--blue:focus {
    background: rgb(39, 91, 223)
}
.btn--blue:active,
.btn--blue.active,
.btn--blue.loading {
    background: rgb(34, 81, 198)
}
.btn--delivery {
    background: #2b65f8
}
.btn--delivery:hover,
.btn--delivery:focus {
    background: rgb(39, 91, 223)
}
.btn--delivery:active,
.btn--delivery.active,
.btn--delivery.loading {
    background: rgb(34, 81, 198)
}
.btn--undo {
    background: #9aa9c5
}
.btn--undo:hover,
.btn--undo:focus {
    background: rgb(139, 152, 177)
}
.btn--undo:active,
.btn--undo.active,
.btn--undo.loading {
    background: rgb(123, 135, 158)
}
.btn--pink {
    background: #f55280
}
.btn--pink:hover,
.btn--pink:focus {
    background: rgb(221, 74, 115)
}
.btn--pink:active,
.btn--pink.active,
.btn--pink.loading {
    background: rgb(196, 66, 102)
}
.btn--boost {
    background: #f55280
}
.btn--boost:hover,
.btn--boost:focus {
    background: rgb(221, 74, 115)
}
.btn--boost:active,
.btn--boost.active,
.btn--boost.loading {
    background: rgb(196, 66, 102)
}
.btn--laguna {
    background: #2f75c1
}
.btn--laguna:hover,
.btn--laguna:focus {
    background: rgb(42, 105, 174)
}
.btn--laguna:active,
.btn--laguna.active {
    background: rgb(38, 94, 154)
}
.btn--vdgrey {
    background: #333844
}
.btn--vdgrey:hover,
.btn--vdgrey:focus {
    background: rgb(46, 50, 61)
}
.btn--vdgrey:active,
.btn--vdgrey.active,
.btn--vdgrey.loading {
    background: rgb(41, 45, 54)
}
.btn--app {
    background: #eee;
    color: #000
}
.btn--app:hover,
.btn--app:focus {
    background: rgb(214, 214, 214);
    color: #000
}
.btn--app:active,
.btn--app.active,
.btn--app.loading {
    background: rgb(190, 190, 190);
    color: #000
}
.btn--facebook {
    background: #3464d4
}
.btn--facebook:hover,
.btn--facebook:focus {
    background: rgb(47, 90, 191)
}
.btn--facebook:active,
.btn--facebook.active {
    background: rgb(42, 80, 170)
}
.btn--twitter {
    background: #1cacff
}
.btn--twitter:hover,
.btn--twitter:focus {
    background: rgb(25, 155, 230)
}
.btn--twitter:active,
.btn--twitter.active {
    background: rgb(22, 138, 204)
}
.btn--google {
    background: #dd4b39
}
.btn--google:hover,
.btn--google:focus {
    background: rgb(199, 68, 51)
}
.btn--google:active,
.btn--google.active {
    background: rgb(177, 60, 46)
}
.btn--instagram {
    background: #c13984
}
.btn--instagram:hover,
.btn--instagram:focus {
    background: rgb(174, 51, 119)
}
.btn--instagram:active,
.btn--instagram.active {
    background: rgb(154, 46, 106)
}
.btn--linkedin {
    background: #006799
}
.btn--linkedin:hover,
.btn--linkedin:focus {
    background: rgb(0, 93, 138)
}
.btn--linkedin:active,
.btn--linkedin.active {
    background: rgb(0, 82, 122)
}
.btn--vk {
    background: #2c70b4
}
.btn--vk:hover,
.btn--vk:focus {
    background: rgb(40, 101, 162)
}
.btn--vk:active,
.btn--vk.active {
    background: rgb(35, 90, 144)
}
.btn--odnoklassniki {
    background: #f7882b
}
.btn--odnoklassniki:hover,
.btn--odnoklassniki:focus {
    background: rgb(222, 122, 39)
}
.btn--odnoklassniki:active,
.btn--odnoklassniki.active {
    background: rgb(198, 109, 34)
}
.btn--yandex {
    background: #ee3a2e
}
.btn--yandex:hover,
.btn--yandex:focus {
    background: rgb(214, 52, 41)
}
.btn--yandex:active,
.btn--yandex.active {
    background: rgb(190, 46, 37)
}
.btn--transparent {
    background: rgba(0, 0, 0, .5)
}
.btn--transparent > .icon {
    opacity: .8
}
.btn--transparent:hover,
.btn--transparent:focus {
    background: rgba(0, 0, 0, .7)
}
.btn--transparent:hover > .icon,
.btn--transparent:focus > .icon,
.btn--transparent.active > .icon {
    opacity: 1
}
.btn--transparent:active {
    background: rgba(0, 0, 0, .9)
}
.btn--glass:before {
    content: '';
    border: 2px solid rgba(255, 255, 255, .3)
}
.btn--glass:hover:before {
    border-color: #fff
}
.btn--glass:active:before,
.btn--glass.active:before {
    border-color: rgba(255, 255, 255, .3)
}

.btn--yellow-border {
    background: #fff;
    color: #4d4d4d
}
.btn--yellow-border:before {
    content: '';
    border: 1px solid rgba(0, 0, 0, .1)
}
.btn--yellow-border:hover,
.btn--yellow-border.focus {
    color: #fec309
}
.btn--yellow-border:hover:before,
.btn--yellow-border.focus:before {
    border-width: 2px;
    border-color: #fec309
}
.btn--yellow-border:active,
.btn--yellow-border.active,
.btn--yellow-border.loading {
    background: #fec309;
    color: #fff
}
.btn--yellow-border:active:before,
.btn--yellow-border.active:before,
.btn--yellow-border.loading:before {
    border: none
}
.btn--yellow-border.active:hover {
    background: rgb(203, 156, 7)
}
.btn--crush {
    background: #fff;
    color: #f02139
}
.btn--crush:before {
    content: '';
    border: 1px solid #f02139
}
.btn--crush:hover,
.btn--crush.focus {
    border: none;
    background: rgb(216, 30, 51);
    color: #fff
}
.btn--crush:active,
.btn--crush.active,
.btn--crush.loading {
    border: none;
    background: rgb(192, 26, 46);
    color: #fff
}
.btn:disabled,
.btn.disabled {
    background: #fff;
    color: #4d4d4d
}
.btn:disabled:before,
.btn.disabled:before {
    content: '';
    border: 1px solid rgba(0, 0, 0, .07)
}
.btn:disabled > .btn-txt,
.btn.disabled > .btn-txt,
.btn:disabled > .icon,
.btn.disabled > .icon {
    opacity: .4
}
.btn.active,
.btn:disabled,
.btn.disabled {
    cursor: default
}
.btn.active:after,
.btn:disabled:after,
.btn.disabled:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.btn:disabled > .icon,
.btn.disabled > .icon {
    fill: #4d4d4d
}
.btn.disabled > .icon--circle,
.btn:disabled > .icon--circle {
    fill: #fff;
    background: #4d4d4d
}
.btn--ico.active:after {
    display: none
}
.btn-group {
    white-space: nowrap
}
.btn-group .btn--white + .btn--white {
    margin-left: -1px
}
.btn-group .btn:not(:first-child):not(:last-child),
.btn-group .btn:not(:first-child):not(:last-child):before {
    border-radius: 0
}
.btn-group .btn:first-child:not(:only-child),
.btn-group .btn:first-child:not(:only-child):before {
    border-radius: 16px 0 0 16px
}
.btn-group .btn:last-child:not(:only-child),
.btn-group .btn:last-child:not(:only-child):before {
    border-radius: 0 16px 16px 0
}
.btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active {
    z-index: 1
}
.btn-group--block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.btn-group--block .btn {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.btn--page {
    min-width: 32px
}
.btn--page {
    padding-right: 11px;
    padding-left: 11px
}
.btn > .icon {
    margin: 0 1px -3px -3px;
    transition: fill .15s, background .15s, box-shadow .15s, opacity .15s
}
.btn > .btn-txt + .icon {
    margin: 0 -3px -3px 1px
}
.btn > .icon--lg {
    margin: -6px 1px -10px -3px
}
.btn > .icon--xsm {
    margin: -5px 3px -6px -8px
}
.btn--xsm > .icon {
    margin-bottom: -4px
}
.btn--sm > .icon {
    margin-bottom: -3px
}
.btn--sm > .btn-txt + .icon {
    margin-bottom: -3px
}
.btn--sm > .icon--xsm {
    margin: -6px 2px -6px -9px
}
.btn--sm > .icon--lg {
    margin: -7px -3px -11px -9px
}
.btn.loading,
.el-loading .btn,
.loading .btn {
    pointer-events: none
}
.btn.loading > .btn-txt,
.btn.loading > .icon,
.loading .btn > .btn-txt,
.loading .btn:not(.btn--ico) > .icon,
.el-loading .btn > .btn-txt,
.el-loading .btn:not(.btn--ico) > .icon {
    opacity: 0
}
.btn--ico {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    width: 44px;
    height: 44px;
    padding: 0
}
.btn--ico > .icon {
    margin: 0
}
.btn--ico.btn--xsm {
    width: 24px;
    height: 24px
}
.btn--ico.btn--sm {
    width: 32px;
    height: 32px
}
.btn--ico.btn--lg {
    width: 60px;
    height: 60px
}
.btn--service {
    padding-right: 20px;
    padding-left: 5px;
    text-align: left
}
.btn--service.btn--sm {
    padding-right: 20px;
    padding-left: 4px
}
.btn--service > .icon {
    margin: -9px 7px -10px 0
}
.btn--service > .icon--lg {
    margin-top: -14px
}
.btn--service.btn--sm > .icon {
    margin: -2px 7px -6px 1px
}
.btn--block {
    display: block;
    width: 100%
}
.btn--block + .btn--block {
    margin-left: 0
}
.btn--sm.btn--multiline {
    border-radius: 8px;
    padding: 8px 14px 9px 12px;
    font-size: .928em;
    line-height: 1.231;
    text-align: left
}
.btn--multiline > .btn-txt {
    vertical-align: middle;
    display: inline-block
}
.btn--multiline > .icon {
    margin: -9px 2px -7px
}
.btn--multiline > .icon--lg {
    margin: -14px 3px -13px -4px
}
.brick-wrap {
    position: relative;
    display: inline-block;
    text-align: center
}
.brick-wrap + .brick-wrap {
    vertical-align: top
}
.brick {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin: 5px 0;
    border-radius: 100%;
    width: 44px;
    height: 44px;
    background-clip: padding-box;
    text-align: center;
    transition: background .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.brick:before,
.brick:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    transition: background .2s
}
.brick--xsm {
    border-radius: 11px;
    width: auto;
    min-width: 22px;
    height: 22px;
    padding: 5px 4px 4px;
    font: 700 .7857em/1.2 Helvetica, Arial, sans-serif;
    color: #fff
}
.firefox:not(.mac) .brick--xsm {
    line-height: 1.15
}
.brick--sm {
    width: 32px;
    height: 32px
}
.brick--lg {
    width: 51px; 
    height: 51px
}
.brick--llg {
    width: 55px; 
    height: 55px
}
.brick--xlg {
    width: 90px;
    height: 90px
}
.brick--xxlg {
    width: 120px;
    height: 120px
}
.brick--xxxlg {
    width: 150px;
    height: 150px
}
.brick--xxxxlg {
    width: 180px;
    height: 180px
}
.brick--spread {
    width: 100%;
    height: 100%
}
.brick--white,
.brick--stroke {
    background: #fff
}
.brick--red {
    background: #f02139
}
.brick--like {
    background: #f02139
}
.brick--orange {
    background: #ff8200
}
.brick--attention {
    background: #ff8200
}
.brick--yellow {
    background: #fec309
}
.brick--spp {
    background: #fec309
}
.brick--favourite {
    background: #fec309
}
.brick--newbie {
    background: #86c313
}
.brick--riseup {
    background: #29cf29
}
.brick--green {
    background: #1ac636
}
.brick--phone {
    background: #1ac636
}
.brick--encounters {
    background: #00caa8
}
.brick--invisibility {
    background: #1eb2fc
}
.brick--verify {
    background: #1eb2fc
}
.brick--security {
    background: #29cf29
}
.brick--lblue {
    background: #2b8cfc
}
.brick--spotlight {
    background: #2b8cfc
}
.brick--blue {
    background: #2b65f8
}
.brick--delivery {
    background: #2b65f8
}
.brick--bumped {
    background: #9945e6
}
.brick--grey,
.brick--grey.disabled:hover {
    background: #bfbfbf
}
.brick--grey:hover,
.brick-wrap:hover .brick--grey {
    background: #2b65f8
}
.brick--cloudy {
    background: #9aa9c5
}
.brick--vdgrey {
    background: #333844
}
.brick--boost {
    background: #f55280
}
.brick--black {
    background: #262b37
}
.brick--card {
    background: #fec309
}
.brick--gift {
    background: #e7eff6
}
.brick--play {
    background: rgba(0, 0, 0, .5)
}
.brick--facebook {
    background: #3464d4
}
.brick--twitter {
    background: #1cacff
}
.brick--google {
    background: #dd4b39
}
.brick--instagram {
    background: #c13984
}
.brick--vk {
    background: #2c70b4
}
.brick--linkedin {
    background: #006799
}
.brick--odnoklassniki {
    background: #f7882b
}
.brick:before,
.brick--blue:before {
    border-color: #2b65f8
}
.brick--delivery:before {
    border-color: #2b65f8
}
.brick--red:before {
    border-color: #f02139
}
.brick--like:before {
    border-color: #f02139
}
.brick--attention:before {
    border-color: #ff8200
}
.brick--yellow:before {
    border-color: #fec309
}
.brick--spp:before {
    border-color: #fec309
}
.brick--favourite:before {
    border-color: #fec309
}
.brick--newbie:before {
    border-color: #86c313
}
.brick--riseup:before {
    border-color: #29cf29
}
.brick--encounters:before {
    border-color: #00caa8
}
.brick--invisibility:before {
    border-color: #1eb2fc
}
.brick--verify:before {
    border-color: #1eb2fc
}
.brick--lblue:before {
    border-color: #2b8cfc
}
.brick--spotlight:before {
    border-color: #2b8cfc
}
.brick--cloudy:before {
    border-color: #9aa9c5
}
.brick--boost:before {
    border-color: #f55280
}
.brick-wrap:hover .brick--hover:after,
.brick--hover:hover:after {
    background: rgba(43, 101, 248, .4)
}
.brick--hover.active:after {
    background: rgba(43, 101, 248, .6)
}
.brick--hover.brick--blue:after {
    background: rgba(0, 76, 233, .7)
}
.brick-wrap:hover .brick--hover.brick--blue:after,
.brick--hover.brick--blue:hover:after {
    background: rgba(0, 76, 233, .9)
}
.brick--hover.disabled:after {
    background: none !important
}
.brick--outline {
    background: transparent
}
.brick--outline:before {
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    box-shadow: none;
    border-width: 2px;
    border-style: solid;
    -webkit-animation: show .25s linear;
    animation: show .25s linear
}
.brick--xlg.brick--outline:before,
.brick--xxlg.brick--outline:before {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    border-width: 2px
}
.brick--xxxlg.brick--outline:before,
.brick--xxxxlg.brick--outline:before {
    top: -7px;
    right: -7px;
    bottom: -7px;
    left: -7px;
    border-width: 3px
}
.brick--border {
    background: transparent
}
.brick--border:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-width: 2px;
    border-style: solid
}
.brick--xxxlg.brick--border:before,
.brick--xxxxlg.brick--border:before {
    border-width: 4px
}
.brick--stroke,
.brick > .brick {
    box-shadow: 0 0 0 3px #fff
}
.brick--xsm.brick--stroke,
.brick > .brick--xsm {
    box-shadow: 0 0 0 2px #fff
}
.ovl-promo .brick--stroke,
.ovl-promo .brick > .brick {
    box-shadow: 0 0 0 3px #262b37
}
.ovl-promo .brick--xsm.brick--stroke,
.ovl-promo .brick > .brick--xsm {
    box-shadow: 0 0 0 2px #262b37
}
.brick--nostroke {
    box-shadow: none !important
}
.brick--xlg.brick--outline.brick--stroke,
.brick--xxlg.brick--outline.brick--stroke {
    box-shadow: 0 0 0 4px #fff
}
.brick--white.brick--stroke:before {
    border: 1px solid rgba(0, 0, 0, .1)
}
.brick-wrap + .brick,
.brick + .btn,
.brick + .btn + .btn,
.brick + .brick {
    vertical-align: top
}
.brick + .btn,
.brick + .brick {
    margin-left: 7px
}
.brick--xlg + .btn,
.brick--xlg + .brick,
.brick--xxlg + .brick,
.brick--xxxlg + .brick,
.brick--xxxxlg + .brick {
    margin-left: 17px
}
.brick > .icon,
.brick > img,
.brick > .scale {
    position: absolute;
    top: -50px;
    right: -50px;
    bottom: -50px;
    left: -50px;
    margin: auto
}
.brick > img {
    max-width: 100%;
    max-height: 100%
}
.brick--hover > .icon {
    z-index: 1
}
.brick-wrap:active .brick--hover > .icon {
    -webkit-transform: scale(.8, .8);
    transform: scale(.8, .8)
}
.brick--xsm > .icon--bubble-stroke {
    width: calc(100% + 4px);
    max-width: 26px;
    height: calc(100% + 4px);
    max-height: 26px
}
.brick--sm > .icon--bubble-stroke {
    width: calc(100% + 6px);
    height: calc(100% + 6px)
}
.loading .brick > .icon {
    opacity: 0
}
.brick > .online-status {
    position: absolute;
    right: -1px;
    bottom: 2px;
    border: 2px solid #fff
}
.brick-img {
    position: absolute;
    top: 0;
    left: 0
}
.brick .brick-img {
    right: 0;
    bottom: 0
}
.brick-img,
.brick-img > img {
    overflow: hidden;
    border-radius: inherit;
    width: 100%;
    height: 100%
}
.brick--gift > .brick-img {
    margin: auto;
    width: 80%;
    height: 80%
}
.brick-img--social > img {
    position: absolute;
    top: -150px;
    right: -150px;
    bottom: -150px;
    left: -150px;
    margin: auto;
    border-radius: 0;
    width: auto;
    min-width: 100%;
    max-width: 300px;
    height: auto;
    min-height: 100%;
    max-height: 300px
}
.brick--square {
    border-radius: 0
}
.brick--set .brick-img > img {
    border-radius: 0;
    width: 50%;
    height: 50%
}
.brick--group {
    margin: 10px 0;
    width: 60px;
    height: 50px
}
.brick--group:before,
.brick--group:after {
    display: none
}
.brick--group > .brick-img {
    border: 3px solid #fff;
    width: 50px;
    height: 50px
}
.brick--group .brick-img + .brick-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 13px
}
.brick--group .brick-img + .brick-img + .brick-img {
    z-index: 0;
    left: 7px
}
.brick--group > .user-badge {
    right: -3px;
    bottom: -8px
}
.brick > .brick {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    margin: auto
}
.brick--br,
.brick > .brick--br {
    right: 0;
    bottom: 0
}
.brick--bl,
.brick > .brick--bl {
    right: auto;
    bottom: 0;
    left: 0
}
.brick--tr,
.brick > .brick--tr {
    top: 0;
    right: 0;
    bottom: auto
}
.brick--bc,
.brick > .brick--bc {
    right: 50%;
    margin: auto;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}
.brick--cr {
    top: 0;
    bottom: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}
.brick > .brick--xsm,
.brick > .brick--xsm.brick--br {
    margin: 0 -4px -4px 0
}
.brick > .brick--xsm.brick--tr {
    margin: -4px -4px 0 0
}
.brick > .brick--xsm.brick--cr {
    margin: auto -2px auto 0
}
.brick > .brick--xsm.brick--bc {
    margin: 0 auto -2px
}
.brick--lg > .brick--xsm,
.brick--lg > .brick--xsm.brick--br {
    margin: 0 -3px -3px 0
}
.brick--lg > .brick--xsm.brick--tr {
    margin: -3px -3px 0 0
}
.brick--lg > .brick--xsm.brick--cr,
.brick--lg > .brick--xsm.brick--bc {
    margin: auto
}
.brick--xlg > .brick--xsm,
.brick--xlg > .brick--xsm.brick--br {
    margin: 0 2px 2px 0
}
.brick--xlg > .brick--xsm.brick--tr {
    margin: 2px 2px 0 0
}
.brick--xlg > .brick--xsm.brick--cr {
    margin: auto 0 auto -1px
}
.brick--xlg > .brick--xsm.brick--bc {
    margin: 0 auto 1px
}
.brick--xlg > .brick--sm,
.brick--xlg > .brick--sm.brick--br {
    margin: 0 -3px -3px 0
}
.brick--xlg > .brick--sm.brick--tr {
    margin: -3px -3px 0 0
}
.brick--xlg > .brick--sm.brick--cr,
.brick--xlg > .brick--sm.brick--bc {
    margin: auto
}
.brick--xxlg > .brick,
.brick--xxlg > .brick--br {
    margin: 0 -5px -5px 0
}
.brick--xxlg > .brick--tr {
    margin: -5px -5px 0 0
}
.brick--xxlg > .brick--sm,
.brick--xxlg > .brick--sm.brick--br {
    margin: 0 1px 1px 0
}
.brick--xxlg > .brick--sm.brick--tr {
    margin: 1px 1px 0 0
}
.brick--xxlg > .brick--cr,
.brick--xxlg > .brick--bc {
    margin: auto
}
.brick--xxlg > .brick--xsm.brick--tr {
    margin: 5px 5px 0 0
}
.brick--xxxlg > .brick,
.brick--xxxlg > .brick--br,
.brick--xxxxlg > .brick,
.brick--xxxxlg > .brick--br {
    margin: 0 5px 5px 0
}
.brick--xxxlg > .brick--tr,
.brick--xxxxlg > .brick--tr {
    margin: 5px 5px 0 0
}
.brick--xxxlg > .brick--cr,
.brick--xxxlg > .brick--bc,
.brick--xxxxlg > .brick--cr,
.brick--xxxxlg > .brick--bc {
    margin: auto
}
.brick--xxxlg > .brick--lg,
.brick--xxxlg > .brick--lg.brick--br,
.brick--xxxxlg > .brick--lg,
.brick--xxxxlg > .brick--lg.brick--br {
    margin: 0 -3px -3px 0
}
.brick--xxxlg > .brick--lg.brick--tr,
.brick--xxxxlg > .brick--lg.brick--tr {
    margin: -3px -3px 0 0
}
.brick--xxxlg > .brick--lg.brick--cr,
.brick--xxxxlg > .brick--lg.brick--cr {
    margin: auto 0 auto -1px
}
.brick--xxxlg > .brick--lg.brick--bc,
.brick--xxxxlg > .brick--lg.brick--bc {
    margin: 0 auto 1px
}
.brick--xxxlg > .brick--xlg,
.brick--xxxlg > .brick--xlg.brick--br,
.brick--xxxxlg > .brick--xlg,
.brick--xxxxlg > .brick--xlg.brick--br {
    margin: 0 -55px -15px 0
}
.brick__txt {
    position: relative;
    z-index: 1
}
.brick--xxlg .brick__txt {
    font-size: 2.571em;
    line-height: 1.112;
    color: #fff
}
.brick-txt {
    display: block;
    font: 700 .7857em/1.1818 Helvetica, Arial, sans-serif;
    transition: color .2s
}
.brick-txt_ {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    max-width: 80.5%;
    white-space: nowrap;
    text-overflow: ellipsis
}
.brick-txt:empty:before {
    content: '\00a0'
}
.brick + .brick-txt {
    width: 40px
}
.brick--lg + .brick-txt {
    margin: 4px 0 0;
    width: 60px
}
.brick--xlg + .brick-txt {
    margin: 8px 0 0;
    width: 90px;
    font: 700 .8572em/1.1666 Helvetica, Arial, sans-serif
}
.brick--xxlg + .brick-txt {
    margin: 8px 0 0;
    width: 120px;
    font: 1em 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif
}
.brick--xxxlg + .brick-txt {
    margin: 10px 0 0;
    width: 150px;
    font: 1.1429em/1.125 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif
}
.brick--xxxxlg + .brick-txt {
    margin: 10px 0 0;
    width: 180px;
    font: 1.1429em/1.125 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif
}
.brick-wrap:hover .brick-txt {
    color: #2b65f8
}
.brick-wrap > .brick.disabled + .brick-txt {
    color: #4d4d4d
}
.brick > .checkbox,
.brick > .checkbox > label {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0
}
.brick > .checkbox > label:before,
.brick > .checkbox > label:after {
    top: auto;
    right: -3px;
    bottom: -3px;
    left: auto
}
.brick > .checkbox > label:before {
    box-shadow: 0 0 0 3px #fff
}
.brick--xxlg > .checkbox > label:before,
.brick--xxlg > .checkbox > label:after {
    right: 2px;
    bottom: 2px
}
.brick > .checkbox--bc > label:before,
.brick > .checkbox--bc > label:after {
    right: 0;
    bottom: -14px;
    left: 0;
    margin: auto
}
.brick > .btn--xsm {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%
}
.bricks-line > .brick-wrap,
.bricks-line > .brick {
    vertical-align: middle
}
.bricks-line--space .brick-wrap + .brick-wrap {
    margin: 0 0 0 10px
}
.bricks-line > .brick:nth-child(2),
.bricks-line > .brick-wrap:nth-child(2) {
    z-index: 1
}
.bricks-line--lg > .brick + .brick,
.bricks-line--lg > .brick-wrap + .brick-wrap {
    margin-left: -15px
}
.bricks-line--sm > .brick {
    margin: 0
}
.bricks-line--sm > .brick + .brick {
    margin-left: -5px
}
.bricks-line--sm > .brick:first-child {
    z-index: 2
}
.brick + .bricks-line--sm {
    margin-top: -21px
}
.brick > .bricks-line {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}
.brick-group {
    position: relative
}
.brick-group .brick {
    vertical-align: middle
}
.brick-group--promo > .brick + .brick {
    margin-left: -15px
}
.brick-group--promo > .brick:nth-child(2n+2):not(:last-child) {
    z-index: 1
}
.brick-group--cascade > .brick + .brick,
.brick-group--reverse > .brick + .brick {
    margin-left: -15px
}
.brick-group--reverse > .brick:first-child {
    z-index: 2
}
.brick-group--reverse > .brick:nth-child(2) {
    z-index: 1
}
.brick-group--triangle {
    position: relative
}
.brick-group--triangle .brick:first-child {
    z-index: 1;
    margin-top: 35px
}
.brick-group--triangle .brick + .brick {
    position: absolute;
    top: 0;
    left: -30px
}
.brick-group--triangle .brick:nth-child(3) {
    right: -30px;
    left: auto
}
.btn-game {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    background: #fff;
    cursor: pointer;
    text-align: center;
    color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.btn-game:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}
.btn-game:active {
    -webkit-transform: scale(.98);
    transform: scale(.98)
}
.btn-game.active,
.btn-game.disabled {
    cursor: default;
    -webkit-transform: none;
    transform: none
}
.btn-game + .btn-game {
    margin-left: 5px
}
.btn-game > .b-link {
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px
}
.btn-game--sm {
    width: 50px;
    height: 50px
}
.btn-game--hot {
    border-color: #ea2b31;
    color: #ea2b31
}
.btn-game--hot:active,
.btn-game--hot.active {
    background: #ea2b31;
    color: #fff
}
.btn-game--not {
    border-color: #2b65f8;
    color: #2b65f8
}
.btn-game--not:active,
.btn-game--not.active,
.btn-game--not.deactivate {
    background: #2b65f8;
    color: #fff
}
.btn-game--undo {
    border-color: #9aa9c5;
    color: #9aa9c5
}
.btn-game--undo:active,
.btn-game--undo.active {
    background: #9aa9c5;
    color: #fff
}
.btn-game--chat {
    border-color: #2b65f8;
    color: #2b65f8
}
.btn-game--chat:active,
.btn-game--chat.active {
    background: #2b65f8;
    color: #fff
}
.btn-game--chat:active > .icon use + use,
.btn-game--chat.active > .icon use + use {
    fill: #2b65f8
}
@-webkit-keyframes btn-game-not-deactivate {
    0% {
        background: #2b65f8;
        color: #fff
    }
    30% {
        color: #fff
    }
    50% {
        color: #2b65f8
    }
    100% {
        background: #fff;
        color: #2b65f8
    }
}
@keyframes btn-game-not-deactivate {
    0% {
        background: #2b65f8;
        color: #fff
    }
    30% {
        color: #fff
    }
    50% {
        color: #2b65f8
    }
    100% {
        background: #fff;
        color: #2b65f8
    }
}
.btn-game--not.deactivate {
    -webkit-animation: btn-game-not-deactivate .4s ease-in-out 1s forwards;
    animation: btn-game-not-deactivate .4s ease-in-out 1s forwards
}
.btn-game.disabled {
    border: 2px solid #ccc;
    background: #f7f7f7;
    color: #ccc
}
.btn-game.disabled:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0)
}
.btn-game > .icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    color: inherit
}
.btn-game--sm > .icon {
    width: 30px;
    height: 30px
}
.btn-game--sm.btn-game--chat > .icon {
    width: 24px;
    height: 24px
}
.btn-game.active > .icon {
    fill: #fff
}
.btn-game__mark-hot,
.btn-game__mark-not {
    position: absolute;
    z-index: 2;
    bottom: -3px;
    border: 2px solid #fff
}
.btn-game__mark-hot {
    left: 41px
}
.btn-game__mark-not {
    left: 123px
}
.social-ico {
    display: inline-block;
    margin: 5px 0;
    border: 2px solid transparent;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    background: transparent;
    cursor: pointer;
    text-align: center;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.social-ico:hover {
    border-color: #2b65f8;
    background: #fff;
    color: #2b65f8
}
.social-ico:active {
    border-color: transparent;
    background: rgb(34, 81, 198);
    color: #fff
}
.social-ico.active {
    cursor: default
}
.social-ico .b-link {
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border-radius: 16px 16px 0 0
}
.social-ico > .icon {
    margin-top: 12px
}
.social-ico--facebook {
    background: #3464d4
}
.social-ico--gmail {
    background: #dd4b39
}
.social-ico--windowslive {
    background: #0071c5
}
.social-ico--yahoo {
    background: #4400b2
}
.social-ico--other {
    background: #999
}
.tooltip-wrap,
.tooltip-no-js-wrap {
    position: relative
}
.js-tooltip {
    position: absolute;
    z-index: 1993;
    visibility: hidden
}
.tooltip {
    position: absolute;
    z-index: 10;
    bottom: 100%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 15px;
    font: 12px/1.334 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif;
    text-align: center;
    transition: visibility .15s, opacity .15s, margin .15s
}
.tooltip:empty,
.tooltip-txt:empty {
    display: none !important
}
.tooltip-no-js-wrap:hover .tooltip,
.tooltip-wrap:disabled:hover .tooltip {
    display: block !important;
    opacity: 1;
    visibility: visible;
    margin-bottom: 10px
}
.tooltip.active {
    z-index: 9;
    opacity: 1;
    visibility: visible;
    margin-bottom: 10px
}
.js-tooltip .tooltip {
    visibility: visible
}
.js-tooltip.active .tooltip {
    opacity: 1;
    margin-bottom: 10px
}
.js-tooltip.active .tooltip.bl,
.js-tooltip.active .tooltip.br,
.js-tooltip.active .tooltip.bc {
    margin-top: 10px
}
.js-tooltip.active .tooltip--delayed-show {
    transition-delay: 1s !important
}
.tooltip:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    border: 1px solid transparent;
    width: 100%;
    height: 13px
}
.tooltip.tl:after,
.tooltip.tc:after,
.tooltip.tr:after {
    top: 100%;
    bottom: auto
}
.tooltip.tc,
.tooltip.bc {
    margin-right: -292px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.tooltip.tr,
.tooltip.br {
    left: 50%;
    margin-right: -292px;
    margin-left: -16px;
    text-align: left
}
.tooltip.tl,
.tooltip.bl {
    right: 50%;
    left: auto;
    margin-right: -16px;
    margin-left: -292px;
    text-align: right
}
.tooltip.bl,
.tooltip.br,
.tooltip.bc {
    top: 100%;
    bottom: auto;
    margin-top: 15px
}
.tooltip-txt {
    position: relative;
    display: inline-block;
    border-radius: 2px;
    padding: 7px 10px;
    background: rgba(0, 0, 0, .7);
    text-align: left;
    color: #fff
}
.tooltip-txt.center {
    text-align: center
}
.tooltip-txt:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -4px;
    border: 4px solid;
    border-color: rgba(0, 0, 0, .7) transparent;
    border-bottom: 0;
    width: 0;
    height: 0
}
.lc .tooltip-txt {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.bl .tooltip-txt:before,
.br .tooltip-txt:before,
.bc .tooltip-txt:before {
    top: -4px;
    border: 4px solid;
    border-color: rgba(0, 0, 0, .7) transparent;
    border-top: 0
}
.tl .tooltip-txt:before,
.bl .tooltip-txt:before {
    right: 12px;
    left: auto
}
.tr .tooltip-txt:before,
.br .tooltip-txt:before {
    left: 12px;
    margin: 0
}
.tooltip-txt a {
    color: #fff;
    text-decoration: underline
}
.tooltip-txt a:hover {
    text-decoration: none
}
.tooltip-txt > .p-link {
    border-color: rgba(255, 255, 255, .7);
    color: #fff
}
.tooltip-txt > .p-link:hover {
    border-color: #fff;
    color: #fff
}
.tooltip-txt_ {
    max-width: 200px;
    word-wrap: break-word
}
.tooltip.lc {
    top: 50%;
    right: auto;
    left: 100%;
    margin: 0 -292px 0 7px
}
.lc .tooltip-txt:before {
    top: 50%;
    left: 0;
    margin-top: -4px;
    border: 4px solid;
    border-color: transparent rgba(0, 0, 0, .7);
    border-left: 0
}
.tooltip > .tooltip-txt .brick {
    margin-right: 10px
}
.tooltip > .tooltip-txt > .icon {
    position: absolute;
    top: 6px;
    right: 5px;
    opacity: .3
}
.notification-wrap {
    position: fixed;
    z-index: 99;
    top: 20px;
    overflow: hidden;
    margin: 0 0 0 805px;
    max-height: 100%;
    transition: margin .3s
}
@media (max-width:1175px) {
    .notification-wrap {
        margin: 0 0 0 775px
    }
}
@media (max-width:1145px) {
    .notification-wrap {
        margin: 0 0 0 595px
    }
}
.notification {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin: -100px 0 10px;
    border-radius: 14px;
    width: 345px;
    height: 88px;
    padding: 0 14px;
    background: #3988e8;
    color: #fff;
    transition: margin-top .4s, opacity .6s linear
}
.notification--green {
    background: #1cb130
}
.notification--white {
    border: 2px solid rgba(0, 0, 0, .08);
    background: #fff;
    color: #4d4d4d
}
.notification.show {
    opacity: .95;
    margin-top: 0
}
.notification.show:hover {
    opacity: 1
}
.notification.hide {
    opacity: 0;
    visibility: hidden;
    margin-bottom: 0;
    height: 0;
    transition: height .25s linear, margin .25s linear, opacity .25s linear, visibility .25s linear
}
.notification__close {
    position: absolute;
    z-index: 2;
    top: 7px;
    right: 7px;
    opacity: .5;
    transition: opacity .2s
}
.notification--white > .notification__close {
    opacity: .7;
    fill: #bec4d1
}
.notification > .notification__close:hover {
    opacity: 1
}
.notification__promo,
.notification > .btn--ico {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.notification > .btn--ico {
    margin: 0 0 0 14px;
    background: #fff
}
.notification--white > .btn--ico {
    background: #9aa9c5
}
.notification > .btn--ico > .icon {
    fill: #3988e8
}
.notification--green > .btn--ico > .icon {
    fill: #1cb130
}
.notification--white > .btn--ico > .icon {
    fill: #fff
}
.notification > .btn--ico > .b-link {
    top: -400px;
    right: -400px;
    bottom: -400px;
    left: -400px;
    margin: auto
}
.notification__promo {
    position: relative;
    margin: 0 14px 0 0
}
.notification__promo > .brick--group > .brick-img {
    border-color: #3988e8
}
.notification--green .brick--group > .brick-img {
    border-color: #1cb130
}
.notification--white .brick--group > .brick-img {
    border-color: #fff
}
.notification__promo > .brick > .brick--xsm {
    margin-bottom: 0;
    box-shadow: 0 0 0 2px #3988e8
}
.notification--green .brick > .brick--xsm {
    box-shadow: 0 0 0 2px #1cb130
}
.notification--white .brick > .brick--xsm {
    box-shadow: 0 0 0 2px #fff
}
.notification__promo .brick--group > .brick--xsm {
    margin-bottom: 3px
}
.notification__promo > img {
    height: 50px
}
.notification__promo > .brick--xsm {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0
}
.notification__content {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}
.slider-wrap {
    padding: 5px 0
}
.slider {
    position: relative;
    margin: 5px 26px;
    box-shadow: 0 1px rgba(0, 0, 0, .07) inset;
    border-radius: 3px;
    height: 5px;
    background: #e0e0e0
}
.slider-track {
    position: relative;
    border-radius: 3px;
    height: 100%;
    background: #2b65f8
}
.slider-mover {
    position: absolute;
    top: -5px;
    left: 0;
    margin-left: -8px;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    background: #2b65f8;
    cursor: pointer;
    text-align: center
}
.slider-mover:before {
    content: '';
    vertical-align: top;
    display: inline-block;
    margin-top: 5px;
    border-radius: 100%;
    width: 5px;
    height: 5px;
    background: #fff
}
.slider-mover:hover:after,
.slider-mover.active:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    border: 2px solid #fff;
    border-radius: 100%;
    width: 15px;
    height: 15px
}
.slider-count {
    position: absolute;
    top: -7px;
    left: -26px;
    vertical-align: middle
}
.slider-count + .slider-count {
    right: -26px;
    left: auto;
    width: 17px
}
.slider--uno {
    margin-right: 0;
    margin-left: 0
}
.slider--uno .slider-mover {
    position: relative
}
.slider--uno .slider-track {
    float: left;
    height: 5px
}
.scroll {
    position: relative;
    overflow: hidden;
    max-height: inherit
}
.scroll_ {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    max-height: inherit
}
.scroll__ {
    position: relative;
    overflow: hidden
}
.scroll-visible > .scroll_ {
    overflow-y: scroll;
    margin: 0 -17px 0 0
}
.no-sys-scroll .scroll-visible > .scroll_ {
    padding: 0 17px 0 0
}
.scrollbar-track {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 5px;
    opacity: 0;
    visibility: hidden;
    border-radius: 4px;
    width: 5px;
    min-height: 100%;
    cursor: pointer;
    transition: width .1s linear
}
.scroll-visible .scrollbar-track {
    visibility: visible
}
.scrollbar-track--real {
    z-index: auto;
    opacity: 1
}
.scroll.hover .scrollbar-track,
.scroll.active .scrollbar-track {
    width: 8px
}
.scroll.hover .scrollbar-track--real,
.scroll.active .scrollbar-track--real {
    background: rgba(26, 36, 57, .05)
}
.scroll.scroll-visible:before,
.scroll.scroll-visible:after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    height: 2px;
    background: rgba(0, 0, 0, .04)
}
.scroll.scroll-visible:before {
    top: 0
}
.scroll.scroll-visible:after {
    bottom: 0
}
.scroll--top:before,
.scroll--bottom:after {
    display: none
}
.scrollbar-thumb {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    border-radius: 4px;
    width: 5px;
    min-height: 10px;
    background: rgba(26, 36, 57, .15);
    transition: width .1s linear
}
.scrollbar-thumb--real {
    opacity: 1
}
.scroll.hover .scrollbar-thumb,
.scroll.active .scrollbar-thumb {
    width: 8px;
    background: rgba(26, 36, 57, .25)
}
.scale {
    position: relative;
    display: inline-block;
    margin: 5px 0;
    width: 100px;
    height: 100px;
    text-align: center;
    white-space: nowrap
}
.scale::after {
    content: '';
    vertical-align: middle;
    display: inline-block;
    height: 100%
}
.scale-display {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}
.scale-value {
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    font-size: 2em
}
.scale--xsm {
    width: 48px;
    height: 48px
}
.scale--xsm .scale-value {
    display: none
}
.scale--sm {
    width: 70px;
    height: 70px
}
.scale--sm .scale-value {
    font-size: 1.428em
}
.scale--lg {
    width: 150px;
    height: 150px
}
.scale--lg .scale-value {
    font-size: 2.7143em
}
.scale--white {
    box-shadow: 0 0 0 3px #fff;
    border-radius: 50%;
    background: #fff
}
.online-status {
    z-index: 2;
    vertical-align: middle;
    display: inline-block;
    margin: 0 3px;
    box-sizing: content-box;
    border-radius: 100%;
    width: 8px;
    height: 8px
}
.online-status--online {
    background: #47d282
}
.online-status--away {
    background: #ffd048
}
.online-status--offline {
    background: #d9d9d9
}
.photo-counter {
    border-radius: 16px;
    padding: 7px 15px;
    background: rgba(0, 0, 0, .5);
    font: 1em/1.2857 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif;
    color: #fff
}
.photo-counter--sm {
    border-radius: 12px;
    padding: 5px 7px;
    font-size: .857em;
    line-height: 1.3334;
    color: #fff
}
.photo-counter > .icon {
    margin: 0 0 -3px
}
.photo-counter--sm > .icon {
    margin-bottom: -4px
}
@-webkit-keyframes loader {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes loader {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    margin: auto;
    width: 30px;
    height: 6px;
    font-size: 0;
    line-height: 0;
    transition: opacity .2s, visibility .2s
}
.loader::before,
.loader::after,
.loader_ {
    vertical-align: middle;
    display: inline-block;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    background: #4d4d4d
}
.loader_ {
    margin: 0 6px
}
.loader::before,
.loader::after {
    content: ''
}
.loader--static {
    position: relative
}
.loader--sm {
    width: 16px;
    height: 4px
}
.loader--sm::before,
.loader--sm::after,
.loader--sm > .loader_ {
    width: 4px;
    height: 4px
}
.loader--sm > .loader_ {
    margin: 0 2px
}
.loader--lg {
    width: 58px;
    height: 14px
}
.loader--lg::before,
.loader--lg::after,
.loader--lg > .loader_ {
    width: 14px;
    height: 14px
}
.loader--lg > .loader_ {
    margin: 0 8px
}
.loader--white::before,
.loader--white::after,
.loader--white > .loader_ {
    background: #fff
}
.loader--grey::before,
.loader--grey::after,
.loader--grey > .loader_ {
    background: #bfbfbf
}
.loader--blue::before,
.loader--blue::after,
.loader--blue > .loader_ {
    background: #2b65f8
}
.loading .loader,
.waiting .loader,
.el-loading .loader,
.ovl-loading .ovl-loader {
    opacity: 1;
    visibility: visible
}
.loading .loader_,
.waiting .loader_,
.el-loading .loader_,
.ovl-loading .loader_ {
    -webkit-animation: loader 1.5s linear infinite .1s;
    animation: loader 1.5s linear infinite .1s
}
.loading .loader::before,
.waiting .loader::before,
.el-loading .loader::before,
.ovl-loading .loader::before {
    -webkit-animation: loader 1.5s linear infinite;
    animation: loader 1.5s linear infinite
}
.loading .loader::after,
.waiting .loader::after,
.el-loading .loader::after,
.ovl-loading .loader::after {
    -webkit-animation: loader 1.5s linear infinite .3s;
    animation: loader 1.5s linear infinite .3s
}
.intr {
    position: relative;
    display: inline-block;
    margin: 5px 7px 5px 0;
    border-radius: 16px;
    padding: 7px 15px 8px 12px;
    background: #f2f2f2;
    cursor: default;
    line-height: 1.143;
    color: #4d4d4d;
    transition: background .2s
}
.intr:last-child {
    margin-right: 0
}
.active .intr {
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 6px 14px 7px 11px
}
.intr-txt {
    display: inline-block;
    overflow: hidden;
    margin: 0 0 -3px;
    max-width: 220px;
    font: 1em/1.143 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis
}
.intr > .icon {
    margin: 0 8px -3px 0
}
.intr > .intr__remove {
    top: 2px;
    display: none;
    margin: 0 -4px -3px 6px;
    cursor: pointer
}
.active .intr > .intr__remove {
    display: inline-block
}
.intr--copy:hover {
    background: #2b65f8;
    color: #fff
}
.intr--match {
    background: #6c7380;
    color: #fff
}
.intr--stub,
.intr--new,
.intr--wrong {
    color: #bfbfbf
}
.intr--wrong .intr-txt {
    text-decoration: line-through
}
.confirmation-wrap {
    vertical-align: middle;
    display: inline-block;
    border-radius: 100%;
    width: 300px;
    height: 300px;
    background: rgba(0, 0, 0, .7);
    text-align: center
}
.confirmation {
    vertical-align: middle;
    display: inline-block;
    width: 210px;
    max-height: 210px;
    white-space: normal
}
.confirmation__txt {
    display: inline-block;
    overflow: hidden;
    max-width: 210px;
    max-height: 2.5em;
    padding-top: 10px;
    font-size: 1.857em;
    line-height: 1.0771;
    color: #fff
}
.confirmation-ico {
    display: block;
    margin: 0 auto;
    width: 128px;
    height: 128px
}
.like-wrap_.qq .like-btn {
    width: auto;
    height: auto
}
.pv_likes_item {
    position: absolute;
    top: 0;
    left: 0
}
.likes-wrap {
    overflow: hidden
}
.like-wrap {
    position: relative;
    display: inline-block;
    cursor: pointer
}
.like-wrap:last-child {
    margin-right: 0
}
.like-wrap_ {
    vertical-align: middle;
    display: inline-block;
    font-size: .786em;
    line-height: 1.5;
    white-space: nowrap
}
.like-btn {
    vertical-align: middle;
    display: inline-block;
    border: 1px solid transparent;
    border-color: #d3d3d3 #e3e3e3 #bfbfbf;
    border-radius: 2px;
    background: linear-gradient(#fff, #e3e3e3);
    background-color: #e2e2e2;
    color: #3f4752;
    text-decoration: none
}
.like-btn:hover {
    color: #3f4752
}
.like-btn:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background: url('') no-repeat
}
.like-btn span {
    vertical-align: middle;
    display: inline-block
}
.like-counter {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background: #fff;
    color: #3f4752
}
.like-counter:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -4px;
    margin-top: -2px;
    border-bottom: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-radius: 0 4px 0 0;
    width: 4px;
    height: 4px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.like-counter:empty:after {
    content: '';
    display: inline-block
}
.like-wrap_.fb {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif
}
.like-wrap_.fb .like-btn {
    border-color: #4c69b9 #435eac #3c56a1;
    border-radius: 2px;
    padding: 0 7px 1px;
    background: #4763b3;
    background: linear-gradient(#4b67b8, #3c56a1);
    font-weight: bold;
    color: #fff;
    text-shadow: 0 -1px 0 #354c8c
}
.like-wrap_.fb .like-btn:before {
    margin-right: 4px;
    box-shadow: 0 0 1px #3f59a3;
    border-radius: 1px;
    width: 12px;
    height: 12px;
    background-position: -25px -200px
}
.like-wrap_.fb .like-counter {
    border-color: #9197a3;
    border-radius: 2px;
    padding: 1px 6px;
    -webkit-font-smoothing: auto
}
.like-wrap_.fb .like-counter:before {
    left: -3px;
    border-color: #9197a3;
    border-radius: 0;
    width: 3px;
    height: 3px
}
.like-wrap_.yt {
    font-family: arial, sans-serif;
    -webkit-font-smoothing: auto
}
#dynamic_YOUTUBE {}
.like-wrap_.yt .like-btn {
    direction: ltr;
    border: 0;
    border-radius: 2px;
    height: 24px;
    padding: 0 8px 0 7px;
    background: #e62117;
    font-size: 12px;
    color: #fefefe
}
.like-wrap_.yt .like-btn span {
    padding-top: 1px
}
.like-wrap_.yt .like-btn:before {
    position: relative;
    left: -1px;
    margin-right: 6px;
    width: 16px;
    height: 12px;
    background-position: 0 -325px
}
.like-wrap_.yt .like-btn:after {
    content: '';
    vertical-align: middle;
    display: inline-block;
    height: 100%
}
.like-wrap_.google .like-btn {
    border-color: #d5d5d5;
    padding-right: 6px;
    background: #fff
}
.like-wrap_.google .like-btn:before {
    margin-top: 3px;
    margin-bottom: 1px;
    width: 24px;
    height: 14px;
    background-position: -21px -49px
}
.like-wrap_.google .like-counter {
    margin-left: 2px;
    padding: 1px 6px 1px;
    color: #666
}
.like-wrap_.google .like-counter:before {
    left: -4px;
    border-radius: 0;
    width: 5px;
    height: 5px
}
.like-wrap_.vk .like-btn {
    border-color: #5f83aa;
    padding: 2px 6px 3px 7px;
    background: #5f83aa;
    text-shadow: 0 1px 1px #4c709d
}
.like-wrap_.vk .like-btn:before {
    margin-right: 6px;
    width: 7px;
    height: 11px;
    background: url() no-repeat 0 -25px
}
.like-wrap_.vk .like-btn:after {
    content: '';
    vertical-align: middle;
    display: inline-block;
    opacity: .5;
    border-left: 1px solid #aec1d4;
    width: 10px;
    height: 14px;
    padding-left: 7px;
    background: url() no-repeat -10px -22px
}
.like-wrap_.vk .like-counter {
    margin-left: 6px;
    padding: 3px 5px;
    font-weight: 700;
    font-family: Tahoma, Arial, sans-serif;
    color: #2b587a
}
.like-wrap .pv_likes_item iframe {
    max-width: 100%
}
.like-wrap_.tw .like-btn {
    box-sizing: border-box;
    border-radius: 3px;
    height: 20px;
    padding: 1px 8px 1px 6px;
    background: #1b95e0;
    font-weight: 500;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #fff;
    -webkit-font-smoothing: auto
}
.like-wrap_.tw .like-btn:before {
    margin: 2px 2px 0 0;
    width: 14px;
    height: 14px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E')
}
.like-wrap_.pinit .like-btn {
    padding: 0 5px 4px
}
.like-wrap_.pinit .like-btn:before {
    width: 28px;
    height: 11px;
    background-position: 0 -100px
}
.like-wrap_.pinit .like-counter {
    margin-left: 6px;
    padding: 2px 4px 2px 1px
}
.like-wrap_.pinit .like-counter span {
    position: relative;
    z-index: 1;
    font-size: 10px
}
.like-wrap_.pinit .like-counter:before {
    top: 4px;
    left: -7px;
    width: 13px;
    height: 13px
}
.like-wrap_.hyves .like-btn {
    border-radius: 2px;
    padding: 1px 2px 2px 1px;
    font-family: Verdana, sans-serif;
    color: #000
}
.like-wrap_.hyves .like-btn:before {
    margin-right: 2px;
    width: 14px;
    height: 14px;
    background-position: -25px -275px
}
.like-wrap_.hyves .like-counter {
    margin-left: 1px;
    padding: 2px 5px 2px 4px
}
.like-wrap_.hyves .like-counter:before {
    left: -3px;
    width: 3px;
    height: 3px
}
.like-wrap_.nk .like-btn {
    border-radius: 0;
    padding: 0 0 0 1px
}
.like-wrap_.nk .like-btn:before {
    width: 44px;
    height: 20px;
    background-position: 0 -175px
}
.like-wrap_.nk .like-counter {
    border: 0;
    border-left: 1px solid #e3e3e3;
    border-radius: 0 2px 2px 0;
    padding: 4px 6px 4px 6px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #576573
}
.like-wrap_.nk .like-counter:before {
    display: none
}
.like-wrap_.qq {
    min-width: 50px
}
.like-wrap_.qq .like-btn {
    position: relative;
    margin-top: -6px;
    box-shadow: 0 1px 1px 0 #62c0f6 inset;
    border-color: #0083de;
    padding: 0 3px 0 23px;
    background: #19a3ee;
    line-height: 1.2;
    color: #fff;
    text-shadow: 0 -1px 0 #1690d2
}
.like-wrap_.qq .like-btn:before {
    position: absolute;
    top: -1px;
    left: -1px;
    margin-right: 3px;
    border: 1px solid #82a9c5;
    border-right: 0;
    border-radius: 2px 0 0 2px;
    width: 18px;
    height: 14px;
    background-position: -24px -299px;
    background-color: #fff
}
.like-wrap_.qq .like-counter {
    margin-left: 3px;
    padding: 0 4px 0 7px
}
.like-wrap_.qq .like-counter:before {
    left: -3px;
    margin-top: -3px
}
.like-wrap_.qq iframe {
    position: absolute;
    top: 0;
    left: 0
}
.like-count {
    padding: 0 4px 0 1px;
    font-weight: bold;
    color: #44a735
}
.like:hover {
    background: #fff
}
.like--green {
    box-shadow: 0 1px #92db86 inset;
    border: 1px solid #55b546;
    background: #6cca5d;
    background: linear-gradient(#6cca5d, #53ad45);
    color: #fff;
    text-shadow: 0 1px #309021
}
.like--green .like-count {
    color: #fff
}
.like--green:hover {
    box-shadow: 0 1px #a3df99 inset;
    background: #85d079;
    background: linear-gradient(#85d079, #78c56c)
}
.like--green:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAA40lEQVR42mNgIAD+//9fBMT3gNiekEKzv//+/AHS///++/sDn0KeH7+/P/gPBROPdP7Cqfjnnx8LYQpPPjr233SyWjnIBH4gXgrEl4BYFGpqIEzhh+/v/wcsdD5qMEGRmeH7728zYRK///4+C6QUf/359RkmVrWj4DNQoRzYupDF7vPefXsLk/v/7/+/7zD2luvr/gMVhsPdBuRIp6yJfA807T8yePLx0X/nWabLMTwD1GDTvr/uN0whMLj+p62NfgYU58fqe6BE5rzT08EKuw82/wUZgDcSgAragfgPEOdjkwcAaiLXU4iPfkoAAAAASUVORK5CYII=)
}
.p_like {
    position: relative;
    display: inline-block
}
.ig-link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.switcher {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 5px 0;
    text-align: left;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.switcher,
.switcher > label,
.switcher__state {
    cursor: pointer
}
.switcher > input {
    position: absolute;
    opacity: 0
}
.switcher > label {
    position: absolute;
    top: 0;
    white-space: nowrap
}
.switcher__state {
    position: relative;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.switcher__state--off::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 50%;
    background: #fff
}
.switcher > input:checked + label > .switcher__state--on {
    margin: 0
}
.switcher + label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.switcher__state {
    background: #cdd2dc
}
.switcher > input:checked + label > .switcher__state {
    background: #1ac636
}
.switcher__state--off::after {
    background: linear-gradient(to top, #f7f7f7, #fff)
}
.switcher--colored .switcher__state {
    background: #ee5e4a
}
.switcher--colored > input:checked + label > .switcher__state {
    background: #1ac636
}
.switcher {
    border-radius: 8px
}
.switcher,
.switcher > label,
.switcher__state {
    width: 25px;
    height: 16px
}
.switcher > label {
    font-size: .786em;
    line-height: 1.4545
}
.switcher__state {
    border-radius: 8px
}
.switcher__state--on {
    margin: 0 0 0 -9px;
    padding: 0;
    transition: margin .1s linear, background-color .05s linear .1s
}
.switcher__state--off {
    margin: 0 0 0 -16px;
    padding: 0
}
.switcher__state--off::after {
    width: 14px;
    height: 14px
}
.switcher + label {
    margin: 0 0 0 7px
}
.switcher > input:checked + label > .switcher__state--on {
    transition: margin .1s linear
}
.switcher > input:checked + label > .switcher__state--off {
    transition: background-color .05s linear .1s
}
.switcher--lg {
    border-radius: 16px
}
.switcher--lg,
.switcher--lg > label,
.switcher--lg .switcher__state {
    width: 82px;
    height: 32px
}
.switcher--lg label {
    font-size: .786em;
    line-height: 2.926
}
.switcher--lg .switcher__state {
    border-radius: 16px
}
.switcher--lg .switcher__state--on {
    margin: 0 0 0 -50px;
    padding: 0 34px 0 10px;
    transition: margin .2s linear, background-color .1s linear .2s
}
.switcher--lg .switcher__state--off {
    margin: 0 0 0 -32px;
    padding: 0 10px 0 34px
}
.switcher--lg .switcher__state--off::after {
    width: 30px;
    height: 30px
}
.switcher--lg > input:checked + label > .switcher__state--on {
    transition: margin .2s linear
}
.switcher--lg > input:checked + label > .switcher__state--off {
    transition: background-color .1s linear .2s
}
.switcher--lg + label {
    margin: 0 0 0 17px
}
.confirm {
    padding: 15px 25px
}
.confirm__close {
    position: absolute;
    top: 15px;
    right: 15px
}
.confirm__img {
    margin: 5px 0 15px
}
.confirm__title {
    display: block;
    margin: 0 0 5px;
    font-size: 1.143em;
    white-space: normal;
    -webkit-font-smoothing: subpixel-antialiased
}
.confirm__txt {
    margin: 0 0 10px;
    line-height: 1.286;
    white-space: normal
}
.countdown {
    direction: ltr;
    margin: 0 0 10px;
    white-space: nowrap
}
.countdown__item {
    position: relative;
    width: 40px;
    text-align: center
}
.countdown__item:after {
    content: ':';
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.429em;
    line-height: 1.2;
    font-family: 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}
.countdown__label {
    display: block;
    overflow: hidden;
    max-width: 100%;
    font-size: .714em;
    text-overflow: ellipsis
}
.countdown--inline {
    margin: 0
}
.countdown--inline .countdown__item {
    width: auto
}
.countdown--inline .countdown__item:after {
    position: relative;
    margin: 0 0 0 3px;
    font-size: inherit;
    line-height: inherit;
    -webkit-transform: none;
    transform: none
}
.countdown__item:last-child:after {
    display: none
}
.countdown--lg .countdown__item {
    width: 82px
}
.countdown--lg .countdown__item:after,
.countdown--lg .countdown__value {
    font-size: 3.571em;
    line-height: 1;
    font-family: 'FS Albert Pro Web', Helvetica, Arial, sans-serif
}
.countdown--lg .countdown__label {
    font-size: .857em
}
.progress-bar {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 5px 0;
    border-radius: 7px;
    width: 100%;
    max-width: 330px;
    height: 14px;
    background: #f2f2f2;
    line-height: 1em;
    color: #999
}
.progress-bar--wide {
    max-width: 100%
}
.progress-bar_ {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    border-radius: inherit;
    padding: 0 5px 0 0;
    background: #2b65f8;
    font-size: .643em;
    text-align: right;
    color: #fff
}
.progress-bar_:not(:empty) {
    min-width: 6%
}
.progress-bar--sm {
    border-radius: 4px;
    height: 8px
}
@-webkit-keyframes show-next {
    0% {
        z-index: 2
    }
    5% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}
@keyframes show-next {
    0% {
        z-index: 2
    }
    5% {
        z-index: 4
    }
    100% {
        z-index: 4
    }
}
@-webkit-keyframes flip-down {
    0% {
        z-index: 2;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
    5% {
        z-index: 4
    }
    100% {
        z-index: 4;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
}
@keyframes flip-down {
    0% {
        z-index: 2;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
    5% {
        z-index: 4
    }
    100% {
        z-index: 4;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
}
@-webkit-keyframes flip-up {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    100% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}
@keyframes flip-up {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    100% {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}
.counter-wrap {
    font-size: 1.25em;
    text-align: center
}
.counter-wrap--grey {
    display: inline-block;
    border-radius: 16px;
    padding: 15px 85px;
    background: #f7f7f7
}
.counter {
    direction: ltr;
    display: inline-block;
    margin: 5px 0;
    white-space: nowrap
}
.counter__num {
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin: 0 1px 4px;
    width: 40px;
    height: 59px;
    font-size: 36px;
    text-align: center;
    color: #4d4d4d;
    -webkit-perspective: 200px;
    perspective: 200px
}
.counter__num:nth-last-child(3n) {
    margin-left: 7px
}
.counter__num:first-child {
    margin-left: 1px
}
.counter__num:before,
.counter__num:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -2px;
    left: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0 0 4px 4px;
    height: 2px;
    background: #fff
}
.counter__num:before {
    bottom: -4px
}
.counter__down,
.counter__up {
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-left: 1px solid rgba(0, 0, 0, .1);
    height: 50%
}
.counter__up {
    top: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px 4px 0 0;
    background: #f7f7f7;
    line-height: 1.6;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}
.counter__up:after {
    content: '';
    position: absolute;
    z-index: 5;
    top: 28px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .1)
}
.counter__down {
    bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0 0 4px 4px;
    background: #fff;
    line-height: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}
.active .counter__up.current,
.active .counter__down.current {
    z-index: 3
}
.active .counter__up.next,
.active .counter__down.next {
    z-index: 2;
    -webkit-animation: show-next .5s .5s linear both;
    animation: show-next .5s .5s linear both
}
.active .counter__down.next {
    -webkit-animation: flip-down .5s .5s linear both;
    animation: flip-down .5s .5s linear both
}
.active .counter__up.current {
    -webkit-animation: flip-up .5s linear both;
    animation: flip-up .5s linear both
}
.counter__num.disable .counter__up,
.counter__num.disable .counter__down {
    -webkit-animation: none;
    animation: none
}
.active .counter__down:before,
.active .counter__up:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    height: 100%
}
.active .counter__up.next:before,
.active .counter__down.next:before {
    -webkit-animation: hide .5s .3s linear both;
    animation: hide .5s .3s linear both
}
.active .counter__up.current:before,
.active .counter__down.current:before {
    -webkit-animation: show .5s linear both;
    animation: show .5s linear both
}
.active .counter__down:before {
    background: linear-gradient(rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .1) 100%)
}
.active .counter__up:before {
    background: linear-gradient(to top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .1) 100%)
}
.counter__num.disable .counter__down:before,
.counter__num.disable .counter__up:before {
    display: none
}
.counter--light .counter__num {
    overflow: hidden;
    margin-right: 2px;
    margin-left: 2px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 3px;
    width: 28px;
    height: 36px;
    font-size: 1.571em;
    line-height: 36px;
    color: #f2f2f2;
    white-space: pre
}
.counter--light .counter__num:nth-last-child(3n) {
    margin-left: 9px
}
.counter--light .counter__num:first-child {
    margin-left: 2px
}
.counter--light .counter__num:before,
.counter--light .counter__num:after {
    display: none
}
.counter__num_ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: top .5s
}
.calendar {
    position: relative;
    margin: 5px 0
}
.calendar:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -8px 0 0;
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12%209zM5%209h7l-3.5%204L5%209zm3.5-6L12%207H5l3.5-4z%22%20fill%3D%22%23bfbfbf%22/%3E%3C/svg%3E);
    pointer-events: none
}
.calendar.focus:after,
.calendar:hover:after {
    background: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12%209zM5%209h7l-3.5%204L5%209zm3.5-6L12%207H5l3.5-4z%22%20fill%3D%22%234d4d4d%22/%3E%3C/svg%3E)
}
.calendar > .input {
    margin: 0
}
.calendar > .input:focus {
    border-color: #2b65f8
}
.calendar > .input:not(:disabled) {
    cursor: pointer
}
.calendar__datalist {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 266px;
    padding: 15px 20px 10px;
    white-space: normal
}
.calendar__year {
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%
}
.calendar__month {
    -webkit-flex: 0 0 56%;
    -ms-flex: 0 0 56%;
    flex: 0 0 56%
}
.calendar__days {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 2px 0 0;
    text-align: left;
    white-space: normal
}
.calendar__day {
    -webkit-flex: 0 0 32px;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    border-radius: 16px;
    height: 32px;
    cursor: pointer;
    line-height: 32px;
    text-align: center;
    transition: all 0s linear .05s
}
.calendar__day:hover {
    background: #f7f7f7;
    color: #2b65f8
}
.calendar__day.active {
    background: #2b65f8;
    cursor: default;
    color: #fff
}
.calendar__day-focus {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}
.error-code {
    margin: 20px auto 0;
    border: 1px solid #e5e5e5;
    border-radius: 22px;
    width: 440px;
    padding: 12px 0 11px
}
.service-cost {
    padding: 20px 20px 30px
}
.service-cost__text,
.service-cost__topup,
.service-cost__conditions-toggle {
    font-size: .857em;
    line-height: 1.454;
    font-family: 'Helvetica Neu', Helvetica, Arial, sans-serif;
    color: #999
}
.service-cost__text {
    margin-bottom: 0
}
.service-cost__topup > .checkbox {
    top: -1px;
    opacity: .5;
    margin: 0 3px 0 0;
    min-width: 16px;
    min-height: 16px
}
.service-cost__topup > .checkbox > input,
.service-cost__topup > .checkbox > label:before,
.service-cost__topup > .checkbox > label:after {
    width: 16px;
    height: 16px
}
.service-cost__conditions-toggle {
    position: relative;
    white-space: nowrap
}
.service-cost__conditions-toggle::after {
    content: '';
    position: absolute;
    bottom: -17px;
    left: 50%;
    opacity: 0;
    margin: 0 0 0 -3px;
    border: 1px solid;
    border-color: rgba(0, 0, 0, .15) transparent transparent rgba(0, 0, 0, .15);
    width: 6px;
    height: 6px;
    background: #f7f7f7;
    cursor: default;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.service-cost__conditions-toggle.is-expanded::after {
    opacity: 1
}
.service-cost__arrow {
    position: absolute;
    top: 50%;
    margin: -6px 0 0;
    width: 12px;
    height: 12px;
    transition: none
}
.service-cost__conditions-toggle.is-expanded > .service-cost__arrow {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}
.service-cost__conditions {
    margin: 10px -20px -30px;
    border-top: 1px solid #d9d9d9;
    max-height: 150px;
    padding: 0;
    background: #f7f7f7;
    text-align: left
}
.service-cost__conditions-txt {
    padding: 15px 20px;
    font-size: .857em;
    white-space: pre-wrap;
    word-wrap: break-word
}
.service-cost__conditions .scroll:before,
.service-cost__conditions .scroll:after {
    display: none
}
.section-messages .promo__hint .scroll,
.section-messages .promo__hint .scroll_ {
    position: relative
}
.section-messages .promo__hint .service-cost__conditions {
    border-radius: 0 0 15px
}
.section-messages > .scroll-visible .promo__hint .scroll {
    margin: 0 10px 0 0
}
.section-messages .messenger-blocker__hint .scroll,
.section-messages .messenger-blocker__hint .scroll_ {
    position: relative
}
.section-messages > .scroll-visible .messenger-blocker__hint .service-cost__conditions > .scroll {
    margin: 0 10px 0 0
}
.popularity-line .service-cost__topup {
    margin: 5px 0 0
}
.popularity-line .service-cost__conditions {
    margin-right: -495px;
    margin-bottom: -41px;
    margin-left: -70px;
    border-bottom: 1px solid #d9d9d9
}
.popularity-line:nth-child(2n+1) .service-cost__conditions {
    margin-right: -70px;
    margin-left: -495px
}
@-webkit-keyframes ovl-open {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes ovl-open {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.ovl-fading,
.ovl-fading body,
.chat-app,
.chat-app body {
    overflow: hidden
}
.ovl-fading .page,
.chat-app .page {
    overflow-y: scroll;
    height: auto;
    min-height: 100vh
}
.el-loading .ovl-blocker {
    display: block
}
.ovl-loader {
    position: fixed;
    z-index: 101
}
.ovl-opened .ovl-loader:before,
.ovl-opened .ovl-loader:after,
.ovl-opened .ovl-loader .loader_ {
    background: #4d4d4d
}
.ovl-blocker {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: rgba(255, 255, 255, .4)
}
.ovl-fade {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity .2s linear;
    pointer-events: none
}
.ovl-fading .ovl-fade {
    opacity: .6;
    overflow-y: scroll;
    pointer-events: auto
}
.ovl-static .ovl-loader {
    display: none
}
.ovl-static .ovl {
    -webkit-animation: none;
    animation: none
}
.messenger-ovl.loading #im_wrap {
    display: none
}
.messenger-ovl {
    display: none;
    transition: opacity .4s ease-in-out, visibility .4s ease-in-out
}
.chat-app .messenger-ovl {
    display: block
}
.messenger-ovl_,
.messenger-ovl-fade {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -323px
}
.no-sys-scroll .messenger-ovl_,
.no-sys-scroll .messenger-ovl-fade {
    margin: 0 0 0 -315px
}
.messenger-ovl_ {
    overflow-y: scroll;
    text-align: left
}
.messenger-ovl-fade {
    opacity: .6;
    visibility: visible;
    background: #000;
    -webkit-animation: ovl-fade-open .2s linear;
    animation: ovl-fade-open .2s linear
}
@media screen and (max-width:1175px) {
    .messenger-ovl_,
    .messenger-ovl-fade {
        margin-left: -353px
    }
    .no-sys-scroll .messenger-ovl_,
    .no-sys-scroll .messenger-ovl-fade {
        margin-left: -345px
    }
}
@media screen and (max-width:1145px) {
    .messenger-ovl_,
    .messenger-ovl-fade,
    .chrome .messenger-ovl_,
    .chrome .messenger-ovl-fade,
    .safari .messenger-ovl_,
    .safari .messenger-ovl-fade,
    .no-sys-scroll .messenger-ovl_,
    .no-sys-scroll .messenger-ovl-fade {
        left: 60px;
        margin: 0
    }
}
.messenger {
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin: 20px;
    border-radius: 15px;
    width: 860px;
    height: calc(100% - 40px);
    min-height: 520px
}
.sidebar-content {
    height: 100%
}
.sidebar-content_ {
    margin: 0 auto;
    width: 240px;
    transition: margin .3s ease-in-out
}
.sidebar .scroll,
.sidebar .scroll_ {
    height: 100%
}
.sidebar .sidebar-content > .scroll:before,
.sidebar .sidebar-content > .scroll:after {
    right: 30px;
    left: 30px
}
.sidebar .scroll-visible .scrollbar-track--real {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out
}
.sidebar:hover .scroll-visible .scrollbar-track--real {
    opacity: 1;
    visibility: visible
}
.sidebar-nav {
    position: relative;
    margin: 0 auto;
    width: 210px;
    padding: 15px 0 10px
}
.sidebar-nav:before,
.sidebar-nav:after {
    content: '';
    position: absolute;
    left: 0;
    width: 210px;
    transition: width .4s
}
.sidebar-nav:before {
    top: 0;
    border-top: 1px solid rgba(0, 0, 0, .07)
}
.sidebar-nav:after {
    bottom: -2px;
    border-bottom: 1px solid rgba(0, 0, 0, .07)
}
.sidebar-nav__cnt {
    position: relative;
    line-height: 1.215;
    text-align: left
}
.sidebar-nav__cnt .middle {
    min-height: 50px
}
.sidebar-nav .sidebar-nav__signout {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    margin: auto;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out
}
.sidebar-nav:hover .sidebar-nav__signout {
    opacity: 1;
    visibility: visible
}
.sidebar-nav__userpic {
    vertical-align: middle;
    display: inline-block;
    transition: top .1s ease-in-out, left .1s ease-in-out
}
.sidebar-nav__userpic > .brick {
    margin: 0;
    width: 40px;
    height: 40px
}
.sidebar-nav__userpic.with-invisibility > .brick:before {
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #c8cfd6
}
.sidebar-nav__popularity {
    position: relative
}
.sidebar-nav__txt {
    width: 160px
}
.sidebar-nav__signout + .sidebar-nav__txt {
    margin: 0 0 0 6px;
    width: 139px
}
.sidebar-nav__txt-title {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: color .15s
}
.sidebar-payments {
    margin: 7px 0 0 0
}
.sidebar-payments__item {
    position: relative;
    display: inline-block;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 7px 0 0
}
.sidebar-payments__item:nth-child(2) {
    padding: 0 5px
}
.sidebar-payments__item:nth-child(2):last-child {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 0 0 0 20px
}
.sidebar-payments__item .mark {
    position: absolute;
    top: -4px;
    left: 16px;
    opacity: 0;
    visibility: hidden;
    border: 2px solid #eee
}
.sidebar-payments__item:hover .sidebar-payments__txt {
    color: #2b65f8
}
.sidebar-payments__icon {
    vertical-align: middle;
    display: inline-block;
    height: 32px
}
.sidebar-payments__icon--spp,
.sidebar-payments__icon--vip {
    margin: -1px -2px 0 0
}
.sidebar-payments__icon--credits {
    margin: 0 2px 0 0
}
.sidebar-payments__inactive,
.sidebar-payments__item--active .sidebar-payments__active {
    position: relative;
    display: inline-block
}
.sidebar-payments__active,
.sidebar-payments__item--active .sidebar-payments__inactive {
    display: none
}
.sidebar-nav__popularity--vlow,
.sidebar-nav__popularity--low {
    color: #f02139
}
.sidebar-nav__popularity--average {
    color: #cf9200
}
.sidebar-nav__popularity--high,
.sidebar-nav__popularity--vhigh {
    color: #2bc43f
}
.sidebar-nav__popularity:hover {
    color: #256cf5
}
.sidebar-nav__popularity > .ico-popularity {
    margin: 0 0 -1px
}
.sidebar-nav .sidebar-nav__btn {
    display: block;
    margin: 15px 0 0 0
}
.sidebar-menu {
    position: relative;
    margin: 0 auto;
    width: 210px;
    padding: 9px 0 15px
}
.sidebar-menu__item {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 0
}
.sidebar-menu__item-txt {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    color: #666;
    transition: color .15s
}
.sidebar-menu__item:hover > .sidebar-menu__item-txt {
    color: #1a1a1a
}
.sidebar-menu__item > .icon {
    margin: 0 19px 0 0;
    fill: #ccc
}
.sidebar-menu__item:hover > .icon {
    fill: #808080
}
.sidebar-menu__item.active .sidebar-menu__item-txt {
    color: #2b65f8
}
.sidebar-menu__item.active > .icon {
    fill: #2b65f8
}
.sidebar-menu__item .mark--sm {
    top: -32px;
    right: -11px;
    opacity: 0;
    visibility: hidden;
    border: 2px solid #eee;
    background-clip: padding-box
}
.sidebar-menu__filter {
    position: absolute;
    z-index: 2;
    top: 17px;
    right: 0;
    cursor: pointer;
    font-size: 0
}
.sidebar.filter-open .sidebar-menu__filter > .icon {
    fill: #4d4d4d
}
.sidebar-menu__datalist {
    width: 225px
}
.sidebar-datalist {
    position: relative;
    display: none;
    margin: 10px 0;
    border-top: 1px solid rgba(0, 0, 0, .13);
    border-radius: 6px;
    padding: 15px 16px;
    background: #fff
}
.js-fx-wrap.fx .sidebar-datalist,
.js-fx-wrap.transition .sidebar-datalist {
    display: block
}
.sidebar-datalist:before {
    content: '';
    position: absolute;
    top: -6px;
    right: 19px;
    border-top: 1px solid rgba(0, 0, 0, .13);
    border-left: 1px solid rgba(0, 0, 0, .13);
    width: 8px;
    height: 8px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.sidebar-filter legend {
    padding: 12px 0 7px;
    font-size: .786em;
    text-transform: uppercase
}
.sidebar-filter div:first-child legend {
    padding-top: 0
}
.sidebar-filter .checkbox {
    margin-right: 12px
}
.sidebar-filter .checkbox + .checkbox {
    margin-right: 0;
    margin-left: 0
}
.sidebar-filter__slider-txt {
    margin: 8px 0 0 0;
    font-size: .857em
}
.sidebar-filter__more {
    margin: 16px 0 0 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 5px 0 0 0
}
.sidebar-filter__btn {
    padding: 10px 0 0;
    white-space: nowrap
}
.sidebar-payments .sidebar-datalist {
    margin-right: -15px;
    text-align: center
}
.sidebar-payments .sidebar-datalist:before {
    left: 20px
}
.sidebar-datalist > .confirm {
    padding: 0
}
@-webkit-keyframes sidebar-promo-fade-in {
    from {
        opacity: .2
    }
    to {
        opacity: 1
    }
}
@keyframes sidebar-promo-fade-in {
    from {
        opacity: .2
    }
    to {
        opacity: 1
    }
}
.sidebar-promo {
    position: relative;
    z-index: 1;
    margin: auto;
    width: 200px;
    text-align: center;
    -webkit-animation: sidebar-promo-fade-in 1.5s;
    animation: sidebar-promo-fade-in 1.5s
}
.sidebar-promo__description {
    margin: 10px 0
}
.sidebar-promo__cost {
    margin: 10px 0
}
.sidebar-promo__cost > .service-cost {
    margin: -20px
}
.sidebar-footer {
    margin: 0 auto;
    width: 210px;
    background: #eee;
    transition: width .3s ease-in-out
}
.sidebar-footer__search {
    margin: 0 0 10px
}
@media screen and (max-width:1175px) {
    .sidebar-content_ {
        width: 210px
    }
    .sidebar-logo {
        left: 13px
    }
    .sidebar-menu__datalist {
        margin-left: -7px
    }
    .sidebar-datalist::before {
        right: 12px
    }
    .sidebar-payments .sidebar-datalist {
        margin-right: 0
    }
    .sidebar-payments .sidebar-datalist::before {
        left: 10px
    }
}
@media screen and (max-width:1145px) {
    .sidebar.show {
        box-shadow: 1px 0 5px rgba(0, 0, 0, .2);
        width: 250px
    }
    .sidebar.show:after {
        display: none
    }
    .sidebar .scroll:before,
    .sidebar .scroll:after {
        right: 0;
        left: 20px
    }
    .sidebar.show .scroll:before,
    .sidebar.show .scroll:after {
        right: 20px;
        left: 20px
    }
    .sidebar.show .scroll-visible .scrollbar-track {
        visibility: visible
    }
    .sidebar.show .scroll-visible .scrollbar-track--real {
        transition: opacity .3s ease-in-out .15s, visibility .3s ease-in-out .15s
    }
    .sidebar-promo {
        opacity: 0;
        height: 0;
        transition: opacity .4s
    }
    .sidebar.show .sidebar-promo {
        opacity: 1;
        height: auto
    }
    .sidebar-footer {
        position: relative;
        width: 40px
    }
    .sidebar-footer {
        margin: 0 0 0 10px
    }
    .sidebar.show .sidebar-footer {
        margin: 0 auto
    }
    .sidebar.show .sidebar-footer {
        width: 210px
    }
    .sidebar-content_ {
        margin: 0 0 0 10px;
        width: 90px
    }
    .sidebar.show .sidebar-content_ {
        margin: 0 0 0 20px;
        width: 225px
    }
    .sidebar-nav,
    .sidebar-menu {
        margin: 0;
        transition: margin .3s ease-in-out
    }
    .sidebar-nav:before,
    .sidebar-nav:after {
        width: 40px
    }
    .sidebar.show .sidebar-nav:before,
    .sidebar.show .sidebar-nav:after {
        width: 210px
    }
    .sidebar-logo {
        position: relative;
        left: 10px
    }
    .sidebar.show .sidebar-logo {
        width: 210px
    }
    .sidebar-logo .logo {
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out
    }
    .sidebar-logo .logo-ico {
        opacity: 1;
        visibility: visible;
        transition: opacity .3s ease-in-out .15s, visibility .1s ease-in-out .15s
    }
    .sidebar.show .sidebar-logo .logo {
        opacity: 1;
        visibility: visible;
        transition: opacity .3s ease-in-out .13s, visibility .3s ease-in-out .13s
    }
    .sidebar.show .sidebar-logo .logo-ico {
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out
    }
    .sidebar:not(.show) .sidebar-nav__cnt .brick {
        top: 0;
        bottom: auto;
        left: 0
    }
    .sidebar:not(.show) .sidebar-payments {
        margin: -37px 0 0
    }
    .sidebar:not(.show) .sidebar-payments__item {
        margin: -1px 0 0 4px
    }
    .sidebar:not(.show) .sidebar-payments__item--double-credits .mark {
        opacity: 1;
        visibility: visible
    }
    .sidebar:not(.show) .sidebar-payments__items {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .sidebar:not(.show) .sidebar-payments__item {
        display: block;
        padding: 0
    }
    .sidebar:not(.show) .sidebar-datalist {
        display: none
    }
    .sidebar-menu__item {
        margin-left: 7px;
        transition: margin .3s ease-in-out
    }
    .sidebar.show .sidebar-menu__item {
        margin-left: 0
    }
    .sidebar-menu__item .mark--sm,
    .sidebar-footer .search-field.reset .search-field__loupe,
    .sidebar.show .sidebar__el-hidden,
    .sidebar.show .scroll-visible .scrollbar-track--real,
    .sidebar.show .sidebar-footer .search-field.loading .loader,
    .sidebar.show .sidebar-footer .search-field.reset .search-field__reset {
        opacity: 1;
        visibility: visible
    }
    .sidebar__el-hidden,
    .sidebar .scroll-visible .scrollbar-track,
    .sidebar-footer .search-field .search-field__reset,
    .sidebar-footer .search-field .loader,
    .sidebar.show .sidebar-menu__item .mark--sm,
    .sidebar.show .sidebar-footer .search-field.reset .search-field__loupe,
    .sidebar.show .sidebar-footer .search-field.loading .search-field__reset,
    .sidebar:not(.show) .datalist {
        opacity: 0;
        visibility: hidden
    }
    .sidebar:not(.show) .sidebar-payments .datalist {
        display: none
    }
    .sidebar-footer .search-field .input {
        padding-right: 23px
    }
    .sidebar-footer .search-field .search-field__loupe {
        right: 12px
    }
    .sidebar-footer .search-field .input:focus {
        border: 1px solid rgba(0, 0, 0, .15)
    }
    .sidebar.show .sidebar-footer .search-field .input {
        padding-right: 35px
    }
    .sidebar.show .sidebar-footer .search-field .search-field__loupe {
        right: 16px
    }
    .sidebar.show .sidebar-footer .search-field .input:focus {
        border-color: #2b65f8
    }
    .sidebar-nav {
        padding: 15px 0 0
    }
    .sidebar.show .sidebar-nav {
        padding: 15px 0 10px
    }
    .sidebar-menu .sidebar__el-hidden,
    .sidebar-nav__txt {
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out, color .3s
    }
}
@-webkit-keyframes spotlight-add {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    25% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes spotlight-add {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    25% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes spotlight-hide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}
@keyframes spotlight-hide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}
.spotlight {
    position: relative;
    margin: 0 0 10px;
    min-height: 75px
}
.spotlight__loader {
    margin-bottom: 0
}
.spotlight__title {
    position: relative;
    display: inline-block;
    margin: 0 5px 14px;
    border-radius: 13px;
    padding: 5px 11px;
    background: #dfdfdf;
    font-size: .857em
}
.spotlight__title:before,
.spotlight__title:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 32px;
    border-top: 8px solid #dfdfdf;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    width: 0;
    height: 0
}
.spotlight__title:after {
    bottom: -7px;
    border-top-color: #dfdfdf
}
.spotlight__item {
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin: 0 0 0 15px;
    width: 60px;
    height: 75px
}
.spotlight__item .spotlight__item-brick {
    position: absolute;
    margin-left: 0;
    transition: opacity 1s
}
.spotlight__item-brick.change {
    opacity: 0
}
.spotlight__item .online-status {
    border-color: #eee
}
.spotlight__cost {
    margin-top: 10px;
    font-size: .8571em;
    line-height: 1.3334;
    text-align: center;
    color: #bfbfbf
}
@-webkit-keyframes brick-ripples {
    0% {
        border: 1em solid #2b8cfc;
        background: #29cf29
    }
    5% {
        border: 0 solid #2b8cfc;
        background: #29cf29
    }
    5.001%,
    33.333% {
        border: 1em solid #29cf29;
        background: #fec309
    }
    38.333% {
        border: 0 solid #29cf29;
        background: #fec309
    }
    38.334%,
    66.666% {
        border: 1em solid #fec309;
        background: #2b8cfc
    }
    71.666% {
        border: 0 solid #fec309;
        background: #2b8cfc
    }
    71.667%,
    100% {
        border: 1em solid #2b8cfc;
        background: #29cf29
    }
}
@keyframes brick-ripples {
    0% {
        border: 1em solid #2b8cfc;
        background: #29cf29
    }
    5% {
        border: 0 solid #2b8cfc;
        background: #29cf29
    }
    5.001%,
    33.333% {
        border: 1em solid #29cf29;
        background: #fec309
    }
    38.333% {
        border: 0 solid #29cf29;
        background: #fec309
    }
    38.334%,
    66.666% {
        border: 1em solid #fec309;
        background: #2b8cfc
    }
    71.666% {
        border: 0 solid #fec309;
        background: #2b8cfc
    }
    71.667%,
    100% {
        border: 1em solid #2b8cfc;
        background: #29cf29
    }
}
.spotlight__action-animation {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .7;
    border-style: solid;
    border-radius: 100%;
    font-size: 30px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: brick-ripples 6s linear infinite;
    animation: brick-ripples 6s linear infinite
}
.spotlight__item:hover .spotlight__action-animation {
    opacity: .8
}
@media screen and (max-width:1175px) {
    .spotlight__title {
        margin: 0 auto 14px
    }
    .spotlight__title::before,
    .spotlight__title::after {
        left: 22px
    }
    .spotlight__item:nth-child(3n - 2) {
        margin-left: 0
    }
}
@media screen and (max-width:1145px) {
    .sidebar:not(.show) .spotlight {
        width: 40px;
        min-height: 50px
    }
    .sidebar:not(.show) .spotlight__title {
        display: none
    }
    .sidebar:not(.show) .spotlight__item {
        margin: 0;
        width: 40px;
        height: 50px
    }
    .sidebar:not(.show) .spotlight__item:nth-child(7) ~ .spotlight__item {
        display: none
    }
    .sidebar:not(.show) .spotlight__item .brick.brick--lg {
        width: 40px;
        height: 40px
    }
    .sidebar:not(.show) .spotlight__item--action > .brick {
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0)
    }
    .sidebar:not(.show) .spotlight__item--action .icon {
        width: 16px;
        height: 16px
    }
    .sidebar:not(.show) .brick > .online-status {
        right: -3px;
        bottom: 0
    }
    .sidebar:not(.show) .spotlight__cost {
        display: none
    }
    .sidebar:not(.show) .spotlight__action-animation {
        font-size: 20px
    }
    .sidebar.show .spotlight__title::before,
    .sidebar.show .spotlight__title::after {
        left: 32px
    }
    .spotlight__title {
        margin-left: -10px;
        transition: margin .3s ease-in-out
    }
    .spotlight__item {
        margin: 0 15px 0 0
    }
}
@-webkit-keyframes search {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes search {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.search-results {
    -webkit-animation: search .3s cubic-bezier(.755, .05, .855, .06);
    animation: search .3s cubic-bezier(.755, .05, .855, .06);
    transition-property: height;
    transition-duration: .15s
}
.search-results_ {
    margin: 0 15px;
    box-shadow: 0 1px rgba(255, 255, 255, .4) inset;
    border-top: 1px solid rgba(0, 0, 0, .07);
    padding: 0 0 10px
}
.search-results__item {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    transition: color .15s
}
.search-results__item:hover {
    color: #2b65f8
}
.search-results__item > .brick {
    width: 40px;
    height: 40px
}
.search-results__item:hover > .brick:after {
    background: rgba(43, 101, 248, .4)
}
.search-results__title {
    display: block;
    margin: 10px 0;
    color: #a6a6a6
}
.search-results__title:last-child {
    margin-bottom: 0
}
.search-results__name {
    overflow: hidden;
    margin-left: 10px;
    max-width: 160px;
    text-overflow: ellipsis
}
.search-results__loader {
    position: relative;
    padding: 13px 0 0 0
}
@media screen and (max-width:1145px) {
    .search-results_ {
        margin: 0 15px 0 0
    }
    .search-results {
        display: none
    }
    .sidebar.show .search-results {
        display: block
    }
}
.u-site {
    padding: 26px 30px 9px;
    text-align: center
}
.u-site ul.providers {
    position: relative;
    right: -10px;
    overflow: hidden;
    margin: 0 auto -6px;
    width: 330px;
    height: auto
}
.u-providers li {
    position: relative;
    float: left;
    display: inline;
    margin: 0 10px 10px 0;
    border: 1px solid #3774d6;
    width: 98px;
    height: 38px;
    background: #fff;
    text-align: center
}
.u-providers li.other {
    border: 0;
    width: 100px;
    height: 40px;
    background: none
}
.u-providers a {
    position: absolute;
    top: -1px;
    left: -1px;
    border: 1px solid #e0e0e0;
    width: 98px;
    height: 38px
}
.u-providers a.hover,
.u-providers a:hover {
    top: 0;
    left: 0;
    opacity: .2;
    border: 0;
    background: #144fae;
    cursor: pointer
}
.u-providers a.other {
    top: 0;
    left: 0;
    border: 0;
    width: 100px;
    height: 40px;
    background: none;
    line-height: 39px;
    white-space: nowrap
}
.u-providers a.other:hover {
    opacity: 1;
    background: none
}
.u-providers li span {
    float: none;
    display: block;
    margin: 0 auto
}
.u-providers li.specific_facebook {
    overflow: hidden;
    border-color: #e0e0e0;
    cursor: pointer
}
.u-providers li.specific_facebook:hover {
    border-color: #3774d6
}
.u-providers iframe {
    width: 98px;
    height: 38px
}
.providers:after {
    content: '';
    clear: both;
    display: block
}
.providers.for_network {
    opacity: 1;
    padding-bottom: 3px
}
.providers.for_network .pvd {
    margin: -10px 0 -10px -5px
}
.providers div.br {
    clear: both;
    width: 100%;
    height: 0 !important
}
.pvd {
    float: left;
    height: 35px;
    background-image: url();
    background-repeat: no-repeat
}
.pvd_l_msn {
    width: 63px;
    background-position: 0 0
}
.pvd_l_gmail {
    width: 61px;
    background-position: -63px 0
}
.pvd_l_yahoo {
    width: 48px;
    background-position: -124px 0
}
.pvd_l_aol {
    width: 60px;
    background-position: -172px 0
}
.pvd_l_test {
    width: 30px;
    background-position: -185px 0
}
.pvd_l_icq {
    width: 55px;
    background-position: -232px 0
}
.pvd_l_facebook {
    width: 70px;
    background-position: -287px 0
}
.pvd_l_orkut {
    width: 54px;
    background-position: -357px 0
}
.pvd_l_linkedincom {
    width: 76px;
    background-position: -411px 0
}
.pvd_l_xing {
    width: 58px;
    background-position: -487px 0
}
.pvd_l_postsk {
    width: 83px;
    background-position: -545px 0
}
.pvd_l_orange {
    width: 40px;
    background-position: -628px 0
}
.pvd_l_tiscali {
    width: 69px;
    background-position: -668px 0
}
.pvd_l_terra {
    width: 75px;
    background-position: -737px 0
}
.pvd_l_latinmail {
    width: 73px;
    background-position: -812px 0
}
.pvd_l_mailcom {
    width: 81px;
    background-position: -885px 0
}
.pvd_l_flickr {
    width: 60px;
    background-position: -966px 0
}
.pvd_l_myspace {
    width: 82px;
    background-position: -1026px 0
}
.pvd_l_netlog {
    width: 65px;
    background-position: -1108px 0
}
.pvd_l_fotolog {
    width: 84px;
    background-position: -1173px 0
}
.pvd_l_photobucket {
    width: 89px;
    background-position: -1257px 0
}
.pvd_l_hyvesnl {
    width: 57px;
    background-position: -1346px 0
}
.pvd_l_lide {
    width: 64px;
    background-position: -1403px 0
}
.pvd_l_skyrock {
    width: 68px;
    background-position: -1467px 0
}
.pvd_l_windowslive {
    width: 129px;
    background-position: -1535px 0
}
.pvd_l_videotron {
    width: 94px;
    background-position: -1664px 0
}
.pvd_l_abv {
    width: 52px;
    background-position: -1758px 0
}
.pvd_l_inbox {
    width: 70px;
    background-position: -1810px 0
}
.pvd_l_hotmail {
    width: 88px;
    background-position: -1880px 0
}
.pvd_l_vkontakte {
    width: 27px;
    background-position: -1977px 0
}
.pvd_l_icloud {
    width: 40px;
    background-position: -2014px 0
}
.pvd_l_telenetbe {
    width: 77px;
    background-position: 0 0
}
.pvd_l_skynetbe {
    width: 52px;
    background-position: -77px 0
}
.pvd_l_webde {
    width: 42px;
    background-position: 0 0
}
.pvd_l_gmx {
    width: 47px;
    background-position: -42px 0
}
.pvd_l_freenetde {
    width: 79px;
    background-position: -89px 0
}
.pvd_l_tmobilede {
    width: 83px;
    background-position: -168px 0
}
.pvd_l_arcor {
    width: 85px;
    background-position: -251px 0
}
.pvd_l_libero,
.pvd_l_emailit,
.pvd_l_exciteit,
.pvd_l_gmailit,
.pvd_l_interfree,
.pvd_l_jumpy,
.pvd_l_katamail,
.pvd_l_supereva,
.pvd_l_libero {
    width: 69px;
    background-position: -41px 0
}
.pvd_l_emailit {
    width: 79px;
    background-position: -110px 0
}
.pvd_l_exciteit {
    width: 66px;
    background-position: -189px 0
}
.pvd_l_gmailit {
    width: 66px;
    background-position: -255px 0
}
.pvd_l_interfree {
    width: 79px;
    background-position: -321px 0
}
.pvd_l_jumpy {
    width: 69px;
    background-position: -400px 0
}
.pvd_l_katamail {
    width: 74px;
    background-position: -469px 0
}
.pvd_l_supereva {
    width: 66px;
    background-position: -543px 0
}
.pvd_l_virgilio {
    width: 99px;
    background-position: -679px 0
}
.pvd_l_telefonica,
.pvd_l_lycos {
    background-image: url()
}
.pvd_l_telefonica {
    width: 67px;
    background-position: 0 0
}
.pvd_l_lycos {
    width: 52px;
    background-position: -67px 0
}
.pvd_l_yandex,
.pvd_l_rambler,
.pvd_l_mailru,
.pvd_l_pochtaru,
.pvd_l_vk {
    background-image: url()
}
.pvd_l_yandex {
    width: 55px;
    background-position: 0 0
}
.pvd_l_rambler {
    width: 71px;
    background-position: -55px 0
}
.pvd_l_mailru {
    width: 75px;
    background-position: -126px 0
}
.pvd_l_pochtaru {
    width: 86px;
    background-position: -201px 0
}
.pvd_l_vk {
    width: 83px;
    background-position: -298px 0
}
.pvd_l_freefr,
.pvd_l_voila,
.pvd_l_lapostenet,
.pvd_l_sfr {
    background-image: url()
}
.pvd_l_freefr {
    width: 58px;
    background-position: 0 0
}
.pvd_l_voila {
    width: 52px;
    background-position: -58px 0
}
.pvd_l_lapostenet {
    width: 88px;
    background-position: -110px 0
}
.pvd_l_sfr {
    width: 41px;
    background-position: -198px 0
}
.pvd_l_o2pl,
.pvd_l_interiapl,
.pvd_l_pocztaonetpl,
.pvd_l_wppl {
    background-image: url()
}
.pvd_l_o2pl {
    width: 35px;
    background-position: 0 0
}
.pvd_l_interiapl {
    width: 76px;
    background-position: -35px 0
}
.pvd_l_pocztaonetpl {
    width: 63px;
    background-position: -111px 0
}
.pvd_l_wppl {
    width: 105px;
    background-position: -174px 0
}
.pvd_l_iolpt,
.pvd_l_sapopt,
.pvd_l_clixpt {
    background-image: url()
}
.pvd_l_iolpt {
    width: 43px;
    background-position: 0 0
}
.pvd_l_sapopt {
    width: 51px;
    background-position: -43px 0
}
.pvd_l_clixpt {
    width: 44px;
    background-position: -94px 0
}
.pvd_l_volnycz,
.pvd_l_seznam,
.pvd_l_centrumcz {
    background-image: url()
}
.pvd_l_volnycz {
    width: 60px;
    background-position: 0 0
}
.pvd_l_seznam {
    width: 70px;
    background-position: -60px 0
}
.pvd_l_centrumcz {
    width: 87px;
    background-position: -130px 0
}
.pvd_l_centrumsk,
.pvd_l_azetsk,
.pvd_l_zoznamsk {
    background-image: url()
}
.pvd_l_centrumsk {
    width: 86px;
    background-position: 0 0
}
.pvd_l_azetsk {
    width: 51px;
    background-position: -86px 0
}
.pvd_l_zoznamsk {
    width: 74px;
    background-position: -137px 0
}
.pvd_l_mynetcom {
    width: 55px;
    background-image: url();
    background-position: 0 0
}
.pvd_l_igcombr,
.pvd_l_bolcombr,
.pvd_l_uolcombr,
.pvd_l_globocom,
.pvd_l_oicombr {
    background-image: url()
}
.pvd_l_igcombr {
    width: 38px;
    background-position: 0 0
}
.pvd_l_bolcombr {
    width: 62px;
    background-position: -38px 0
}
.pvd_l_uolcombr {
    width: 62px;
    background-position: -100px 0
}
.pvd_l_globocom {
    width: 83px;
    background-position: -162px 0
}
.pvd_l_oicombr {
    width: 54px;
    background-position: -245px 0
}
.pvd_l_sina,
.pvd_l_mail163,
.pvd_l_qqcom,
.pvd_l_sohucom {
    background-image: url()
}
.pvd_l_sina {
    width: 49px;
    background-position: 0 0
}
.pvd_l_mail163 {
    width: 73px;
    background-position: -49px 0
}
.pvd_l_sohucom {
    width: 63px;
    background-position: -122px 0
}
.pvd_l_qqcom {
    width: 65px;
    background-position: -187px 0
}
.pvd_l_freemailhu,
.pvd_l_citromailhu {
    background-image: url()
}
.pvd_l_freemailhu {
    width: 70px;
    background-position: 0 0
}
.pvd_l_citromailhu {
    width: 85px;
    background-position: -70px 0
}
.pvd_l_ukrnet,
.pvd_l_iua {
    background: url() no-repeat
}
.pvd_l_ukrnet {
    width: 75px
}
.pvd_l_iua {
    width: 47px;
    background-position: -75px 0
}
.pvd_l_mac,
.pvd_l_outlook {
    background-image: url()
}
.pvd_l_mac {
    width: 46px;
    background-position: 0 0
}
.pvd_l_outlook {
    width: 36px;
    background-position: -45px 0
}
.pvd_l_naver,
.pvd_l_daum,
.pvd_l_nate {
    background: url() no-repeat
}
.pvd_l_naver {
    width: 82px
}
.pvd_l_daum {
    width: 60px;
    background-position: -82px 0
}
.pvd_l_nate {
    width: 66px;
    background-position: -142px 0
}
.pvd_more {
    width: 35px;
    background: none;
    font-size: 30px;
    line-height: .8;
    text-align: center
}
.js .pvd_more {
    cursor: pointer;
    color: #1c5192
}
.fb_pup_link_row .item {
    position: relative;
    display: inline-block;
    margin: 0 10px 10px 0 !important;
    width: 160px;
    height: 45px;
    background: url() no-repeat;
    text-align: center
}
.fb_pup_link_row ul {
    display: block !important
}
.fb_pup_link_row .item_r {
    position: absolute;
    top: 0;
    right: -3px;
    width: 3px;
    height: 45px;
    background: url() no-repeat 100% 0
}
.fb_pup_link_row .soc_ic {
    display: inline-block;
    margin-right: -3px;
    height: 40px;
    background: url
     no-repeat
}
.fb_pup_link_row .f {
    width: 113px;
    background-position: 0 8px
}
.fb_pup_link_row .myspace {
    width: 97px;
    background-position: -129px 8px
}
.fb_pup_link_row .orkut {
    width: 81px;
    background-position: -249px 8px
}
.fb_pup_link_row .photobucket {
    width: 102px;
    background-position: -347px 8px
}
.fb_pup_link_row .hyvesnl {
    width: 80px;
    background-position: -462px 10px
}
.fb_pup_link_row .vk {
    width: 123px;
    background-position: -560px 8px
}
.fb_pup_link_row .ok {
    width: 136px;
    background-position: -954px 7px
}
.fb_pup_link_row .lide {
    width: 101px;
    background-position: -696px 8px
}
.fb_pup_link_row .skyrock {
    width: 125px;
    background-position: -810px 7px
}
.fb_pup_link_row .instagram {
    width: 104px;
    background-position: -1096px 8px
}
.users-connect {
    position: relative;
    display: inline-block;
    margin: 0 0 25px
}
.users-connect__contacts {
    position: relative;
    display: inline-block;
    margin: -8px 0 0;
    padding: 15px 0 0
}
.users-connect__contacts .brick {
    border-radius: 5px;
    width: 50px;
    height: 50px
}
.users-connect__contacts .brick-img,
.users-connect__contacts .brick-img:before {
    border-radius: 5px
}
.users-connect__contacts .brick + .brick {
    margin-left: 6px
}
.users-connect__btn {
    margin: 10px 0 0
}
.users-connect__question {
    position: relative;
    z-index: 2;
    margin: 0 0 0 3px
}
body:not(.spp-naming-test-on) .spp-naming-test,
body.spp-naming-test-on .verification-methods__logo--spp .spp-naming-old,
body.spp-naming-test-on .ovl__header-content .spp-naming-old,
body.spp-naming-test-on .spp-naming-test + * {
    display: none !important
}
body.spp-naming-test-on .verification-methods__item-inner .icon--spp,
body.spp-naming-test-on .verification-methods__item-inner .icon--grey.icon--spp:hover {
    background-image: radial-gradient(circle closest-side, transparent 0%, transparent 90%)
}
body.spp-naming-test-on .icon--spp {
    border-color: #7000e3;
    background-image: radial-gradient(circle closest-side, transparent 0%, transparent 90%)
}
body.spp-naming-test-on .brick--spp {
    background-image: radial-gradient(circle closest-side, transparent 0%, transparent 90%);
    background-color: #7000e3
}
body.spp-naming-test-on .spp-unsubscribe .section-left-side,
body.spp-naming-test-on .spp-unsubscribe_ {
    border-top-color: #7000e3
}
body.spp-naming-test-on .verification-methods__item-inner .icon--spp {
    border-color: #bfbfbf;
    border-radius: 100%;
    fill: #bfbfbf;
    background-color: #bfbfbf
}
body.spp-naming-test-on .verification-methods__item--linked .verification-methods__item-inner .icon--spp,
body.spp-naming-test-on .verification-methods__item-inner:hover .icon--spp {
    background-color: #7000e3
}
body.spp-naming-test-on .verification-methods__item-inner .icon--spp .icon-svg {
    border-radius: inherit
}
body.spp-naming-test-on .has-hover .icon--group use:last-child,
body.spp-naming-test-on .verification-methods__item--linked .verification-methods__item-inner .icon--group use:first-child {
    opacity: 0
}
body:not(.spp-naming-test-on) .icon--group:hover use:first-child,
body.spp-naming-test-on .has-hover:hover .icon--group use + use,
body.spp-naming-test-on .verification-methods__item--linked .verification-methods__item-inner .icon--group use:last-child {
    opacity: 1
}
body.spp-naming-test-on .js-ovl-content .spp-naming-test {
    margin: 0 auto
}
#ss {
    position: static !important;
    margin: 0 0 0 270px !important;
    border-right: 1px solid rgba(0, 0, 0, .15);
    border-left: 1px solid rgba(0, 0, 0, .15);
    width: 900px !important;
    font: 12px/1.5 Consolas;
    transition: margin-left .3s ease-in-out, width .3s ease-in-out
}
#ss > div,
.xdebug-var-dump,
pre {
    position: relative;
    padding: 0 20px 20px;
    background: #fff
}
.xdebug-var-dump {
    overflow: hidden;
    white-space: pre
}
.xdebug-var-dump,
pre {
    margin-bottom: 20px
}
#statslow_toggle_btn,
#ss_url {
    margin-left: 270px !important;
    transition: margin-left .3s ease-in-out
}
@media screen and (max-width:1175px) {
    #ss,
    #statslow_toggle_btn,
    #ss_url {
        margin-left: 240px !important
    }
}
@media screen and (max-width:1145px) {
    #ss,
    #statslow_toggle_btn,
    #ss_url {
        margin-left: 60px !important
    }
}
.sdo_tab_container {
    position: absolute
}
.sd_toolbar {
    direction: ltr;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    box-shadow: 0 0 5px #000;
    padding-left: 5px;
    background: #f7f7f7
}
.sdt_item {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 3px 0 5px
}
.sdti_trgr {
    border: 1px solid #666;
    border-radius: 8px;
    padding: 3px 9px 4px;
    background: #4ca9d2;
    background-image: linear-gradient(to top, rgb(53, 157, 205) 0%, rgb(92, 177, 214) 61%);
    font-size: 12px;
    color: #fff;
    text-decoration: none
}
.sdti_trgr_error {
    border-color: #333;
    background: #eb3d3d;
    background-image: linear-gradient(to top, rgb(232, 37, 37) 0%, rgb(237, 78, 78) 100%)
}
.sdti_trgr:hover {
    color: #ddd !important
}
.sdo_opened {
    overflow: hidden
}
.sd_ovl {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    padding: 48px 10px 10px;
    background: rgba(255, 255, 255, .9)
}
.sdo_opened .sd_ovl {
    display: block
}
.sdo_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 10px;
    background: #ff761a;
    cursor: pointer;
    color: #fff
}
.sdo_tabs {
    overflow: hidden;
    padding: 10px 10px 0
}
.sdot_item {
    position: relative;
    float: left;
    margin: 0 3px 0 0;
    border-radius: 5px 5px 0 0;
    padding: 4px 15px 5px;
    background: #2594b4;
    cursor: pointer;
    font-size: 14px;
    color: #fff
}
.sdot_item.current {
    margin-top: -6px;
    padding-top: 10px;
    background: #2bb7df;
    cursor: default
}
.sdtoi_l {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.sdot_cont {
    display: none;
    border-radius: 5px;
    padding: 6px;
    background: #2bb7df
}
.sdot_show_add .sdot_cont_add,
.sdot_show_on .sdot_cont_on,
.sdot_show_onload .sdot_cont_onload,
.sdot_cont_visible {
    display: block
}
.sdo_table {
    width: 100%;
    border-collapse: collapse;
    background: #fff
}
.sdot_short {
    width: auto
}
.sdo_table td,
.sdo_table th {
    border: 1px solid #333
}
.sdo_table th {
    padding: 3px 5px;
    background: #c8e8f0;
    text-align: left
}
.sdo_table td {
    padding: 1px 3px
}
td.sdot_details {
    padding: 10px 15px
}
.xhr_error td {
    background: #f18181
}
.sdto_details_toggle {
    display: inline-block;
    margin: 0 4px 0 0;
    width: 6px;
    height: 5px;
    padding: 3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFBAMAAACUdoDVAAAAElBMVEUAAABha3h5gYx/h5K5vsO5vsQf8DbDAAAAAXRSTlMAQObYZgAAABZJREFUeNpjUGVgYBBUAWJBYzAN5AMACrgBCmRFF8MAAAAASUVORK5CYII=) 50% 50% no-repeat
}
.details_is_shown .sdto_details_toggle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGBAMAAAD9IJlFAAAAElBMVEUAAABha3h5gYx/h5K5vsO5vsQf8DbDAAAAAXRSTlMAQObYZgAAACJJREFUeNpjCBQUDGBgEhRiYGJmYGZgYFBUABKODkACyAMAH+cBtqsDUuwAAAAASUVORK5CYII=)
}
.sdot_cont .dt-xhr-ss table {
    width: 100%;
    border-collapse: collapse
}
.sdot_cont .dt-xhr-ss table th {
    vertical-align: baseline;
    border: 1px solid #000;
    padding: 0 2px;
    background-color: #ccf;
    font-weight: bold;
    font-size: 8pt;
    text-align: left;
    color: #000
}
.sdot_cont .dt-xhr-ss table td {
    vertical-align: baseline;
    border: 1px solid #000;
    max-height: 100px;
    padding: 0 2px;
    background-color: #ccc;
    font-size: 8pt;
    text-align: left;
    color: #000
}
.sdot_cont .dt-xhr-ss .err_element {
    background-color: #fc0
}
.sdot_cont .dt-xhr-ss div.statslow_bt {
    font-weight: normal !important
}
#statslow_toggle_btn {
    position: relative
}
.is-blocked body {
    overflow: hidden
}
.is-blocked body:after {
    content: '';
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .5)
}
.page_ {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    width: 1170px;
    height: 100%;
    min-height: 100vh;
    transition: width .3s ease-in-out
}
.page-left-side {
    position: fixed;
    z-index: 99;
    top: 0;
    bottom: 0;
    width: 270px;
    transition: width .3s ease-in-out;
    will-change: transform
}
.page-right-side,
.page-right-footer {
    position: relative;
    z-index: 1;
    left: 270px;
    box-shadow: 1px 5px 5px rgba(0, 0, 0, .1);
    width: 900px;
    transition: left .3s ease-in-out, width .3s ease-in-out
}
.page-right-side {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background: #fff
}
.ie11 .page-right-side {
    min-height: calc(100vh - 175px)
}
.page-right-sidebar {
    position: absolute;
    z-index: 2;
    top: 0;
    right: -20px;
    transition: right .25s
}
.page-right-sidebar_ {
    position: relative;
    top: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    display: inline-table;
}
.page-right-footer {
    display: none;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-top: 1px solid rgba(0, 0, 0, .1);
    min-height: 0;
    padding: 15px 30px 0;
    background: #f7f7f7
}
.with-side-footer .page-right-footer {
    display: block
}
.simple-page,
.page--simple .page_ {
    display: none
}
.sidebar {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #eee;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: width .3s cubic-bezier(.39, .58, .57, 1), padding .3s ease-in-out;
    will-change: transform
}
.sidebar:after {
    content: '';
    position: absolute;
    top: 0;
    right: -5px;
    bottom: 0;
    box-shadow: -1px 0 5px rgba(0, 0, 0, .1);
    width: 5px
}
.sidebar-logo {
    position: relative;
    left: 30px;
    width: 210px;
    height: 60px;
    text-align: center;
    transition: width .3s ease-in-out, left .3s ease-in-out
}
.sidebar-logo .logo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}
.sidebar-logo .logo {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease-in-out .13s, visibility .3s ease-in-out .13s
}
.sidebar-logo .logo-ico {
    position: absolute;
    top: 8px;
    left: -2px;
    opacity: 0;
    visibility: hidden;
    width: 44px;
    height: 44px;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}
@media screen and (max-width:1175px) {
    .page-left-side {
        width: 240px
    }
    .page-right-side,
    .page-right-footer {
        left: 240px
    }
}
@media screen and (max-width:1145px) {
    .page_ {
        margin: 0;
        width: 960px
    }
    .page-left-side {
        width: 60px
    }
    .page-right-side,
    .page-right-footer {
        left: 60px
    }
    .sidebar-logo .logo {
        opacity: 0;
        visibility: hidden
    }
}
.icon-svg {
    display: none
}
.ovl {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 9999;
}
.ovl-frame {
    position: relative;
    display: inline-block;
    opacity: 1;
    border-radius: 15px;
    background: #fff;
    white-space: normal;
    top: 40%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.ovl-frame.transition {
    overflow: hidden;
    transition: all .2s
}
.ovl-opened .ovl-frame {
    opacity: 1;
    -webkit-animation: ovl-open .2s;
    animation: ovl-open .2s
}
.ovl-frame > .loader {
    z-index: 1
}
.js-ovl-content {
    transition: all .2s
}
.ovl-loading .js-ovl-content {
    opacity: 0
}
.ovl-loading .ovl-frame.transition .js-ovl-content {
    transition: none
}
.ovl-align {
    vertical-align: middle;
    display: inline-block;
    height: 100%
}
.ovl-opened.ovl-loading .ovl-frame-loader {
    opacity: 1;
    visibility: visible
}
.ovl-opened.ovl-loading .ovl-loader {
    display: none
}
.ovl .ovl-scroll {
    margin-right: -40px;
    margin-left: -40px
}
.ovl .ovl-scroll_ {
    margin-right: 40px;
    margin-left: 40px
}
.ovl-body {
    width: 600px
}
.ovl-body--narrow {
    width: 400px
}
.ovl-body--wide {
    width: 740px
}
.ovl-close {
    position: absolute;
    z-index: 1;
    top: 27px;
    right: 27px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    opacity: .8;
    cursor: pointer;
    transition: opacity .2s
}
.ovl__header {
    border-radius: 13px 13px 0 0;
    background: #2b65f8
}
.ovl__title {
    margin: 0;
    padding: 23px 60px 23px 30px;
    font-size: 1.429em;
    line-height: 1.2;
    text-align: left;
    color: #fff
}
.ovl__title.center {
    text-align: center
}
.ovl__title-appendix {
    font-family: 'FS Albert Pro Web', Arial, Helvetica, sans-serif;
    color: #95b2fc
}
.ovl__title-link {
    cursor: pointer;
    color: inherit
}
.ovl__title-link:hover {
    color: #fff
}
.ovl__title-icon {
    vertical-align: middle;
    opacity: .8
}
.ovl__title-icon:hover {
    opacity: 1
}
.ovl__header-desc {
    position: relative;
    z-index: 1;
    min-height: 60px;
    padding: 20px 50px;
    font-size: 1.143em;
    line-height: 1.25;
    text-align: center;
    color: #fff
}
.ovl__header-desc + .ovl__header-content {
    margin-top: -60px
}
.ovl__header-content {
    position: relative;
    min-height: 100px;
    padding: 60px 0 0;
    background: 50% calc(50% + 35px) url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20600%20500%22%20width%3D%22600%22%20height%3D%22500%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M600%20217v282c0%20.6-.4%201-1%201H1c-.6%200-1-.4-1-1V217s115.7%2033%20300%2033%20300-33%20300-33z%22%2F%3E%20%3C%2Fsvg%3E');
    background-size: cover;
    text-align: center
}
.ovl__header-content--over:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 70px;
    background-image: inherit;
    background-position: 50% calc(50% + 35px)
}
.ovl__header-content--cloud {
    min-height: 135px;
    background: no-repeat 50% calc(100% + 5px) url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20400%20200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M232.4%20230.8c8%207.8%2018.8%2012.5%2030.8%2012.5%2016.4%200%2030.7-9%2038.3-22.2%206%2013%2019.3%2022%2034.6%2022%2011%200%2020.7-4.4%2027.7-11.7%2012%2011%2027.8%2017.6%2045.2%2017.6%2037%200%2067-30%2067-67s-30-67-67-67c-32.2%200-59%2022.6-65.5%2052.7-2.4-.4-5-.7-7.4-.7-13%200-24.6%206.6-31.4%2016.7C298.3%20167%20282%20155%20263.2%20155c-16.7%200-31.2%209.2-38.7%2022.8-6.4-5-14.5-7.8-23.2-7.8-10%200-19%203.8-25.8%2010-9.6-10.5-23.4-17-38.7-17-12.6%200-24%204.4-33%2011.7C96.3%20154%2076.5%20139%2053.2%20139%2024%20139%200%20163%200%20192.3c0%2029.5%2024%2053.4%2053.3%2053.4%2012.8%200%2024.6-4.5%2033.8-12%207.4%2020.3%2027%2035%2049.8%2035%2019.7%200%2036.8-11%2046-27%205.4%203.2%2011.8%205%2018.5%205%2012.8%200%2024-6.3%2031-16z%22%20id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-28)%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cellipse%20opacity%3D%22.8%22%20cx%3D%22325.6%22%20cy%3D%22186.6%22%20rx%3D%2235.6%22%20ry%3D%2235.6%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-size: 400px 200px;
    color: #fff
}
.ovl__header-icon {
    position: absolute;
    right: 0;
    bottom: 28px;
    left: 0;
    margin: auto
}
.ovl__header--green {
    background: #1ac636
}
.ovl__header--orange {
    background: #f69426
}
.ovl__header--encounters {
    background: #00caa8
}
.ovl__header--invisibility {
    background: #1eb2fc
}
.ovl__header--spotlight {
    background: #2b8cfc
}
.ovl__header--attention {
    background: #ff8200
}
.ovl__header--boost {
    background: #f55280
}
.ovl__header--like {
    background: #f02139
}
.ovl__header--match {
    background: url() 50% 0 / 446px 145px no-repeat #cc122b
}
.ovl-content {
    margin: 40px
}
.ovl-content--space {
    margin: 60px 70px
}
.ovl-content + .ovl__actions {
    margin-top: -10px
}
.ovl-content .form-label {
    width: 30%
}
.ovl__carousel {
    margin: 20px -40px
}
.ovl-promo {
    position: relative;
    border-radius: 14px 14px 0 0;
    padding: 40px;
    background: #262b37;
    color: #fff
}
.ovl-promo > .brick {
    margin-bottom: 20px
}
.ovl-promo > .brick + .brick {
    vertical-align: middle
}
.ovl-promo > video {
    margin: -40px;
    border-radius: 14px 14px 0 0
}
.ovl-promo--mosaic:first-child {
    top: -1px;
    border-top: 1px solid transparent;
    border-radius: 14px 14px 0 0
}
.ovl-promo--video {
    overflow: hidden;
    border-radius: 13px 13px 0 0;
    padding: 0
}
.chrome .ovl-promo {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.ovl-promo--red {
    background: radial-gradient(#f4675c, #d72f28)
}
.ovl-promo-label {
    position: absolute;
    right: -10px;
    bottom: 0;
    border: 3px solid #fff;
    border-radius: 16px;
    height: 32px;
    padding: 4px 7px 3px;
    background: #f02139;
    color: #fff
}
.ovl-photos {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 14px 14px 0 0;
    width: 600px;
    height: 315px
}
.ovl-photos__arrow-l,
.ovl-photos__arrow-r {
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -16px
}
.ovl-photos__arrow-l {
    left: 30px
}
.ovl-photos__arrow-r {
    right: 30px
}
.loading .ovl-photos__arrow-l,
.loading .ovl-photos__arrow-r {
    display: none
}
.ovl-photos__img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    margin: 0 auto;
    width: auto;
    height: 100%;
    transition: opacity .5s linear
}
.ovl__actions {
    position: relative;
    margin: 40px;
    text-align: center
}
.ovl__actions .btn {
    vertical-align: top;
    margin-top: 0;
    margin-bottom: 0
}
.ovl__buttons {
    vertical-align: top;
    display: inline-block;
    margin: -10px 0 0;
    width: 100%
}
.ovl__buttons .btn {
    margin-top: 10px
}
.ovl__buttons--narrow {
    width: auto
}
.ovl__buttons--narrow .btn {
    display: block;
    margin-left: 0
}
.ovl__actions-hint {
    margin: 20px 0 -10px;
    color: #999
}
.ovl__hint {
    margin: -40px 0 0;
    padding: 20px 20px 30px;
    color: #999
}
.ovl__hint:empty {
    display: none
}
.ovl__hint + .ovl__hint {
    margin-top: -30px
}
.ovl__hint--cost {
    overflow: hidden;
    border-radius: 0 0 14px 14px;
    font-size: .857em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
}
.ovl__hint--cost > .service-cost {
    margin: -20px -20px -30px;
    font-size: 1.1669em
}
.ovl__hint--grey {
    margin-top: -10px;
    border-top: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0 0 14px 14px;
    padding: 20px 30px;
    background: #f7f7f7;
    color: #bfbfbf
}
.ovl__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px)
}
.ovl__banner {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    text-align: left
}
.ovl__banner + .ovl-content {
    margin-top: 0
}
.ovl__banner > .banner {
    background: #fff
}
.sign-features {
    margin: 25px 0;
    border-top: 1px solid rgba(0, 0, 0, .15);
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    padding: 15px 0;
    text-align: left
}
.sign-features__item {
    position: relative;
    margin: 10px 10px 10px 20px;
    padding: 0 0 0 22px
}
.sign-features__item:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAZElEQVQokWP4k26/CIifALErAw4AlPMG4udAPAfEeQvE/4H4GxB74FD8E6rmIUjAA0kARROaYpCcE0wCXZMrTsVIpqFrwq0Yhya4bbgCgzQNJDmJJE+THKxA4hUJEXePgdSkAQAALuInJIwqdgAAAABJRU5ErkJggg==) no-repeat
}
.sign-email {
    display: inline-block;
    border-radius: 15px;
    width: 100%;
    padding: 18px 15px 10px;
    background: #ebedf2
}
.sign-email > span {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis
}
.sign-email__item {
    padding: 5px 0
}
.sign-separator {
    position: relative;
    margin: -10px 0 -20px;
    min-height: 1px
}
.sign-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    width: 100%
}
.sign-separator__txt {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    background: #fff;
    font-size: .786em;
    color: #bfbfbf
}
.select-location {
    text-align: left
}
.select-location__search {
    margin: 0 auto 20px
}
.select-location .ovl-scroll {
    height: 360px;
    max-height: 360px
}
.select-location__item {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 6px 0 6px 10px;
    cursor: pointer;
    line-height: 1.2857;
    white-space: nowrap;
    text-overflow: ellipsis
}
.select-location__item:hover {
    background: #f7f7f7;
    color: #2b65f8
}
.select-location__item.active {
    color: #bfbfbf
}
.stars {
    position: relative;
    margin: 0 auto 40px;
    width: 320px;
    height: 44px;
    background: url('../../images/stars.5.png') 0 0 repeat-x
}
.stars .blocker {
    z-index: 6
}
.stars__star {
    position: absolute;
    left: 0;
    box-sizing: content-box;
    width: 64px;
    height: 44px;
    cursor: pointer
}
.stars__star:hover {
    background: url('../../images/stars.5.png') 0 -44px repeat-x
}
.stars__star:first-child {
    z-index: 5
}
.stars__star:first-child + .stars__star {
    z-index: 4;
    padding: 0 0 0 64px
}
.stars__star:first-child + .stars__star + .stars__star {
    z-index: 3;
    padding: 0 0 0 128px
}
.stars__star:first-child + .stars__star + .stars__star + .stars__star {
    z-index: 2;
    padding: 0 0 0 192px
}
.stars__star:first-child + .stars__star + .stars__star + .stars__star + .stars__star {
    z-index: 1;
    width: 44px;
    padding: 0 0 0 276px
}
.share-likes {
    margin: 0 -50px
}
.share-likes .like-wrap {
    position: relative;
    display: inline-block;
    margin: 5px;
    border: 1px solid transparent;
    border-radius: 50px;
    width: 170px;
    padding: 0 20px 3px;
    cursor: default;
    line-height: 3.2144
}
.like-wrap--vkontakte {
    background: #e3ecf7
}
.like-wrap--vkontakte:hover {
    border: 1px solid #aec1d5
}
.like-wrap--facebook {
    background: #eff3ff
}
.like-wrap--facebook:hover {
    border: 1px solid #96a6e1
}
.like-wrap--youtube {
    background: #ffeae8
}
.like-wrap--youtube:hover {
    border: 1px solid #f7a59d
}
.like-wrap--google {
    background: #ffe3dc
}
.like-wrap--google:hover {
    border: 1px solid #ea9984
}
.like-wrap--twitter {
    background: #e8f9ff
}
.like-wrap--twitter:hover {
    border: 1px solid #6abae3
}
.like-wrap--trustpilot {
    position: relative;
    background: #e7eff7
}
.like-wrap--trustpilot:hover {
    border: 1px solid #657e95
}
.five-stars__feedback {
    height: 160px
}
.share-item {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 1
}
.share-likes .like-wrap_,
.share-likes .like-wrap_ .like-btn,
.share-likes .like-wrap_ .like-counter {
    box-sizing: content-box
}
.report {
    text-align: left
}
.report--grey {
    border-radius: 12px;
    padding: 20px 30px;
    background: #eee
}
.report__btn-submit,
.report-user .report__btn-block,
.block-user .report__btn-report {
    display: none
}
.report-user .report__btn-submit,
.block-user .report__btn-submit {
    display: inline-block
}
.report-user .report__btn-report,
.block-user .report__btn-block {
    display: inline
}
.report__comment,
.report__hint {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    padding: 0;
    transition: max-height .2s ease-in-out, padding .2s ease-in-out, opacity .2s ease-in-out, visibility .2s
}
.report-user .report__comment,
.report--comment .report__comment {
    opacity: 1;
    visibility: visible;
    max-height: 120px;
    padding: 10px 0 0
}
.report-user .report__hint {
    opacity: 1;
    visibility: visible;
    max-height: 100px;
    padding: 15px 0 0;
    text-align: center
}
.report__comment .char-counter {
    margin: 0 5px 0 0;
    text-align: right
}
.delete-profile {
    padding: 0 30px
}
.delete-profile__reason-hint {
    position: relative;
    opacity: 0;
    overflow: hidden;
    max-height: 0;
    transition: all .2s
}
.delete-profile__reason-hint_ {
    display: inline-block;
    margin: 7px 0 7px 33px;
    border-radius: 8px;
    padding: 12px 15px 12px 45px;
    background: #fff4b2
}
.delete-profile__reason-icon {
    position: absolute;
    top: 25px;
    left: 45px
}
.delete-profile__reason-hint-1 .delete-profile__reason-hint-1 .delete-profile__reason-hint,
.delete-profile__reason-hint-2 .delete-profile__reason-hint-2 .delete-profile__reason-hint,
.delete-profile__reason-hint-3 .delete-profile__reason-hint-3 .delete-profile__reason-hint,
.delete-profile__reason-hint-4 .delete-profile__reason-hint-4 .delete-profile__reason-hint,
.delete-profile__reason-hint-5 .delete-profile__reason-hint-5 .delete-profile__reason-hint,
.delete-profile__reason-hint-6 .delete-profile__reason-hint-6 .delete-profile__reason-hint,
.delete-profile__reason-hint-7 .delete-profile__reason-hint-7 .delete-profile__reason-hint {
    opacity: 1;
    max-height: 140px
}
.delete-profile__spp {
    border-radius: 8px;
    padding: 20px;
    background: #fff4b2
}
.delete-profile__icon {
    margin: -45px 0 0
}
.whats-new {
    position: relative
}
.whats-new__cnt {
    transition: opacity .5s, visibility .5s
}
.whats-new__img {
    margin: 0 -40px 20px;
    min-height: 300px
}
.whats-new__arrow-l,
.whats-new__arrow-r {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 120px;
    height: 300px
}
.whats-new__arrow-l {
    left: 0
}
.whats-new__arrow-r {
    right: 0
}
.whats-new__arrow-l-ico,
.whats-new__arrow-r-ico {
    position: absolute;
    top: 50%;
    left: 40px;
    opacity: .2;
    margin-top: -24px;
    width: 17px;
    height: 47px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAABeCAMAAADyvQ9xAAAAZlBMVEUAAAAjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCYjJCZYyo7fAAAAIXRSTlMABCLA8zn8+e3cYUsuGRIL4tCjhnnKs5mRbVm5QueoaVHoYshRAAAA/0lEQVQ4y82Uy7ZDQBBF0TTtHYmEEOz//8k7vVU9aMkkMdxLWeexnEg+1XhI0BQskmxwyBu4C9D1pI0gE+wCZBYT/wfxhbwWr9zgKkCS42JBDGQClPDQ8l+tIAM8P5A/a/nj2/JTfPmrlj/IsHtIJNm1xSg22EyiOucSS3SFm7pz5OrjGRhJogeUkrQvikaiJ2zq7g5VpAPoO4lmmJSoEVsrM/aEmc6RKjMrLErU4JspKFrPzKDuFli1GS+p0s3RMVb61AvrOBNW44e1w/T95gNhBcwEmvfMfNy8CTafQK8M/85KbadWKnl/peyJlerCK+X9Q8GR1f+i8VqbnWroD6pJH74ZqDyBAAAAAElFTkSuQmCC) no-repeat 0 0;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}
.whats-new__arrow-r-ico {
    right: 40px;
    left: auto;
    background-position: 0 -47px
}
.whats-new__arrow-l:hover .whats-new__arrow-l-ico,
.whats-new__arrow-r:hover .whats-new__arrow-r-ico {
    opacity: 1;
    -webkit-transform: scaleY(.7);
    transform: scaleY(.7)
}
.sticker-offers {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}
.sticker-offer {
    position: relative;
    z-index: 1;
    display: inline-block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 0 120px;
    -ms-flex: 1 0 120px;
    flex: 1 0 120px;
    border-radius: 5px;
    padding: 0 10px 10px;
    background: #fff;
    text-align: center;
    transition: box-shadow .1s
}
.sticker-offer:not(:only-child):hover {
    z-index: 2;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2)
}
.sticker-offer__img {
    position: relative;
    display: block;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.sticker-offer__img::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 2px;
    left: 0;
    margin: auto;
    border-radius: 100%;
    width: 120px;
    height: 25px;
    background: #f2f2f2
}
.sticker-offer__img > img {
    position: relative
}
.sticker-offer__info {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 10px 10px 5px
}
.sticker-offer__btn > .btn {
    position: static
}
.sticker-offer__bought {
    display: none;
    padding: 11px 0
}
.sticker-offer--bought .sticker-offer__btn {
    display: none
}
.sticker-offer__bought > .brick {
    margin: -4px 0 -3px 2px
}
.sticker-offer--bought:hover {
    z-index: auto;
    box-shadow: none
}
.sticker-offer--bought .sticker-offer__bought {
    display: block
}
.ovl-splash-twitter > .brick {
    margin: 0 14px
}
.social-connect {
    height: 280px
}
.social-connect--fb-friends {
    height: auto
}
.social-connect > h1 {
    margin-top: -15px;
    text-align: left
}
.social-connect__subtitle {
    padding: 12px 30px 0
}
.social-connect-txt {
    margin: 0 0 0 17px;
    max-width: 395px;
    text-align: left
}
.social-connect-txt--fixed {
    position: relative;
    width: 395px
}
.social-connect-txt__on,
.social-connect-txt__off {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: opacity .3s ease
}
.social-connect-txt .social-connect-txt__on,
.social-connect-txt--on .social-connect-txt__off {
    opacity: 0
}
.social-connect-txt--on .social-connect-txt__on {
    opacity: 1
}
.fb-notifications-promo {
    margin-top: 20px
}
.fb-people-vote {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 190px
}
.fb-people-friends {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 209px
}
.payment-promo-ovl__icon {
    position: relative;
    z-index: 1;
    top: -5px;
    display: inline-block;
    margin: -40px 0 0
}
.payment-promo-ovl > .payment-info {
    margin: 0 -10px
}
.payment-promo-ovl .payment-info__item {
    margin: 0;
    width: 168px
}
.payment-promo-ovl .payment-info__item + .payment-info__item {
    margin: 0 0 0 12px
}
.payment-promo-ovl > .payment-info--unsubscribe {
    margin-bottom: 20px
}
.location-options {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.location-option {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 12px 30px 5px
}
.location-options__or {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.location-options__or:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    border-right: 1px solid #d4d5d6;
    width: 50%
}
.location-options__or_ {
    position: relative;
    padding: 10px 0;
    background: #fff
}
}
.location-distance__user--self {
    left: 0
}
.location-distance__user--other {
    right: 0;
    background-position: -132px 0
}
.location-nearby {
    height: 180px;
    text-align: center
}
.location-nearby > img {
    position: absolute;
    right: 0;
    bottom: 43px;
    left: 0;
    margin: 0 auto;
    width: 381px;
    height: 156px
}
.location-nearby:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 168px;
}
.location-timer {
    margin: 0 0 15px
}
.location-arrow {
    position: fixed;
    z-index: -1;
    display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi),
only screen and (min-resolution:1.25dppx) {
    .location-arrow {
        background-size: 235px 105px
    }
}
.arr_ff .location-arrow {
    top: 145px;
    left: 270px;
    display: block;
    width: 73px;
    height: 105px;
    background-position: 0 0
}
.arr_webkit .location-arrow {
    top: 115px;
    left: 450px;
    display: block;
    width: 73px;
    height: 105px;
    background-position: 0 0
}
@media (max-width:1330px),
(max-height:820px) {
    .arr_ff .location-arrow--webcam,
    .arr_webkit .location-arrow--webcam {
        top: 50px;
        left: calc(25vw - 150px);
        margin: 0 0 0 -22px;
        width: 44px;
        background-position: -146px 0
    }
}
.arr_ie .location-arrow {
    bottom: 60px;
    left: 50%;
    display: block;
    margin: 0 0 0 -22px;
    width: 44px;
    height: 105px;
    background-position: -190px 0
}
.badge-loading {
    position: relative;
    overflow: hidden;
    margin: 35px auto 15px;
    width: 220px;
    height: 220px
}
.badge-loading__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    height: 440px;
    background-position: 0 100%;
    background-size: 220px 440px
}
.badge-loading__bg + .badge-loading__bg {
    top: auto;
    bottom: 0;
    height: 0
}
.badge-loading__txt {
    display: inline-block;
    margin: 93px auto;
    height: 34px;
    font-size: 2.428em;
    line-height: 1
}
.ovl-promo--red {
    width: 400px;
    height: 400px
}
.ovl-promo--red > video {
    position: absolute;
    top: 35px;
    left: 40px
}
.profile-quality-ovl {
    position: relative;
    height: 600px
}
.profile-quality-ovl--photo > .ovl__header {
    background: #1f65f4
}
.profile-quality-ovl--relationships > .ovl__header {
    background: #ff5a27
}
.profile-quality-ovl--orientation > .ovl__header {
    background: #f04a6d
}
.profile-quality-ovl--height > .ovl__header {
    background: #42a5f5
}
.profile-quality-ovl--weight > .ovl__header {
    background: #ffa912
}
.profile-quality-ovl--body-type > .ovl__header {
    background: #7fc01a
}
.profile-quality-ovl--hair > .ovl__header {
    background: #42bff5
}
.profile-quality-ovl--eyes > .ovl__header {
    background: #3cad41
}
.profile-quality-ovl--living > .ovl__header {
    background: #2b65db
}
.profile-quality-ovl--children > .ovl__header {
    background: #ff599c
}
.profile-quality-ovl--smoking > .ovl__header {
    background: #b1b3cc
}
.profile-quality-ovl--alcohol > .ovl__header {
    background: #532bd5
}
.profile-quality-ovl--languages > .ovl__header {
    background: #ffa200
}
.profile-quality-ovl--interests > .ovl__header {
    background: #ff6f41
}
.profile-quality-ovl--about > .ovl__header {
    background: #6524ce
}
.profile-quality-ovl--verify > .ovl__header {
    background: #25b4f6
}
.profile-quality-ovl--education > .ovl__header {
    background: #256cf5
}
.profile-quality-ovl--final > .ovl__header {
    background: #4d83f7
}
.profile-quality-ovl__icon {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    opacity: .5;
    margin: 10px 0 60px;
    width: 32px;
    height: 32px
}
.profile-quality-ovl__icon > img {
    width: 100%;
    height: 100%
}
.profile-quality-ovl__icon:nth-child(2) {
    opacity: 1;
    margin-right: 40px;
    margin-left: 40px;
    width: 64px;
    height: 64px
}
.profile-quality {
    overflow: hidden;
    margin: -20px -40px 0;
    max-height: 295px;
    padding: 0 40px
}
.profile-quality-ovl--final .profile-quality {
    max-height: 340px
}
.profile-quality-ovl--education .profile-quality {
    overflow: visible
}
.profile-quality > .scroll {
    margin: 0 -20px 0 0
}
.profile-quality > .scroll:before,
.profile-quality > .scroll:after {
    right: 20px
}
.profile-quality .scroll__ {
    padding: 0 20px 0 0
}
.profile-quality .select-options .scroll__ {
    padding: 0
}
.profile-quality-ovl--relationships .checkbox > label:before {
    border-color: #ff5a27
}
.profile-quality-ovl--relationships .checkbox input:checked + label:before {
    background-color: #ff5a27
}
.profile-quality-ovl--relationships .checkbox label:hover:before,
.profile-quality-ovl--relationships .checkbox input:focus + label:before {
    border-color: rgb(230, 81, 35)
}
.profile-quality-ovl--orientation .checkbox input:checked + label:hover:before,
.profile-quality-ovl--orientation .checkbox input:checked:focus + label:before {
    background-color: rgb(230, 81, 35)
}
.profile-quality-ovl--orientation .checkbox > label:before {
    border-color: #f04a6d
}
.profile-quality-ovl--orientation .checkbox input:checked + label:before {
    background-color: #f04a6d
}
.profile-quality-ovl--orientation .checkbox label:hover:before,
.profile-quality-ovl--orientation .checkbox input:focus + label:before {
    border-color: rgb(216, 67, 98)
}
.profile-quality-ovl--orientation .checkbox input:checked + label:hover:before,
.profile-quality-ovl--orientation .checkbox input:checked:focus + label:before {
    background-color: rgb(216, 67, 98)
}
.profile-quality-ovl--hair .checkbox > label:before {
    border-color: #42bff5
}
.profile-quality-ovl--hair .checkbox input:checked + label:before {
    background-color: #42bff5
}
.profile-quality-ovl--hair .checkbox label:hover:before,
.profile-quality-ovl--hair .checkbox input:focus + label:before {
    border-color: rgb(59, 172, 221)
}
.profile-quality-ovl--hair .checkbox input:checked + label:hover:before,
.profile-quality-ovl--hair .checkbox input:checked:focus + label:before {
    background-color: rgb(59, 172, 221)
}
.profile-quality-ovl--eyes .checkbox > label:before {
    border-color: #3cad41
}
.profile-quality-ovl--eyes .checkbox input:checked + label:before {
    background-color: #3cad41
}
.profile-quality-ovl--eyes .checkbox label:hover:before,
.profile-quality-ovl--eyes .checkbox input:focus + label:before {
    border-color: rgb(54, 156, 59)
}
.profile-quality-ovl--eyes .checkbox input:checked + label:hover:before,
.profile-quality-ovl--eyes .checkbox input:checked:focus + label:before {
    background-color: rgb(54, 156, 59)
}
.profile-quality-ovl--living .checkbox > label:before {
    border-color: #2b65db
}
.profile-quality-ovl--living .checkbox input:checked + label:before {
    background-color: #2b65db
}
.profile-quality-ovl--living .checkbox label:hover:before,
.profile-quality-ovl--living .checkbox input:focus + label:before {
    border-color: rgb(39, 91, 197)
}
.profile-quality-ovl--living .checkbox input:checked + label:hover:before,
.profile-quality-ovl--living .checkbox input:checked:focus + label:before {
    background-color: rgb(39, 91, 197)
}
.profile-quality-ovl--body-type .checkbox > label:before {
    border-color: #7fc01a
}
.profile-quality-ovl--body-type .checkbox input:checked + label:before {
    background-color: #7fc01a
}
.profile-quality-ovl--body-type .checkbox label:hover:before,
.profile-quality-ovl--body-type .checkbox input:focus + label:before {
    border-color: rgb(114, 173, 23)
}
.profile-quality-ovl--body-type .checkbox input:checked + label:hover:before,
.profile-quality-ovl--body-type .checkbox input:checked:focus + label:before {
    background-color: rgb(114, 173, 23)
}
.profile-quality-ovl--children .checkbox > label:before {
    border-color: #ff599c
}
.profile-quality-ovl--children .checkbox input:checked + label:before {
    background-color: #ff599c
}
.profile-quality-ovl--children .checkbox label:hover:before,
.profile-quality-ovl--children .checkbox input:focus + label:before {
    border-color: rgb(230, 80, 140)
}
.profile-quality-ovl--children .checkbox input:checked + label:hover:before,
.profile-quality-ovl--children .checkbox input:checked:focus + label:before {
    background-color: rgb(230, 80, 140)
}
.profile-quality-ovl--languages .checkbox > label:before {
    border-color: #ffa200
}
.profile-quality-ovl--languages .checkbox input:checked + label:before {
    background-color: #ffa200
}
.profile-quality-ovl--languages .checkbox label:hover:before,
.profile-quality-ovl--languages .checkbox input:focus + label:before {
    border-color: rgb(230, 146, 0)
}
.profile-quality-ovl--languages .checkbox input:checked + label:hover:before,
.profile-quality-ovl--languages .checkbox input:checked:focus + label:before {
    background-color: rgb(230, 146, 0)
}
.profile-quality-ovl--smoking .checkbox > label:before {
    border-color: #b1b3cc
}
.profile-quality-ovl--smoking .checkbox input:checked + label:before {
    background-color: #b1b3cc
}
.profile-quality-ovl--smoking .checkbox label:hover:before,
.profile-quality-ovl--smoking .checkbox input:focus + label:before {
    border-color: rgb(159, 161, 184)
}
.profile-quality-ovl--smoking .checkbox input:checked + label:hover:before,
.profile-quality-ovl--smoking .checkbox input:checked:focus + label:before {
    background-color: rgb(159, 161, 184)
}
.profile-quality-ovl--alcohol .checkbox > label:before {
    border-color: #532bd5
}
.profile-quality-ovl--alcohol .checkbox input:checked + label:before {
    background-color: #532bd5
}
.profile-quality-ovl--alcohol .checkbox label:hover:before,
.profile-quality-ovl--alcohol .checkbox input:focus + label:before {
    border-color: rgb(75, 39, 192)
}
.profile-quality-ovl--alcohol .checkbox input:checked + label:hover:before,
.profile-quality-ovl--alcohol .checkbox input:checked:focus + label:before {
    background-color: rgb(75, 39, 192)
}
.profile-quality-ovl--height .slider-track,
.profile-quality-ovl--height .slider-mover {
    background: #42a5f5
}
.profile-quality-ovl--weight .slider-track,
.profile-quality-ovl--weight .slider-mover {
    background: #ffa912
}
.profile-quality-ovl--interests .intr:hover,
.profile-quality-ovl--interests .intr.active {
    background: rgb(230, 100, 59);
    color: #fff
}
.profile-quality-ovl--interests .intr:active {
    background: rgb(204, 89, 52);
    color: #fff
}
.profile-quality-ovl--interests .profile-quality__skip > .p-link {
    color: #ff6f41
}
.profile-quality-ovl--interests .profile-quality__skip > .p-link:hover {
    border-color: rgb(230, 100, 59);
    color: rgb(230, 100, 59)
}
.profile-quality__content {
    padding: 10px 20px 0
}
.profile-quality__upload {
    margin: 35px 0 5px
}
.profile-quality__upload > .btn {
    width: 70px;
    height: 70px
}
.loading .profile-quality__upload > .btn > .icon {
    opacity: 0
}
.profile-quality__error {
    margin: 15px 0 0;
    color: #f02139
}
.profile-quality__photo {
    position: relative;
    margin: 30px 0 15px
}
.profile-quality__photo:before {
    content: '';
    position: absolute;
    top: -6px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 110px;
    height: 4px;
    background: #edf0f4
}
.profile-quality__radio {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0 0;
    border-top: 1px solid #e6e6e6;
    padding: 10px 0 0;
    text-align: left
}
.profile-quality__radio:first-child {
    margin: 0;
    border: 0;
    padding: 0
}
.profile-quality__slider {
    margin: 35px 0 25px
}
.profile-quality__slider-value {
    margin: 0 0 10px;
    font-size: 2.857em;
    line-height: 1.15
}
.profile-quality__slider-switcher {
    margin: 0 0 25px
}
.profile-quality__skip {
    margin: 15px 0 0
}
.profile-quality__verify {
    margin: 0 auto;
    width: 300px
}
.profile-quality__progress {
    margin: 15px 0 20px
}
.profile-quality__interests {
    padding: 20px 0 0
}
.profile-quality__textarea {
    height: 160px
}
.profile-quality-pagination {
    position: absolute;
    right: 40px;
    bottom: 35px;
    left: 40px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.profile-quality-pagination__btn {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.profile-quality-pagination__step {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    cursor: pointer
}
.profile-quality-pagination__step:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    background: #bfbfbf
}
.profile-quality-pagination__step + .profile-quality-pagination__step {
    margin: 0 0 0 3px
}
.profile-quality-pagination__step.active {
    cursor: default;
    pointer-events: none
}
.profile-quality-pagination__step.active:before {
    width: 10px;
    height: 10px;
    background: #1ac636
}
.profile-quality-pagination__step.completed:before {
    background: #1ac636
}
.ribbon {
    position: absolute;
    top: 50px;
    left: -6px
}
.ribbon:before {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 0;
    border-width: 7px 6px 7px 0;
    border-style: solid;
    width: 0;
    height: 0
}
.ribbon__txt {
    position: relative;
    display: inline-block;
    border-radius: 0 8px 8px 0;
    height: 29px;
    padding: 10px 13px;
    font: 700 .857em/.84 Helvetica, Arial, sans-serif
}
.ribbon--red:before {
    border-color: transparent #af0808 transparent transparent
}
.ribbon--red .ribbon__txt {
    background: #f02139;
    color: #fff
}
.ovl-get-apps {
    margin: 0 -40px -40px;
    border-top: 1px solid #ebebeb;
    border-radius: 0 0 13px 13px;
    padding: 25px 40px;
    background: #f7f7f7
}
.get-app-item {
    position: relative;
    display: inline-block
}
.get-app-item + .get-app-item {
    margin: 0 0 0 30px
}
.get-app-item:hover {
    color: #2b65f8
}
.get-app-item__title {
    margin: 0 0 0 3px;
    height: 24px
}
.get-app-item__title--appstore {
    width: 67px
}
.get-app-item__title--gplay {
    width: 79px
}
.get-app-item__title--winstore {
    width: 94px
}
.photo-quality-good {
    padding: 35px 0 30px
}
.photo-quality-good__item {
    position: relative;
    z-index: 2;
    display: inline-block;
    box-shadow: 0 0 0 1px #e7e7e7, 0 1px 5px 1px rgba(0, 0, 0, .12);
    border: 4px solid #fff
}
.photo-quality-good__item + .photo-quality-good__item {
    z-index: 1;
    top: -5px;
    margin: 0 0 0 -70px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}
.photo-quality-good__item .photo-coaching {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    margin: 0 auto;
    pointer-events: none
}
.photo-quality-bad {
    margin: 15px 0 0 -5px
}
.photo-quality-bad__item {
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin: 5px 0 0 5px
}
.photo-quality-bad__item .checkbox {
    position: absolute;
    z-index: 2;
    right: 5px;
    bottom: 0;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 100%;
    background: #fff
}
.questions-ovl > .ovl__header {
    transition: background .4s
}
.questions-ovl--travel > .ovl__header {
    background: #ffa200
}
.questions-ovl--dating > .ovl__header {
    background: #f04a6d
}
.questions-ovl--sport > .ovl__header {
    background: #1f65f4
}
.questions-ovl--food-drink > .ovl__header {
    background: #7fc01a
}
.questions-ovl--lifestyle > .ovl__header {
    background: #42bff5
}
.questions-ovl--entertainment > .ovl__header {
    background: #6524ce
}
.questions-ovl {
    position: relative;
    overflow: hidden;
    height: 490px
}
.questions-ovl__back {
    position: absolute;
    bottom: 35px;
    left: 40px
}
.questions-ovl-content {
    position: relative;
    margin: -40px -40px 0;
    max-height: 260px;
    padding: 0 40px
}
.questions-ovl-content > .scroll {
    margin: 0 -20px 0 0
}
.questions-ovl-content > .scroll:before,
.questions-ovl-content > .scroll:after {
    right: 20px
}
.questions-ovl-content .scroll__ {
    padding: 0 20px 0 0
}
.profile-quality .select-options .scroll__ {
    padding: 0
}
.questions-ovl-content__item > .form {
    padding: 0 0 0 30px
}
.questions-ovl-content__title-animate {
    -webkit-animation: fadeInDown .4s;
    animation: fadeInDown .4s
}
.question-carousel-icon {
    position: relative;
    margin: -20px auto 0;
    width: 192px;
    height: 120px
}
.questions-ovl--final-screen {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.question-carousel-icon__item {
    position: absolute;
    opacity: .5;
    width: 32px;
    height: 32px;
    transition: all .4s
}
.question-carousel-icon__item > img {
    width: 100%;
    height: 100%
}
.questions-ovl.animation-left .question-carousel-icon__item:nth-child(2),
.questions-ovl.animation-right .question-carousel-icon__item:nth-child(4),
.question-carousel-icon__item:last-child,
.question-carousel-icon__item:first-child {
    opacity: 0
}
.questions-ovl.animation-left .question-carousel-icon__item:last-child,
.question-carousel-icon__item:last-child,
.question-carousel-icon__item:nth-child(4) {
    right: 0
}
.questions-ovl.animation-right .question-carousel-icon__item:first-child,
.questions-ovl.animation-left .question-carousel-icon__item:nth-child(3),
.questions-ovl.animation-left .question-carousel-icon__item:nth-child(2),
.question-carousel-icon__item:nth-child(2) {
    left: 0
}
.questions-ovl.animation-left .question-carousel-icon__item:last-child,
.questions-ovl.animation-right .question-carousel-icon__item:first-child,
.questions-ovl.animation-left .question-carousel-icon__item:nth-child(3),
.questions-ovl.animation-right .question-carousel-icon__item:nth-child(3) {
    opacity: .5;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.questions-ovl.animation-left .question-carousel-icon__item:nth-child(4),
.questions-ovl.animation-right .question-carousel-icon__item:nth-child(2),
.question-carousel-icon__item:nth-child(3) {
    opacity: 1;
    -webkit-transform: scale(2);
    transform: scale(2)
}
.questions-ovl.animation-right .question-carousel-icon__item:nth-child(2),
.question-carousel-icon__item:nth-child(3) {
    left: 80px
}
.questions-ovl.animation-left .question-carousel-icon__item:nth-child(4) {
    right: 80px
}
.questions-ovl.animation-right .question-carousel-icon__item:nth-child(3) {
    left: 160px
}
.questions__circles {
    position: absolute;
    border: 6px solid transparent;
    border-radius: 50%
}
.questions__circles--lg {
    top: -95px;
    left: -60px;
    border-color: #42a5f5;
    width: 146px;
    height: 146px;
    -webkit-animation: fadeInDown .4s;
    animation: fadeInDown .4s
}
.questions__circles--md {
    top: 55px;
    right: -50px;
    border-color: #f04a6d;
    width: 74px;
    height: 74px;
    -webkit-animation: fadeInRight .4s;
    animation: fadeInRight .4s
}
.questions__circles--sm {
    bottom: -60px;
    left: 70px;
    border-color: #ffb900;
    width: 95px;
    height: 95px;
    -webkit-animation: fadeInUp .4s;
    animation: fadeInUp .4s
}
.questions-matched-answers__bubble {
    position: relative;
    display: inline-block;
    border-radius: 20px
}
.questions-ovl__brick-animation {
    margin: 0 0 15px 0
}
.questions-ovl__brick-animation .brick:first-child {
    -webkit-animation: fadeInRight .4s;
    animation: fadeInRight .4s
}
.questions-ovl__brick-animation .brick:last-child {
    -webkit-animation: fadeInLeft .4s;
    animation: fadeInLeft .4s
}
.questions-matched-answers > .questions-matched-answers__bubble {
    position: relative;
    margin: 0 auto 10px;
    border-radius: 20px;
    max-width: 250px;
    padding: 10px 15px;
    background: #29cf29;
    color: #fff
}
.questions-matched-answers__arrow {
    position: absolute;
    right: 0;
    bottom: -8px;
    left: 0;
    margin: auto;
    width: 20px;
    height: 8px;
    background: #29cf29
}
.questions-matched-answers__arrow:before,
.questions-matched-answers__arrow:after {
    content: '';
    position: absolute;
    top: 0;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    background: #fff
}
.questions-matched-answers__arrow:before {
    left: -11px
}
.questions-matched-answers__arrow:after {
    right: -11px
}
.questions-matched-answers > .questions-matched-answers__bubble .brick:first-child {
    z-index: 2
}
.questions-different-answers {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.questions-different-answers > .questions-different-answers__bubble {
    position: relative;
    border-radius: 20px;
    max-width: 265px;
    padding: 8px 18px;
    line-height: 1.2em;
    text-align: left
}
.questions-different-answers > .brick {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}
.questions-different-answers:not(:last-child) {
    margin: 0 0 14px
}
.questions-different-answers--single:not(:last-child) {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -14px 0 14px
}
.questions-different-answers:nth-child(odd) {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}
.questions-different-answers:nth-child(even) > .questions-different-answers__bubble {
    margin: 0 0 0 12px;
    background: #fcdfdf
}
.questions-different-answers--single:nth-child(even) > .questions-different-answers__bubble,
.questions-different-answers:nth-child(odd) > .questions-different-answers__bubble {
    background: #eee
}
.questions-different-answers:nth-child(odd) > .questions-different-answers__bubble {
    margin: 0 12px 0 0
}
.questions-different-answers__dots:before {
    content: '\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022\2022'
}
.questions-different-answers > .questions-different-answers__bubble:before,
.questions-different-answers > .questions-different-answers__bubble:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 35px;
    height: 25px
}
.questions-different-answers:nth-child(even) > .questions-different-answers__bubble:before {
    left: -23px;
    clip: rect(4px, auto, auto, 15px);
    height: 20px;
    background: #fcdfdf
}
.questions-different-answers:nth-child(even) > .questions-different-answers__bubble:before,
.questions-different-answers:nth-child(even) > .questions-different-answers__bubble:after {
    border-radius: 0 0 50% 0
}
.questions-different-answers:nth-child(even) > .questions-different-answers__bubble:after {
    bottom: -3px;
    left: -35px;
    clip: rect(4px, auto, auto, 25px);
    background: #fff
}
.questions-different-answers--single:nth-child(even) > .questions-different-answers__bubble:before,
.questions-different-answers:nth-child(odd) .questions-different-answers__bubble:before {
    background: #eee
}
.questions-different-answers:nth-child(odd) .questions-different-answers__bubble:before {
    right: -23px;
    clip: rect(4px, 20px, auto, auto);
    height: 20px
}
.questions-different-answers:nth-child(odd) .questions-different-answers__bubble:before,
.questions-different-answers:nth-child(odd) .questions-different-answers__bubble:after {
    border-radius: 0 0 0 50%
}
.questions-different-answers--single:nth-child(even) > .questions-different-answers__bubble:after,
.questions-different-answers:nth-child(odd) .questions-different-answers__bubble:after {
    background: #fff
}
.questions-different-answers:nth-child(odd) .questions-different-answers__bubble:after {
    right: -35px;
    bottom: -3px;
    clip: rect(4px, 10px, auto, auto)
}
.questions-ovl.animation-right .questions-ovl-content__item:first-child,
.questions-ovl.animation-left .questions-ovl-content__item:last-child {
    position: relative;
    opacity: 1;
    -webkit-animation: fadeInQuestionsContent .5s ease-in-out;
    animation: fadeInQuestionsContent .5s ease-in-out
}
.questions-ovl-content__item:last-child,
.questions-ovl-content__item:first-child,
.questions-ovl.animation-left .questions-ovl-content__item:nth-child(2),
.questions-ovl.animation-right .questions-ovl-content__item:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    margin: auto;
    -webkit-animation: none;
    animation: none
}
.questions-ovl-content__item:nth-child(2) {
    position: relative;
    z-index: 1
}
.questions-ovl > .profile-quality-pagination {
    bottom: 25px
}
.questions-ovl.show-animate .ovl__header-icon {
    -webkit-animation: fadeInQuestionsContent .5s;
    animation: fadeInQuestionsContent .5s
}
.questions-ovl.show-animate .questions-matched-answers > .questions-matched-answers__bubble {
    -webkit-animation: pulse .4s;
    animation: pulse .4s
}
.questions-ovl.show-animate .bricks-line > .brick:first-child {
    -webkit-animation: fadeInRight .4s;
    animation: fadeInRight .4s
}
.questions-ovl.show-animate .bricks-line > .brick:last-child {
    -webkit-animation: fadeInLeft .4s;
    animation: fadeInLeft .4s
}
.questions-ovl.show-animate .questions-different-answers {
    -webkit-animation: zoom .4s;
    animation: zoom .4s
}
@-webkit-keyframes fadeInQuestionsContent {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeInQuestionsContent {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes fadeInRight {
    from {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    from {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -25%, 0);
        transform: translate3d(0, -25%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -25%, 0);
        transform: translate3d(0, -25%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 25%, 0);
        transform: translate3d(0, 25%, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 25%, 0);
        transform: translate3d(0, 25%, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes zoom {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.4, .4, .4);
        transform: scale3d(.4, .4, .4)
    }
    50% {
        opacity: 1
    }
}
@keyframes zoom {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.4, .4, .4);
        transform: scale3d(.4, .4, .4)
    }
    50% {
        opacity: 1
    }
}
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.viral-video {
    position: relative;
    overflow: hidden;
    border-radius: 13px 13px 0 0;
    min-height: 400px;
    cursor: pointer
}
.viral-video.is-playing .viral-video__play {
    display: none
}
.viral-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.viral-video__box video {
    display: block;
    max-width: 100%
}
.ovl-match .brick-wrap {
    vertical-align: bottom;
    margin: 0 5px;
    width: 130px
}
.ovl-match__btn-txt {
    color: #f02139
}
.ovl-match .brick--white:before {
    border-color: rgba(0, 0, 0, .1)
}
.ovl-match .brick-wrap:hover .brick--white:before {
    border-color: #f02139
}
.ovl-match .brick-wrap:active .brick--white:before {
    border-color: rgb(192, 26, 46)
}
.ovl-match .brick-wrap .brick--like:before {
    background: #f02139
}
.ovl-match .brick-wrap:hover .brick--like:before {
    background: rgb(216, 30, 51)
}
.ovl-match .brick-wrap:active .brick--like:before {
    background: rgb(192, 26, 46)
}
.brick-wrap:hover .ovl-match__icon-secondary {
    fill: #f02139
}
.brick-wrap:active .ovl-match__icon-secondary {
    fill: rgb(192, 26, 46)
}
.ovl-match__icon-secondary--smile {
    fill: #fec309;
    background: radial-gradient(circle closest-side, #000 0%, #000 90%, transparent 90%)
}
.brick-wrap:hover .ovl-match__icon-secondary--smile,
.brick-wrap:active .ovl-match__icon-secondary--smile {
    background: transparent
}
.upload-site {
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin: 0 32px 0 0;
    max-width: 64px
}
.upload-site:last-child {
    margin: 0
}
.upload-site__txt {
    margin: 0 -10px
}
.upload-site:hover .upload-site__txt {
    color: #2b65f8
}
.icon--google + .upload-site__txt {
    direction: ltr;
    unicode-bidi: embed
}
.profile-photo-import {
    width: 900px;
    height: 180px;
    padding: 30px 20px;
    text-align: center
}
.profile-photo-import .upload-site__txt {
    font-size: .786em
}
.upload-area {
    margin: 25px 0 20px;
    border: 2px dashed rgba(0, 0, 0, .15);
    border-radius: 10px;
    padding: 20px 25px;
    background: #f7f7f7;
    background-clip: border-box;
    transition: background .1s linear, border-color .1s linear
}
.upload-area.hover {
    border-color: rgba(0, 0, 0, 0.167);
    background: rgb(242, 242, 242)
}
.upload-control.simple,
.old-upload .upload-control.html5 {
    display: none
}
.old-upload .upload-control.simple {
    display: inherit
}
.classic-upload-btn {
    overflow: hidden
}
.classic-upload-btn input {
    position: absolute;
    top: 0;
    left: -300px;
    opacity: 0
}
.upload-photos-wrapper.ovl-scroll {
    max-height: 327px
}
.upload-album {
    margin-right: -4px
}
.upload-album__photos:after {
    content: '';
    clear: both;
    display: block;
    overflow: hidden;
    height: 0
}
.upload-photo,
.upload-photo-more {
    position: relative;
    float: left;
    margin: 0 1px 1px 0;
    width: 130px;
    height: 130px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.upload-photo--deleting .upload-photo__photo {
    background: #000
}
.upload-photo--deleting .upload-photo__photo img {
    opacity: .4
}
.upload-photo__photo {
    position: relative;
    overflow: hidden;
    width: 130px;
    height: 130px;
    transition: opacity .1s linear
}
.upload-photo__photo > img {
    position: absolute;
    top: -200px;
    right: -200px;
    bottom: -200px;
    left: -200px;
    margin: auto;
    width: auto;
    height: 130px
}
.upload-photo--vertical > .upload-photo__photo > img {
    width: 130px;
    height: auto
}
.upload-photo__progress {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    height: 4px;
    background: #fff
}
.upload-photo__progress_ {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    background: #256cf5
}
.upload-photo.loading > .upload-photo__progress {
    display: block
}
.upload-photo.loading > .upload-photo__photo,
.upload-photo.inqueue > .upload-photo__photo {
    opacity: .5
}
.upload-photo.error,
.upload-photo.fatal {
    background: #4d4d4d
}
.upload-photo.error > .upload-photo__photo,
.upload-photo.fatal > .upload-photo__photo {
    opacity: .3
}
.upload-photo__retry {
    display: none
}
.upload-photo.error > .upload-photo__retry {
    display: block
}
.upload-photo__retry > .btn {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}
.upload-photo__fatal {
    display: none
}
.upload-photo__fatal > .brick {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}
.upload-photo.fatal > .upload-photo__fatal {
    display: block
}
.upload-photo__actions {
    position: absolute;
    top: 5px;
    right: 10px;
    display: none
}
.upload-photo:hover .upload-photo__actions {
    display: block
}
.upload-photo__action {
    display: none;
    margin: 0 0 0 7px
}
.upload-photo.inqueue .upload-photo__action--delete,
.upload-photo.ready .upload-photo__action--delete,
.upload-photo.ready .upload-photo__action--private {
    display: inline
}
.upload-photo__more {
    padding-right: 20px;
    text-align: left
}
.upload-photo-brick .brick {
    margin-top: 0;
    margin-bottom: 0;
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, .1)
}
.photo-import {
    text-align: left
}
.photo-import .ovl-scroll {
    max-height: 430px
}
.photo-import__row + .photo-import__row {
    margin-top: 35px
}
.photo-import__items {
    margin: 10px 0 0 -5px
}
.photo-import__item {
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin: 5px 0 0 5px
}
.photo-import__item .checkbox {
    position: absolute;
    z-index: 2;
    right: 5px;
    bottom: 0;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 100%;
    background: #fff
}
.photo-import__item.disabled .checkbox {
    border-color: transparent
}
.photo-import__item > .btn--ico {
    margin: 0;
    border-radius: 0;
    width: 100px;
    height: 100px
}
.photo-import__item > .btn--ico:before {
    border-radius: 0
}
.photo-import__img {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 100px
}
.photo-import__img > .icon,
.photo-import__img > img {
    position: absolute;
    top: -500px;
    right: -500px;
    bottom: -500px;
    left: -500px;
    margin: auto
}
.photo-import__img > img {
    min-width: 100%;
    min-height: 100%
}
.photo-import__item > .blocker--light {
    border-radius: 0
}
.acc-selector {
    position: relative;
    margin: 20px -10px 30px
}
.acc-selector__item {
    vertical-align: top;
    display: inline-block;
    margin: 0 3px;
    width: 84px;
    line-height: 1.357;
    text-align: center
}
.acc-selector__item-wrap {
    position: relative;
    margin: 0 -3px
}
.acc-selector__item:hover {
    color: #2b65f8
}
.acc-selector__item:after,
.acc-selector__item:before {
    content: '';
    position: absolute;
    top: 100%;
    bottom: 100%;
    display: none;
    border: solid transparent;
    width: 0;
    height: 0;
    pointer-events: none
}
.acc-selector__item:before {
    margin: -4px 0 0 31px;
    border-width: 11px;
    border-color: transparent;
    border-bottom-color: #dfdfdf
}
.acc-selector__item:after {
    margin: -2px 0 0 32px;
    border-width: 10px;
    border-color: transparent;
    border-bottom-color: #f7f7f7
}
.acc-selector__item.active:after,
.acc-selector__item.active:before {
    display: block
}
.acc-selector__item.disabled {
    cursor: default
}
.acc-selector__item.faded {
    color: inherit
}
.acc-selector__item.faded .social-ico {
    border-color: transparent;
    background: #bec4d1;
    color: #fff
}
.acc-selector__item.active .social-ico {
    border-color: transparent;
    background: rgb(34, 81, 198);
    color: #fff
}
.acc-selector__form {
    margin: 17px -30px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 15px 150px 15px 30px;
    background: #f7f7f7;
    text-align: left
}
.simple-promo .acc-selector {
    margin: 15px 0
}
.simple-promo .acc-selector__form {
    margin: 17px 0;
    padding: 15px 120px 15px 30px
}
.acc-selector__button {
    padding: 0 0 0 120px
}
.acc-selector__ovl {
    margin: 40px 0 0
}
.acc-selector__notice {
    padding: 10px 0 0 60px;
    text-align: center;
    color: #f02139
}
.all-providers {
    margin: 20px 0 15px;
    text-align: center
}
.all-providers__provider {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    padding: 0 9px 0 8px
}
.all-providers__provider:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin: -10px 0 0;
    width: 1px;
    height: 20px;
    background: #dfdfdf
}
.all-providers__more {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin: 0 10px -4px
}
.import-contacts {
    position: relative;
    text-align: left
}
.import-contacts .ovl-scroll {
    height: 320px;
    max-height: 320px
}
.import-contacts__items {
    margin: -5px 0 -16px 0
}
.import-contacts__item {
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin: 0 8px 20px;
    width: 70px;
    text-align: center
}
.import-contacts__item.disabled > .brick:after,
.import-contacts__item.disabled > label {
    display: none
}
.import-contacts__item.loading .icon,
.import-contacts__item.loading .checkbox {
    z-index: 1;
    opacity: 0
}
.photo-rules {
    counter-reset: list1;
    text-align: left
}
.photo-rules li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 50px
}
.photo-rules li:before {
    content: counter(list1);
    position: absolute;
    top: -5px;
    left: 0;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    counter-increment: list1;
    background: #3f4752;
    font: .778em/2.286 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif;
    text-align: center;
    color: #fff
}
.wizard {
    overflow: hidden;
    border-radius: 14px;
    min-width: 790px
}
.wizard-head {
    padding-top: 22px;
    padding-bottom: 23px;
    background: #2b65f8;
    text-align: left;
    color: #fff
}
.wizard-head__title {
    margin: 0 0 0 30px
}
.wizard-common-details {
    position: relative;
    width: 100%;
    padding: 0 20px 20px 20px;
    text-align: center
}
.payment-method ~ .wizard-common-details {
    padding: 0 20px 20px 130px
}
.wizard-common-details + .wizard-common-details {
    margin: -15px 0 0
}
.wizard-common-details:empty {
    display: none
}
.payment-method ~ .wizard-common-details:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border-right: 1px solid rgba(0, 0, 0, .15);
    width: 110px;
    height: 100%;
    background: #f7f7f7
}
.wizard-common-details .p-link:after {
    content: '';
    position: relative;
    right: -5px;
    display: inline-block;
    margin: 0 -8px 1px 0;
    border-width: 0 4px 4px 4px;
    border-style: solid;
    border-color: transparent transparent #999 transparent;
    width: 0;
    height: 0
}
.wizard-common-details .p-link:hover:after {
    border-bottom-color: #2b65f8
}
.wizard--details .wizard-common-details .p-link:after {
    border-width: 4px 4px 0 4px;
    border-color: #999 transparent transparent transparent
}
.wizard--details .wizard-common-details .p-link:hover:after {
    border-color: #2b65f8 transparent transparent transparent
}
.wizard-details {
    position: relative;
    display: none;
    border-top: 1px solid rgba(0, 0, 0, .15);
    width: 790px;
    padding: 24px;
    background: #fff;
    text-align: left
}
.wizard--extra .wizard-details {
    width: 1060px
}
@media only screen and (max-width:1100px) {
    .wizard--extra .wizard-details {
        width: 790px
    }
}
.wizard--details .wizard-details {
    display: block
}
.wizard-details a {
    border-bottom: 1px solid rgba(77, 77, 77, .3);
    cursor: pointer;
    transition: color .2s, border-color .2s
}
.wizard-details a:hover {
    border-color: #2b65f8;
    color: #2b65f8
}
@media only screen and (min-width:1100px) {
    .wizard--extra .wizard-blocker .blocker {
        right: 270px
    }
}
.payment-method {
    border-right: 1px solid rgba(0, 0, 0, .15);
    width: 110px;
    background: #f7f7f7
}
.payment-method__list {
    margin: 0;
    padding: 10px 0;
    list-style: none
}
.payment-method__item {
    position: relative;
    width: 100%;
    padding: 10px 0;
    text-align: center
}
.payment-method__item.active::before,
.payment-method__item.active::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    border-width: 8px 8px 8px 0;
    border-style: solid;
    border-color: transparent #d2d2d2 transparent transparent;
    width: 0;
    height: 0
}
.payment-method__item:hover::after,
.payment-method__item.active::after {
    right: -1px;
    border-right-color: #fff
}
.payment-method__logo {
    position: relative;
    display: inline-block
}
.loading .payment-method__logo {
    opacity: 0
}
.payment-method__logo > img + img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .2s
}
.payment-method__item.active .payment-method__logo > img:first-child {
    opacity: 0;
    transition-delay: .1s
}
.payment-method__item:hover .payment-method__logo > img + img,
.payment-method__item.active .payment-method__logo > img + img {
    opacity: 1
}
.payment-method__label {
    display: block;
    padding: 10px 7px 0;
    line-height: 1.357;
    text-align: center;
    color: #999
}
.payment-method__item:hover .payment-method__label,
.payment-method__item.active .payment-method__label {
    color: #4d4d4d
}
.payment-section {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 790px;
    min-height: 590px;
    background: #fff;
    text-align: center
}
.payment-method + .payment-section {
    width: 680px
}
.relative {
    position: relative !important;
}
.payment-section-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    padding: 20px 0
}
.payment-section-title {
    display: block;
    margin: 0 0 20px;
    padding: 0 20px
}
.payment-section-footer:not(:empty) {
    margin: 0 30px 15px;
    text-align: left
}
iframe.payment-form {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 0 -10px;
    width: 100%;
    background: transparent
}
.sms-step-divider {
    position: relative;
    margin: 0 30px 25px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    padding: 0 0 25px
}
.sms-step-divider__arrow {
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin: 0 0 0 -11px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 11px;
    width: 22px;
    height: 22px;
    background: #fff
}
.sms-step-divider__arrow:after,
.sms-step-divider__arrow:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 50%;
    border: solid transparent;
    width: 0;
    height: 0;
    pointer-events: none
}
.sms-step-divider__arrow:after {
    margin-left: -4px;
    border-width: 4px;
    border-color: transparent;
    border-top-color: #fff
}
.sms-step-divider__arrow:before {
    margin-left: -7px;
    border-width: 7px;
    border-color: transparent;
    border-top-color: rgba(0, 0, 0, .15)
}
.sms-code__form {
    padding-bottom: 10px
}
.sms-code-field {
    display: inline-block;
    margin: 0 0 20px;
    border: 1px solid #b3deb3;
    border-radius: 4px;
    padding: 0 12px;
    background: #e1f1e1
}
.sms-code-field .digits {
    position: relative;
    display: inline-block;
    margin: 9px 7px
}
.sms-code-field .marker {
    position: absolute;
    right: 0;
    bottom: -19px;
    left: 0;
    margin: 0 -2px;
    border: solid #c1c1c1;
    border-width: 0 1px 1px;
    height: 3px
}
.sms-code__code .mobile-operators {
    margin: 20px 0 0
}
.sms-code-type2__code .mobile-operators {
    margin: 0 0 10px
}
.sms-code-type2__step {
    position: relative
}
.sms-code-type2__step--step-pin,
.sms-code-type2__code--enter-pin .sms-code-type2__step,
.sms-code-type2__credit_pack {
    display: none
}
.sms-code-type2__code--enter-pin .sms-code-type2__step--step-pin {
    display: block
}
.sms-code-type2__reactivate {
    margin: 10px 0 0
}
.sms-code-type2__step--step3 .sms-code-type2__step--label-blocked,
.sms-code-type2__step--step3.waiting .sms-code-type2__reactivate,
.sms-code-type2__step--step3.waiting .sms-code-type2__step--label-ok {
    display: none
}
.sms-code-type2__step--step3 .sms-code-type2__step--label-ok,
.sms-code-type2__step--step3.waiting .sms-code-type2__step--label-blocked {
    display: block
}
.sms-code-type2__wrapper--phone,
.sms-code-type2__wrapper--pin {
    margin: 0 auto 10px;
    width: 195px;
    white-space: nowrap
}
.sms-code-type2__wrapper--phone .error_holder .input_error,
.sms-code-type2__wrapper--pin .error_holder .input_error {
    margin-top: -11px
}
.sms-code-type2__step--label-mark {
    vertical-align: middle;
    display: inline-block;
    margin: -2px 0 0;
    border: 1px solid #b3deb3;
    border-radius: 4px;
    padding: 4px 9px;
    background: #e1f1e1;
    font-size: 1.25em
}
.sms-code-form__wrap {
    margin: 0 auto;
    width: 400px
}
.sms-code-form__wrap .form-label {
    margin: 0 0 10px
}
.sms-subscribe__code {
    position: relative;
    display: inline-block;
    margin: 10px 0 10px;
    border-radius: 5px;
    padding: 10px;
    background: #333844;
    font: 2.286em/1 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif;
    color: #fff
}
.mobile-operators > img {
    margin: 0 0 0 10px
}
.mobile-operators-extended__item {
    position: relative;
    border: 2px solid rgba(0, 0, 0, .15);
    border-radius: 10px;
    min-width: 88px;
    height: 70px;
    padding: 14px 5px 12px
}
.mobile-operators-extended__item + .mobile-operators-extended__item {
    margin: 0 0 0 15px
}
.mobile-operators-extended__item.active,
.mobile-operators-extended__item:hover {
    border-color: #2b65f8
}
.mobile-operators-extended__icon {
    display: block;
    margin: 0 auto 5px
}
.mobile-operators-extended__name {
    color: #4d4d4d;
    white-space: nowrap
}
.frame_h_120 iframe,
.frame_h_120 .payment_frame {
    height: 120px !important
}
.frame_h_291 iframe,
.frame_h_291 .payment_frame {
    height: 291px
}
.frame_h_352 iframe,
.frame_h_352 .payment_frame {
    height: 352px
}
.frame_h_385 iframe,
.frame_h_385 .payment_frame {
    height: 385px
}
.frame_h_400 iframe,
.frame_h_400 .payment_frame {
    height: 400px
}
.frame_h_429 iframe,
.frame_h_429 .payment_frame {
    height: 429px
}
.frame_h_450 iframe,
.frame_h_450 .payment_frame {
    height: 450px
}
.frame_h_460 iframe,
.frame_h_460 .payment_frame {
    height: 460px
}
.frame_h_470 iframe,
.frame_h_470 .payment_frame {
    height: 470px
}
.frame_h_520 iframe,
.frame_h_520 .payment_frame {
    height: 520px
}
.frame_h_530 iframe,
.frame_h_530 .payment_frame {
    height: 530px
}
.frame_h_540 iframe,
.frame_h_540 .payment_frame {
    height: 540px
}
.frame_h_550 iframe,
.frame_h_550 .payment_frame {
    height: 550px
}
.frame_h_610 iframe,
.frame_h_610 .payment_frame {
    height: 610px
}
.frame_h_630 iframe,
.frame_h_630 .payment_frame {
    height: 630px
}
.frame_h_640 iframe,
.frame_h_640 .payment_frame {
    height: 640px
}
.frame_h_660 iframe,
.frame_h_660 .payment_frame {
    height: 660px
}
.frame_h_740 iframe,
.frame_h_740 .payment_frame {
    height: 740px
}
.adblock-possible {
    overflow: hidden
}
.adblock-possible.frame_h_610 {
    height: 620px
}
.adblock-info__txt {
    margin: 30px 110px
}
.banco__item {
    vertical-align: middle;
    display: inline-block
}
.banco__check {
    display: none
}
.banco__block {
    position: relative;
    display: block;
    margin: 5px 8px;
    border: 2px solid rgba(0, 0, 0, .15);
    border-radius: 10px;
    min-width: 145px;
    padding: 15px 5px
}
.banco__block:hover {
    border-color: #2b65f8
}
.banco__check:checked + .banco__block {
    border-color: #1ac636
}
.banco__logo {
    display: block;
    margin: 0 auto 10px
}
.packages-select {
    margin-bottom: 20px;
    width: auto
}
.package-promo {
    vertical-align: baseline;
    display: inline-block;
    border-radius: 10px;
    max-width: 150px;
    min-height: 20px;
    padding: 2px 10px;
    line-height: 1;
    color: #fff
}
.package-promo--green {
    background: #1ac636
}
.package-promo--yellow {
    background: #fec309
}
.highlight {
    color: #1ac636
}
.select-label > .promo,
.option > .promo {
    margin: -2px 0 -2px 3px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}
.paypal-btn {
    position: relative;
    display: inline-block;
    margin: 5px 0;
    box-shadow: 0 1px 1px #ffd699 inset;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #ffaf00 #eea10e #dc911d #eea10e;
    border-radius: 5px;
    padding: 15px 18px 14px;
    background: #ffc439;
    cursor: pointer;
    font: 800 .928em/1 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-align: center;
    color: #333 !important;
    text-decoration: none;
    text-shadow: 0 1px 1px #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.paypal-btn > img {
    vertical-align: middle;
    margin: -7px 0 -8px 7px
}
.payment-error .payment-section-footer {
    display: none
}
.wizard-section-extra {
    border-left: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0 0 14px;
    width: 270px;
    padding: 25px 20px 20px;
    background: #f7f7f7
}
.wizard--details .wizard-section-extra {
    border-radius: 0
}
@media only screen and (max-width:1100px) {
    .wizard-section-extra {
        display: none
    }
}
.wizard-section-extra__header {
    margin: 0 0 10px
}
.advantages-list {
    margin: 25px 0 0
}
.advantages-item {
    position: relative;
    margin: 0 0 16px;
    padding: 0 0 0 38px;
    list-style: none
}
.advantages-item__icon {
    float: left;
    margin: 0 0 0 -38px
}
.advantages-item__icon:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.advantages-item__title {
    display: block;
    padding: 3px 0;
    transition: color .3s
}
.advantages-item__desc {
    opacity: 0;
    overflow: hidden;
    margin: 0;
    max-height: 0;
    cursor: default;
    font-family: Helvetica, Arial, sans-serif;
    transition: max-height .2s linear, opacity .1s linear .1s
}
.advantages-item:hover .advantages-item__title {
    color: #2b65f8
}
.advantages-item:hover .advantages-item__desc {
    opacity: 1;
    max-height: 80px
}
.wizard-special-offer {
    margin: 0 0 25px;
    border: 1px solid #c9ced1;
    border-radius: 10px;
    padding: 20px 22px;
    background: #fff;
    text-align: center
}
.wizard-special-offer--light {
    border-width: 0 0 1px;
    border-color: rgba(0, 0, 0, .15);
    border-radius: 0;
    padding: 0 20px 20px 20px;
    background: none
}
.wizard-special-offer p {
    margin-bottom: 7px
}
.wizard-special-offer__img {
    margin: 0 0 10px
}
.wizard-special-offer__ribbon-wrap {
    position: relative;
    margin: 0 0 15px -27px;
    text-align: left
}
.wizard-special-offer__ribbon-wrap:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    border-width: 5px 4px 5px 0;
    border-style: solid;
    border-color: transparent #c96100 transparent transparent;
    width: 0;
    height: 0
}
.wizard-special-offer__ribbon {
    position: relative;
    display: inline-block;
    height: 22px;
    padding: 2px 18px 2px 12px;
    background: #fd7700;
    color: #fff
}
.wizard-special-offer__ribbon:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border: 11px solid #fd7700;
    border-right: 6px solid #fff;
    border-left-width: 0;
    height: 0;
    background: #fd7700
}
.packages-table {
    display: table;
    margin: 0 auto 20px;
    width: auto;
    max-width: 660px
}
.packages-table > .packages-item {
    display: table-row
}
.packages-table .package-cell {
    vertical-align: middle;
    display: table-cell;
    width: auto;
    height: 38px;
    padding: 0 0 0 10px;
    cursor: pointer;
    text-align: left
}
.packages-table .package-cell:first-child {
    border-radius: 5px 0 0 5px
}
.packages-table .package-cell:last-child {
    border-radius: 0 5px 5px 0;
    padding-right: 10px
}
.packages-table .packages-item.active .package-cell {
    background: #f7f7f7;
    cursor: default
}
.packages-table .package-cell--cost {
    direction: ltr;
    text-align: right;
    color: #bfbfbf
}
.packages-table .package__cost-num {
    display: inline-block;
    margin: 0 2px 0 0;
    font-family: 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif;
    color: #4d4d4d
}
.packages-table .package-cell--cost-period {
    padding-left: 0;
    color: #bfbfbf
}
.packages-table .package-cell--cost-total {
    padding-left: 15px;
    color: #bfbfbf
}
.packages-table .package-cell--save {
    min-width: 50px;
    padding-left: 15px
}
.packages-table .package-cell:empty {
    min-width: 0;
    padding: 0
}
.package-cell__line {
    display: block
}
.payment-section-title .package-cell--cost:before,
.payment-section-title .package-cell--cost-total:before {
    content: ' - '
}
.payment-section-title .package-cell__line {
    display: inline-block
}
.more-packages {
    margin: -10px auto 30px
}
.payment-promo {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: center
}
.payment-promo__head {
    position: relative;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 10px;
    padding: 10px 0 0;
    text-align: center
}
.payment-promo__content {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.payment-promo__footer {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}
.ie11 .payment-promo__head,
.ie11 .payment-promo__content,
.ie11 .payment-promo__footer {
    max-width: 100%
}
.payment-promo__head > .user-photo:before {
    display: none
}
.payment-promo__head > .popularity-graph {
    margin: 21px 0 0
}
.payment-promo__head--popularity {
    margin: 0 0 60px;
    height: 116px;
    padding: 15px 0 0;
    background: #447bd5 url('')
}
.payment-promo__head--credits {
    background: #f69426
}
.payment-promo__head--spp {
    margin: 0 0 60px;
    height: 60px;
    background: #f69426
}
.payment-promo__head--spp > .brick--lg {
    top: 15px
}
.payment-promo__head--spp > .brick--xlg {
    top: 9px;
    width: 76px;
    height: 76px
}
.payment-promo__head--spp > .icon {
    margin: 25px 0 0
}
.payment-promo__buttons {
    margin: 10px 0
}
.payment-promo__balance {
    display: table;
    height: 93px
}
.payment-promo__balance-title {
    position: absolute;
    top: 8px;
    right: 0;
    left: 0;
    margin: auto;
    color: #fff
}
.payment-promo__balance-point {
    position: relative;
    display: inline-block;
    margin-right: 7px;
    border-radius: 100%;
    width: 8px;
    height: 8px;
    background: #fff
}
.payment-promo__balance-point:after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    border: 1px solid #fff;
    border-radius: 100%;
    width: 12px;
    height: 12px
}
.payment-promo__balance-decor {
    vertical-align: bottom;
    display: table-cell;
    width: 50%
}
.payment-promo__balance-decor:before {
    content: '';
    display: block;
    margin: 0 0 -1px;
    border-radius: 0 6px 0 0;
    height: 43px;
    background: #fff;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.payment-promo__balance-decor--right:before {
    border-radius: 6px 0 0 0
}
.payment-promo__credits {
    position: relative;
    display: inline-block;
    padding: 18px 8px 3px;
    font: 2.571em Helvetica, Arial, sans-serif
}
.payment-promo__credits:before,
.payment-promo__credits:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 6px;
    height: 6px
}
.payment-promo__credits:before {
    left: 0;
    background: radial-gradient(1px at 100% 0, rgba(0, 0, 0, 0) 6px, #fff 7px)
}
.payment-promo__credits:after {
    right: 0;
    background: radial-gradient(1px at 0 0, rgba(0, 0, 0, 0) 6px, #fff 7px)
}
.payment-promo__txt {
    font-size: 1.143em;
    line-height: 1.25
}
.payment-info {
    margin: 45px 0 0 0
}
.payment-info__item {
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin: 0 30px;
    width: 210px;
    min-height: 145px
}
.payment-info__item:hover .link {
    border-color: #2b65f8;
    color: #2b65f8
}
.payment-info__item .btn {
    position: static
}
.payment-info__ico {
    position: relative;
    margin: 0 auto 25px;
    width: 168px;
    height: 209px;
    background: url('../../images/feature-frame.png') no-repeat 0 0 !important;
}
.payment-info__ico--top {
    background-position: -173px 0 !important; 
}
.payment-info__ico--bottom {
    background-position: -346px 0 !important; 
}
.payment-info__ico--favorite {
    background-position: -519px 0 !important; 
}
.payment-info__ico--top .payment-info__photo,
.payment-info__ico--bottom .payment-info__photo {
    height: 165px
}
.payment-info__ico--top .payment-info__photo {
    top: 39px
}
.payment-info__ico--top .payment-info__photo,
.payment-info__ico--top .payment-info__photo:after {
    border-radius: 0 0 5px 5px
}
.payment-info__ico--bottom .payment-info__photo,
.payment-info__ico--bottom .payment-info__photo:after {
    border-radius: 5px 5px 0 0
}
.payment-info__ico > .icon {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -10px;
    left: 0;
    margin: auto;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 100%
}
.payment-info__photo {
    position: relative;
    top: 5px;
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    width: 154px;
    height: 199px
}
.payment-info__photo:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 0 1px rgba(52, 58, 69, .15) inset;
    border-radius: 5px
}
.payment-info__photo > img {
    position: absolute;
    z-index: 1;
    top: -100px;
    right: -100px;
    bottom: -100px;
    left: -100px;
    margin: auto
}
.payment-info__hint {
    display: block;
    margin: 15px 0 0
}
.popularity-status--low {
    color: #f02139
}
.popularity-status--average {
    color: #cf9200
}
.popularity-status--high {
    color: #2bc43f
}
.payment-features {
    margin: 30px;
    text-align: center
}
.payment-feature {
    position: relative;
    vertical-align: top;
    display: inline-block;
    width: 19%;
    padding: 0 20px;
    text-align: center
}
.payment-feature__ico {
    margin: 0 0 15px
}
.payment-feature__ico > .icon {
    vertical-align: top
}
.payment-feature-column {
    vertical-align: top;
    display: inline-block;
    border-right: 1px solid rgba(0, 0, 0, .1);
    padding: 0 70px
}
.payment-feature-column:last-child {
    border: 0
}
.payment-feature-column__cell {
    position: relative;
    padding: 52px 0 0 0;
    text-align: left
}
.payment-feature-column__cell:first-child {
    padding: 0
}
.payment-feature-column__txt {
    vertical-align: middle;
    display: inline-block;
    width: 160px
}
.payment-feature-column__cell .icon {
    vertical-align: middle;
    margin: 0 15px 0 0
}
.payment-promo-details {
    padding: 20px
}
.payment-promo-details:empty {
    display: none
}
.double-credits {
    position: relative;
    margin: 0 auto 30px;
    width: 704px;
    padding: 30px 165px;
    background: #fff3b9 url('../images/credits-promo.png') 30px center no-repeat;
    color: #3f4752
}
.double-credits:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 6px;
}
.spp-unsubscribe {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    overflow: hidden
}
.spp-unsubscribe .section-left-side,
.spp-unsubscribe_ {
    border-top: 18px solid #f69426;
    padding-top: 15px
}
.spp-unsubscribe_ {
    padding-right: 40px;
    padding-left: 40px
}
.spp-unsubscribe .section-right-side {
    padding-top: 40px
}
.spp-unsubscribe__grey-box {
    margin: 0 0 20px;
    border: 1px solid #bfbfbf;
    padding: 20px;
    background: #f7f7f7;
    color: #999
}
.spp-unsubscribe .payment-feature-column__cell {
    padding-top: 22px
}
.spp-unsubscribe__reason-list {
    padding: 0 20px 20px
}
.spp-unsubscribe__reason-item {
    padding: 5px 0
}
.spp-unsubscribe__submit {
    width: 100%;
    text-indent: -1000px
}
.spp-unsubscribe__footer {
    margin: 20px 0 0
}
.ovl-body--vip {
    border-radius: 10px;
    width: 940px;
    min-height: 620px;
    background: #000;
    -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC');
    text-align: left;
    color: #fff
}
.vip-features {
    overflow: hidden;
    margin: -115px 0 0;
    width: 940px;
    padding: 0 60px;
    white-space: nowrap
}
.vip-features_ {
    will-change: transform
}
.vip-features_.transition {
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.vip-features__next {
    position: absolute;
    top: 50%;
    right: 30px;
    margin: -22px 0 0;
    background: rgba(255, 44, 64, .5)
}
.vip-features__next:hover {
    background: rgba(255, 44, 64, .8)
}
.vip-features__btn {
    position: absolute;
    bottom: 87px;
    left: 54px
}
.vip-features__header {
    position: relative;
    z-index: 1;
    padding: 54px 0 0 60px
}
.vip-feature {
    position: relative;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    width: 880px;
    height: 650px;
    padding: 175px 0 0
}
.vip-feature.active {
    overflow: visible
}
.vip-feature.active .vip-feature__img {
    right: 0;
    opacity: .5;
    transition: right .15s ease-in-out, opacity .15s ease-in-out
}
.vip-feature + .vip-feature {
    margin: 0 0 0 60px
}
.vip-feature__title {
    position: relative;
    z-index: 1;
    margin: 0 0 25px;
    width: 410px;
    font-size: 3.143em;
    line-height: 1.091;
    letter-spacing: -.5px;
    white-space: normal
}
.vip-feature__title > b {
    font-family: 'FS Albert Pro Web', Helvetica, Arial, sans-serif;
    color: #ff2c40
}
.vip-feature__text {
    position: relative;
    z-index: 1;
    width: 390px;
    height: 150px;
    font-size: 1.857em;
    line-height: 1.154;
    white-space: normal
}
.vip-feature__img {
    position: absolute;
    top: 0;
    right: -192px
}
.vip-feature__name {
    position: absolute;
    right: 353px;
    bottom: 94px
}
.vip-feature__name > .online-status {
    border: 4px solid #000
}
.vip-features__pointers {
    position: absolute;
    bottom: 164px;
    left: 60px
}
.vip-features__pointer {
    display: inline-block;
    margin: 0 7px 0 0;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 100%;
    width: 10px;
    height: 10px
}
.vip-features__pointer.active {
    border-color: #ff2c40;
    background: #ff2c40
}
.verification-methods__item {
    position: relative
}
.verification-methods__item:not(:last-child) {
    margin: 0 0 20px
}
.verification-methods__item:hover .verification-methods__title {
    color: #4d4d4d
}
.verification-methods__item:hover .verification-methods__message--action {
    border-color: #2b65f8;
    color: #2b65f8
}
.verification-methods__item:hover .verification-methods__icon--arrow {
    color: #2b65f8
}
.verification-methods__item.is-blocked {
    pointer-events: none
}
.verification-methods__item--photo-verify + .verification-methods__item {
    margin-top: 30px
}
.verification-methods__item--photo-verify::after {
    content: '+';
    position: absolute;
    bottom: -26px;
    left: 0;
    width: 32px;
    font-size: 24px;
    line-height: 1.167;
    text-align: center;
    color: #999;
    pointer-events: none
}
.verification-methods__item--linked .verification-methods__title {
    color: #4d4d4d
}
.verification-methods__item-inner {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.verification-methods__logo {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.verification-methods__logo > .icon {
    vertical-align: top
}
.verification-methods__logo--google + .verification-methods__txt .verification-methods__title {
    direction: ltr;
    unicode-bidi: embed
}
.verification-methods__txt {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 10px;
    max-width: 155px;
    line-height: 1.143
}
.verification-methods__title {
    font-size: 1em;
    color: #999
}
.verification-methods__message {
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    margin: 1px 0 0;
    max-width: 100%;
    color: #bfbfbf;
    white-space: nowrap;
    text-overflow: ellipsis
}
.verification-methods__message--action {
    border-bottom: 1px solid rgba(77, 77, 77, 0.3);
    cursor: pointer;
    color: #4d4d4d;
    transition: color .2s, border-color .2s
}
.verification-methods__icon {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.verification-methods__icon--arrow {
    color: #bfbfbf
}
.verification-methods--line {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.verification-methods--line .verification-methods__item {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    width: 100px;
    padding: 0 5px
}
.verification-methods--line .verification-methods__item--plus {
    margin: 0;
    width: 30px;
    height: 60px;
    line-height: 60px
}
.verification-methods--line .verification-methods__item--photo-verify {
    margin-right: 10px;
    margin-bottom: 0
}
.verification-methods--line .verification-methods__item--photo-verify::after {
    top: 0;
    right: -15px;
    left: auto;
    width: 20px;
    height: 64px;
    line-height: 64px
}
.verification-methods--line .verification-methods__item-inner {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.verification-methods--line .verification-methods__txt {
    display: block;
    margin: 10px 0 0
}
.verification-methods--box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.verification-methods--box .verification-methods__item {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 15px;
    width: 100px;
    padding: 0 5px
}
.verification-methods--box .verification-methods__item--plus {
    margin: 0;
    width: 30px;
    height: 60px;
    line-height: 60px
}
.verification-methods--box .verification-methods__item--photo-verify::after {
    top: 0;
    right: -10px;
    left: auto;
    width: 20px;
    height: 64px;
    line-height: 64px
}
.verification-methods--box .verification-methods__item-inner {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.verification-methods--box .verification-methods__txt {
    display: block;
    margin: 10px 0 3px 0
}
.verification-methods--digest .verification-methods__item:not(:last-child) {
    margin-bottom: 10px
}
.verify-row {
    display: inline-block;
    margin: 0 auto;
    width: 320px
}
.verify-row--pin {
    width: 150px
}
.verify-row--email {
    width: auto
}
.verify-row--btn {
    vertical-align: top;
    width: auto;
    padding: 0 0 0 10px
}
.verify-row--hint {
    display: block;
    margin-top: 10px;
    width: auto
}
.verify-form--column .verify-row {
    display: block
}
.verify-form--column .verify-row + .verify-row {
    margin-top: 10px;
    padding: 0
}
.verify-row:empty {
    display: none
}
.verify-error {
    margin: 15px 0 0;
    text-align: center
}
.verify-ready-number {
    direction: ltr;
    font-size: 2.428em;
    line-height: 44px
}
.verify-digits,
.verify-email {
    direction: ltr;
    margin: 0 0 20px
}
.verify-digits > .input {
    margin-left: 10px;
    width: 40px;
    padding: 0;
    font-size: 2.286em
}
.verify-digits > .input + .verify-ready-number {
    margin-left: 10px
}
.verify-digits > .input,
.verify-email > .input {
    border-radius: 8px;
    text-align: center
}
.verify-email > .input {
    width: 170px;
    padding: 0 5px;
    font-size: 1.286em
}
.verify-greybox {
    position: relative;
    display: inline-block;
    border-radius: 15px;
    padding: 25px 30px;
    background: #f7f7f7
}
.verify-greybox.loading > .verify-greybox_ {
    opacity: 0
}
.verify-credit-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 525px
}
.example-photo:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .05)
}
.photo-verify-frame {
    position: relative;
    z-index: 1;
    vertical-align: top;
    display: inline-block;
    margin: 20px 0 35px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    border: 4px solid white;
    width: 178px;
    height: 178px;
    background: #fff
}
.photo-verify-frame--contour {
    z-index: 0;
    margin-top: 25px;
    margin-left: -145px;
    box-shadow: none;
    border: 2px dashed #d8d8d8;
    width: 168px;
    height: 168px;
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg)
}
.photo-verify-frame > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.photo-verify-frame > .brick {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transform: translate(10px, 50%);
    transform: translate(10px, 50%)
}
.photo-verify-bg {
    margin: -60px 0 0;
    border-radius: 13px 13px 0 0
}
.verify-state-countdown,
.countdown .verify-state-prepare {
    display: none
}
.countdown .verify-state-countdown {
    display: block
}
.photo-verify-counter {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: rgb(34, 81, 198);
    font-size: 2em;
    line-height: 60px;
    text-align: center;
    color: #fff
}
.photo-verify-result {
    position: relative;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    margin: 40px 0 50px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    border: 4px solid #fff;
    width: 208px;
    height: 208px;
    background: #fff;
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
    -webkit-backface-visibility: hidden
}
.photo-verify-result + .photo-verify-result {
    margin: 30px 0 0 -13px;
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}
.photo-verify-result > img {
    position: absolute;
    right: -200px;
    left: -200px;
    margin: auto;
    width: auto;
    height: 100%
}
.photo-verify-result + .photo-verify-result > img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}
.verify-fail-reason {
    position: relative;
    margin: 0 auto;
    width: 280px;
    padding: 7px 0 7px 35px;
    text-align: left
}
.verify-fail-reason > .brick {
    position: absolute;
    top: 0;
    left: 0
}
.selfie-canvas {
    position: relative;
    margin: -40px -40px 0;
    height: 330px;
    background: #000
}
.selfie-canvas__media {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}
.selfie-canvas__media--mirror {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}
.selfie-canvas__arrow,
.selfie-canvas__bottom-arrow {
    position: absolute;
    display: none;
    fill: #fff
}
.arr_ff .selfie-canvas__arrow,
.arr_webkit .selfie-canvas__arrow {
    top: 50px;
    left: 50px;
    display: block
}
.arr_ie .selfie-canvas__bottom-arrow {
    bottom: 30px;
    left: 50%;
    display: block;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.arr_other .selfie-canvas__arrow {
    top: 50px;
    right: 50px;
    display: block;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}
.selfie-canvas__example {
    position: absolute;
    z-index: 2;
    bottom: 8px;
    left: 8px;
    display: inline-block;
    border: 3px solid #fff
}
.selfie-canvas__example-img {
    display: block;
    width: 112px;
    height: 112px
}
.selfie-canvas--empty {
    padding: 0 20px;
    background-image: linear-gradient(45deg, #323232 25%, transparent 25%, transparent 75%, #323232 75%, #323232), linear-gradient(45deg, #323232 25%, transparent 25%, transparent 75%, #323232 75%, #323232);
    background-position: 0 0, 12px 12px;
    background-size: 24px 24px;
    background-color: #353535;
    text-align: center;
    color: #fff
}
.selfie-canvas--cropped::before,
.selfie-canvas--cropped::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    width: 134px;
    height: 100%;
    background: rgba(0, 0, 0, .8)
}
.selfie-canvas--cropped::before {
    left: 0
}
.selfie-canvas--cropped::after {
    right: 0
}
.gift {
    position: relative;
    display: inline-block;
    margin: 5px 0;
    width: 70px;
    height: 70px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.gift:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid transparent;
    border-radius: 100%;
    transition: border .1s
}
.gift--framed:before {
    box-shadow: 0 1px rgba(0, 0, 0, .03);
    border-radius: 0
}
.gift--border:before {
    border-color: rgba(0, 0, 0, .1);
    background: #fff
}
.gift--hover:not(.gift--border):before {
    border-width: 2px
}
.gift--hover:hover:before,
.gift--hover.active:before {
    border-width: 2px;
    border-color: #2b65f8
}
.gift > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transition: opacity .2s, -webkit-filter .2s;
    transition: filter .2s, opacity .2s;
    transition: filter .2s, opacity .2s, -webkit-filter .2s
}
.gift--invisible > img {
    opacity: .3
}
.gift--framed > img {
    width: 54px;
    height: 54px
}
.gift__private {
    position: absolute;
    right: 10px;
    bottom: 15px;
    padding: 2px 2px 1px;
    background: #000;
    font: 700 8px Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #fff
}
.gift > .brick--xsm {
    position: absolute;
    right: -2px;
    bottom: -7px
}
.gift > .brick:before {
    box-shadow: 0 0 0 2px #f7f7f7
}
.gift > .btn {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -5px;
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}
.gift--photo > .btn {
    right: -10px;
    bottom: -15px
}
.gift-add {
    position: relative
}
.gift-add__txt {
    margin: 0 0 0 17px;
    width: 145px;
    transition: color .2s
}
.gift-add:hover .gift-add__txt {
    color: #2b65f8
}
.gift-add .gift > img {
    opacity: .8
}
.gift-add:hover .gift > img {
    opacity: 1
}
.gifts-list {
    margin: 5px -10px 0 0
}
.gifts-list > .gift {
    margin-right: 10px
}
.gifts-list > .gift > .btn.active,
.gifts-list > .gift:hover > .btn,
.gifts-list > .gift.active > .btn {
    opacity: 1;
    visibility: visible
}
.gifts {
    text-align: left
}
.gifts__title {
    margin: 5px 22px 0 0
}
.ie10 .gifts__title > b {
    display: block
}
.gifts .tabs__item {
    margin: 0 0 -1px
}
.ovl .gifts__content > .scroll {
    height: 250px;
    max-height: 250px
}
.ovl .gifts--by-price .gifts__content > .scroll {
    height: 300px;
    max-height: 300px
}
.gifts__btn {
    position: relative;
    display: inline-block;
    padding: 0 5px
}
.gifts-roll {
    margin: -5px -26px 5px 0
}
.gifts-roll > .gift {
    vertical-align: top;
    display: none;
    margin: 8px 19px 9px -2px;
    width: 74px;
    height: 74px
}
.gifts-roll > .gift--hover:not(.gift--framed):before {
    border-radius: 6px
}
.gifts--all .gift,
.gifts--popular .gift.popular,
.gifts--romantic .gift.romantic,
.gifts--friendship .gift.friendship,
.gifts--framed .gift.framed {
    display: inline-block
}
.gifts-msg {
    opacity: 0;
    overflow: hidden;
    margin: 0;
    height: 0;
    text-align: left;
    transition: height .3s ease-in-out, margin .3s ease-in-out, opacity .4s ease-in-out
}
.gifts-msg--visible {
    opacity: 1;
    margin: 10px 0 0 0;
    height: auto
}
.gifts-msg__counter {
    float: right;
    margin: -3px 5px 0 0
}
.gifts-msg > .textarea {
    height: 65px
}
.single-gift-carousel {
    position: relative;
    margin: 30px auto
}
.single-gift-carousel__arrow {
    position: absolute;
    top: 50%;
    margin: -21px 0 0
}
.single-gift-carousel__arrow--left {
    left: 0
}
.single-gift-carousel__arrow--right {
    right: 0
}
.single-gift-carousel__items {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 240px;
    height: 200px;
    white-space: nowrap
}
.single-gift-carousel__scroll.active {
    position: relative;
    white-space: nowrap;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}
.single-gift-carousel__item {
    display: inline-block;
    width: 240px
}
.gift-view__title {
    font-size: 1.286em;
    line-height: 1.2222
}
.gift-view__title-link {
    border-bottom: 1px solid transparent;
    color: #2b65f8;
    word-break: break-all;
    transition: border-color .2s
}
.gift-view__title-link:hover {
    border-color: currentColor
}
.gift-view__userpic {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: -3px 0 0 3px
}
.gift-view__userpic > .brick {
    margin: 0
}
.gift-view__img {
    margin: 15px auto 20px
}
.gift-view__tag {
    position: relative;
    left: -52px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 366px;
    height: 88px;
    padding: 0 31px 4px 89px
}
.gift-view__tag::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url()
}
@media only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi),
only screen and (min-resolution:1.25dppx) {
    .gift-view__tag::before {
        background-image: url();
        background-size: 366px 88px
    }
}
.gift-view__tag-txt {
    position: relative;
    width: 100%;
    font-size: 1.286em;
    line-height: 1.2222;
    word-wrap: break-word
}
.browsers-list {
    padding: 10px 0;
    white-space: nowrap
}
.browsers-list__item {
    display: inline-block;
    width: 110px;
    text-align: center;
    color: #4d4d4d;
    text-decoration: none
}
.browsers-list__item:hover {
    color: #2b65f8
}
.browsers-list__ico {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url() no-repeat
}