.progress-bar {margin: 0 7px;background-color: #e2f9f1;height: 16px;padding: 3px;/* width: 200px; */border-radius: 5px;display: block;margin-bottom: 4px;}
.rait { font-size: 12px; color: gray;margin: 0 10px;} 
.progress-bar span { display: inline-block; height: 16px; width: 120px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; transition: width .4s ease-in-out; 
} 
.orange span { background-color: #fecf23; background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215)); background-image: -webkit-linear-gradient(top, #fecf23, #fd9215); background-image: -moz-linear-gradient(top, #fecf23, #fd9215); background-image: -ms-linear-gradient(top, #fecf23, #fd9215); 
background-image: -o-linear-gradient(top, #fecf23, #fd9215); 
background-image: linear-gradient(top, #fecf23, #fd9215); 
} 




.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: 999px) { 
.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: 999px) { 
    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: 1000px) { 
	.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::-webkit-scrollbar { display: none}
	#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;}}

.stickers_item {
    display: block;
    padding: 7px;
    border-bottom: 1px solid #efefef;
    background: #fff;
    text-decoration: none !important;
}

.stickers_thumb {
    width: 70px;
    height: 70px;
    float: left;
    text-align: center;
    margin: 0 auto;
}

.stickers_thumb .th_img {
    width: auto;
    height: 100%;
}

.stickers_body {
    margin-left: 77px;
    min-height: 70px;
    position: relative;
}

.stickers_name {
    padding-top: 16px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-right: 98px;
    font-weight: 700;
    word-wrap: break-word;
    color: #000;
}

.stickers_author {
    padding: 5px 0 0;
    color: #777;
}

.stickers_price {
    position: absolute;
    padding: 0;
    top: 50%;
    right: 0;
    margin-top: -0.55em;
    line-height: 1.1em;
}

.sp_str {
    display: inline-block;
    padding: 5px 8px;
    margin-top: -5px;
    font-size: 1em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 75px;
    border-radius: 2px;
    white-space: nowrap;
}

.sp_buy_str, .sp_str {
    background: #4bb34b;
    color: #fff;
}

@keyframes cssload-spin {100%{ transform: rotate(360deg); }}
@-webkit-keyframes cssload-spin {100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }}
#stickers_loader {
    padding: 0;
    width: 26px;
    height: 24px;
    float: right;
    position: relative;
    top: 8px;
    margin-right: 8px;
}
#stickers_loader .speeding_wheel {
    width: 18px;
    height: 18px;
    margin: 0 auto;
    border-radius: 50%;
    border: 3px solid rgba(103,103,110,0.72);
    border-left-color: transparent;
    border-right-color: transparent;
    animation: cssload-spin 1s infinite linear;
    -webkit-animation: cssload-spin 1s infinite linear;
}

.stickers_tt_wrap,.stickers_ttt_wrap {
    overflow: hidden;
    position: relative;
}
.stickers_ttt_wrap {
    background-color: #ebeef2;
}
.stickers_tt_wrap:before, .stickers_tt_wrap:after {
    content: '';
    height: 10px;
    width: 100%;
    position: absolute;
    left: 0;
    background: url(/template/icons/emoji_sprite.png?12);
    z-index: 12;
}

.stickers_tt_wrap:before {
    top: 0;
    background-position: 0 -29px;
}

.stickers_tt_wrap:after {
    bottom: 0;
    background-position: 0 -20px;
}

.stickers_block_cont {
    overflow: hidden;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    position: relative;
}

.stickers_list_cont {
    padding: 0 4px 2px;
    position: relative;
    overflow: hidden;
    max-height: 200px;
    min-height: 80px;
}

.stickers_list_scroll {
    -webkit-tap-highlight-color: transparent;
    width: inherit;
    height: inherit;
    min-height: inherit;
    max-height: inherit;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-right: 22px;
    margin-right: -22px;
}

.stickers__row {
    margin-left: 4.8%;
}
label.sticker_thumb {
    position: relative !important;
}

.stickers_checkbox {
    position: absolute;
    left: -5000px;
}

.stickers_control_ui {
    position: absolute;
    width: inherit;
    height: inherit;
    top: 0;
    opacity: 0;
}

label.sticker_thumb .stickers_control_ui, .stickers_control_ui .th_img {
    transition: opacity .13s ease;
}

.stickers_control_ui_icon {
    width: 40px;
    height: 40px;
    background: url(/template/icons/check.svg);
    position: absolute;
    z-index: 99;
    margin: auto;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

label.sticker_thumb .stickers_checkbox:checked + .stickers_control_ui {
    opacity: 1;
}

label.sticker_thumb .stickers_checkbox:checked + .stickers_control_ui + .th_img, label.sticker_thumb:hover .th_img {
    opacity: .6;
}

label.sticker_thumb:hover .stickers_control_ui {
    opacity: .8;
}
.op_block, .op_button_block {
    padding: 8px 0 0;
}

.explain {
    color: #777;
}
.stickers_balance {
    text-align: center;
    line-height: 1.5em;
}
.sp_added_str {
    background: #f2f3f5;
    color: #a1afbf;
}
.si_links {
    font-size: small;
    line-height: 1.6em;
    padding: 2px 0 0;
    color: #4c6b8f;
}
.si_link_sel {
    color: #999;
}