#base_css_common_2_css {
    display: none;
}

@-moz-document url-prefix() {
    /* hide the system icon for loading images */
    img:-moz-loading {
        visibility: hidden;
    }
}

/* reset */

html,
body,
form,
fieldset,
legend,
h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a,
.jslink {
    color: #008bc8;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
}

.link-dark-bg {
    color: #55cafd;
}

a:active,
a:hover,
.jslink:hover,
.jslink:active {
    text-decoration: underline;
}

b,
strong {
    font-weight: bold;
}

code,
pre {
    font-family: monospace, sans-serif;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

p,
pre,
dl,
ol,
ul {
    margin: 1em 0;
}

ol,
ul,
dd {
    padding: 0;
}

ul {
    list-style: none;
}

img {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

fieldset,
legend,
img {
    border: 0;
}

legend {
    white-space: normal;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

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

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
}

button,
html input[type="button"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    overflow: visible;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input::-ms-clear {
    display: none;
}

input::-webkit-input-placeholder {
    color: #73818a;
}

input:focus::-webkit-input-placeholder {
    color: #97a8b1;
}

textarea::-webkit-input-placeholder {
    color: #73818a;
}

textarea:focus::-webkit-input-placeholder {
    color: #97a8b1;
}

input:-moz-placeholder {
    color: #73818a;
}

input:focus:-moz-placeholder {
    color: #97a8b1;
}

textarea:-moz-placeholder {
    color: #73818a;
}

textarea:focus:-moz-placeholder {
    color: #97a8b1;
}

/* custom */

html,
button,
input,
select,
textarea {
    color: #222d35;
    font: 11px Tahoma, Helvetica, Arial, sans-serif;
}

html {
    overflow-y: scroll;
    height: 100%;
    background-color: #f1f5f8;
}

body {
    height: 100%;
    min-width: 1000px;
}

.font-large,
.font-large input,
.font-large select,
.font-large textarea {
    font-size: 13px;
}

h1 {
    font-size: 21px;
    line-height: 27px;
}

h2 {
    font-size: 17px;
}

h3 {
    font-size: 15px;
}

h3.arial {
    letter-spacing: -1px;
    font-weight: bold;
}

h4 {
    font-size: 11px;
}

h1,
h2,
h3,
.normal {
    font-weight: normal;
}

hr {
    background-color: #DCDCDE;
    border: medium none;
    color: #DCDCDE;
    height: 1px;
    margin: 5px 0;
    padding: 0;
}

#side-content .title {
    display: block;
    padding: 8px 0 8px 5px;
    font-size: 11px;
    color: #b4c4ce;
    font-weight: bold;
}

#side-content a.title {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    color: #008bc8;
    padding: 8px 5px;
    vertical-align: middle;
}

#side-content .item {
    text-decoration: none;
    color: #536069;
    display: block;
    padding: 3px 0 3px 15px;
    margin-left: -10px;
    margin-right: 5px;
    font-size: 11px;
    line-height: 24px;
    height: 24px;
    position: relative;
}

#side-content .item:hover {
    background: #dfe6eb;
}

#side-content #side-service .item {
    padding: 3px 0 3px 0;
}

#side-content #side-service .item a {
    display: inline-block;
    padding-left: 15px;
}

#side-content #side-people .item {
    padding: 3px 0 3px 0;
}

#side-content #side-people .lc-user-block-profile-link {
    display: inline-block;
    padding-left: 15px;
}

#side-content .username,
#side-content .service-name {
    float: left;
    width: 120px;
    color: #222d35;
}

#side-content .usernameInner a {
    overflow: hidden;
}

#side-content .username {
    width: 109px;
}

.without-secondary #side-content .username {
    width: 90px;
}

#side-content .is-online {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    background: url(https://datshop.store/lander/znacomstva/base/i/header-sprite.png) no-repeat -60px -75px;
}

#side-content .is-offline {
    display: none;
}

#side-content .isonline-mobile {
    position: absolute;
    top: 50%;
    right: 32px;
    margin: -6px 0 0;
}

#side-content .isoffline-mobile {
    display: none;
}

#side-content .noty {
    visibility: hidden;
    font-size: 9px;
    line-height: 9px;
    color: #fff;
    background: #b4c4ce;
    padding: 1px 2px;
    margin: 7px 0 6px 10px;
    position: absolute;
    right: 5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    min-width: 7px;
    text-align: center;
    top: 3px;
}

#side-content .noty:hover {
    text-decoration: none;
}

#side-content .noty.on {
    visibility: visible;
}

#side-content .icon {
    margin: 4px 9px 4px 4px;
    float: left;
    display: block;
    width: 16px;
    height: 16px;
}

#side-content .icon-24 {
    margin: 0 5px 0 0;
    float: left;
    display: block;
    width: 24px;
    height: 24px;
}

#side-content .dropdown-item {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    visibility: hidden;
}

#side-content .item:hover .dropdown-item {
    visibility: visible;
}

#side-content .noty.on+.dropdown-item {
    display: none;
}

#side-content .dropdown-item:hover,
#side-content .dropdown-item.open-menu {
    background: transparent;
}

#side-content .dropdown-item .icn-options {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#side-content .dropdown-item:hover .icn-options {
    opacity: 1;
    filter: alpha(opacity=100);
}

#side-content .dropdown-item .dropdown-box {
    left: auto;
    right: 0;
}

#side-content .item-fav-icon,
#side-content .item-lastvisit-icon,
#side-content .item-community-icon {
    display: block;
    position: absolute;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/header-sprite.png?1) no-repeat;
}

#side-content .item-fav-icon {
    width: 10px;
    height: 10px;
    left: 5px;
    top: 12px;
    background-position: -111px -57px;
}

#side-content .item-lastvisit-icon {
    width: 10px;
    height: 10px;
    left: 5px;
    top: 12px;
    background-position: -121px -57px;
}

#side-content .item-community-icon {
    width: 11px;
    height: 11px;
    bottom: 7px;
    left: 29px;
    background-position: -123px -45px;
}

#side-content .item-fav-pinned-icon {
    display: block;
    position: absolute;
    left: 5px;
    top: 11px;
    width: 10px;
    height: 10px;
    background: url(https://datshop.store/lander/znacomstva/app/play/img/new/fav-mini.png) no-repeat;
    cursor: pointer;
}

#side-content .interest-block-options {
    display: none;
    position: absolute;
    right: 25px;
    top: 7px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
}

#side-content .interest-block-options:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#side-content .fs-social-wrapper .def-icos {
    background-size: 2256px auto;
    width: 24px;
    height: 24px;
}

#side-content .fs-social-wrapper .def-icos.icn-gray.icn-vk {
    background-position: -576px -48px;
}

#side-content .fs-social-wrapper .def-icos.icn-gray.icn-odkl {
    background-position: -624px -48px;
}

#side-content .fs-social-wrapper .def-icos.icn-gray.icn-fb {
    background-position: -600px -48px;
}

#side-content .fs-social-wrapper .def-icos.icn-vk {
    background-position: -576px 0;
}

#side-content .fs-social-wrapper .def-icos.icn-odkl {
    background-position: -624px 0;
}

#side-content .fs-social-wrapper .def-icos.icn-fb {
    background-position: -600px 0;
}

#side-content .fs-social-wrapper .icn-inst {
    width: 24px;
    height: 24px;
    -webkit-background-size: 24px auto;
    background-size: 24px auto;
}

#side-content .fs-social-wrapper {
    color: #50616d;
    padding: 10px 0 10px 4px;
}

#side-content .fs-social__title-1 {
    margin-right: 5px;
}

#side-content .fs-social__title-2 {
    padding-bottom: 5px;
}

#side-content .fs-social-wrapper .fs-social__link {
    display: inline-block;
    opacity: .7;
    margin-right: 7px;
    vertical-align: middle;
}

#side-content .fs-social-wrapper.fs-social-state-1:hover .fs-social__link {
    opacity: .9;
}

#side-content .fs-social-wrapper.fs-social-state-1 .fs-social__link:hover {
    opacity: 1;
}

#side-content .fs-social-wrapper.fs-social-state-2 .fs-social__link:hover {
    opacity: 1;
}

#side-support {
    color: #50616D;
    margin-top: 10px;
    padding-left: 4px;
}

#side-support a {
    color: #50616D;
    text-decoration: none;
}

#side-service:hover .interest-block-options,
#side-people:hover .interest-block-options {
    display: block;
}

#side-service {
    margin-bottom: 5px;
}

#side-service .item:hover .noty.on {
    visibility: hidden;
}

#side-service .item:hover .dropdown-item {
    display: block;
}

#side-season-events .item:hover .noty.on {
    visibility: hidden;
}

#side-season-events .item:hover .dropdown-item {
    display: block;
}

#side-people .send-message {
    position: absolute;
    right: 5px;
    top: 8px;
    display: none;
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
}

#side-people .item:hover .send-message {
    display: block;
}

#side-people .send-message:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#side-people .noty.on+.send-message {
    display: none;
}

#side-birthdays {
    margin-top: 15px;
}

#side-content .birthdays-block-remove {
    display: none;
    position: absolute;
    right: 5px;
    top: 7px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
}

#side-content .birthdays-block-remove:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#side-service:hover .birthdays-block-remove,
#side-birthdays:hover .birthdays-block-remove {
    display: block;
}

#side-content .birthdays-user-remove {
    display: none;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -1px;
    top: 10px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
}

#side-content .birthdays-user-remove:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#side-content .side-birthday-item:hover .birthdays-user-remove {
    display: block;
}

#side-content .active-item {
    background-color: #C4E0EE;
}

#side-content .active-item:hover {
    background-color: #2D8BC7;
    color: #FFFFFF;
}

#side-content .active-item:hover .service-name {
    color: #FFFFFF;
}

#side-content .side-toggable {}

#side-content .side-toggable .side-toggable__ico {
    float: right;
    margin: -3px 5px 0 0;
    padding: 3px;
    cursor: pointer;
}

#side-content .side-toggable .side-toggable__ico:hover {
    opacity: 0.5;
}

#side-content .side-toggable .side-toggable__ico_down {
    display: block;
}

#side-content .side-toggable .side-toggable__ico_up {
    display: none;
}

#side-content .side-toggable .side-toggable__block {
    display: none;
}

#side-content .side-toggable.side-toggable_shown .side-toggable__ico_down {
    display: none;
}

#side-content .side-toggable.side-toggable_shown .side-toggable__ico_up {
    display: block;
}

#side-content .side-toggable.side-toggable_shown .side-toggable__block {
    display: block;
}

#content h1 {
    color: #212d36;
    margin-top: 30px;
    margin-bottom: 14px;
}

#content h1.h1-username {
    margin-top: 15px;
}

#tabs-wrap {
    background: #fff;
    margin: 0 0 20px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    position: relative;
}

#tab-names {
    height: auto;
}

#tab-names .tab-name {
    float: left;
    position: relative;
    font-size: 13px;
    top: 0;
    line-height: 16px;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 15px 20px;
    margin: 0;
    text-transform: uppercase;
    color: #73818a;
    text-decoration: none;
}

#tab-names .tab-name.on,
#tab-names .tab-name.open-menu {
    border-bottom-color: #008bc8;
    color: #222d35;
}

#tab-names .tab-name:hover {
    color: #222d35;
}

#tab-names .tab-name:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 1px;
    border-left: 1px solid #dfe6eb;
}

#tab-names .tab-name:first-child:before {
    display: none;
}

#tab-names+#setting-tabs {
    top: 0;
}

#tab-names .icn {
    margin-right: 5px;
}

#tab-names .tab-name>.noty {
    margin-left: 6px;
    background-color: #F15F32;
    color: #fff;
    display: none;
    font-size: 11px;
    line-height: 16px;
    min-width: 9px;
    padding: 0 3px;
    font-weight: bold;
    text-align: center;
    margin-right: -5px;
    vertical-align: top;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#tab-names .tab-name>.noty.on {
    display: inline-block;
}

#tab-names .tab-name.open-menu>.noty {
    display: none;
}

#setting-tabs {
    display: inline-block;
    top: -28px;
    position: absolute;
    right: 0;
    z-index: 2;
}

#setting-tabs .tab-name {
    float: left;
    color: #50616d;
    font-size: 13px;
    display: inline-block;
    padding: 15px 12px;
    border-bottom: 2px solid transparent;
    line-height: 16px;
    cursor: pointer;
}

#setting-tabs .tab-name:hover {
    background: #dfe6eb;
}

#setting-tabs .tab-name.on {
    background: transparent;
    border-color: #c3d0d8;
}

#setting-tabs .tab-content-wrap {
    background-color: #fff;
    border: 1px solid #c3d0d8;
    position: absolute;
    top: 100%;
    right: -1px;
    width: 790px;
    padding: 20px;
    box-shadow: 0px 1px 2px #e8ebed;
    cursor: default;
}

#setting-tabs .tab-content .tab-preloader {
    text-align: center;
}

#context-nav-tabs {
    position: relative;
    top: 0;
    display: block;
    background: #dfe6eb;
}

#context-nav-tabs.context-nav-tabs-visible {
    min-height: 48px;
}

#context-nav-tabs .tab-name {
    color: #50616d;
    font-size: 13px;
    display: inline-block;
    padding: 15px 20px;
    line-height: 18px;
    cursor: pointer;
    float: left;
    max-width: 400px;
}

#context-nav-tabs .tab-name:hover {
    background: #c3d0d8;
}

#context-nav-tabs .tab-name.fl-r {
    float: right;
}

#context-nav-tabs .tab-name .icn {
    margin-right: 3px;
    margin-top: 2px;
}

#context-nav-tabs .next-users-wrap {
    float: right;
}

#context-nav-tabs .next-users-list {
    float: left;
    padding: 5px;
}

#context-nav-tabs .next-user {
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 0 0 5px;
    float: left;
    overflow: hidden;
}

#context-nav-tabs .next-users-wrap:hover .next-user:first-child,
#context-nav-tabs .next-users-wrap .next-users-list:hover .next-user:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#context-nav-tabs .next-user,
#context-nav-tabs .next-users-wrap .next-users-list:hover .next-user {
    opacity: .3;
    filter: alpha(opacity=30);
}

#context-nav-tabs .next-user img {
    width: 36px;
}

#tab-content {
    border: 1px solid #c3d0d8;
    background: #fff;
    min-height: 600px;
}

#tab-content.tab-content-clean {
    border: none;
    background: transparent;
}

.icon-pet {
    background-position: -25px 0;
}

.icon-quiz {
    background-position: -50px 0;
}

.icon-petstreet {
    background-position: -75px 0;
}

.icon-search {
    background-position: -100px 0;
}

.icon-karma {
    background-position: -125px 0;
}

.icon-karmatop {
    background-position: -125px 0;
}

.icon-leader {
    background-position: -150px 0;
}

.icon-nitro {
    background-position: -175px 0;
}

.icon-team {
    background-position: -200px 0;
}

.icon-cake {
    background-position: -225px 0;
}

.icon-love {
    background-position: 0 -25px;
}

.icon-magicroom {
    background-position: -25px -25px;
}

.icon-tdp4 {
    background-position: -50px -25px;
}

.icon-travel {
    background-position: -75px -25px;
}

.icon-poker {
    background-position: -100px -25px;
}

.icon-roadking {
    background-position: -125px -25px;
}

.icon-zverugi {
    background-position: -150px -25px;
}

.icon-collection {
    background-position: -175px -25px;
}

.icon-hellgard {
    background-position: -200px -25px;
}

.icon-playroom {
    background-position: -225px -25px;
}

/* text styles */

.title-link {
    font-size: 13px;
    font-weight: bold;
}

.secondary-link {
    color: #73818a;
    font-size: 11px;
    text-decoration: underline;
}

.secondary-link:hover {
    color: #008bc8;
}

.menu-link {
    color: #50616d;
    font-size: 11px;
    line-height: 24px;
    padding: 5px 20px;
}

.menu-link:hover {
    background: #f1f5f8;
    text-decoration: none;
}

.show-more-link {
    display: block;
    text-align: center;
    line-height: 16px;
    padding: 9px 20px;
    color: #536069;
    background: #f1f5f8;
    cursor: pointer;
}

.show-more-link-loading {
    cursor: default;
}

.show-more-link .icn-process {
    display: none;
}

.show-more-link-loading .icn-process {
    display: inline-block;
}

.show-more-link-loading span {
    display: none;
}

.h1-username {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 5px;
}

.status {
    margin-left: 5px;
    margin-right: 3px;
}

.status_profile {
    margin-left: 10px;
    margin-right: 3px;
}

.is-online {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAiElEQVR42oXQoQoCQRDG8f8b2eVgmm/gE/gEto0+gN1mM106jJaDsxqNJoWrC9aD8dtjEQ3LfvCDD2bKDOQcR0w6eWWpG785PAniBWFe2j8wmcQL0qxhd2cQr+jZ3ojiFZHNlShe8WZ9YRCv6FmdMZnEC9KsmS9ftgTxgvD3y8UJk07GLPXvwz9LarV0yxRxTgAAAABJRU5ErkJggg==);
    width: 10px;
    height: 10px;
}

.is-offline {
    width: 10px;
    height: 10px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAcUlEQVR42mNggILixi5fIN4HxJ+hGMT2YUAGQIEWIP6PA7fAFPlABX4CcR4QC0FxHlQMJOfLALUCxMlnQANAsXKo3D4Q5xOUI4RFoRBU7hOxCj8TsroM2WpfNM8IQjGqZ4gOHiRr/KDO+ALF++AmAQEA33udTN2m5woAAAAASUVORK5CYII=) 50% 0 no-repeat;
}

