.our {background-image: url(/template/icons/our.png);background-repeat: no-repeat;width: 16px;height: 16px;display:inline-block;overflow: hidden;}
.our-mail {background-position: -5px -57px;margin: 0 4px -7px 0;}
.our-reverse {background-position: -5px -83px;width:24px;}
.our-reverse2 {background-position: -5px -106px;width:24px;}
.our-search {background-position: -5px -129px;margin: 0 2px -3px 0;}
.our-u_off {width: 5px;height: 5px;background-position: -5px -181px;}
.our-u_on {width: 5px;height: 5px;background-position: -5px -200px;}
.pro {background-image: url("/template/icons/profile.png");background-repeat: no-repeat;width: 16px;height: 16px;display:inline-block;overflow: hidden;margin: 0 4px -2px 0;}
.pro-anketa {background-position: -5px -5px;}
.pro-friends {background-position: -5px -31px;}
.pro-gift {background-position: -5px -57px;}
.pro-notes {background-position: -5px -83px;}
.pro-photos {background-position: -5px -109px;}
.app-icons {background: url("/template/icons/components.png") no-repeat;width: 16px;height: 16px;display: inline-block;overflow: hidden;margin: 0 5px;margin-bottom: -4px;}
.app-icons.app-icons-like {background-position: 0 -32px;}
.app-icons.app-icons-rlike {background-position: 0 -48px;}
.app-icons.app-icons-comm {background-position: 0 -64px;}
.app-icons.app-icons-share {background-position: 0 -80px;}
.app-icons.app-icons-rshare {background-position: 0 -112px;}
.app-icons.app-icons-lock {background-position: 0 -96px;}
.ico {background: url("/template/icons/icons.png") no-repeat;width: 16px;height: 16px;display: inline-block;overflow: hidden;margin: 0 4px -2px 0;}
.ico.ico-info {background-position: 0 0;}
.ico.ico-friends {background-position: 0 -39px;}
.ico.ico-notes {background-position: 0 -79px;}
.ico.ico-photos {background-position: 0 -59px;}
.ico.ico-groups {background-position: 0 -19px;}
.ico.ico-gift {background-position: 0 -98px;}
.ico.ico-pencil {background-position: 0 -134px;}
.ico.ico-add {background-position: 0 -116px;}
.ico.ico-dell{background-position: 0 -150px;}
.app-toggler { color: #5a7b9b;
display: block;
overflow: hidden;
padding: 11px;
border-bottom: 1px solid #dcd9d9;}
.app-toggler.app-toggler-white {background: #FFF;}
.app-toggler.app-toggler-open{border: 0;background: #FFF;font-weight: bold;}
.app-toggler:hover {background: #f3f3f7;color: #5a7b9b;text-decoration: none;}
.app-toggler span.app-toggler-icon {
background-position: 0 -16px;
float: right;
}
.app-toggler.app-toggler-open span.app-toggler-icon {
background-position: 0 0;
}
/* SUPER MEGA SHIT MAZAFUCK'a-MAKAKA COOL DESIGN */
.list-flex {display: flex;align-items: center;}
#sidebar, #top {display: none;}
.cover-page--cont {height: 0;width: 100%;position: relative;}
.cover-page--on .cover-page--cont {height: 150px;}
.cover-page--element {width: 100%;height: 100%;background-color: #455A64;background-size: cover;}
.cover-page--floating {position: absolute;top: 8px;right: 8px;}
.cover-page--on .cover-page--floating {top: 20px;right: 20px;}
.cover-page--on .cover-page--avatar img {margin-top: -50px;position: relative;background: #FFF;padding: 4px;}
.cover-page--element img {position: relative;width: 100%;}
.cover-page--on .cover-page--cont {height: 150px;}
.cover-page--on .cover-page--avatar img {margin-top: -70px;}
.app-btn-white {background: #FFF;position:relative;outline: none;cursor: pointer;box-shadow: 0px 1px 2px rgba(0,0,0,.1);display: inline-block;padding: 5px 14px;text-align: center;color: #7c7c7c;border-radius: 4px;border: 1px solid rgba(255, 255, 255, 0.54);}
.app-btn-white:hover {text-decoration: none;}
.app-btn-white:active {padding: 6px 14px 4px 14px;background: rgba(241, 241, 241, 0.5);}
.cover-page--on .app-btn-white {background: rgba(0, 0, 0, 0.5);color: #FFF;}
.cover-page--on .app-btn-white:hover {background: rgba(124, 124, 124, 0.5);}
.app-break {padding: 10px;}
.app-block {border: 1px solid #e7e9ea;border-width: 0px 0px 1px 0px;margin-bottom: 15px;}
._line {background: #FFF;}
.app-textarea {border-color: #dce0e2;border-style: solid;border-width: 0 0 1px 0;padding: 15px;font-size: 1.1em;color: #212121;border-radius: 0px;}
.post-repost {border-left: 3px solid #295275;padding-left: 10px;margin-top:5px;}
@media screen and (max-width: 991px) {
.mail, .mail-message {background: #ececec;}
.mail-message {overflow: hidden;}
.mail-message-box {min-width: 200px;max-width: 70%;display: inline-block;}
.mail-message-out .mail-message-box {float: right;}
.mail-message-box ._name {display: none;}
.mail-message-r { background: #FFF; border: 1px solid #c7c5c5; padding: 10px;margin-left: 0;}
.mail-message-out .mail-message-r {background: #cfddf3;}
.mail-message-box ._time {vertical-align: sub;}
.mail-message-l {display: none;}
}
#sidebar .sidebar--text {overflow: hidden;display: flex;align-items: center;height: 20px;padding-left: 35px;}
#sidebar .sidebar--foot {padding: 15px;text-align: center;color: #81898e;}
@media screen and (max-width: 991px) {
body.__js-sidebar-show #main, body.__js-sidebar-show #foot {display: none;}
body.__js-sidebar-show #sidebar {display: block;}
body.__js-sidebar-show #sidebar .sidebar--link {display: block;padding: 9px;background: #FFF;padding-left: 20px;color: #212121;overflow: hidden;border-radius: 3px;}
body.__js-sidebar-show #sidebar .sidebar--link:hover {background: #e9e9e9;text-decoration: none;}
body.__js-sidebar-show #sidebar .sidebar--link:active {}
body.__js-sidebar-show #sidebar .sidebar--foot { border-top: 1px solid #dadada; }
body.__js-sidebar-show #sidebar .sidebar--line {border-bottom: 1px solid #dbdfe2;margin: 5px 15px 5px 45px;}
}
@media screen and (min-width: 991px) {
.app-block {border-width: 1px;}
.cover-page--floating {transition: opacity 0.15s ease;opacity: 0;}
.cover-page--element:hover .cover-page--floating, .cover-page--show.cover-page--floating {opacity: 1;}
.app-block-w {width: 500px;margin: 0 auto;}
body {max-width: 100%;font-size: 13px;}
#container {max-width: 750px;margin: 0 auto;padding-left: 180px;}
#head, #location, #queryM, #foot {display: none;}
#sidebar {display: block;float: left;width: 180px;position: fixed;bottom: 0;top:65px;overflow: auto;margin-left:-185px;}
#sidebar .sidebar-main {}
#sidebar .sidebar--link {display: block;padding: 9px;color: #212121;overflow: hidden;border-radius: 3px;}
#sidebar .sidebar--link:hover {background: #e9e9e9;text-decoration: none;}
#sidebar .sidebar--link:active {}
#sidebar .sidebar--user {}
#sidebar .sidebar--links {}
#sidebar .sidebar--user .sidebar--text {height: 45px;font-size: 1.1em;font-weight: bold;letter-spacing: -0.2px;text-transform: uppercase;}
#sidebar .sidebar--count {float: right;color: #ffffff;background: #7fad8b;padding: 0 8px;display: flex;align-items: center;height: 20px;border-radius: 3px;}
#sidebar .sidebar--item {margin-left: 43px;border-bottom: 1px solid #3a6182; }
#sidebar .sidebar--line {border-bottom: 1px solid #dbdfe2;margin: 5px 15px 5px 45px;}
#main, #locationSide {}
#locationSide {padding: 15px 5px 5px 5px;font-size: 1.2em;color: #777;}
#main {margin-top: 10px;margin-bottom: 15px;}
.touch .touch-cont,.app-toggler {padding: 15px 18px;}
.mail-message {padding: 4px 18px;}
.list, ._l-padd { padding: 15px 20px;}
.top--pb {display: block;height: 55px;}
#top {display: block;position: fixed;width: 100%;z-index: 10000;background: #FFF;top: 0;left: 0;right: 0;overflow: hidden;box-shadow: 0 1px 2px rgba(0,0,0,.1);}
#top .top--cont {max-width: 935px;margin: 0 auto;}
#top .top--title {_padding-left: 13px;color: #7a8690;_border-left: 1px solid #b8b8b9;margin-left: 3px;font-size: 1.2em;}
#top .top--logo {width: 180px;}
#top .top--r {float: right;}
#top .top--r span {margin: 0 5px;font-weight: bold;font-size: 1.1em;}
#top .top--r a {display: inline-block;padding: 0 9px;color: #212121;}
#top .top--title a, #top .top--title span {padding: 20px 25px;}
#top .top--title a {background: url('/template/icons/back.png') no-repeat 6px center;}
#top .top--r a:hover, #top .top--title a:hover {background-color: #f3f3f7;text-decoration: none;}
#top .top--r a img {width: 35px!important;height: 35px!important;}
#top .top--flex {display: flex;align-items: center;height: 55px;}
#scrollup {outline: none;background: 0 0;top: 55px;bottom: 0;left: 0;position: fixed;text-indent: -9999px;visibility: hidden;opacity: 0;-webkit-transition: opacity .25s ease,visibility .25s ease;transition: opacity .25s ease,visibility .25s ease;}
#scrollup::after {position: absolute;top: 0;bottom: 0;left: 0;width: 60px;content: '';background-color: rgba(177,193,209,.2);-webkit-transition: background-color .25s ease,opacity .25s ease;transition: background-color .25s ease,opacity .25s ease;opacity: 0;}
#scrollup::before {width: 15px;height: 9px;background-image: url('/template/icons/top.png');background-repeat: no-repeat;opacity: .4;-webkit-transition: opacity .25s ease;transition: opacity .25s ease;z-index: 1;left: 21px;top: 20px;display: block;content: '';position: absolute;}
#scrollup.-show, #scrollup.-toCheckPoint {visibility: visible;opacity: 1;width: 200px;cursor: pointer;}
#scrollup.-toCheckPoint::before {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#scrollup:hover::after, #scrollup.-toCheckPoint::after {background-color: rgba(218, 218, 218, 0.4);opacity: 1;}
#scrollup:hover::before, #scrollup.-toCheckPoint::before {opacity: 1}
.size--big {font-size: 1.2em;}
.mail ._line {display: none;}
.mail .list {padding: 6px 20px;}
.toggle-menu .toggle-menu-block {min-width: 200px;}
.app-right-block { float: right;
position: fixed;
margin-left: 580px;
overflow: hidden;
width: 220px;}
.app-left-block {width: 570px;overflow: hidden;}
.app-tabs {
padding: 7px 0;
background: #FFF;
}
.app-tabs a {
display: block;
padding: 9px;
border: 0px;
text-transform: none;
margin: 0px;
border-radius: 0px;
border-left: 3px solid transparent;
float: none;
font-size: 1.1em;
}
.app-tabs a.tab_active {
border-color: #546E7A;
font-size: 1em;
font-weight: bold;
}
.mail { padding: 7px 0;
background: #FFF;}
._label-title {vertical-align: top;display: inline-block;width: 29%;max-width: 185px;color: #555;}
._label-text {display: inline-block;vertical-align: top;width: 70%;overflow: hidden;}
}
.ajax-spinner {
background: url("/template/icons/spinner32x32.gif") no-repeat 0 0;
width: 32px;
height: 32px;
display: inline-block;
overflow: hidden;
}
.app-action {
padding: 25px;
text-align: center;
font-size: 1.1em;
display: block;
background: #f9f9f9;
color: #3b5998;
overflow: hidden;
}
.app-action:hover {
background: #f7f7f7;
text-decoration: none;
}
.app-dropdown {position: absolute;display: block;z-index: 1001;margin-top: 14px;left: 10px;right: 10px;background: #f9f9f9;border: 1px solid #e4e4e4;box-shadow: 0 1px 3px rgba(0,0,0,.1);}
.app-dropdown-arrow:after {display: block;
position: absolute;
content: '';
top: 100%;
left: 50%;
margin-left: -10px;
margin-top: 1px;
border: 10px solid transparent;
border-bottom-color: #f9f9f9;
z-index: 1100;}
.cover-select--items {overflow:hidden;width: 20%;display: block;height: 70px;float: left;position: relative;}
.cover-select--items a {margin: 10px;background: #F1F1F1;width: 100%;height: 100%;display: inline-block;}
.cover-select--items:hover {opacity: 0.6;}
.cover-select--items div {width: 100%;height: 100%;}
.toggle-menu-act {float: right;display: block;white-space: nowrap;min-width: 26px;text-align: center;cursor: pointer;padding: 0 4px 10px 4px;}
.toggle-menu {max-width: 320px;width: auto;right: 8px;position: absolute;display: none;top: 42px;z-index: 1;}
.toggle-menu.toggle-menu-open {display: block;}
._toggle-menu .toggle-menu-arrow {display: block;position: absolute;margin-top: -8px;width: 100%;z-index: 2;height: 8px;}
.toggle-menu .toggle-menu-arrow {position: absolute;top: -9px;left: -38px;width: 18px;height: 10px;overflow: hidden; z-index: 10;}
.toggle-menu .toggle-menu-arrow span::after {border-bottom: 10px solid #FFF;top: 1px;}
.toggle-menu .toggle-menu-arrow span::before {border-bottom: 10px solid #d6d6d6;}
.toggle-menu .toggle-menu-arrow span::after,.toggle-menu .toggle-menu-arrow span::before {position: absolute;width: auto;height: auto;border-left: 10px solid transparent;border-right: 10px solid transparent;display: inline-block;margin-left: -1px;content: "";}
.toggle-menu-act span {background: url("/template/icons/toggleMenu.png") no-repeat;width: 20px;height: 7px;display: inline-block;overflow: hidden;}
._toggle-menu .toggle-menu-arrow span {right: 15px;background: url(/template/groups_img/post_buts.png) no-repeat 0;width: 16px;position: absolute;height: 8px;display: block;top: 1px;}
.toggle-menu .toggle-menu-block { box-shadow: 0 1px 5px rgba(0,0,0,0.09);border: 1px solid #d6d6d6;border-radius: 2px;width: auto;padding: 4px 0;background-color: #fff;position: absolute;right: 0;top: 0;list-style: none;margin: 0;}
.toggle-menu .toggle-menu-block a {padding: 7px 21px 7px 14px;white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;color: #4C6B8F;text-decoration: none;cursor: pointer;}
.toggle-menu .toggle-menu-block a:hover {background: #F1F1F1;}
.list:after {content: '.';display: block;font-size: 0;line-height: 0;clear: both;visibility: hidden;}
.app-search {background: #FFF;padding: 1px;border-bottom: 1px solid #e7e9ea;}
.app-search-input {background: url("/template/icons/search.png") no-repeat 10px 47%;border: 0px;padding: 15px 35px;width: 100%;outline: none;box-sizing: border-box;}
.app-search-submit {padding: 3px;}
.attach-list {
max-width: 512px;margin: auto;overflow: hidden;
}
.attach-button { background: url(/template/icons/attach.png) no-repeat center;
cursor: pointer;
position: relative;
width: 40px;
height: 35px;
display: inline-block;
float: right;
opacity: 0.8;
outline: 0;
text-indent: 1000px; border: 0;}
.attach-list-ph {width: 100%;}
.attach-list-ph-o {width: 100%;position: relative;overflow: hidden;text-align:center;}
.attach-list-ph-b {float: left;display: inline-block;overflow: hidden;}
.attach-list-ph-o-1 .attach-list-ph-b {width: 100%;}
.attach-list-ph-o-2 .attach-list-ph-b {width: 50%;}
.attach-list-ph-o-3 .attach-list-ph-b {width: 33.333333%;}
@media screen and (min-width: 600px) {
.attach-list-ph-vert .attach-list-ph {width: auto;float: left;}
.attach-list-ph-vert .attach-list-ph-o {width: auto;}
.attach-list-ph-vert .attach-list-ph-b {float: none;}
.attach-list-ph-vert .attach-list-ph-o-1 .attach-list-ph-b {width: auto;height: 100%;}
.attach-list-ph-vert .attach-list-ph-o-2 .attach-list-ph-b {width: auto;height: 50%;}
.attach-list-ph-vert .attach-list-ph-o-3 .attach-list-ph-b {width: auto;height: 33.333333%;}
}
body.photoViewer-show {overflow: hidden;}
#photoViewer {display: none;overflow: auto;}
.photoViewer-show #photoViewer {display: block;}
#photoViewer .photoViewer-bg {background: rgba(0,0,0,0.96);position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 100001;overflow: hidden;}
#photoViewer .photoViewer-body {position: absolute;min-height: 100%;min-width: 100%;margin-bottom: 30px;z-index:100002;}
#photoViewer .photoViewer-top {background: rgba(93, 93, 93, 0.7);padding: 8px;color: #eae6e6;overflow: hidden;}
#photoViewer .photoViewer-main { margin: 70px 0;
position: absolute;
bottom: 0;
top: 0;
overflow: hidden;
height: 100%;
width: 100%;}
#photoViewer .photoViewer-main img {position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
top: 0;
max-width: 100%;
max-height: 100%;}
.post-bottom-menu {display: block;
overflow: hidden;padding: 15px;padding-top: 0;}
.post-bottom-menu .post-bottom-menu-a .post-bottom-menu-h { float: left; background: #eee;height: 36px;width: 36px;border-radius: 50%;display: inline-block; -webkit-user-select: none;
-webkit-transition: background .1s;
transition: background .1s; outline: none;
overflow: hidden;}
.post-bottom-menu .post-bottom-menu-a {display: inline-block; float: left;}
.post-bottom-menu .post-bottom-menu-c {font-size: 15px;display: inline-block;margin: 0 7px; margin-top: 8px;color: #75767d;cursor: default;}
.post-bottom-menu .post-bottom-menu-a .post-bottom-menu-h:hover {
background: #f5f5f5;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.26);
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.26);
}
.post-bottom-menu .post-bottom-menu-a .post-bottom-menu-h:active {
background: #FFF;
}
.post-bottom-menu .post-bottom-menu-a .post-bottom-menu-h-act {
background: #666b79!important;
}
.post-icons {background: url("/template/icons/post.png") no-repeat;width: 18px;height: 18px;display: inline-block;overflow: hidden;margin-left: 9px;margin-top: 9px;}
.post-icons.post-icons-comm {background-position: 0 0;}
.post-icons.post-icons-share {background-position: 0 -18px;}
.post-icons.post-icons-rshare {background-position: 0 -36px;}
.post-icons.post-icons-like {background-position: 0 -54px;}
.post-icons.post-icons-rlike {background-position: 0 -72px;}
.post-icons.post-icons-dislike {background-position: 0 -90px;}
.post-icons.post-icons-rdislike {background-position: 0 -108px;}
.emoji-block {display: inline;}
.emoji-menu {display: none; border-radius: 3px;right: 0px;opacity: 0;max-width: 300px;position: absolute;height: 200px; margin-top: 15px;overflow: hidden;background: #FFF;border: 1px solid #ccc;-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.26);box-shadow: 0 1px 1px 0 rgba(0,0,0,0.26);z-index: 9999;}
.emoji-menu .emoji-body {overflow: auto;height: 100%;}
.emoji-menu .emoji-title {color: #999;font-size: 0.9em;padding: 7px 10px;font-weight: bold;}
.emoji-menu .emoji-body img {margin: 3px 0 0 5px;padding: 3px;}
.emoji-menu .emoji-body img:hover {background: #edebeb;border-radius: 3px;cursor: pointer;}
.emoji-smile {background: url("/template/icons/smile.png") no-repeat center; cursor: pointer; position: relative;width: 40px;height: 35px;display: inline-block;float: right;opacity: 0.8;}
.emoji-smile:hover, .emoji-open .emoji-smile {opacity: 1;}
.emoji-open .emoji-smile:after { display: block;
position: absolute;
content: '';
top: 75%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-bottom-color: #cccccc;
z-index: 1100;}
.emoji-open .emoji-menu {display: block; -webkit-transition: opacity .2s ease,margin-top .2s ease,visibility .2s ease;
transition: opacity .2s ease,margin-top .2s ease,visibility .2s ease;margin-top: 10px;opacity: 1;}
.emoji {border: none;vertical-align: -3px;margin: 0 1px;}
.photos-upload-file-mini {width: 75px;height: 75px;overflow: hidden;}
.photos-upload-file-mini img {min-width: 75px;max-height: 75px;}
div.app-progress-bar {padding: 5px 0;}
div.app-progress-bar span.app-progress-bar {
float: right;
color: #66687d;
font-size: 1.1em;
}
div.app-progress-bar div {
width: 100%;
background: #FFF;
border-radius: 3px;
box-shadow: inset 0 0px 4px rgba(0, 0, 0, .2);
overflow: hidden;
}
div.app-progress-bar div span {
display: block;
width: 0%;
height: 24px;
transition: width 200ms ease-in-out;
background: #546E7A;
border-radius: 3px;
-webkit-animation: pulse-animation 1s infinite;
animation: pulse-animation 1s infinite;
}
@-webkit-keyframes pulse-animation
{
0% {opacity: 1;}
8% {opacity: 1;}
15% {opacity: 0.9;}
30% {opacity: 0.7;}
100% {opacity: 1;}
}
@keyframes pulse-animation
{
0% {opacity: 1;}
8% {opacity: 1;}
15% {opacity: 0.9;}
30% {opacity: 0.7;}
100% {opacity: 1;}
}
._photos-main {overflow: hidden;padding: 4px;}
._photos-main ._photos-item {width: 50%;display: inline-block;float: left;margin: 0;background: none;border: none;zoom: 1;}
._photos-main ._photos-item-padd {padding: 5px;}
._photos-main ._photos-item ._photos-cont {background: #fff;text-align: center;}
._photos-main ._photos-item ._photos-ph {position: relative;}
._photos-main ._photos-item ._photos-ph-b {padding: 5px;border: 1px solid #dbdbdb;border-top: 0px;}
._photos-main ._photos-item ._photos-ph-t img {max-width: 100px;width: 100px;}
._photos-main ._photos-item ._photos-title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
._photos-main ._photos-prew {position: relative;display: inline-block;}
@media screen and (max-width: 220px) {
._photos-main ._photos-item {width: 100%;}
._photos-main ._photos-item ._photos-ph-t img {overflow: hidden;max-width: 150px;width: 150px;}
}
@media screen and (min-width: 320px) {
._photos-main ._photos-item {width: 50%;}
._photos-main ._photos-item ._photos-ph-t img {overflow: hidden;max-width: 150px;width: 150px;}
}
@media screen and (min-width: 600px) {
._photos-main ._photos-item {width: 25%;}
._photos-main ._photos-item ._photos-ph-t {overflow: hidden;max-height: 150px;height: 150px;}
}
._photos-main a {text-decoration: none;}
.divide, .divider, .sdivide, small.divide, small.divider {
display: inline-block;
padding: 0;
margin-left: 12px;
color: transparent;
position: relative;
}
.divide:before, .divider:before, .sdivide:before, small.divide:before, small.divider:before {
content: "\2022 ";
color: #b3b3b3;
font-size: 8px;
padding: 0 1px 2px;
text-decoration: none;
vertical-align: middle;
display: inline-block;
pointer-events: none;
position: relative;
left: -5px;
padding: 0 0 2px;
line-height: 2px;
}
.app-catergory-line {margin: 11px 0px 0 0;text-align: center;}
.app-catergory-line::before {content: '';border-bottom: 1px solid #d4dce2;margin-bottom: -10px;display: block;}
.app-catergory-line span {background: #FFF;margin: 0px 0px -10px 0;position: relative;padding: 0 10px; font-size: 0.95em;
font-weight: bold;
text-transform: uppercase;}
/* Style for input's */
/*
.checkbox {
vertical-align: top;
margin: 0 3px 0 0;
width: 17px;
height: 17px;
}
.checkbox + label {
cursor: pointer;
}
.checkbox:not(checked) {
position: absolute;
opacity: 0;
}
.checkbox:not(checked) + label {
position: relative;
padding: 0 0 0 60px;
}
.checkbox:not(checked) + label:before {
content: '';
position: absolute;
top: 0px;
left: 0;
width: 50px;
height: 20px;
border-radius: 13px;
background: #CDD1DA;
box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
.checkbox:not(checked) + label:after {
content: '';
position: absolute;
top: 0px;
left: 2px;
width: 19px;
height: 19px;
border-radius: 10px;
background: #FFF;
box-shadow: 0 2px 5px rgba(0,0,0,.3);
transition: all .2s;
}
.checkbox:checked + label:before {
background: #9FD468;
}
.checkbox:checked + label:after {
left: 26px;
}
.checkbox:focus + label:before {
box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}
.radio {
vertical-align: top;
width: 17px;
height: 17px;
margin: 0 3px 0 0;
}
.radio + label {
cursor: pointer;
}
.radio:not(checked) {
position: absolute;
opacity: 0;
}
.radio:not(checked) + label {
position: relative;
padding: 0 0 0 25px;
}
.radio:not(checked) + label:before {
content: '';
position: absolute;
top: -2px;
left: 0;
width: 16px;
height: 16px;
border: 1px solid #CDD1DA;
border-radius: 50%;
background: #FFF;
}
.radio:not(checked) + label:after {
content: '';
position: absolute;
top: 1px;
left: 3px;
width: 12px;
height: 12px;
border-radius: 50%;
background: #9FD468;
_box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
opacity: 0;
transition: all .1s;
}
.radio:checked + label:after {
opacity: 1;
}
.radio:focus + label:before {
_box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}*/
#notifer {position: fixed;right: 2%;top: 65px; width: 300px;
z-index: 10001;}
#notifer .notifer-list {}
#notifer .notifer-list .notifer-block {background: rgba(84, 110, 122, 0.9);overflow: hidden;width: 100%;color:#FFF;border-radius: 4px;}
#notifer .notifer-list .notifer-block .notifer-padd {padding: 20px;}
.app-touch-bottom a, a.app-touch-bottom {padding: 5px 10px;font-size: 1em;font-weight: bold;display: inline-block;}
.app-touch-bottom a:hover, a.app-touch-bottom:hover {background: #f3f3f7;text-decoration: none;border-radius: 4px;}
.app-touch-bottom-gray {color: #bdbdbd;}
/* GIFTS */
.gifts-list-g {
display: inline-block;
width: 50%;
float: left;
margin: 2px 0;
position: relative;
}
.gifts-list-g a {display: block;text-align: center;padding: 3px 0;}
.gifts-list-g a:hover img {opacity: 0.6;}
.gifts-list-g-coin {display: none;position: absolute;
bottom: 0;
right: 20px;
left: 20px;
text-align: center;
background: #FFF;
background: rgba(82, 165, 103, 0.9);
border-radius: 4px;
color: #FFF;}
@media screen and (min-width: 300px) {.gifts-list-g {width: 33.333333%;}}
@media screen and (min-width: 400px) {.gifts-list-g {width: 25%;}}
@media screen and (min-width: 600px) {.gifts-list-g {width: 20%;}}
@media screen and (min-width: 800px) {/*.gifts-list-g {width: 16.666666%;}*/.gifts-list-g a:hover .gifts-list-g-coin {display: block;}}
.gifts-list-g-coin-free {display: block;}
.list_blog39 {padding: 0 0 2px;}
.list_blog40 {margin: 7px 5px 0 0;text-align: center;position: relative;display: inline-block;vertical-align: top;}
.list_blog41 {min-width: 40px;min-height: 40px;max-height: 100px;max-width: 100px;border: 2px solid #fff;box-shadow: 0 1px 3px -1px rgba(0,0,0,.6),inset 0 0 1px rgba(0,0,0,.15);margin: 0 1px;vertical-align: top;}
.llq_pdq--291 {margin: 0 6px 0 6px;text-align: center;position: relative;display: inline-block;vertical-align: top;}
.liq-pdq--891 {vertical-align: top;width: 128px;height: 128px;border-radius: 4px;}
@media screen and (max-width: 800px) {.liq-pdq--891 {width: 128px;height: 128px;margin: 0 7px 7px;}}