.isonline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    height: 12px;
    padding: 0 5px;
    position: relative;
    top: -2px;
    *vertical-align: baseline;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: #69c900;
    background: -moz-linear-gradient(top, #69c900 0%, #3b9c00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #69c900), color-stop(100%, #3b9c00));
    background: -webkit-linear-gradient(top, #69c900 0%, #3b9c00 100%);
    background: -o-linear-gradient(top, #69c900 0%, #3b9c00 100%);
    background: -ms-linear-gradient(top, #69c900 0%, #3b9c00 100%);
    background: linear-gradient(to bottom, #69c900 0%, #3b9c00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69c900', endColorstr='#3b9c00', GradientType=0);
}

.isonline-mobile {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 7px;
    height: 12px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/header-sprite.png) no-repeat -75px -75px;
    *vertical-align: middle;
}

.isonline-photochat {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 13px;
    height: 12px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/header-sprite.png) no-repeat -75px -90px;
    *vertical-align: middle;
}

.isoffline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 11px;
    color: #73818a;
    *vertical-align: baseline;
}

.isonline-sms {
    font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 21px;
    background: #49a900;
    line-height: 12px;
    font-size: 10px;
    color: #fff !important;
    text-align: center;
    border-radius: 2px;
    text-decoration: none !important;
    margin-top: -1px;
}

.isonline-sms:before {
    content: 'sms';
    display: block;
}

.isoffline-mobile {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 7px;
    height: 12px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTEzQzhGNDdFNkNEMTFFNUFCODY5RjRFRDBFNjQwRjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTEzQzhGNDhFNkNEMTFFNUFCODY5RjRFRDBFNjQwRjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMTNDOEY0NUU2Q0QxMUU1QUI4NjlGNEVEMEU2NDBGNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMTNDOEY0NkU2Q0QxMUU1QUI4NjlGNEVEMEU2NDBGNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pvq9nb0AAABXSURBVHjaYixu7NrLwMDgxIAJ9rFAJZx76kr3wURLmrpBYnsZgDr/AwEDOgaJMzHgARRKAh3ggSwI4zOCLCZkrDwQ66GzWaACD5E0PCRa5w4cOncABBgApTIougsHJc0AAAAASUVORK5CYII=')
}

.dotted-title-wrap {
    display: block;
    overflow: hidden;
    position: relative;
}

.dotted-title {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    padding-right: 5px;
    *behavior: expression( !this.isInserted==true ? this.isInserted=(this.innerHTML=this.innerHTML + '<div class="dotted-title-after"></div>'): '');
}

.dotted-title:after,
.dotted-title-after {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    width: 1000px;
    height: 1px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/horiz-bg-sprite.png) repeat-x 0px -107px;
}

.timestamp-text {
    font-size: 9px;
    line-height: 11px;
    color: #73818a;
}

.dashed-block {
    margin-bottom: 10px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.dashed-block:hover,
#int-wrap .int-dummy-app-block.over {
    opacity: 1;
    filter: alpha(opacity=100);
}

.dashed-block-border {
    border: 1px dashed #a5b8c8;
    padding: 2px;
}

.dashed-block-inner {
    background: #f1f5f8;
    padding: 10px;
    text-align: center;
}

.dashed-block-big-text {
    font-size: 15px;
    color: #a5b8c8;
    display: block;
    padding: 0 0 3px;
    line-height: 19px;
}

.dashed-block-text {
    font-size: 11px;
    color: #a5b8c8;
    display: block;
    line-height: 16px;
}

.dropdown-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: relative;
    padding: 2px 4px 2px 6px;
    cursor: pointer;
    line-height: 15px;
}

.dropdown-item:hover {
    background-color: #f1f5f8;
}

.dropdown-item.open-menu {
    background-color: #c3d0d8;
}

.dropdown-item .icn-down,
.dropdown-item .icn-up {
    vertical-align: middle;
    *zoom: 1;
}

.dropdown-item .icn-down,
.dropdown-item.open-menu .icn-up {
    display: inline-block;
    *display: inline;
}

.dropdown-item .icn-up,
.dropdown-item.open-menu .icn-down {
    display: none;
}

.dropdown-item .dropdown-item-title {
    position: relative;
    color: #536069;
    white-space: nowrap;
}

.dropdown-item.open-menu .dropdown-item-title {
    color: #fff;
}

.dropdown-item .dropdown-box {
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.1s;
    -moz-transition: visibility 0s linear 0.1s;
    -ms-transition: visibility 0s linear 0.1s;
    -o-transition: visibility 0s linear 0.1s;
    transition: visibility 0s linear 0.1s;
    position: absolute;
    left: 0;
    top: 100%;
}

.dropdown-item.btn {
    padding: 2px 15px;
}

.dropdown-item.btn.open-menu {
    border-color: #b4c4ce;
    background: #dee5ea;
    background: -moz-linear-gradient(top, #dee5ea 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dee5ea), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #dee5ea 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #dee5ea 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #dee5ea 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #dee5ea 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee5ea', endColorstr='#ffffff', GradientType=0);
}

.dropdown-item.open-menu .dropdown-box {
    visibility: visible;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.dropdown-item.btn.open-menu .dropdown-item-title,
.dropdown-item.ibtn.open-menu .dropdown-item-title {
    color: #536069;
}

.dropdown-item.btn .icn-down,
.dropdown-item.btn .icn-up,
.dropdown-item.ibtn .icn-down,
.dropdown-item.ibtn .icn-up {
    margin-left: 5px;
    margin-right: -3px;
}

.dropdown-box {
    display: block;
    padding: 5px 0;
    background: #fff;
    border: 1px solid #b4c4ce;
    z-index: 10;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}

.ddb-item {
    display: block;
    color: #222d35;
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;
    padding: 6px 20px 7px;
    white-space: nowrap;
    cursor: pointer;
}

.ddb-item:hover,
.ddb-item.on {
    background: #f1f5f8;
    text-decoration: none;
}

.ddb-item .noty {
    display: none;
    float: right;
    background-color: #F1592B;
    color: #fff;
    font-size: 9px;
    line-height: 12px;
    min-width: 9px;
    padding: 0 1px 1px;
    text-align: center;
}

.ddb-item .noty.on {
    display: block;
}

.small-tabs {
    display: inline-block;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.small-tab {
    display: inline-block;
    float: left;
    color: #536069;
    font-size: 13px;
    padding: 0 20px;
    line-height: 24px;
    cursor: pointer;
    border: 1px solid #ced3d5;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    background: #fbfbfc;
    background: -moz-linear-gradient(top, #fbfbfc 0%, #f1f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfc), color-stop(100%, #f1f2f2));
    background: -webkit-linear-gradient(top, #fbfbfc 0%, #f1f2f2 100%);
    background: -o-linear-gradient(top, #fbfbfc 0%, #f1f2f2 100%);
    background: -ms-linear-gradient(top, #fbfbfc 0%, #f1f2f2 100%);
    background: linear-gradient(to bottom, #fbfbfc 0%, #f1f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfc', endColorstr='#f1f2f2', GradientType=0);
}

.small-tab:hover {
    background: #f2f3f3;
    background: -moz-linear-gradient(top, #f2f3f3 0%, #e6e7e8 100%);
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f3f3), color-stop(100%, #e6e7e8));
    background: -webkit-linear-gradient(top, #f2f3f3 0%, #e6e7e8 100%);
    background: -o-linear-gradient(top, #f2f3f3 0%, #e6e7e8 100%);
    background: -ms-linear-gradient(top, #f2f3f3 0%, #e6e7e8 100%);
    background: linear-gradient(to bottom, #f2f3f3 0%, #e6e7e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f3', endColorstr='#e6e7e8', GradientType=0);
}

.small-tab:active,
.small-tab.on {
    color: #73818a;
    background: #e6e8e9;
    background: -moz-linear-gradient(top, #dee0e2 0%, #eeefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dee0e2), color-stop(100%, #eeefef));
    background: -webkit-linear-gradient(top, #dee0e2 0%, #eeefef 100%);
    background: -o-linear-gradient(top, #dee0e2 0%, #eeefef 100%);
    background: -ms-linear-gradient(top, #dee0e2 0%, #eeefef 100%);
    background: linear-gradient(to bottom, #dee0e2 0%, #eeefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee0e2', endColorstr='#eeefef', GradientType=0);
    webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
}

/*.small-tab.on+.small-tab, .small-tab:hover+.small-tab { border-left-color: #e1e8ed; }*/

.small-tab+.small-tab {
    border-left: none;
}

/* buttons */

.btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 20px;
    padding: 2px 20px;
    border: 1px solid #c3d0d8;
    color: #536069;
    cursor: pointer;
    text-align: center;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eef2f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eef2f6));
    background: -webkit-linear-gradient(top, #ffffff 0%, #eef2f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #eef2f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #eef2f6 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #eef2f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef2f6', GradientType=0);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    -ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.btn.btn-big {
    line-height: 25px;
    padding: 3px 20px 4px;
}

.btn:hover {
    border-color: #b4c4ce;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #dee5ea 100%);
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dee5ea));
    background: -webkit-linear-gradient(top, #ffffff 0%, #dee5ea 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #dee5ea 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #dee5ea 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #dee5ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dee5ea', GradientType=0);
}

.btn:active {
    border-color: #b4c4ce;
    background: #dee5ea;
    background: -moz-linear-gradient(top, #dee5ea 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dee5ea), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #dee5ea 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #dee5ea 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #dee5ea 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #dee5ea 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee5ea', endColorstr='#ffffff', GradientType=0);
}

.btn.btn-blue {
    color: #fff;
    border-color: #0076a9;
    background: #0091d0;
    background: -moz-linear-gradient(top, #0091d0 0%, #0085bf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0091d0), color-stop(100%, #0085bf));
    background: -webkit-linear-gradient(top, #0091d0 0%, #0085bf 100%);
    background: -o-linear-gradient(top, #0091d0 0%, #0085bf 100%);
    background: -ms-linear-gradient(top, #0091d0 0%, #0085bf 100%);
    background: linear-gradient(to bottom, #0091d0 0%, #0085bf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091d0', endColorstr='#0085bf', GradientType=0);
}

.btn.btn-blue:hover,
.btn.btn-blue-hover:hover {
    border-color: #0088c4;
    color: #fff;
    background: #18a5e3;
    background: -moz-linear-gradient(top, #18a5e3 0%, #1492ca 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #18a5e3), color-stop(100%, #1492ca));
    background: -webkit-linear-gradient(top, #18a5e3 0%, #1492ca 100%);
    background: -o-linear-gradient(top, #18a5e3 0%, #1492ca 100%);
    background: -ms-linear-gradient(top, #18a5e3 0%, #1492ca 100%);
    background: linear-gradient(to bottom, #18a5e3 0%, #1492ca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18a5e3', endColorstr='#1492ca', GradientType=0);
}

.btn.btn-blue:active,
.btn.btn-blue-hover:active {
    border-color: #0088c4;
    color: #fff;
    background: #0085bf;
    background: -moz-linear-gradient(top, #0085bf 0%, #0091d0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0085bf), color-stop(100%, #0091d0));
    background: -webkit-linear-gradient(top, #0085bf 0%, #0091d0 100%);
    background: -o-linear-gradient(top, #0085bf 0%, #0091d0 100%);
    background: -ms-linear-gradient(top, #0085bf 0%, #0091d0 100%);
    background: linear-gradient(to bottom, #0085bf 0%, #0091d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085bf', endColorstr='#0091d0', GradientType=0);
}

.btn.btn-green {
    color: #fff;
    border-color: #47b508;
    background: #73cd0a;
    background: -moz-linear-gradient(top, #73cd0a 0%, #3fb00b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #73cd0a), color-stop(100%, #3fb00b));
    background: -webkit-linear-gradient(top, #73cd0a 0%, #3fb00b 100%);
    background: -o-linear-gradient(top, #73cd0a 0%, #3fb00b 100%);
    background: -ms-linear-gradient(top, #73cd0a 0%, #3fb00b 100%);
    background: linear-gradient(to bottom, #73cd0a 0%, #3fb00b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73cd0a', endColorstr='#3fb00b', GradientType=0);
}

.btn.btn-green:hover,
.btn.btn-green-hover:hover {
    color: #fff;
    border-color: #47b508;
    background: #7dd515;
    background: -moz-linear-gradient(top, #7dd515 0%, #4aba17 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7dd515), color-stop(100%, #4aba17));
    background: -webkit-linear-gradient(top, #7dd515 0%, #4aba17 100%);
    background: -o-linear-gradient(top, #7dd515 0%, #4aba17 100%);
    background: -ms-linear-gradient(top, #7dd515 0%, #4aba17 100%);
    background: linear-gradient(to bottom, #7dd515 0%, #4aba17 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dd515', endColorstr='#4aba17', GradientType=0);
}

.btn.btn-green:active,
.btn.btn-green-hover:active {
    color: #fff;
    border-color: #47b508;
    background: #4aba17;
    background: -moz-linear-gradient(top, #4aba17 0%, #7dd515 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4aba17), color-stop(100%, #7dd515));
    background: -webkit-linear-gradient(top, #4aba17 0%, #7dd515 100%);
    background: -o-linear-gradient(top, #4aba17 0%, #7dd515 100%);
    background: -ms-linear-gradient(top, #4aba17 0%, #7dd515 100%);
    background: linear-gradient(to bottom, #4aba17 0%, #7dd515 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aba17', endColorstr='#7dd515', GradientType=0);
}

.btn.btn-orange {
    border-color: #ee3c24;
    color: #fff;
    background: #f2672a;
    background: -moz-linear-gradient(top, #f2672a 0%, #ee3823 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2672a), color-stop(100%, #ee3823));
    background: -webkit-linear-gradient(top, #f2672a 0%, #ee3823 100%);
    background: -o-linear-gradient(top, #f2672a 0%, #ee3823 100%);
    background: -ms-linear-gradient(top, #f2672a 0%, #ee3823 100%);
    background: linear-gradient(to bottom, #f2672a 0%, #ee3823 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2672a', endColorstr='#ee3823', GradientType=0);
}

.btn.btn-orange:hover,
.btn.btn-orange-hover:hover {
    border-color: #ee3c24;
    color: #fff;
    background: #f37640;
    background: -moz-linear-gradient(top, #f37640 0%, #f04e39 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37640), color-stop(100%, #f04e39));
    background: -webkit-linear-gradient(top, #f37640 0%, #f04e39 100%);
    background: -o-linear-gradient(top, #f37640 0%, #f04e39 100%);
    background: -ms-linear-gradient(top, #f37640 0%, #f04e39 100%);
    background: linear-gradient(to bottom, #f37640 0%, #f04e39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37640', endColorstr='#f04e39', GradientType=0);
}

.btn.btn-orange:active,
.btn.btn-orange-hover:active {
    background: #ee3c24;
    background: -moz-linear-gradient(top, #ee3c24 0%, #f2662a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee3c24), color-stop(100%, #f2662a));
    background: -webkit-linear-gradient(top, #ee3c24 0%, #f2662a 100%);
    background: -o-linear-gradient(top, #ee3c24 0%, #f2662a 100%);
    background: -ms-linear-gradient(top, #ee3c24 0%, #f2662a 100%);
    background: linear-gradient(to bottom, #ee3c24 0%, #f2662a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3c24', endColorstr='#f2662a', GradientType=0);
}

.btn.btn-red {
    border-color: #9d0a0e;
    color: #fff;
    background: #e51b23;
    background: -moz-linear-gradient(top, #e51b23 0%, #b71115 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e51b23), color-stop(100%, #b71115));
    background: -webkit-linear-gradient(top, #e51b23 0%, #b71115 100%);
    background: -o-linear-gradient(top, #e51b23 0%, #b71115 100%);
    background: -ms-linear-gradient(top, #e51b23 0%, #b71115 100%);
    background: linear-gradient(to bottom, #e51b23 0%, #b71115 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e51b23', endColorstr='#b71115', GradientType=0);
}

.btn.btn-red:hover,
.btn.btn-red-hover:hover {
    border-color: #9d0a0e;
    color: #fff;
    background: #f02931;
    background: -moz-linear-gradient(top, #f02931 0%, #c82328 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f02931), color-stop(100%, #c82328));
    background: -webkit-linear-gradient(top, #f02931 0%, #c82328 100%);
    background: -o-linear-gradient(top, #f02931 0%, #c82328 100%);
    background: -ms-linear-gradient(top, #f02931 0%, #c82328 100%);
    background: linear-gradient(to bottom, #f02931 0%, #c82328 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f02931', endColorstr='#c82328', GradientType=0);
}

.btn.btn-red:active,
.btn.btn-red-hover:active {
    background: #b71115;
    background: -moz-linear-gradient(top, #b71115 0%, #e51b23 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b71115), color-stop(100%, #e51b23));
    background: -webkit-linear-gradient(top, #b71115 0%, #e51b23 100%);
    background: -o-linear-gradient(top, #b71115 0%, #e51b23 100%);
    background: -ms-linear-gradient(top, #b71115 0%, #e51b23 100%);
    background: linear-gradient(to bottom, #b71115 0%, #e51b23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b71115', endColorstr='#e51b23', GradientType=0);
}

.btn.btn-mm {
    border-color: #256cab;
    color: #fff;
    position: relative;
    background: #0274d6;
    background: -moz-linear-gradient(top, #0274d6 0%, #0065be 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0274d6), color-stop(100%, #0065be));
    background: -webkit-linear-gradient(top, #0274d6 0%, #0065be 100%);
    background: -o-linear-gradient(top, #0274d6 0%, #0065be 100%);
    background: -ms-linear-gradient(top, #0274d6 0%, #0065be 100%);
    background: linear-gradient(to bottom, #0274d6 0%, #0065be 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0274d6', endColorstr='#0065be', GradientType=0);
    *behavior: expression( !this.isInserted==true ? this.isInserted=(this.innerHTML='<div class="btn-mm-before"></div>' + this.innerHTML): '');
}

.btn.btn-mm:before,
.btn.btn-mm-before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: -1px;
    top: -1px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/social-icons.png?v=2) no-repeat 0 0;
}

.btn.btn-mm:hover {
    background: #358fde;
    background: -moz-linear-gradient(top, #358fde 0%, #3384cb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #358fde), color-stop(100%, #3384cb));
    background: -webkit-linear-gradient(top, #358fde 0%, #3384cb 100%);
    background: -o-linear-gradient(top, #358fde 0%, #3384cb 100%);
    background: -ms-linear-gradient(top, #358fde 0%, #eef2f6 100%);
    background: linear-gradient(to bottom, #358fde 0%, #3384cb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#358fde', endColorstr='#3384cb', GradientType=0);
}

.btn.btn-mm:active {
    background: #0066c0;
    background: -moz-linear-gradient(top, #0066c0 0%, #0376dc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0066c0), color-stop(100%, #0376dc));
    background: -webkit-linear-gradient(top, #0066c0 0%, #0376dc 100%);
    background: -o-linear-gradient(top, #0066c0 0%, #0376dc 100%);
    background: -ms-linear-gradient(top, #0066c0 0%, #0376dc 100%);
    background: linear-gradient(to bottom, #0066c0 0%, #0376dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066c0', endColorstr='#0376dc', GradientType=0);
}

.btn.btn-mm.btn-disabled:before {
    content: ' ';
    background-position: 0 -26px;
}

.btn.btn-vk {
    border-color: #3b6087;
    color: #fff;
    position: relative;
    background: #5b7ea3;
    background: -moz-linear-gradient(top, #5b7ea3 0%, #4e7095 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b7ea3), color-stop(100%, #4e7095));
    background: -webkit-linear-gradient(top, #5b7ea3 0%, #4e7095 100%);
    background: -o-linear-gradient(top, #5b7ea3 0%, #4e7095 100%);
    background: -ms-linear-gradient(top, #5b7ea3 0%, #4e7095 100%);
    background: linear-gradient(to bottom, #5b7ea3 0%, #4e7095 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b7ea3', endColorstr='#4e7095', GradientType=0);
}

.btn.btn-vk:before,
.btn.btn-vk-before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: -1px;
    top: -1px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/social-icons.png?v=2) no-repeat -26px 0;
}

.btn.btn-vk:hover {
    background: #6e8fb1;
    background: -moz-linear-gradient(top, #6e8fb1 0%, #6285a8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6e8fb1), color-stop(100%, #6285a8));
    background: -webkit-linear-gradient(top, #6e8fb1 0%, #6285a8 100%);
    background: -o-linear-gradient(top, #6e8fb1 0%, #6285a8 100%);
    background: -ms-linear-gradient(top, #6e8fb1 0%, #6285a8 100%);
    background: linear-gradient(to bottom, #358fde 0%, #6285a8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e8fb1', endColorstr='#6285a8', GradientType=0);
}

.btn.btn-vk:active {
    background: #4e7095;
    background: -moz-linear-gradient(top, #4e7095 0%, #5b7ea3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b7ea3), color-stop(100%, #5b7ea3));
    background: -webkit-linear-gradient(top, #4e7095 0%, #0376dc 100%);
    background: -o-linear-gradient(top, #4e7095 0%, #5b7ea3 100%);
    background: -ms-linear-gradient(top, #4e7095 0%, #5b7ea3 100%);
    background: linear-gradient(to bottom, #4e7095 0%, #5b7ea3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7095', endColorstr='#5b7ea3', GradientType=0);
}

.btn.btn-vk.btn-disabled:before {
    content: ' ';
    background-position: -26px -26px;
}

.btn.btn-gp {
    border-color: #a82a24;
    color: #fff;
    position: relative;
    background: #dc4937;
    background: -moz-linear-gradient(top, #dc4937 0%, #c63b2e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dc4937), color-stop(100%, #c63b2e));
    background: -webkit-linear-gradient(top, #dc4937 0%, #c63b2e 100%);
    background: -o-linear-gradient(top, #dc4937 0%, #c63b2e 100%);
    background: -ms-linear-gradient(top, #dc4937 0%, #c63b2e 100%);
    background: linear-gradient(to bottom, #dc4937 0%, #c63b2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4937', endColorstr='#c63b2e', GradientType=0);
}

.btn.btn-gp:before,
.btn.btn-gp-before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: -1px;
    top: -1px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/social-icons.png?v=2) no-repeat -128px 0;
}

.btn.btn-gp:hover {
    background: #d83e2f;
    background: -moz-linear-gradient(top, #db3d2f 0%, #c63b2e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c63b2e), color-stop(100%, #c63b2e));
    background: -webkit-linear-gradient(top, #db3d2f 0%, #c63b2e 100%);
    background: -o-linear-gradient(top, #d83e2f 0%, #df1d0b 100%);
    background: -ms-linear-gradient(top, #c63b2e 0%, #c63b2e 100%);
    background: linear-gradient(to bottom, #d42426 0%, #c63b2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df1d0b', endColorstr='#df1d0b', GradientType=0);
}

.btn.btn-gp:active {
    background: #c63b2e;
    background: -moz-linear-gradient(top, #c63b2e 0%, #dc4937 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dc4937), color-stop(100%, #dc4937));
    background: -webkit-linear-gradient(top, #c63b2e 0%, #d42426 100%);
    background: -o-linear-gradient(top, #c63b2e 0%, #dc4937 100%);
    background: -ms-linear-gradient(top, #c63b2e 0%, #dc4937 100%);
    background: linear-gradient(to bottom, #c63b2e 0%, #dc4937 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c63b2e', endColorstr='#dc4937', GradientType=0);
}

.btn.btn-gp.btn-disabled:before {
    content: ' ';
    background-position: -128px -26px;
}

.btn.btn-ok {
    border-color: #b8651e;
    color: #fff;
    position: relative;
    background: #f7943f;
    background: -moz-linear-gradient(top, #f7943f 0%, #eb832b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7943f), color-stop(100%, #eb832b));
    background: -webkit-linear-gradient(top, #f7943f 0%, #eb832b 100%);
    background: -o-linear-gradient(top, #f7943f 0%, #eb832b 100%);
    background: -ms-linear-gradient(top, #f7943f 0%, #eb832b 100%);
    background: linear-gradient(to bottom, #f7943f 0%, #eb832b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7943f', endColorstr='#eb832b', GradientType=0);
}

.btn.btn-ok:before,
.btn.btn-ok-before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: -1px;
    top: -1px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/social-icons.png?v=2) no-repeat -52px 0;
}

.btn.btn-ok:hover {
    background: #f89f46;
    background: -moz-linear-gradient(top, #f89f46 0%, #f09135 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f89f46), color-stop(100%, #f09135));
    background: -webkit-linear-gradient(top, #f89f46 0%, #f09135 100%);
    background: -o-linear-gradient(top, #f89f46 0%, #f09135 100%);
    background: -ms-linear-gradient(top, #f89f46 0%, #f09135 100%);
    background: linear-gradient(to bottom, #f89f46 0%, #f09135 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89f46', endColorstr='#f09135', GradientType=0);
}

.btn.btn-ok:active {
    background: #eb832a;
    background: -moz-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb832a), color-stop(100%, #f7943e));
    background: -webkit-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: -o-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: -ms-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: linear-gradient(to bottom, #eb832a 0%, #f7943e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb832a', endColorstr='#f7943e', GradientType=0);
}

.btn.btn-ok.btn-disabled:before {
    content: ' ';
    background-position: -52px -26px;
}

.btn.btn-ya:after,
.btn.btn-ya-after {
    display: none !important;
}

.btn.btn-ya {
    border-color: #f39b00;
    border-left: none;
    color: #fff;
    position: relative;
    background: #f7943f;
    background: -moz-linear-gradient(top, #f7943f 0%, #eb832b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd830), color-stop(100%, #f3b101));
    background: -webkit-linear-gradient(top, #ffd830 0%, #f3b101 100%);
    background: -o-linear-gradient(top, #ffd830 0%, #f3b101 100%);
    background: -ms-linear-gradient(top, #ffd830 0%, #f3b101 100%);
    background: linear-gradient(to bottom, #ffd830 0%, #f3b101 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd830', endColorstr='#f3b101', GradientType=0);
}

.btn.btn-ya:before,
.btn.btn-ya-before {
    content: '';
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0px;
    top: -1px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/social-icons.png?v=2) no-repeat -154px 0;
}

.btn.btn-ya:hover {
    background: #f89f46;
    background: -moz-linear-gradient(top, #f8c216 0%, #f39b00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8c216), color-stop(100%, #f39b00));
    background: -webkit-linear-gradient(top, #f8c216 0%, #f39b00 100%);
    background: -o-linear-gradient(top, #f8c216 0%, #f39b00 100%);
    background: -ms-linear-gradient(top, #f8c216 0%, #f39b00 100%);
    background: linear-gradient(to bottom, #f8c216 0%, #f39b00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8c216', endColorstr='#f39b00', GradientType=0);
}

.btn.btn-ya:active {
    background: #eb832a;
    background: -moz-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb832a), color-stop(100%, #f7943e));
    background: -webkit-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: -o-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: -ms-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: linear-gradient(to bottom, #eb832a 0%, #f7943e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb832a', endColorstr='#f7943e', GradientType=0);
}

.btn.btn-ya.btn-disabled:before {
    content: ' ';
    background-position: -154px -26px;
}

.btn.btn-fb {
    border-color: #455b88;
    color: #fff;
    position: relative;
    background: #627aa9;
    background: -moz-linear-gradient(top, #627aa9 0%, #5e75a4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #627aa9), color-stop(100%, #5e75a4));
    background: -webkit-linear-gradient(top, #627aa9 0%, #5e75a4 100%);
    background: -o-linear-gradient(top, #627aa9 0%, #5e75a4 100%);
    background: -ms-linear-gradient(top, #627aa9 0%, #5e75a4 100%);
    background: linear-gradient(to bottom, #627aa9 0%, #5e75a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627aa9', endColorstr='#5e75a4', GradientType=0);
}

.btn.btn-fb:before,
.btn.btn-fb-before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: -1px;
    top: -1px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/social-icons.png?v=2) no-repeat -78px 0;
}

.btn.btn-fb:hover {
    background: #6e86b3;
    background: -moz-linear-gradient(top, #6e86b3 0%, #6a82b0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6e86b3), color-stop(100%, #6a82b0));
    background: -webkit-linear-gradient(top, #6e86b3 0%, #6a82b0 100%);
    background: -o-linear-gradient(top, #6e86b3 0%, #6a82b0 100%);
    background: -ms-linear-gradient(top, #6e86b3 0%, #6a82b0 100%);
    background: linear-gradient(to bottom, #6e86b3 0%, #6a82b0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e86b3', endColorstr='#6a82b0', GradientType=0);
}

.btn.btn-fb:active {
    background: #5e75a4;
    background: -moz-linear-gradient(top, #5e75a4 0%, #627aa9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e75a4), color-stop(100%, #627aa9));
    background: -webkit-linear-gradient(top, #5e75a4 0%, #627aa9 100%);
    background: -o-linear-gradient(top, #5e75a4 0%, #627aa9 100%);
    background: -ms-linear-gradient(top, #5e75a4 0%, #627aa9 100%);
    background: linear-gradient(to bottom, #5e75a4 0%, #627aa9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e75a4', endColorstr='#627aa9', GradientType=0);
}

.btn.btn-fb.btn-disabled:before {
    content: ' ';
    background-position: -78px -26px;
}

.btn.btn-only-icon {
    width: 24px;
    height: 24px;
    padding: 0;
    font-size: 0;
    vertical-align: top;
}

.btn-only-icon[class*="sapi-"] {
    text-indent: -100500px;
}

.btn.btn-only-icon.btn-ya {
    width: 25px;
}

.btn.btn-social {
    padding-left: 44px;
}

.btn.btn-big.btn-social:before {
    top: 3px;
}

.btn.btn-big.btn-social:after {
    height: 28px;
}

.btn.btn-social:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 25px;
    height: 20px;
    width: 1px;
    background: #333;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.btn.btn-disabled,
.btn.btn-disabled:hover {
    border: 1px solid #c3d0d8;
    color: #50616d;
    cursor: default;
    text-align: center;
    opacity: .7;
    filter: alpha(opacity=70);
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eef2f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eef2f6));
    background: -webkit-linear-gradient(top, #ffffff 0%, #eef2f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #eef2f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #eef2f6 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #eef2f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef2f6', GradientType=0);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    -ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

/**/

/* ����� ������ */

.ibtn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 20px;
    padding: 3px 21px;
    border: none;
    color: #536069;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaeaea));
    background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.ibtn.ibtn-big {
    line-height: 25px;
    padding: 3px 20px 4px;
}

.ibtn.ibtn-large {
    font-size: 13px;
    line-height: 41px;
    padding: 3px 20px 4px;
}

.ibtn:hover {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9f9f9));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
}

.ibtn:active {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, .3);
}

.ibtn.ibtn-border {
    position: relative;
    background: #fbfbfc;
    background: -moz-linear-gradient(top, #fbfbfc 0%, #f0f1f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfc), color-stop(100%, #f0f1f2));
    background: -webkit-linear-gradient(top, #fbfbfc 0%, #f0f1f2 100%);
    background: -o-linear-gradient(top, #fbfbfc 0%, #f0f1f2 100%);
    background: -ms-linear-gradient(top, #fbfbfc 0%, #f0f1f2 100%);
    background: linear-gradient(to bottom, #fbfbfc 0%, #f0f1f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfc', endColorstr='#f0f1f2', GradientType=0);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.ibtn.ibtn-border:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #ced3d5;
    color: #ced3d5;
    pointer-events: none;
}

x:-o-prefocus,
.ibtn.ibtn-border:before {
    display: none;
}

.ibtn.ibtn-border:hover {
    background: #f2f3f3;
    background: -moz-linear-gradient(top, #f2f3f3 0%, #e5e7e8 100%);
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f3f3), color-stop(100%, #e5e7e8));
    background: -webkit-linear-gradient(top, #f2f3f3 0%, #e5e7e8 100%);
    background: -o-linear-gradient(top, #f2f3f3 0%, #e5e7e8 100%);
    background: -ms-linear-gradient(top, #f2f3f3 0%, #e5e7e8 100%);
    background: linear-gradient(to bottom, #f2f3f3 0%, #e5e7e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f3', endColorstr='#e5e7e8', GradientType=0);
}

.ibtn.ibtn-border:hover:before {
    border-color: #d6dadc;
    color: #d6dadc;
}

.ibtn.ibtn-border:active {
    background: #eeefef;
    background: -moz-linear-gradient(top, #eeefef 0%, #dee0e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeefef), color-stop(100%, #dee0e2));
    background: -webkit-linear-gradient(top, #eeefef 0%, #dee0e2 100%);
    background: -o-linear-gradient(top, #eeefef 0%, #dee0e2 100%);
    background: -ms-linear-gradient(top, #eeefef 0%, #f2f3f3 100%);
    background: linear-gradient(to bottom, #eeefef 0%, #f2f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeefef', endColorstr='#dee0e2', GradientType=0);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, .3);
}

.ibtn.ibtn-border:active:before {
    display: none;
}

.ibtn.ibtn-blue {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    background: #2994d2;
    background: -moz-linear-gradient(top, #2994d2 0%, #1178b3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2994d2), color-stop(100%, #1178b3));
    background: -webkit-linear-gradient(top, #2994d2 0%, #1178b3 100%);
    background: -o-linear-gradient(top, #2994d2 0%, #1178b3 100%);
    background: -ms-linear-gradient(top, #2994d2 0%, #1178b3 100%);
    background: linear-gradient(to bottom, #2994d2 0%, #1178b3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2994d2', endColorstr='#1178b3', GradientType=0);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.ibtn.ibtn-blue:hover,
.ibtn.ibtn-blue-hover:hover {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    background: #1f9fe8;
    background: -moz-linear-gradient(top, #1f9fe8 0%, #1187cb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f9fe8), color-stop(100%, #1187cb));
    background: -webkit-linear-gradient(top, #1f9fe8 0%, #1187cb 100%);
    background: -o-linear-gradient(top, #1f9fe8 0%, #1187cb 100%);
    background: -ms-linear-gradient(top, #1f9fe8 0%, #1187cb 100%);
    background: linear-gradient(to bottom, #1f9fe8 0%, #1187cb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f9fe8', endColorstr='#1187cb', GradientType=0);
}

.ibtn.ibtn-blue:active,
.ibtn.ibtn-blue-hover:active {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    background: #278bc5;
    background: -moz-linear-gradient(top, #278bc5 0%, #1178b3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #278bc5), color-stop(100%, #1178b3));
    background: -webkit-linear-gradient(top, #278bc5 0%, #1178b3 100%);
    background: -o-linear-gradient(top, #278bc5 0%, #1178b3 100%);
    background: -ms-linear-gradient(top, #278bc5 0%, #1178b3 100%);
    background: linear-gradient(to bottom, #278bc5 0%, #1178b3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278bc5', endColorstr='#1178b3', GradientType=0);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 1px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 1px 3px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 1px 3px rgba(0, 0, 0, .3);
}

.ibtn.ibtn-green {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    background: #31c85b;
    background: -moz-linear-gradient(top, #31c85b 0%, #29aa44 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #31c85b), color-stop(100%, #29aa44));
    background: -webkit-linear-gradient(top, #31c85b 0%, #29aa44 100%);
    background: -o-linear-gradient(top, #31c85b 0%, #29aa44 100%);
    background: -ms-linear-gradient(top, #31c85b 0%, #29aa44 100%);
    background: linear-gradient(to bottom, #31c85b 0%, #29aa44 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31c85b', endColorstr='#29aa44', GradientType=0);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.ibtn.ibtn-green:hover,
.ibtn.ibtn-green-hover:hover {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    background: #53d778;
    background: -moz-linear-gradient(top, #53d778 0%, #44be5e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #53d778), color-stop(100%, #44be5e));
    background: -webkit-linear-gradient(top, #53d778 0%, #44be5e 100%);
    background: -o-linear-gradient(top, #53d778 0%, #44be5e 100%);
    background: -ms-linear-gradient(top, #53d778 0%, #44be5e 100%);
    background: linear-gradient(to bottom, #53d778 0%, #44be5e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53d778', endColorstr='#44be5e', GradientType=0);
}

.ibtn.ibtn-green:active,
.ibtn.ibtn-green-hover:active {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    background: #29ab45;
    background: -moz-linear-gradient(top, #29ab45 0%, #34c25b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #29ab45), color-stop(100%, #34c25b));
    background: -webkit-linear-gradient(top, #29ab45 0%, #34c25b 100%);
    background: -o-linear-gradient(top, #29ab45 0%, #34c25b 100%);
    background: -ms-linear-gradient(top, #29ab45 0%, #34c25b 100%);
    background: linear-gradient(to bottom, #29ab45 0%, #34c25b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29ab45', endColorstr='#34c25b', GradientType=0);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 1px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 1px 3px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 1px 3px rgba(0, 0, 0, .3);
}

.ibtn.ibtn-orange {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    background: #f2672a;
    background: -moz-linear-gradient(top, #f2672a 0%, #ee3823 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2672a), color-stop(100%, #ee3823));
    background: -webkit-linear-gradient(top, #f2672a 0%, #ee3823 100%);
    background: -o-linear-gradient(top, #f2672a 0%, #ee3823 100%);
    background: -ms-linear-gradient(top, #f2672a 0%, #ee3823 100%);
    background: linear-gradient(to bottom, #f2672a 0%, #ee3823 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2672a', endColorstr='#ee3823', GradientType=0);
}

.ibtn.ibtn-orange:hover,
.ibtn.ibtn-orange-hover:hover {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    background: #f37640;
    background: -moz-linear-gradient(top, #f37640 0%, #f04e39 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37640), color-stop(100%, #f04e39));
    background: -webkit-linear-gradient(top, #f37640 0%, #f04e39 100%);
    background: -o-linear-gradient(top, #f37640 0%, #f04e39 100%);
    background: -ms-linear-gradient(top, #f37640 0%, #f04e39 100%);
    background: linear-gradient(to bottom, #f37640 0%, #f04e39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37640', endColorstr='#f04e39', GradientType=0);
}

.ibtn.ibtn-orange:active,
.ibtn.ibtn-orange-hover:active {
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    background: #ee3c24;
    background: -moz-linear-gradient(top, #ee3c24 0%, #f2662a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee3c24), color-stop(100%, #f2662a));
    background: -webkit-linear-gradient(top, #ee3c24 0%, #f2662a 100%);
    background: -o-linear-gradient(top, #ee3c24 0%, #f2662a 100%);
    background: -ms-linear-gradient(top, #ee3c24 0%, #f2662a 100%);
    background: linear-gradient(to bottom, #ee3c24 0%, #f2662a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3c24', endColorstr='#f2662a', GradientType=0);
}

.ibtn.ibtn-red {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    background: #de293a;
    background: -moz-linear-gradient(top, #de293a 0%, #c1213c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #de293a), color-stop(100%, #c1213c));
    background: -webkit-linear-gradient(top, #de293a 0%, #c1213c 100%);
    background: -o-linear-gradient(top, #de293a 0%, #c1213c 100%);
    background: -ms-linear-gradient(top, #de293a 0%, #c1213c 100%);
    background: linear-gradient(to bottom, #de293a 0%, #c1213c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de293a', endColorstr='#c1213c', GradientType=0);
}

.ibtn.ibtn-red:hover,
.ibtn.ibtn-red-hover:hover {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    background: #f65362;
    background: -moz-linear-gradient(top, #f65362 0%, #ea3647 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f65362), color-stop(100%, #ea3647));
    background: -webkit-linear-gradient(top, #f65362 0%, #ea3647 100%);
    background: -o-linear-gradient(top, #f65362 0%, #ea3647 100%);
    background: -ms-linear-gradient(top, #f65362 0%, #ea3647 100%);
    background: linear-gradient(to bottom, #f65362 0%, #ea3647 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f65362', endColorstr='#ea3647', GradientType=0);
}

.ibtn.ibtn-red:active,
.ibtn.ibtn-red-hover:active {
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    background: #cf203d;
    background: -moz-linear-gradient(top, #cf203d 0%, #de293a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf203d), color-stop(100%, #de293a));
    background: -webkit-linear-gradient(top, #cf203d 0%, #de293a 100%);
    background: -o-linear-gradient(top, #cf203d 0%, #de293a 100%);
    background: -ms-linear-gradient(top, #cf203d 0%, #de293a 100%);
    background: linear-gradient(to bottom, #cf203d 0%, #de293a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf203d', endColorstr='#de293a', GradientType=0);
}

.ibtn.ibtn-important {
    text-transform: uppercase;
}

.ibtn.ibtn-mm {
    color: #fff;
    position: relative;
    background: #0274d6;
    background: -moz-linear-gradient(top, #0274d6 0%, #0065be 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0274d6), color-stop(100%, #0065be));
    background: -webkit-linear-gradient(top, #0274d6 0%, #0065be 100%);
    background: -o-linear-gradient(top, #0274d6 0%, #0065be 100%);
    background: -ms-linear-gradient(top, #0274d6 0%, #0065be 100%);
    background: linear-gradient(to bottom, #0274d6 0%, #0065be 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0274d6', endColorstr='#0065be', GradientType=0);
    *behavior: expression( !this.isInserted==true ? this.isInserted=(this.innerHTML='<div class="btn-mm-before"></div>' + this.innerHTML): '');
}

.ibtn.ibtn-mm:before,
.ibtn.ibtn-mm-before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: -1px;
    top: -1px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/social-icons.png?v=2) no-repeat 0 0;
}

.ibtn.ibtn-mm:hover {
    background: #358fde;
    background: -moz-linear-gradient(top, #358fde 0%, #3384cb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #358fde), color-stop(100%, #3384cb));
    background: -webkit-linear-gradient(top, #358fde 0%, #3384cb 100%);
    background: -o-linear-gradient(top, #358fde 0%, #3384cb 100%);
    background: -ms-linear-gradient(top, #358fde 0%, #eef2f6 100%);
    background: linear-gradient(to bottom, #358fde 0%, #3384cb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#358fde', endColorstr='#3384cb', GradientType=0);
}

.ibtn.ibtn-mm:active {
    background: #0066c0;
    background: -moz-linear-gradient(top, #0066c0 0%, #0376dc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0066c0), color-stop(100%, #0376dc));
    background: -webkit-linear-gradient(top, #0066c0 0%, #0376dc 100%);
    background: -o-linear-gradient(top, #0066c0 0%, #0376dc 100%);
    background: -ms-linear-gradient(top, #0066c0 0%, #0376dc 100%);
    background: linear-gradient(to bottom, #0066c0 0%, #0376dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066c0', endColorstr='#0376dc', GradientType=0);
}

.ibtn.ibtn-mm.ibtn-disabled:before {
    content: ' ';
    background-position: 0 -26px;
}

.ibtn.ibtn-vk {
    color: #fff;
    position: relative;
    background: #5b7ea3;
    background: -moz-linear-gradient(top, #5b7ea3 0%, #4e7095 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b7ea3), color-stop(100%, #4e7095));
    background: -webkit-linear-gradient(top, #5b7ea3 0%, #4e7095 100%);
    background: -o-linear-gradient(top, #5b7ea3 0%, #4e7095 100%);
    background: -ms-linear-gradient(top, #5b7ea3 0%, #4e7095 100%);
    background: linear-gradient(to bottom, #5b7ea3 0%, #4e7095 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b7ea3', endColorstr='#4e7095', GradientType=0);
}

.ibtn.ibtn-vk:before,
.ibtn.ibtn-vk-before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: -1px;
    top: -1px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/social-icons.png?v=2) no-repeat -26px 0;
}

.ibtn.ibtn-vk:hover {
    background: #6e8fb1;
    background: -moz-linear-gradient(top, #6e8fb1 0%, #6285a8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6e8fb1), color-stop(100%, #6285a8));
    background: -webkit-linear-gradient(top, #6e8fb1 0%, #6285a8 100%);
    background: -o-linear-gradient(top, #6e8fb1 0%, #6285a8 100%);
    background: -ms-linear-gradient(top, #6e8fb1 0%, #6285a8 100%);
    background: linear-gradient(to bottom, #358fde 0%, #6285a8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e8fb1', endColorstr='#6285a8', GradientType=0);
}

.ibtn.ibtn-vk:active {
    background: #4e7095;
    background: -moz-linear-gradient(top, #4e7095 0%, #5b7ea3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b7ea3), color-stop(100%, #5b7ea3));
    background: -webkit-linear-gradient(top, #4e7095 0%, #0376dc 100%);
    background: -o-linear-gradient(top, #4e7095 0%, #5b7ea3 100%);
    background: -ms-linear-gradient(top, #4e7095 0%, #5b7ea3 100%);
    background: linear-gradient(to bottom, #4e7095 0%, #5b7ea3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7095', endColorstr='#5b7ea3', GradientType=0);
}

.ibtn.ibtn-vk.ibtn-disabled:before {
    content: ' ';
    background-position: -26px -26px;
}

.ibtn.ibtn-gp {
    color: #fff;
    position: relative;
    background: #dc4937;
    background: -moz-linear-gradient(top, #dc4937 0%, #c63b2e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dc4937), color-stop(100%, #c63b2e));
    background: -webkit-linear-gradient(top, #dc4937 0%, #c63b2e 100%);
    background: -o-linear-gradient(top, #dc4937 0%, #c63b2e 100%);
    background: -ms-linear-gradient(top, #dc4937 0%, #c63b2e 100%);
    background: linear-gradient(to bottom, #dc4937 0%, #c63b2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4937', endColorstr='#c63b2e', GradientType=0);
}

.ibtn.ibtn-gp:before,
.ibtn.ibtn-gp-before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: -1px;
    top: -1px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/social-icons.png?v=2) no-repeat -128px 0;
}

.ibtn.ibtn-gp:hover {
    background: #d83e2f;
    background: -moz-linear-gradient(top, #db3d2f 0%, #c63b2e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c63b2e), color-stop(100%, #c63b2e));
    background: -webkit-linear-gradient(top, #db3d2f 0%, #c63b2e 100%);
    background: -o-linear-gradient(top, #d83e2f 0%, #df1d0b 100%);
    background: -ms-linear-gradient(top, #c63b2e 0%, #c63b2e 100%);
    background: linear-gradient(to bottom, #d42426 0%, #c63b2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df1d0b', endColorstr='#df1d0b', GradientType=0);
}

.ibtn.ibtn-gp:active {
    background: #c63b2e;
    background: -moz-linear-gradient(top, #c63b2e 0%, #dc4937 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dc4937), color-stop(100%, #dc4937));
    background: -webkit-linear-gradient(top, #c63b2e 0%, #d42426 100%);
    background: -o-linear-gradient(top, #c63b2e 0%, #dc4937 100%);
    background: -ms-linear-gradient(top, #c63b2e 0%, #dc4937 100%);
    background: linear-gradient(to bottom, #c63b2e 0%, #dc4937 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c63b2e', endColorstr='#dc4937', GradientType=0);
}

.ibtn.ibtn-gp.ibtn-disabled:before {
    content: ' ';
    background-position: -128px -26px;
}

.ibtn.ibtn-ok {
    color: #fff;
    position: relative;
    background: #f7943f;
    background: -moz-linear-gradient(top, #f7943f 0%, #eb832b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7943f), color-stop(100%, #eb832b));
    background: -webkit-linear-gradient(top, #f7943f 0%, #eb832b 100%);
    background: -o-linear-gradient(top, #f7943f 0%, #eb832b 100%);
    background: -ms-linear-gradient(top, #f7943f 0%, #eb832b 100%);
    background: linear-gradient(to bottom, #f7943f 0%, #eb832b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7943f', endColorstr='#eb832b', GradientType=0);
}

.ibtn.ibtn-ok:before,
.ibtn.ibtn-ok-before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: -1px;
    top: -1px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/social-icons.png?v=2) no-repeat -52px 0;
}

.ibtn.ibtn-ok:hover {
    background: #f89f46;
    background: -moz-linear-gradient(top, #f89f46 0%, #f09135 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f89f46), color-stop(100%, #f09135));
    background: -webkit-linear-gradient(top, #f89f46 0%, #f09135 100%);
    background: -o-linear-gradient(top, #f89f46 0%, #f09135 100%);
    background: -ms-linear-gradient(top, #f89f46 0%, #f09135 100%);
    background: linear-gradient(to bottom, #f89f46 0%, #f09135 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89f46', endColorstr='#f09135', GradientType=0);
}

.ibtn.ibtn-ok:active {
    background: #eb832a;
    background: -moz-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb832a), color-stop(100%, #f7943e));
    background: -webkit-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: -o-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: -ms-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: linear-gradient(to bottom, #eb832a 0%, #f7943e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb832a', endColorstr='#f7943e', GradientType=0);
}

.ibtn.ibtn-ok.ibtn-disabled:before {
    content: ' ';
    background-position: -52px -26px;
}

.ibtn.ibtn-ya {
    border-color: #f39b00;
    border-left: none;
    position: relative;
    background: #f7943f;
    background: -moz-linear-gradient(top, #f7943f 0%, #eb832b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd830), color-stop(100%, #f3b101));
    background: -webkit-linear-gradient(top, #ffd830 0%, #f3b101 100%);
    background: -o-linear-gradient(top, #ffd830 0%, #f3b101 100%);
    background: -ms-linear-gradient(top, #ffd830 0%, #f3b101 100%);
    background: linear-gradient(to bottom, #ffd830 0%, #f3b101 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd830', endColorstr='#f3b101', GradientType=0);
}

.ibtn.ibtn-ya:before,
.ibtn.ibtn-ya-before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 1px;
    top: 1px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/social-icons.png?v=2) no-repeat -155px -1px;
}

.ibtn.ibtn-ya:hover {
    background: #f89f46;
    background: -moz-linear-gradient(top, #f8c216 0%, #f39b00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8c216), color-stop(100%, #f39b00));
    background: -webkit-linear-gradient(top, #f8c216 0%, #f39b00 100%);
    background: -o-linear-gradient(top, #f8c216 0%, #f39b00 100%);
    background: -ms-linear-gradient(top, #f8c216 0%, #f39b00 100%);
    background: linear-gradient(to bottom, #f8c216 0%, #f39b00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8c216', endColorstr='#f39b00', GradientType=0);
}

.ibtn.ibtn-ya:active {
    background: #eb832a;
    background: -moz-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb832a), color-stop(100%, #f7943e));
    background: -webkit-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: -o-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: -ms-linear-gradient(top, #eb832a 0%, #f7943e 100%);
    background: linear-gradient(to bottom, #eb832a 0%, #f7943e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb832a', endColorstr='#f7943e', GradientType=0);
}

.ibtn.ibtn-ya.ibtn-disabled:before {
    content: ' ';
    background-position: -155px -28px;
}

.ibtn.ibtn-fb {
    color: #fff;
    position: relative;
    background: #627aa9;
    background: -moz-linear-gradient(top, #627aa9 0%, #5e75a4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #627aa9), color-stop(100%, #5e75a4));
    background: -webkit-linear-gradient(top, #627aa9 0%, #5e75a4 100%);
    background: -o-linear-gradient(top, #627aa9 0%, #5e75a4 100%);
    background: -ms-linear-gradient(top, #627aa9 0%, #5e75a4 100%);
    background: linear-gradient(to bottom, #627aa9 0%, #5e75a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627aa9', endColorstr='#5e75a4', GradientType=0);
}

.ibtn.ibtn-fb:before,
.ibtn.ibtn-fb-before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: -1px;
    top: -1px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/social-icons.png?v=2) no-repeat -78px 0;
}

.ibtn.ibtn-fb:hover {
    background: #6e86b3;
    background: -moz-linear-gradient(top, #6e86b3 0%, #6a82b0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6e86b3), color-stop(100%, #6a82b0));
    background: -webkit-linear-gradient(top, #6e86b3 0%, #6a82b0 100%);
    background: -o-linear-gradient(top, #6e86b3 0%, #6a82b0 100%);
    background: -ms-linear-gradient(top, #6e86b3 0%, #6a82b0 100%);
    background: linear-gradient(to bottom, #6e86b3 0%, #6a82b0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e86b3', endColorstr='#6a82b0', GradientType=0);
}

.ibtn.ibtn-fb:active {
    background: #5e75a4;
    background: -moz-linear-gradient(top, #5e75a4 0%, #627aa9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e75a4), color-stop(100%, #627aa9));
    background: -webkit-linear-gradient(top, #5e75a4 0%, #627aa9 100%);
    background: -o-linear-gradient(top, #5e75a4 0%, #627aa9 100%);
    background: -ms-linear-gradient(top, #5e75a4 0%, #627aa9 100%);
    background: linear-gradient(to bottom, #5e75a4 0%, #627aa9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e75a4', endColorstr='#627aa9', GradientType=0);
}

.ibtn.ibtn-fb.ibtn-disabled:before {
    content: ' ';
    background-position: -78px -26px;
}

.ibtn.ibtn-only-icon {
    width: 24px;
    height: 24px;
    padding: 0;
    font-size: 0;
    vertical-align: top;
    text-indent: -99999em;
}

.ibtn.ibtn-social {
    padding-left: 44px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}

.ibtn.ibtn-social:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 25px;
    height: 20px;
    width: 1px;
    background: #333;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.ibtn.ibtn-disabled,
.ibtn.ibtn-disabled:hover {
    border: none;
    text-shadow: 0 1px 0 #fff;
    color: #50616d;
    cursor: default;
    text-align: center;
    opacity: .7;
    filter: alpha(opacity=70);
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eef2f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eef2f6));
    background: -webkit-linear-gradient(top, #ffffff 0%, #eef2f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #eef2f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #eef2f6 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #eef2f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef2f6', GradientType=0);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.ibtn-opaque {
    background: none;
    border: none;
    color: #50616d;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ibtn-opaque:hover {
    background: none;
}

/**/

.ibtn.ibtn-nobg {
    background: none;
    display: inline-block;
    line-height: 24px;
    text-decoration: none;
    border-radius: 3px;
    border: 1px solid #d9e0e4;
    padding: 0 10px;
    color: #536069;
    vertical-align: bottom;
    text-shadow: none;
    box-shadow: none;
}

.ibtn.ibtn-nobg:hover {
    background: #008bc8;
    border: 1px solid #008bc8;
    color: #fff;
}

/* helpers */

.nclear:before,
.nclear:after {
    content: " ";
    display: table;
}

.nclear:after {
    clear: both;
}

.nclear {
    *zoom: 1;
}

.d-n {
    display: none !important;
}

.d-b {
    display: block;
}

.ta-r {
    text-align: right
}

.ta-l {
    text-align: left
}

.ta-c {
    text-align: center
}

.h {
    display: none;
}

.nowrap {
    white-space: nowrap
}

.unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
}

.selectable {
    -moz-user-select: initial;
    -khtml-user-select: initial;
    user-select: initial;
    -webkit-user-select: initial;
    -o-user-select: initial;
    -ms-user-select: initial;
}

.fixed_hack {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform-style: flat;
}

.center-help-wrap {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.center-help {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 0px;
    margin-left: -1px;
    height: 100%;
    visibility: hidden;
}

.tr-bg-color-03 {
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}

.tr-bg-color-05 {
    -webkit-transition: background-color 0.5s linear;
    -moz-transition: background-color 0.5s linear;
    -o-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
}

.tr-bg-color-1 {
    -webkit-transition: background-color 1s linear;
    -moz-transition: background-color 1s linear;
    -o-transition: background-color 1s linear;
    transition: background-color 1s linear;
}

.tr-color-03 {
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.tr-color-05 {
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

.tr-color-1 {
    -webkit-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out;
}

.tr-width-03 {
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

.tr-width-05 {
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}

.tr-width-1 {
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}

/* notifications */

.msg {
    background: #e9ecee;
    margin-bottom: 20px;
    position: relative;
    padding: 1px 10px 1px 0;
}

.msg-red {
    background: #e56966;
}

.msg-green {
    background: #83b180;
}

.msg-blue {
    background: #207aae;
}

.msg-yellow {
    background: #ffdf7d;
}

.msg-icn {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    padding: 10px;
    background: #9ba6ad;
    background: rgba(0, 0, 0, 0.3);
    margin: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.msg-icn-gray {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    padding: 10px;
    background: #a7aeb4;
    margin: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.msg-icn-green {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    padding: 10px;
    background: #83b180;
    margin: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.msg-icn-red {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    padding: 10px;
    background: #e56966;
    margin: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.msg-icn-yellow {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    padding: 10px;
    background: #867F55;
    margin: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.msg-content {
    margin-left: 66px;
}

.msg-title {
    line-height: 18px;
    margin: 16px 0 5px;
    font-weight: bold;
    color: #222d35;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

.msg-green .msg-title,
.msg-red .msg-title,
.msg-blue .msg-title {
    color: #fff;
}

.msg-only-title .msg-title {
    margin: 25px 0;
    display: inline-block;
}

.msg-text {
    line-height: 16px;
    margin: 0 10px 13px 0;
    font-size: 13px;
    color: #536069;
    line-height: 18px;
}

.msg-green .msg-text,
.msg-red .msg-text,
.msg-blue .msg-text {
    color: #fff;
}

.msg .btn,
.msg .ibtn {
    margin: 0 10px 15px 0;
    font-family: Arial, Helvetica, sans-serif;
}

.msg-only-title .btn,
.msg-only-title .ibtn {
    float: right;
    margin-top: 21px;
}

.msg-only-title .secondary-link {
    float: right;
    display: inline-block;
    line-height: 26px;
    margin: 20px 10px 0;
}

.msg .msg-content .icn-close {
    position: absolute;
    top: 7px;
    right: 7px;
    cursor: pointer;
    background-position: -80px -48px;
}

.msg-green .msg-content .icn-close,
.msg-red .msg-content .icn-close,
.msg-blue .msg-content .icn-close {
    background-position: -80px -16px;
}

.msg .msg-content .icn-close:hover {
    background-position: -80px -32px;
}

.msg-va {
    min-height: 71px;
}

.msg-va .msg-icn-red,
.msg-va .msg-icn-green,
.msg-va .msg-icn-gray {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin: 15px 15px 15px 20px;
}

.msg-va .msg-text {
    margin: 10px 0;
}

.msg-va .icn {
    display: block;
}

.msg-va .msg-content {
    display: inline-block;
    margin-left: 0;
    vertical-align: middle;
}

.msg-jserror {
    background-color: #ed5b57;
    margin: 0 auto;
    padding: 6px;
    padding-left: 15px;
    color: #fff;
    font-size: 13px;
    line-height: 1
}

.msg-jserror-title {
    padding-top: 8px;
    font-weight: bold
}

.msg-jserror-subtitle {
    color: #ffd8d7;
    font-weight: normal
}

.msg-jserror-subtitle a {
    color: #ffd8d7;
    font-weight: normal;
    text-decoration: underline;
}

.msg-jserror-subtitle a:hover {
    color: #fff;
}

.msg-jserror-btn {
    float: right;
    color: #fea4a1;
    background: #ce4642;
    padding: 8px 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.msg-jserror-btn:hover {
    background: #b93e3a
}

.msg-jserror-btn-icon {
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGxJREFUeNpMzjEOQDAARuG2icG9bMRiELG4ATexuICoVWxWcQYWd2Bkw2tS4U++Ln1NKi9dC5ZjxSC+xXCgFYeLDD18GyRokUKa6ISHBR1KNBgR4Vb25WbDGQUmhDjMpfr9YbdhheANzB4BBgA6lBWQwCU1uAAAAABJRU5ErkJggg==) no-repeat 50% 50%;
    width: 13px;
    height: 13px;
    vertical-align: middle
}

.msg-jserror__opened .msg-jserror-btn-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGpJREFUeNpi/LdkIQMSEATiJiAuB+JvMEEWJAVCQLwbiI2AWBuIfWAKmaAKhIF4DxDrAPEEILYD4k1AzAVTxAlVANIdBMSFQBwLxA5AvBaIGUHWfQfiBUB8C4i3Q01eDsT/gJgViP8DBBgAAHgSEX2QxQAAAAAASUVORK5CYII=)
}

.msg-jserror-content {
    margin: 9px auto 6px;
    color: #ffd8d7;
    display: none
}

.msg-jserror__opened .msg-jserror-content {
    display: block
}

/* ttip styles copypaste */

#tooltip {
    display: none;
    position: absolute;
    z-index: 10001;
    margin: 10px 0 0 15px;
    padding: 3px;
}

#tooltip.simpleTooltip {
    overflow: hidden;
    max-width: 250px;
    zoom: 1;
}

#tooltip.fs-title-tooltip-top {
    margin-top: -25px !important;
}

#tooltip.imgTooltip {
    padding: 10px
}

#tooltip.imgTooltip img {
    background-color: #fff;
    max-width: 600px;
    vertical-align: top
}

#tooltip .bg {
    display: none
}

#tooltip.simpleTooltip .bg,
#tooltip.tooltipExt .bg,
#tooltip.imgTooltip .bg {
    display: block;
    background: #000;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

#tooltip.simpleTooltip #tooltipContent,
#tooltip.tooltipExt #tooltipContent,
#tooltip.imgTooltip #tooltipContent {
    background: #fff;
    position: relative;
    font: 11px/14px Tahoma, Geneva, Arial, sans-serif;
    padding: 3px 5px;
    overflow: hidden;
    color: #515151;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

#tooltip.imgTooltip #tooltipContent {
    background: url(https://datshop.store/lander/znacomstva/images/basic/pre.gif) #fff 50% 50% no-repeat;
    min-width: 50px;
    min-height: 50px
}

#tooltip.tooltipExt {
    padding: 10px
}

#tooltip.tooltipExt #tooltipContent {
    padding: 11px;
    width: 300px
}

#nav2-loading-icon {
    position: absolute;
    text-align: center;
    background: rgba(255, 255, 255, 0.2);
    z-index: 1020;
}

/* AnyTooltip styles */

.iTooltip {
    position: absolute;
    z-index: 1100;
    background: #fff;
    padding: 15px;
    border: 1px solid #d1d7dc;
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}

.iTooltip .arrow {
    position: absolute;
    bottom: -15px;
    left: 10%;
    width: 15px;
    height: 15px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/header-sprite.png) no-repeat -90px -75px;
    margin-left: -7px;
}

.iTooltip .arrow.onTop {
    bottom: auto;
    top: -15px;
    background-position: -105px -75px;
}

.user-tooltip .user-tooltip-inner {
    position: relative;
    height: 128px;
}

.user-tooltip .user-avatar {
    display: block;
    width: 128px;
    height: 128px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #f1f5f8;
}

/*.user-tooltip .usernameInner { margin-left: 138px; }*/

.user-tooltip .username {
    font-size: 11px;
    font-weight: bold;
    max-width: 121px;
    display: inline-block;
}

.user-tooltip .user-info {
    line-height: 14px;
    font-size: 11px;
    color: #363636;
    max-width: 132px;
    margin: 5px 0;
}

.user-tooltip .user-timestamp {
    margin-left: 138px;
    font-size: 11px;
    line-height: 13px;
}

.user-tooltip .is-online,
.user-tooltip .is-offline {
    position: absolute;
    right: 0;
    top: 1px;
}

.user-tooltip .mutual-friends-title {
    line-height: 24px;
    font-size: 11px;
    width: 128px;
    color: #73818a;
}

.user-tooltip .mutual-friends-wrap {
    width: 130px;
    height: 22px;
}

.user-tooltip .mutual-friend {
    margin-right: 2px;
    float: left;
    width: 24px;
    height: 24px;
    text-align: center;
    background: #B4C4CE;
    color: #fff;
    text-decoration: none;
    line-height: 22px;
    font-weight: bold;
}

.user-tooltip .mutual-friend img {
    width: 24px;
    height: 24px;
}

.user-tooltip .user-tooltip-badge {
    position: absolute;
    left: -13px;
    bottom: -13px;
    background: #fff;
    padding: 6px;
    border-radius: 50%;
}

.user-tooltip .dotted-title {
    padding-right: 0;
    height: 1px;
    vertical-align: top;
    width: 100%;
}

.user-tooltip .dotted-title:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1000px;
    height: 1px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/horiz-bg-sprite.png) repeat-x 0 -107px;
}

.user-tooltip .dotted-title-wrap {
    height: 1px;
}

.user-tooltip .usernameInner-additionalText {
    display: inline-block;
    margin: 0 0 5px 0;
}

.info-tooltip,
.votes-tooltip {
    background: #5e5e5e;
    background: rgba(54, 54, 54, .8);
    border: none;
    padding: 7px 10px;
    font-size: 11px;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.info-tooltip.info-tooltip-error {
    background: #e56566;
}

.info-tooltip.info-tooltip-error .arrow {
    display: none;
}

.info-tooltip.info-tooltip-error:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #e56566;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -3px;
}

.info-tooltip .arrow,
.votes-tooltip .arrow {
    background-position: -111px -51px;
    width: 12px;
    height: 6px;
    left: 50%;
    margin-left: -6px;
    bottom: -6px;
}

.info-tooltip .arrow.onTop,
.votes-tooltip .arrow.onTop {
    bottom: auto;
    top: -6px;
    background-position: -111px -45px;
}

.info-tooltip-content a.vip-link {
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
    font-size: 10px;
}

.votes-tooltip .pic-wrap-crop {
    padding: 10px 0;
}

.votes-tooltip .pic-wrap {
    clear: both;
    overflow: hidden;
    margin-right: -10px;
}

.votes-tooltip .pic-wrap a {
    display: block;
    float: left;
    margin-right: 5px;
}

.votes-tooltip img {
    width: 24px;
    height: 24px;
}

.votes-tooltip .voted-users-more {
    color: #5e5e5e;
    text-decoration: none;
}

.interest-people-tooltip {
    z-index: 1090;
}

.interest-people-tooltip .interest-people-tooltip-inner {
    position: relative;
}

.interest-people-tooltip .arrow {
    margin: 10px 0;
    left: -7px;
    right: auto;
    top: 0;
    bottom: auto;
    width: 7px;
    height: 12px;
    background-position: -98px -92px;
}

.interest-people-tooltip .user-photo {
    height: 128px;
    width: 128px;
    float: left;
    margin-right: 10px;
    position: relative;
}

.interest-people-tooltip .user-photo img {
    width: 128px;
}

.interest-people-tooltip .user-name {
    margin-bottom: 5px;
}

.interest-people-tooltip .user-info {
    color: #c3d0d8;
    margin-bottom: 5px;
}

.interest-people-tooltip .user-reason {
    color: #73818a;
}

.interest-people-tooltip .user-hide {
    position: absolute;
    bottom: 0;
    left: 138px;
}

.interest-people-tooltip .is-online {
    vertical-align: middle;
}

.sticker-tooltip .arrow {
    display: none;
}

.sticker-tooltip:after {
    width: 0;
    height: 0;
    position: absolute;
    content: "";
    left: -5px;
    top: 50%;
    margin-top: -5px;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent rgba(0, 0, 0, 0.6) transparent rgba(0, 0, 0, 0.6);
}

/* input styles --- deprecated */

.input-txt {
    line-height: 16px;
    padding: 3px 5px;
    border: 1px solid #C3D0D8;
}

.nform-label {
    line-height: 16px;
    padding: 3px 5px;
}

/* form custom styles */

.form-field {
    padding: 0 0 10px;
}

.form-label {
    line-height: 16px;
    float: left;
    text-align: right;
    width: 140px;
    font-weight: bold;
    color: #50616d;
    padding: 3px 0 4px;
}

.form-data {
    margin: 0 0 0 161px;
}

.form-field--flex .form-data {
    margin: 0;
}

.form-with-checks {
    margin: -5px 0 0;
}

.form-with-checks .form-data {
    padding: 5px 0 0;
}

.form-input,
.form-text {
    padding: 3px 8px;
    width: 206px;
    border: 1px solid #c3d0d8;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    height: 16px;
    line-height: 16px;
}

.form-text {
    min-height: 76px;
}

.form-field--flex {
    display: flex;
    flex-direction: column;
}

.form-field--flex label,
.form-field--flex .form-label {
    color: #536069;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 8px;
    text-align: left;
}

.form-field--flex .form-input,
.form-field--flex .form-text {
    padding: 6px 8px;
}

.form-radiobox,
.form-checkbox {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    overflow: hidden;
    margin: 0 0 10px;
    line-height: 16px;
    cursor: pointer
}

.form-checkbox input,
.form-radiobox input {
    position: absolute;
    left: -9000px;
}

/* icos for radio and checkbox */

.radio-ico,
.checkbox-ico {
    height: 16px;
    width: 16px;
    position: relative;
    box-sizing: border-box;
    float: left;
    margin: 0 7px 0 0;
    background-color: #fff;
    border: 1px solid #c3d0d8;
}

.radio-ico {
    border-radius: 50%;
}

.form-radiobox:hover .radio-ico,
.form-radiobox.disabled .radio-ico,
.form-checkbox:hover .checkbox-ico,
.form-checkbox.disabled .checkbox-ico {
    background-color: #f1f5f8;
}

.checked .radio-ico:before {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -3px;
    background-color: #7b8891;
    border-radius: 50%;
}

.checked .checkbox-ico:before {
    content: '';
    width: 4px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    border: solid #7b8891;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translate3d(-6px, -2px, 0);
}

.form-devider {
    height: 1px;
    margin: 10px 0;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/horiz-bg-sprite.png) repeat-x scroll 0 -107px transparent
}

.form-devider.form-devider-nontop {
    margin: 0 0 10px;
}

.form-select-wrap {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.form-select-header {
    height: 22px;
    padding: 0 16px 0 0;
    border: 1px solid #c3d0d8;
    position: relative;
}

.form-select-header:hover,
.opened .form-select-header {
    background: #f1f5f8;
}

.form-select-input {
    height: 22px;
    border: 0;
    line-height: 22px;
    background: #fff;
    padding: 0 8px;
    width: 152px;
}

.form-select-input.readonly {
    cursor: default;
}

.form-select-disabled .form-select-input,
.form-select-disabled .form-select-header {
    background: #f2f2f2;
    color: #777;
    cursor: default;
}

.form-select-value {
    display: none;
    visibility: hidden;
}

.form-select-down {
    width: 16px;
    height: 16px;
    position: absolute;
    display: block;
    top: 2px;
    right: 0;
}

.form-select-down:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -4px;
    border-top: 5px solid #86949d;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

#form-selector-box {
    position: absolute;
    z-index: 2;
    border: 1px solid #c3d0d8;
    max-height: 162px;
    overflow: auto;
}

.form-selector-item {
    padding: 5px 10px;
    cursor: pointer;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-selector-item .finded {
    background-color: #dfe6eb;
}

.form-selector-item:hover {
    background: #f1f5f8;
}

/*#form-selector-box:hover .form-selector-item.selected{ background-color: #fff;}*/

.form-selector-item.selected {
    background: #f1f5f8;
}

.form-selector-result {
    background: #f2f2f2;
    color: #999;
    cursor: default;
    padding: 5px 10px
}

/* scrollbar */

.scrollbar-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.scrollbar-inner {
    position: relative;
    width: 8px;
    background: rgba(0, 0, 0, .2);
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: background-color .1s ease-in-out;
    -moz-transition: background-color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out;
}

.scrollbar-mobile .scrollbar-wrap {
    display: none !important;
}

.scrollbar-inner.scrollbar-hovered,
.scrollbar-inner.scrollbar-drag,
.scrollbar-inner:hover {
    background-color: rgba(0, 0, 0, .4);
}

.scrollbar-inner:hover,
.scrollbar-inner.scrollbar-drag {
    width: 8px;
}

.scrollbar-top,
.scrollbar-bottom {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    height: 2px;
    background: rgba(0, 0, 0, .15);
}

.scrollbar-top {
    top: 0;
}

.scrollbar-bottom {
    bottom: 0;
}

/* right-tab styles */

#right-tabs .active .icn-options {
    background-position: -64px -32px;
}

#right-tabs .active .icn-vk {
    background-position: -384px -32px;
}

#right-tabs .drop-down {
    background-color: #fff;
    z-index: 5;
    border: 1px solid #C3D0D8;
    position: absolute;
    width: 788px;
    padding: 20px;
    box-shadow: 0px 1px 2px #e8ebed;
}

#right-tabs .icn-options {
    top: 11px;
    left: 11px;
}

#right-tabs .right-button {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

#right-tabs .right-button:hover {
    background-color: #dfe6eb;
}

#right-tabs .right-button.active {
    background-color: #fff;
    z-index: 10;
    border: 1px solid #C3D0D8;
    border-bottom: none;
    height: 37px;
    bottom: -1px;
}

/* ������ VIP �� ��������� */

.vip,
.vip-medium,
.vip-small {
    position: absolute;
    top: 0;
    left: 5px;
    background-color: #f1592b;
}

.vip.golden,
.vip-medium.golden,
.vip-small.golden {
    background-color: #c69453 !important;
}

.vip span,
.vip-medium span,
.vip-small span {
    display: block;
    background-image: url(https://datshop.store/lander/znacomstva/jeemp/i/icon_vip.png);
    height: 100%;
}

.vip {
    left: 10px !important;
    width: 36px;
    height: 36px;
}

.vip span {
    background-position: -28px 0;
}

.vip-medium {
    width: 24px;
    height: 24px;
}

.vip-medium span {
    background-position: -28px -36px;
}

.vip-small {
    width: 16px;
    height: 16px;
}

.vip-small span {
    background-position: -28px -60px;
}

.fs-guest-helper-wrap {
    margin: 15px 0;
    padding: 15px 0;
    border-top: 1px solid #b4c4ce;
    border-bottom: 1px solid #b4c4ce;
    text-align: center;
    font-size: 13px;
}

.fs-guest-helper-wrap .ibtn {
    padding: 6px 0 6px;
    margin: 20px 10px 0 5px;
    line-height: 16px;
    width: 175px;
}

/*
.vip, .vip-medium {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2672a), color-stop(100%,#ee3823));
    background: -webkit-linear-gradient(top,  #f2672a 0%,#ee3823 100%);
    background: -o-linear-gradient(top,  #f2672a 0%,#ee3823 100%);
    background: -ms-linear-gradient(top,  #f2672a 0%,#ee3823 100%);
    background: linear-gradient(to bottom,  #f2672a 0%,#ee3823 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2672a', endColorstr='#ee3823',GradientType=0 );
}
.vip, .vip-medium { position: absolute; top: 0; left: 10px; }
.vip {
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    width: 30px;
    height: 24px;
    padding: 5px 3px;
    border: 1px solid #EE3C24;
}
.vip-medium { width: 16px; height: 16px; border: 1px solid #EE3C24; padding: 3px; }
.vip-small { position: absolute; left: 4px; top: 4px; }
.vip i { display: block; width: 30px;height: 24px; background: url(../../images/profile/plus.png) 0 -171px no-repeat;}
.golden { background: #c69453 !important; border-color: #c69453 !important; }
*/

/* ������ �� �� ��������� */

.lblbday,
.lblbday-medium,
.lblbday-small {
    position: absolute;
    top: 0;
    left: 5px;
    background-color: #0088c3;
    cursor: pointer;
}

.lblbday.vip,
.lblbday-medium.vip,
.lblbday-small.vip {
    background-color: #f1592b;
}

.lblbday.golden,
.lblbday-medium.golden,
.lblbday-small.golden {
    background-color: #c69453 !important;
}

.lblbday span,
.lblbday-medium span,
.lblbday-small span {
    display: block;
    background-image: url(https://datshop.store/lander/znacomstva/jeemp/i/icon_bday.png);
    height: 100%;
}

.lblbday {
    left: 10px !important;
    width: 36px;
    height: 36px;
}

.lblbday span {
    background-position: -28px 0;
}

.lblbday-medium {
    width: 24px;
    height: 24px;
}

.lblbday-medium span {
    background-position: -28px -36px;
}

.lblbday-small {
    width: 16px;
    height: 16px;
}

.lblbday-small span {
    background-position: -28px -60px;
}

/* ����� ����� ��������� */

.message-form {
    background: #f1f5f8;
    padding: 5px;
}

.message-form .message-form-text-wrap {
    background: #fff;
    position: relative;
}

.message-form .message-form-text {
    display: block;
    overflow: hidden;
    resize: none;
    background: transparent;
    position: relative;
    padding: 8px 10px;
}

.message-form .message-form-placeholder-cover {
    display: block;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.message-form .message-form-placeholder {
    display: block;
    position: absolute;
    left: 12px;
    top: 9px;
    color: #73818a;
    line-height: 16px;
}

.message-form.message-form-expanded .message-form-placeholder {
    color: #c3d0d8;
}

.message-form.message-form-has-text .message-form-placeholder {
    display: none;
}

.message-form .message-form-limit {
    color: #a9bac3;
}

.message-form .message-form-smiles {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
}

.message-form .message-form-smiles:hover,
.message-form .message-form-smiles.on {
    opacity: 1;
    filter: alpha(opacity=100);
}

.message-form .message-form-smiles .icn-smile {
    margin: 5px;
}

.message-form .message-form-gifs {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
}

.message-form .message-form-gifs:hover,
.message-form .message-form-gifs.on {
    opacity: 1;
    filter: alpha(opacity=100);
}

.message-form .message-form-gifs .icn-gif {
    margin: 5px;
}

.message-form .message-form-photo {
    position: absolute;
    right: 0px;
    bottom: 0px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
}

.message-form .message-form-photo:hover,
.message-form .message-form-photo.on {
    opacity: 1;
    filter: alpha(opacity=100);
}

.message-form .message-form-photo .icn-photo {
    margin: 5px;
}

.message-form .message-form-photo.flash-wrap {
    padding: 2px;
}

.message-form .comments-attachments-wrap {
    margin-right: -5px;
    overflow: hidden;
}

.message-form .comments-attachment-img {
    display: block;
    float: left;
    width: 80px;
    height: 60px;
    overflow: hidden;
    margin: 0 5px 5px 0;
    position: relative;
    cursor: pointer;
    background-color: #c3d0d8;
    text-align: center;
}

.message-form .comments-attachment-remove {
    display: block;
    background: #363636;
    width: 16px;
    height: 16px;
    cursor: pointer;
    opacity: 0.75;
    filter: alpha(opacity=75);
    position: absolute;
    top: 3px;
    right: 3px;
}

.message-form .comments-attachment-remove:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.message-form .comments-attachment-site-anchor {
    display: block;
    color: #45688E;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 5px;
    vertical-align: top;
}

.message-form .comments-attachment-site-anchor .icn-close {
    vertical-align: top;
    margin-top: 2px;
    margin-left: 5px;
    cursor: pointer;
}

.message-form .comments-attachment-site-box {
    overflow: hidden;
    background: #FFF;
    padding: 6px 8px;
    border: 1px solid #C0CAD5;
}

.message-form .comments-attachment-site-title {
    margin: 0;
    padding: 5px;
    border: 0;
    font-size: 11px;
    color: #45688E;
}

.message-form .comments-attachment-site-preview {
    display: block;
    float: left;
    width: 80px;
    height: 60px;
    margin: 0 10px 10px 0;
}

.message-form .comments-attachment-site-description {
    padding: 0 5px 5px;
    font-size: 11px;
}

.message-form .message-form-photo-preload-wrap {
    display: inline-block;
    width: 90px;
    height: 90px;
    margin: 0 5px 5px 0;
    background-color: #e9eff3;
    position: relative;
    vertical-align: top;
}

.message-form .message-form-photo-preload-wrap.inited {
    background-color: transparent;
    text-align: center;
}

.message-form .message-form-photo-preload-wrap.failed {
    background-color: #dc6461;
    text-align: center;
}

.message-form .message-form-photo-preload-action-btn {
    background-color: #363636;
    background-color: rgba(54, 54, 54, 0.7);
    padding: 3px;
    position: absolute;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.message-form .loader .message-form-photo-preload-action-btn {
    display: none;
}

.message-form .message-form-attachments {
    margin-right: -10px;
    margin-bottom: 5px;
    overflow: hidden;
}

.message-form .message-form-photo-preload-wrap:hover .message-form-photo-preload-action-btn {
    opacity: 1;
    filter: alpha(opacity=100);
}

.message-form .message-form-photo-preload-delete {
    top: 3px;
    right: 3px;
}

.message-form .message-form-photo-preload-delete:hover i {
    background-position: -960px -16px;
}

.message-form .message-form-photo-preload-img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.message-form .message-form-photo-preload-bar-wrap {
    background: #c3d0d8;
    position: absolute;
    top: 50%;
    left: 5px;
    right: 5px;
    height: 4px;
    margin-top: -2px;
}

.message-form .message-form-photo-preload-bar-bg {
    background: #536069;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 100%;
}

.message-form .message-form-photo-preload-fail {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    margin: 0 0 3px;
}

.message-form .message-form-photo-preload-fail h3 {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0 5px;
}

.message-form .message-form-photo-preload-fail .ellipsis {
    max-width: 100%;
    display: inline-block;
}

.message-form .message-form-photo-preload-fail p {
    font-weight: normal;
    margin: 0;
    padding: 0 5px;
}

.smiles-tooltip {
    width: 420px;
}

.smiles-tooltip .smiles-tooltip-box {
    position: relative;
}

.smiles-tooltip .smiles-tooltip-inner {
    max-height: 260px;
}

.smiles-tooltip .smiles-tooltip-list {
    padding-right: 4px;
}

.smiles-tooltip .smiles-tooltip-list img {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    min-width: 20px;
    min-height: 20px;
    cursor: pointer;
    margin: 0 4px 10px 0;
    vertical-align: top;
}

.smiles-tooltip .arrow {
    left: auto;
    margin-left: 0;
    margin-right: -10px;
}

#node-heap-smiles-tooltip {
    position: absolute;
    left: 0;
    top: 0;
}

/* ������� ��� ����, ����� ����� ���� ����������������� ������������ ������� ��� ������� ���� */

/* ����� ���������� �������� ������� ������, �������� � �.�. */

.list-manage-popup {}

.list-manage-popup .popup-header {
    padding: 20px;
}

.list-manage-popup .popup-content {
    padding: 10px 20px 0;
}

.list-manage-popup .filter-input-wrap {
    margin-bottom: 15px;
}

.list-manage-popup .managed-lists {
    margin: 0 -20px 0 0;
    position: relative;
}

.list-manage-popup .managed-list1 {
    margin-right: 15px;
    padding-right: 15px;
}

.list-manage-popup .managed-list-scrollarea {
    position: relative;
}

.list-manage-popup .managed-list-wrap {
    position: relative;
    float: left;
    width: 200px;
    margin-right: 10px;
}

.list-manage-popup .managed-list-title {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 15px;
}

.list-manage-popup .managed-list-inner {
    height: 200px;
}

.list-manage-popup .managed-list {
    margin: 0 15px 0 0;
}

.list-manage-popup .managed-list .managed-list-empty-item {
    color: #73818a;
}

.list-manage-popup .managed-list1 .icn-close,
.list-manage-popup .managed-list2 .icn-plus {
    display: none;
}

.list-manage-popup .managed-list-item {
    position: relative;
}

.list-manage-popup .managed-list-item .icn-plus,
.list-manage-popup .managed-list-item .icn-close {
    position: absolute;
    right: 0;
    top: 0;
}

.list-manage-popup .managed-lists-divider {
    position: absolute;
    left: 50%;
    top: 10px;
    bottom: 20px;
    margin-left: -7px;
    width: 1px;
    border-right: 1px solid #c3d0d8;
}

.list-manage-popup .managed-list-item strong {
    background: #dfe6eb;
}

.list-manage-popup .manage-item-preloader {
    text-align: center;
    padding: 10px;
}

/* ����� ���������� �������� ����� */

.people-manage-popup .filter-input {
    width: 562px;
}

.people-manage-popup .managed-list-wrap {
    width: 280px;
}

.people-manage-popup .managed-list-inner {
    height: 400px;
}

.people-manage-popup .managed-list-item {
    padding: 7px;
    border: 1px solid #c3d0d8;
    border-left: none;
    border-right: none;
    margin-bottom: -1px;
    cursor: pointer;
}

.people-manage-popup .managed-list-item:hover {
    background: #f1f5f8;
}

.people-manage-popup .friend-avatar {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-right: 15px;
    vertical-align: middle;
    width: 48px;
    height: 48px;
}

.people-manage-popup .friend-avatar img {
    width: 48px;
    height: 48px;
}

.people-manage-popup .friend-name {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    max-width: 170px;
    font-size: 13px;
    vertical-align: middle;
}

.people-manage-popup .managed-list-item .icn-plus,
.people-manage-popup .managed-list-item .icn-close {
    top: 22px;
    right: 5px;
}

.people-manage-popup .scrollbar-top,
.people-manage-popup .scrollbar-bottom {
    display: none !important;
}

/* ����� ������ */

.iTooltip.tutorial-tooltip {
    color: #536069;
}

.tutorial-tooltip h3 {
    font-size: 15px;
    margin-bottom: 10px;
    color: #222d35;
}

.tutorial-tooltip p {
    margin: 10px 0;
}

.tutorial-tooltip .tutorial-footer {
    margin: 15px -15px -15px;
    padding: 15px;
    background: #f1f5f8;
}

.tutorial-tooltip .tutorial-footer .tutorial-skip-button {
    float: left;
}

.tutorial-tooltip .tutorial-footer .tutorial-next-button,
.tutorial-tooltip .tutorial-footer .tutorial-finish-button {
    float: right;
}

.tutorial-tooltip .arrow.onLeft {
    left: 0;
    right: auto;
    top: 20px;
    bottom: auto;
    width: 7px;
    height: 12px;
    margin-left: -7px;
    margin-top: -6px;
    background-position: -98px -92px;
}

.tutorial-tooltip .arrow.onRight {
    left: auto;
    right: 0;
    top: 20px;
    bottom: auto;
    width: 7px;
    height: 12px;
    margin-right: -7px;
    margin-top: -6px;
    background-position: -105px -92px;
}

.tutorial-tooltip .arrow.onTop {
    left: 20px;
    right: auto;
    top: 0;
    bottom: auto;
    width: 13px;
    height: 7px;
    margin-left: -7px;
    margin-top: -7px;
    background-position: -106px -83px;
}

.tutorial-tooltip .arrow.onBottom {
    left: 20px;
    right: auto;
    top: auto;
    bottom: 0;
    width: 13px;
    height: 7px;
    margin-left: -7px;
    margin-bottom: -7px;
    background-position: -91px -75px;
}

.tutorial-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 800;
}

.tutorial-overlay .tutorial-overlay-top,
.tutorial-overlay .tutorial-overlay-left,
.tutorial-overlay .tutorial-overlay-right,
.tutorial-overlay .tutorial-overlay-bottom {
    position: absolute;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80);
}

.tutorial-overlay .tutorial-overlay-top {
    left: 0;
    right: 0;
    top: 0;
}

.tutorial-overlay .tutorial-overlay-left {
    left: 0;
}

.tutorial-overlay .tutorial-overlay-right {
    right: 0;
}

.tutorial-overlay .tutorial-overlay-bottom {
    left: 0;
    right: 0;
    bottom: 0;
}

#notifiers-wrap {
    z-index: 1010;
    bottom: 0;
    left: 0;
}

#notifiers-wrap .notifier-box {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    padding: 10px 12px;
    width: 266px;
    position: relative;
    margin: 0 0 5px 10px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    cursor: pointer
}

#notifiers-wrap .notifier-box.notifier-box-310 {
    width: 286px;
    background: rgba(34, 45, 53, 0.9);
}

#notifiers-wrap .icn-close {
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

#notifiers-wrap .notifier-box:hover .icn-close {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#notifiers-wrap .notifier-box .icn-close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#notifiers-wrap .notifier-box-title {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 7px;
}

#notifiers-wrap .notifier-box-author-photo {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-right: 10px;
    vertical-align: top;
}

#notifiers-wrap .notifier-box-text-wrap {
    display: inline-block;
    width: 162px;
    vertical-align: top;
    margin-right: 10px;
}

#notifiers-wrap .notifier-box-text-wrap.only-text {
    display: inline-block;
    width: 207px;
    margin-right: 0;
}

#notifiers-wrap .notifier-box-text {
    width: 100%;
    color: #C3D0D8;
    line-height: 15px;
    word-break: break-word;
}

#notifiers-wrap .notifier-box-author-name {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 2px;
    font-size: 13px;
    line-height: 15px;
}

#notifiers-wrap .notifier-box-pic {
    display: inline-block;
    max-width: 35px;
    max-height: 48px;
    vertical-align: top;
}

#notifiers-wrap .notifier-box-photos-wrap {
    display: inline-block;
    margin: 2px 0 0;
    width: 220px;
    vertical-align: top;
}

#notifiers-wrap .notifier-box-photos-wrap-wide {
    display: inline-block;
    margin: 2px 0 0;
    vertical-align: top;
}

#notifiers-wrap .notifier-box-photo {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 1px 1px 0;
    vertical-align: top;
}

#notifiers-wrap .notifier-box-photo-more {
    display: inline-block;
    width: 57px;
    height: 28px;
    margin: 0 1px 1px 0;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    vertical-align: top;
    text-align: center;
    background: #73818a;
}

#notifiers-wrap .notifier-box.dacha-dr-notofication {
    background: url(https://datshop.store/lander/znacomstva/app/rating/i/promo/bubble-notification-bg.png) no-erpeat 50% 0;
}

#notifiers-wrap .dacha-dr-notofication .notifier-box-title {
    color: #536069;
}

#notifiers-wrap .dacha-dr-notofication .notifier-box-text {
    color: #536069;
}

#notifiers-wrap .notifier-wow .notifier-box-pic {
    max-height: none;
    max-width: none;
    position: absolute;
    top: -26px;
    right: -75px;
}

#notifiers-wrap .notifier-wow .notifier-box-author-name {
    font-weight: bold;
    color: #207aae;
}

#notifiers-wrap .notifier-wow .notifier-box-title {
    margin-top: -4px;
}

#notifiers-wrap .notifier-box-new {
    background: rgba(1, 1, 1, .75);
    width: 296px;
    height: 76px;
    color: #ffffff;
    position: relative;
    margin: 0 0 5px 10px;
    cursor: pointer;
}

#notifiers-wrap .icn-close {
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

#notifiers-wrap .notifier-box-new:hover .icn-close {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#notifiers-wrap .notifier-box-new .icn-close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#notifiers-wrap .notifier-box-new .nbox-img-wrap {
    display: block;
    width: 76px;
    height: 76px;
    float: left;
    line-height: 0;
    font-size: 0;
    position: relative;
}

#notifiers-wrap .notifier-box-new .nbox-cta-link {
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    line-height: 11px;
}

#notifiers-wrap .notifier-box-new .nbox-cta-link.bottom-place {
    position: absolute;
    bottom: 8px;
    right: 8px;
}

#notifiers-wrap .notifier-box-new .nbox-cta-link.bottom-place.bottom-place-w-img {
    right: 56px;
}

#notifiers-wrap .notifier-box-new .nbox-img {
    display: block;
    width: 76px;
    height: 76px;
}

#notifiers-wrap .notifier-box-new .nbox-u-img-wrap {
    display: block;
    width: 36px;
    height: 36px;
    float: right;
    margin: 5px 2px 0 0;
    position: relative;
}

#notifiers-wrap .notifier-box-new .nbox-description {
    float: left;
    width: 204px;
    padding: 8px;
}

#notifiers-wrap .notifier-box-new canvas {
    width: 100%;
    height: 100%;
}

.notifier-box-new .nbox-img-wrap .nbox-img-overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
}

.notifier-box-new .nbox-u-img-wrap .nbox-img-overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
}

.notifier-box-new .nbox-description .nbox-title {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-right: 15px;
    padding-bottom: 4px;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
}

.notifier-box-new .nbox-description .nbox-content {
    font-size: 11px;
    line-height: 14px;
    height: 42px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #c3d0d8;
}

.notifier-box-new .nbox-description .nbox-content.string-1 {
    height: 16px;
}

.notifier-box-new .nbox-description .nbox-content.string-2 {
    height: 28px;
}

.notifier-box-new .nbox-description .nbox-content.uimg-content {
    width: 155px;
}

.notifier-box-new .nbox-description .nbox-content.fz-13 {
    font-size: 13px;
    line-height: 14px;
    height: 28px;
}

.notifier-box-new .nbox-description .nbox-u-img {
    width: 36px;
    height: 36px;
}

.notifier-box-new .nbox-description .mess-sticker img {
    width: 28px;
    height: 28px;
}

/* stickers */

#notifiers-wrap .notifier-box-text .mess-sticker img {
    width: 64px;
    height: 64px;
}

/* wintergames2014 */

#notifiers-wrap .notifier-box.notifier-box-wintergames {
    background: url(https://datshop.store/app/holiday/wintergames2014/i/notification.png) 0 0 no-repeat;
}

#notifiers-wrap .notifier-box.notifier-box-wintergames a {
    color: #44c2f9
}

/* wintergames2014 common icons */

.wg2014-icon {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    background: url(https://datshop.store/app/holiday/wintergames2014/i/icons.png) 0 0 no-repeat;
}

.wg2014-icon.wg2014-icon-score {
    background-position: 0 -28px;
    width: 16px;
    height: 16px;
}

.wg2014-icon.wg2014-icon-score.icn-white {
    background-position: -83px -28px;
}

.wg2014-icon.wg2014-icon-place {
    background-position: -16px -28px;
    width: 16px;
    height: 16px;
}

.wg2014-icon.wg2014-icon-medal-1 {
    background-position: -32px -28px;
    width: 17px;
    height: 16px;
}

.wg2014-icon.wg2014-icon-medal-2 {
    background-position: -49px -28px;
    width: 17px;
    height: 16px;
}

.wg2014-icon.wg2014-icon-medal-3 {
    background-position: -66px -28px;
    width: 17px;
    height: 16px;
}

.icn.icn-holiday-wg2014 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABuUlEQVR42p3NTU8aURQG4GO14xdJF7jQxIWJC3XjqukP6LLb/oIujAk7N+5MjLEl0TRu2Lg2MV3U1jYWlS8/AI1a0xYCVhyBGCg4A5Uy4NBh4uudCRiw0wS8yZPcc897zqWu/RWOmWUSDBqUqMxw1LW3amXwQFbq9K8JDJph2vtSvQvU6d1AM574HODlIn4U8jD5NkEdu27cN3YahtERFQVPjw/AX18jWJDQ7fWA2re9uK/Pt4/xnxFYTs8wyUcRk+W7Jatipi5L7Z4D/M+r8Dn7tQxJVWHPXGEmmsCzw2BdhjjXNxgZ8Yfhyub1X4OSjN6dgGGOejwnGPXzeOwI3elwhpBVVLyJiliIZ/QlfPEvhn1ndTkNmV1RvE9L6N+KYeJExPIviYUVfWgqkkXbBo/nh0mkSiqWknm9rkWt9gvY4pJOvQF2siW85v/gxZEArVcVzCuYjuTq3jTUupbG0JYIW6wI7W7EtH6pL3/59eqfHj36/BuaeV6GJVBEta416MpBKt9gwJnT1fao5ZMkMDBiXi9gMa7o3iXKcIsqxr+XajMCtXyUrQweaI7oQ5lj3jIpBg1KVWa4W53fx9P0mm2DAAAAAElFTkSuQmCC) 0 0 no-repeat;
}

/* promo block for vip2 */

.vip-promo-wrap {
    background: #c7d0d6;
}

.vip-promo {
    display: table;
    width: 100%;
}

.vip-promo-icn-wrap,
.vip-promo-text {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    text-align: left;
}

.vip-promo-icn-wrap {
    width: 35px;
}

.vip-promo-icn {
    display: block;
    width: 36px;
    height: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAYCAYAAACSuF9OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkY5Q0IxMjkxQjkwMTFFMzkyNEJGNDM5MDJBQzFBQjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkY5Q0IxMkExQjkwMTFFMzkyNEJGNDM5MDJBQzFBQjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RjlDQjEyNzFCOTAxMUUzOTI0QkY0MzkwMkFDMUFCMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RjlDQjEyODFCOTAxMUUzOTI0QkY0MzkwMkFDMUFCMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plb8iCkAAAk1SURBVHjahFcJVFNXGk5eVtYECCABwaIOYARkHKAgYo8ic+qGIztqHZRRFKoCgkdFFrfpdPSo1VatVqtSZbNKW7cRWXSETtkUBRXBArLKqgQCgbzMd+OLJ+Voe8+5J+++d+//f/f/v38JW61Ws8aPoMAgKvdSLj3+/bK/LWO9a3x/+Xu2zpLNTO2gcU7Nxhua0XX58mXtHjUz3w6u7iIkKNiAxWZHUWz2PSzLxysOjwinLl26FM9msz3Z7Dc6ye+KFSvGA2IxFx1ydXVNB+DmwGWBSopia99TYSGhccbGxte+PnXyKQGtBcbWWigiLHyyiqY3QZoEWvIzszLP6KCnUlNTRfX19aexfykBoTvHDyJTOzHaHBwclqekpJQFBQUN5ubmsnds2z6hoaHhAAHC4/OvpqSmXJk6dapCo0h7Kwwxh6IkFIdDFk46ZucmJiY6Q0ApRVFLeTwey9TUNNrNzW0GbniArHWnQCB4NmfOHE8fH59ZWL/icDjSurq6n5KTk0MAxpTo7OzsdCJ6MClapfIQGYve3ooAYiduSRTt2bf3PpfLbeByOJ0G+voXGOvwY2Njgzo6Ou5CsINWKW7+UUJCwnMPD49MnFFjsrTTzMzsSlRU1NP+/n4nrEXkHc4aNDY2nsTFEiHT3NHJ8YmAz68GHpapmemVgoLb+tXV1cZaQFRHe/vOr45+KTGTmH09b75fsthE3L0lIcG2qqrKHIIPwjJGjGDNVKlUi2pqaqSrVq1qEQqFVdr3mGpfX9/rkGnY3d0doQsUkwPLbM7Ly5uvVCqlZ85+e8hcYn7C29u77sb1GwmVFZUGxDgaQHCORVd3VzqtokV3iu+s7XrZ9Rn8xoVb5E5OTpuhSAVQbwHh2fDq1auLcXbEwsLippZLenp6lQsWLHhRVlbmODw8PEf3DJkymezQ5MmTnz558iQ+avWa7SIT8atbt25to9W0HY5z37oMBwmhjBUKxVw1TbtDOC2bJuvDu9c7duwohNJTRLju7OnpCcJ3U39//yImSli2trb/IZFVXFwcCBkc3f2QcXvr1q0Z06dPf8yhOEM0TU9pb2ubB/dLyGXc3d3fkpoWi8TfYFMPNtnicJ/UWvrvyNWRAwzP+kDIk7j9A93IGhoacoclnCGozdDQkHxTBgQElECGU3t7+yLdCATRW+Li4o7jsR1z1Mvb+3Nw8YWaVltBr9xqgtW5aTLZEOEtNTg4yD985Iv7a6PXJYtEomu+c3z3mFtYvI5eFx2MDTwiAAqbQ0NDd0OBXCfHULDEIvwOwjJ3xWLx/yZNmtR67dq1mSMjIxO1YU+ABgYGHoaFHhDrbdq4MUA5MiKM/TT2kLm5ecH6mA1pn33+r3u4oL5GaFtrGzdqzZq4H67kOe5MTSnr7+sX1jx8lDSqVM5kAJHR5eXl9WDmzJmHYQGNIvLb1tb2V3yzX7hwYQUS4B08cyorKz/WzUMzZszIANELw0LDnpGohWLHqvtVm4uKiqSp6WllxYVFtuujozf+XFpqSPBwp/5pqpJiUyMI7U1JWxJ7hHrCSggSg2hcRApPIpFoU3x9ZGRkbmtrqzuA+BOU4JxNfn6+l5+f3zFYJx/7F0KOl9aKEyZM+AUpICMkOKQiOyebyOES2ZAmbKhv8P40JjZ8dHRUyuFyGubOm/eK0IdwaEwqld7VFB2aNlONqSyJ721sbC6cOHFiclZmph25OWOpJuSlTPCpVWuB8vLyuXjvQIICkeeLlCAg1kM66IqJicnB+zqAoR5WV9vs27vX2cXFJRvycVRtgL1SItTa2vpncj8tqcfSdqXXGhkZ3QTRGsdUqkl6+voV27Ztf9T4/NdwmPZj7BGSaAwOCu4jXAkLCztFuEUAtbS0eMINHlg7IzfNZoCPgXMZSJKFpHRgGpw+feYjZPswEL8FMkqUo6M20NdqYmJyd/2GDdUkhegW1+FDXxzOYThD9fb28g4dPOiMm0oVQworWKnAZ/bsVzm5OX0AVYvf27W1tdPu3bsXDJPrI5e42dnZ2SKJEmuyUDaue3p6kgRZAzdKX3Z28vv6ev0QwbxzZ8/9JX33rjwDA4NcJl2MksDQ1k0tIOrLI0cdoWQxil0/kphST0/YTfIHQe754YfylOSdMVFr/3EaYDqDA4Pu5lzKlTQ1NU2DhWRw1Sda3iDialeuXJmBZQksYvnPffsiV69Zc4HP478mlMAFjHal7wqAu/iINuMP7D8ojYuPv8MAY3HS0tI09PHw9Bi4nZ8/RS6Xe8OcdsoRpSWfz/8VKf8VBLXUP6tfXFFe4apS0fWIjl5iVWReo5KSEmcoIS5l4db9SUlJOeDYT2W/lBkdOLB/w9jY2CQArR9WDAtxwTESCEg1TsMKhTXkd6SkpRbifY9ucdWO4V17dudB2COywA1MIczawtKSmF1MUj8iT/L4yWNb4lr0Ts8RgdcjIiJ+QHvxgEzUth/BiR/xvbmiotySkJacG5QPmkqtrZ8RIkOmJQk36GnakpSYje+d72vQxpAAe+IS4r+7eeMmgsx6YL6/fy/MLizIv22LqGlXDCusRkeUpAhyUG9IQ1ecnZvTCL54MDJKQ0NCW7Kys/Tkg4OGyMIsAV/QizZFPsvHp9klbvMB1EqTFy9eGHt5e3VMnDixgxhCFxD7HS0sdb+qakpmZpafYmjImrgPPQtbqKdXh2Qp0Dc0aNq/f38W9mlKC0iuYjIyC/ziMH2U/s7k5KW9Pb0yvkAghxwHsgGXIt1B25KAJcWo8g+JI8Yr576jRaZnuLk1IeM+LC8rlwGMxq0IbQdUy25HB8fHJGcUFRbJVLSKgHjJRAtVWloqGRgY4KHg1ri4uD4rLChwBSedKKamoQMwcXR0KCItx7vAvM9C2mGMjGxx/NhxX6SBaUieZWvXra0Ab15WP6i2uXjx4p9RRN2gapjD5Y4AuAAtsJ6VldWjxUsWV86aNes5wFgc/+qYW1Nzsye6zLpVf1/1X3t7e+Km3vcp/T1ALCZDGxEXYMoZNwmPHjniy+XxVNHR0Y8Z69DMXur8ufP2XV0vRfEJCQXEsMx5Y+b5NeHq7yn8I0C/GZ+sXMlCy8A6/10GAagODw1TqN8kINKVa8hzMStTQKiwYvnyQZLHNG0I682/jbPnz/2hjv8LMAC/vGKwVohpzgAAAABJRU5ErkJggg==);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.vip-promo-text {
    font-size: 13px;
    color: #536069;
}

.vip-promo-text a,
.vip-promo-text .jslink {
    color: #536069;
    text-decoration: underline;
}

.vip-promo-text a:hover,
.vip-promo-text .jslink:hover {
    text-decoration: none;
}

.vip-x2-rating {
    background: #d9e0e4;
}

.promo-bonus-x2 {
    padding: 20px;
}

.promo-bonus-x2 .vip-promo-bonus-shows-info {
    font-size: 13px;
    color: #536069;
    font-family: Arial, sans-serif;
    margin-right: 8px;
}

.promo-bonus-x2 .vip-promo-bonus-shows-info b {
    font-size: 15px;
    color: #222d35;
}

.promo-bonus-x2 .vip-promo-timer-x2 {
    background: url(https://datshop.store/lander/znacomstva/jeemp/img/rating-vip-x2-timer-bg.png) 0 0 no-repeat;
    color: #536069;
    font-size: 11px;
    padding: 6px 7px 6px 40px;
}

.promo-bonus-x2 .jslink {
    color: #536069;
    font-size: 13px;
    float: right;
}

.saleIco.percents_50 {
    background-position: -36px 0
}

.saleIco.percents_30 {
    background-position: -72px 0
}

.saleIco.small,
.saleIco.ny.small {
    background-position: -108px 0;
    width: 22px;
    height: 22px;
}

.saleIco.ny:after {
    content: '';
    position: absolute;
    top: 0;
    left: -50px;
    width: 100px;
    height: 6px;
    background: #fff;
    opacity: .3;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: blik-anim 1.75s 1s ease 5;
    /* Safari 4+ */
    -moz-animation: blik-anim 1.75s 1s ease 5;
    /* Fx 5+ */
    -o-animation: blik-anim 1.75s 1s ease 5;
    /* Opera 12+ */
    animation: blik-anim 1.75s 1s ease 5;
    /* IE 10+ */
}

/* blik animation*/

@-webkit-keyframes blik-anim {
    0% {
        left: -50px;
    }
    100% {
        left: 20px;
    }
}

@-moz-keyframes blik-anim {
    0% {
        left: -50px;
    }
    100% {
        left: 20px;
    }
}

@-o-keyframes blik-anim {
    0% {
        left: -50px;
    }
    100% {
        left: 20px;
    }
}

@keyframes blik-anim {
    0% {
        left: -50px;
    }
    100% {
        left: 20px;
    }
}

/*double vip*/

.vip-action-sticker-x2 {
    display: inline-block;
    width: 33px;
    height: 26px;
    background: url(https://datshop.store/lander/znacomstva/app/vip2/img/default/vip-x2-default-sticker.png) 0 0 no-repeat;
    position: absolute;
    top: -12px;
    right: -8px;
}

.vip-action-sticker-x3 {
    display: inline-block;
    width: 33px;
    height: 26px;
    background: url(https://datshop.store/lander/znacomstva/app/vip2/img/default/vip-x3-default-sticker.png) 0 0 no-repeat;
    position: absolute;
    top: -12px;
    right: -8px;
}

.newbie-vip-x2-ico {
    display: inline-block;
    width: 33px;
    height: 26px;
    background: url(https://datshop.store/lander/znacomstva/app/vip2/img/x2_vip_newbie/vip-newbie-x2-sticker.png) 0 0 no-repeat;
    position: absolute;
}

.vip-buy-popup .vip-buy-level-btn {
    position: relative;
}

/*form mail discount*/

.vip-sticker-parent {
    position: relative
}

.vip-sticker-parent .vip-discount-sticker {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(https://datshop.store/lander/znacomstva/app/vip2/img/default/vip-discount-default-sticker.png);
    background-size: 32px auto;
    position: absolute;
    bottom: -7px;
    right: -18px;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    font-size: 11px;
    color: #ffffff;
    line-height: 11px;
}

.vip-sticker-parent .vip-discount-sticker:before {
    height: 32px;
    display: inline-block;
    width: 1px;
    content: '';
    margin-left: -1px;
    vertical-align: middle;
}

.vip-sticker-parent:hover .vip-discount-sticker {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

/*form mail discount*/

/*.vip-buy-popup .vip-buy-level{height: 135px;}*/

.vip-buy-level .sale-pice {
    color: #536069;
    font-size: 12px;
    text-align: left;
    padding: 5px 10px;
    margin-top: 2px;
}

.vip-buy-level .sale-pice b {
    font-size: 13px;
}

.season-notify-link {
    text-decoration: underline;
    cursor: pointer;
    color: #008bc8
}

.non-link {
    color: #222d35;
    cursor: default;
}

.non-link:active,
.non-link:hover {
    color: #222d35;
    cursor: default;
    text-decoration: none;
}

/* people season */

.people-season-ico-points {
    display: inline-block;
    width: 11px;
    height: 16px;
    vertical-align: middle;
    background: url(https://datshop.store/app/people/img/season/cupcakes_7/ico-points-small.png);
}

/* search in left column */

#side-people {
    overflow: inherit !important;
}

.without-secondary #psb-container {
    width: 165px;
}

.without-secondary #psb-input {
    width: 105px;
}

#psb-container {
    width: 185px;
    margin: 5px 0 10px;
    position: relative;
}

#psb-form {
    margin-left: 5px;
    position: relative;
}

#psb-input {
    width: 135px;
    height: 20px;
    line-height: 20px;
    padding: 2px 14px 2px 24px;
    border: 1px solid #C3D0D8;
}

#psb-input:focus {
    background: #fff;
}

#psb-form .icn-magnifier {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 5px;
    cursor: pointer;
}

#psb-tooltip-title {
    font: 16px/22px Arial;
    font-weight: bold;
    margin-bottom: 10px;
}

.psb-status-online {
    background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYTDCE0C6mwsgAAAGxJREFUCNdtw8EJwjAYgNEvye8APXUiJ3COelDorfdcWkQH6EiOoSAGQoOHlCQ9SSn0wVPjC5kTV61oAHLhcTD08v1xASwrWyCp9okDKracvD17tKlPlBA5hgj/U6STj2cwgsqZM4DW3FPitgBKoCXWX7ZGHgAAAABJRU5ErkJggg==);
}

#psb-tooltip {
    position: absolute;
    background: #fff;
    width: 288px;
    z-index: 100;
    right: -108px;
    top: 33px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.psb-highlight {
    background: #e9eff3;
}

.psb-send-message {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 5px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.psb-send-message:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.psb-ddb-caption {
    padding: 10px 20px 10px 5px;
}

.psb-ddb-caption .icn-right {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -8px;
}

.psb-ddb-title {
    background: #d7e0e8;
    padding: 5px;
    color: #222d35;
}

.psb-status-offline {
    background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYTDB8P+2dC6wAAAF5JREFUCNc1wTsOQVEABcA5yV0Pia09RCMIhe/GNKKzm6MQM5n2l1G2SVZ+bq3jkGzDBvO2krwTBpaYP3brD0yH64I+B7T1V6rJaHtP8p4O11kRXuI8cKwm8qLIGacv5QAlwu90zSYAAAAASUVORK5CYII=);
}

.psb-list {
    margin-top: 3px;
    position: relative;
    padding: 2px 0;
    max-height: 300px;
    overflow: auto;
}

.psb-list.psb-ddb {
    z-index: 10;
    width: 185px;
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.psb-list.psb-ddb .psb-send-message {
    right: 5px;
}

.psb-list.psb-ddb .psb-status {
    right: 10px;
}

.psb-list.psb-ddb .psb-ddb-caption {
    display: block;
}

.psb-list.psb-ddb .psb-ddb-title {
    display: block;
}

.psb-list.psb-ddb .psb-ddb-item {
    color: #536069;
    padding: 5px 30px 5px 5px;
}

.psb-list.psb-ddb .psb-ddb-item.psb-ddb-hover {
    background: #e9ecee !important;
}

.psb-list.psb-ddb .psb-ddb-item:hover {
    background: #fff;
}

.psb-list.psb-ddb .psb-list-arrow {
    display: block;
}

.psb-list .psb-ddb-item {
    padding: 5px;
    cursor: pointer;
    line-height: 24px;
    position: relative;
}

.psb-list .psb-ddb-item.psb-ddb-hover .psb-status {
    display: none;
}

.psb-list .psb-ddb-item.psb-ddb-hover .psb-send-message {
    display: inline;
}

.psb-list .psb-ddb-item:hover {
    background: #d7e0e6;
}

.psb-list .psb-ddb-item .ellipsis {
    white-space: nowrap;
    overflow: hidden;
    width: 155px;
}

.psb-status {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 50%;
    margin-top: -3px;
    right: 5px;
}

#psb-tooltip-top {
    padding: 15px 20px;
    line-height: 1.5em;
}

#psb-tooltip-bottom {
    background: #e9eff3;
    padding: 10px;
}

#psb-form .icn-close {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 10px;
    cursor: pointer;
}

#psb-form .icn-process {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 12px;
}

.psb-list-arrow,
.psb-tooltip-arrow {
    position: absolute;
    width: 100px;
    height: 5px;
    top: -5px;
    left: 5px;
    background: url(https://datshop.store/lander/znacomstva/jeemp/i/header-sprite.png) no-repeat -100px -85px;
}

.without-secondary .psb-list.psb-ddb {
    width: 165px;
}

.without-secondary .psb-list .psb-ddb-item .ellipsis {
    width: 135px;
}

/* pacman tooltip */

.pacman-tooltip {
    min-width: 858px;
    /* 870 */
    max-width: 870px;
    background: #fff;
    position: absolute;
    right: 200px;
    top: 47px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    /*opacity: 0;*/
}

.pacman-tooltip.menu-test {
    width: 775px;
}

.without-secondary .pacman-tooltip {
    right: 0;
}

.pacman-tooltip:after,
.pacman-tooltip:before {
    right: 85px !important;
    left: auto !important;
}

.without-secondary .pacman-tooltip:after,
.without-secondary .pacman-tooltip:before {
    left: auto !important;
    right: 285px !important;
}

.pacman-tooltip.small-height {
    min-height: 310px !important;
}

.pacman-tooltip:after,
.pacman-tooltip:before {
    bottom: 100%;
    left: 115px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.pacman-tooltip:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.pacman-tooltip:before {
    border-bottom-color: #c3d0d8;
    border-width: 11px;
    margin-left: -11px;
}

.pacman-tooltip--loader {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff url(https://datshop.store/app/userevents/img/loader-v2-60.gif) no-repeat 50% 50%;
    z-index: 100;
    display: none;
}

.pacman-tooltip_loading .pacman-tooltip--loader {
    display: block;
}

.pacman-tooltip--content {
    overflow: auto;
    background: #f1f5f8;
}

.pacman-tooltip--content_settings {
    padding: 20px;
    background: #fff;
}

.pacman-tooltip-overlay {
    background: url(https://datshop.store/base/img/bg_black_30.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 800;
    position: fixed;
    display: block;
}

.pacman-tooltip #feed-apps {
    margin: 0;
    padding: 15px;
}

.pacman-tooltip--btn-settings {
    position: absolute;
    top: 0;
    left: 100%;
    padding: 10px;
    border: none;
    background: rgba(255, 255, 255, 0.6);
    margin: 0;
    outline: none;
    z-index: -1;
}

.without-secondary .pacman-tooltip--btn-settings {
    left: auto;
    right: 100%;
}

.pacman-tooltip--btn-settings:hover {
    background: rgba(255, 255, 255, 0.8);
}

/* fs tutorial arrow */

.fs-tutorial-arrow {
    position: absolute;
    width: 30px;
    height: 40px;
    background: #0091d0;
    z-index: 9999;
}

.fs-tutorial-arrow::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #0091d0 transparent transparent transparent;
}

/* fs tutorial mask */

.fs-tutorial-mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9997;
}

.fs-tutorial-mask--fill {
    position: absolute;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}

.fs-tutorial-mask--part {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}

/* fs tutorial tooltip */

.fs-tutorial-tooltip {
    position: absolute;
    width: 250px;
    z-index: 9998;
    background: #fff;
    border: 1px solid #d1d7dc;
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
    color: #536069;
    font-size: 13px;
}

.fs-tutorial-tooltip--content {
    padding: 15px;
}

.fs-tutorial-tooltip--content p {
    marign: 0 0 10px 0;
}

.fs-tutorial-tooltip--footer {
    margin: 15px 0 0;
    padding: 15px;
    background: #f1f5f8;
}

.fs-tutorial-tooltip_without-buttons .fs-tutorial-tooltip--footer {
    display: none;
}

.fs-tutorial-tooltip--arrow {
    position: absolute;
    overflow: hidden;
}

.fs-tutorial-tooltip.top .fs-tutorial-tooltip--arrow {
    top: 100%;
    left: 0;
    width: 100%;
    height: 20px;
}

.fs-tutorial-tooltip.bottom .fs-tutorial-tooltip--arrow {
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 20px;
}

.fs-tutorial-tooltip.left .fs-tutorial-tooltip--arrow {
    left: 100%;
    top: 0;
    width: 20px;
    height: 100%;
}

.fs-tutorial-tooltip.right .fs-tutorial-tooltip--arrow {
    right: 100%;
    top: 0px;
    width: 20px;
    height: 100%;
}

.fs-tutorial-tooltip--arrow::before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fs-tutorial-tooltip.top .fs-tutorial-tooltip--arrow::before {
    background: #f1f5f8;
    left: 50%;
    top: -6px;
    margin: 0 0 0 -12px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.18) 1px 1px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.18) 1px 1px 1px;
    -ms-box-shadow: rgba(0, 0, 0, 0.18) 1px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.18) 1px 1px 1px;
}

.fs-tutorial-tooltip.bottom .fs-tutorial-tooltip--arrow::before {
    background: #fff;
    left: 50%;
    bottom: -6px;
    margin: 0 0 0 -12px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.18) -1px -1px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.18) -1px -1px 1px;
    -ms-box-shadow: rgba(0, 0, 0, 0.18) -1px -1px 1px;
    box-shadow: rgba(0, 0, 0, 0.18) -1px -1px 1px;
}

.fs-tutorial-tooltip.left .fs-tutorial-tooltip--arrow::before {
    background: #fff;
    left: -6px;
    top: 50%;
    -webkit-box-shadow: rgba(0, 0, 0, 0.18) 1px -1px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.18) 1px -1px 1px;
    -ms-box-shadow: rgba(0, 0, 0, 0.18) 1px -1px 1px;
    box-shadow: rgba(0, 0, 0, 0.18) 1px -1px 1px;
}

.fs-tutorial-tooltip.right .fs-tutorial-tooltip--arrow::before {
    background: #fff;
    right: -6px;
    top: 50%;
    -webkit-box-shadow: rgba(0, 0, 0, 0.18) -1px 1px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.18) -1px 1px 1px;
    -ms-box-shadow: rgba(0, 0, 0, 0.18) -1px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.18) -1px 1px 1px;
}

/* Do not delete comment & edit code below! */

/* This part is generated by gulp. Look Wiking for more information. */

/*===grid-start===*/

.fs-row_floats {
    *zoom: 1;
}

.fs-row_floats:before {
    content: " ";
    display: table;
}

.fs-row_floats:after {
    content: " ";
    display: table;
    clear: both;
}

/* Sizes */

/* Fonts */

.fs-font_xs {
    font-size: 9px;
}

.fs-font_s {
    font-size: 11px;
}

.fs-font_m {
    font-size: 13px;
}

.fs-font_l {
    font-size: 15px;
}

.fs-font_xl {
    font-size: 20px;
}

.fs-font_xxl {
    font-size: 30px;
}

/* Paddings */

.fs-pt_auto {
    padding-top: auto;
}

.fs-mt_auto {
    margin-top: auto;
}

.fs-pt_0 {
    padding-top: 0;
}

.fs-mt_0 {
    margin-top: 0;
}

.fs-pt_xl {
    padding-top: 40px;
}

.fs-mt_xl {
    margin-top: 40px;
}

.fs-pt_l {
    padding-top: 25px;
}

.fs-mt_l {
    margin-top: 25px;
}

.fs-pt_m {
    padding-top: 15px;
}

.fs-mt_m {
    margin-top: 15px;
}

.fs-pt_s {
    padding-top: 10px;
}

.fs-mt_s {
    margin-top: 10px;
}

.fs-pt_xs {
    padding-top: 5px;
}

.fs-mt_xs {
    margin-top: 5px;
}

.fs-pr_auto {
    padding-right: auto;
}

.fs-mr_auto {
    margin-right: auto;
}

.fs-pr_0 {
    padding-right: 0;
}

.fs-mr_0 {
    margin-right: 0;
}

.fs-pr_xl {
    padding-right: 40px;
}

.fs-mr_xl {
    margin-right: 40px;
}

.fs-pr_l {
    padding-right: 25px;
}

.fs-mr_l {
    margin-right: 25px;
}

.fs-pr_m {
    padding-right: 15px;
}

.fs-mr_m {
    margin-right: 15px;
}

.fs-pr_s {
    padding-right: 10px;
}

.fs-mr_s {
    margin-right: 10px;
}

.fs-pr_xs {
    padding-right: 5px;
}

.fs-mr_xs {
    margin-right: 5px;
}

.fs-pb_auto {
    padding-bottom: auto;
}

.fs-mb_auto {
    margin-bottom: auto;
}

.fs-pb_0 {
    padding-bottom: 0;
}

.fs-mb_0 {
    margin-bottom: 0;
}

.fs-pb_xl {
    padding-bottom: 40px;
}

.fs-mb_xl {
    margin-bottom: 40px;
}

.fs-pb_l {
    padding-bottom: 25px;
}

.fs-mb_l {
    margin-bottom: 25px;
}

.fs-pb_m {
    padding-bottom: 15px;
}

.fs-mb_m {
    margin-bottom: 15px;
}

.fs-pb_s {
    padding-bottom: 10px;
}

.fs-mb_s {
    margin-bottom: 10px;
}

.fs-pb_xs {
    padding-bottom: 5px;
}

.fs-mb_xs {
    margin-bottom: 5px;
}

.fs-pl_auto {
    padding-left: auto;
}

.fs-ml_auto {
    margin-left: auto;
}

.fs-pl_0 {
    padding-left: 0;
}

.fs-ml_0 {
    margin-left: 0;
}

.fs-pl_xl {
    padding-left: 40px;
}

.fs-ml_xl {
    margin-left: 40px;
}

.fs-pl_l {
    padding-left: 25px;
}

.fs-ml_l {
    margin-left: 25px;
}

.fs-pl_m {
    padding-left: 15px;
}

.fs-ml_m {
    margin-left: 15px;
}

.fs-pl_s {
    padding-left: 10px;
}

.fs-ml_s {
    margin-left: 10px;
}

.fs-pl_xs {
    padding-left: 5px;
}

.fs-ml_xs {
    margin-left: 5px;
}

.fs-pv_auto {
    padding-top: auto;
    padding-bottom: auto;
}

.fs-mv_auto {
    margin-top: auto;
    margin-bottom: auto;
}

.fs-pv_0 {
    padding-top: 0;
    padding-bottom: 0;
}

.fs-mv_0 {
    margin-top: 0;
    margin-bottom: 0;
}

.fs-pv_xl {
    padding-top: 40px;
    padding-bottom: 40px;
}

.fs-mv_xl {
    margin-top: 40px;
    margin-bottom: 40px;
}

.fs-pv_l {
    padding-top: 25px;
    padding-bottom: 25px;
}

.fs-mv_l {
    margin-top: 25px;
    margin-bottom: 25px;
}

.fs-pv_m {
    padding-top: 15px;
    padding-bottom: 15px;
}

.fs-mv_m {
    margin-top: 15px;
    margin-bottom: 15px;
}

.fs-pv_s {
    padding-top: 10px;
    padding-bottom: 10px;
}

.fs-mv_s {
    margin-top: 10px;
    margin-bottom: 10px;
}

.fs-pv_xs {
    padding-top: 5px;
    padding-bottom: 5px;
}

.fs-mv_xs {
    margin-top: 5px;
    margin-bottom: 5px;
}

.fs-ph_auto {
    padding-left: auto;
    padding-right: auto;
}

.fs-mh_auto {
    margin-left: auto;
    margin-right: auto;
}

.fs-ph_0 {
    padding-left: 0;
    padding-right: 0;
}

.fs-mh_0 {
    margin-left: 0;
    margin-right: 0;
}

.fs-ph_xl {
    padding-left: 40px;
    padding-right: 40px;
}

.fs-mh_xl {
    margin-left: 40px;
    margin-right: 40px;
}

.fs-ph_l {
    padding-left: 25px;
    padding-right: 25px;
}

.fs-mh_l {
    margin-left: 25px;
    margin-right: 25px;
}

.fs-ph_m {
    padding-left: 15px;
    padding-right: 15px;
}

.fs-mh_m {
    margin-left: 15px;
    margin-right: 15px;
}

.fs-ph_s {
    padding-left: 10px;
    padding-right: 10px;
}

.fs-mh_s {
    margin-left: 10px;
    margin-right: 10px;
}

.fs-ph_xs {
    padding-left: 5px;
    padding-right: 5px;
}

.fs-mh_xs {
    margin-left: 5px;
    margin-right: 5px;
}

.fs-p_auto {
    padding: auto;
}

.fs-m_auto {
    margin: auto;
}

.fs-p_0 {
    padding: 0;
}

.fs-m_0 {
    margin: 0;
}

.fs-p_xl {
    padding: 40px;
}

.fs-m_xl {
    margin: 40px;
}

.fs-p_l {
    padding: 25px;
}

.fs-m_l {
    margin: 25px;
}

.fs-p_m {
    padding: 15px;
}

.fs-m_m {
    margin: 15px;
}

.fs-p_s {
    padding: 10px;
}

.fs-m_s {
    margin: 10px;
}

.fs-p_xs {
    padding: 5px;
}

.fs-m_xs {
    margin: 5px;
}

/* Grid */

.fs-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    align-content: flex-start;
}

.fs-row_floats {
    display: block;
}

.fs-row_justify-content-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.fs-row_justify-content-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fs-row_justify-content-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.fs-row_justify-content-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.fs-row_justify-content-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.fs-row_align-items-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.fs-row_align-items-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.fs-row_align-items-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.fs-row_align-items-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.fs-col {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.fs-row_auto-grow .fs-col {
    flex-grow: 0;
    flex-basis: auto;
}

.fs-row_floats .fs-col {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fs-col_1 {
    flex-grow: 0;
    flex-basis: auto;
    width: 8.33333%;
}

.fs-col_2 {
    flex-grow: 0;
    flex-basis: auto;
    width: 16.66667%;
}

.fs-col_3 {
    flex-grow: 0;
    flex-basis: auto;
    width: 25%;
}

.fs-col_4 {
    flex-grow: 0;
    flex-basis: auto;
    width: 33.33333%;
}

.fs-col_5 {
    flex-grow: 0;
    flex-basis: auto;
    width: 41.66667%;
}

.fs-col_6 {
    flex-grow: 0;
    flex-basis: auto;
    width: 50%;
}

.fs-col_7 {
    flex-grow: 0;
    flex-basis: auto;
    width: 58.33333%;
}

.fs-col_8 {
    flex-grow: 0;
    flex-basis: auto;
    width: 66.66667%;
}

.fs-col_9 {
    flex-grow: 0;
    flex-basis: auto;
    width: 75%;
}

.fs-col_10 {
    flex-grow: 0;
    flex-basis: auto;
    width: 83.33333%;
}

.fs-col_11 {
    flex-grow: 0;
    flex-basis: auto;
    width: 91.66667%;
}

.fs-col_12 {
    flex-grow: 0;
    flex-basis: auto;
    width: 100%;
}

/* Helpers */

.fs-hover-05 {
    opacity: 0.5;
    cursor: pointer;
}

.fs-hover-05:hover {
    opacity: 1;
}

/*===grid-end===*/

/* Do not delete comment above */