@charset "utf-8";
/* Показать, скрыть пароль *******/ 
.password { width: 100%; position: relative; }
.password-control { 
    position: absolute; top:350px; right:24%; margin-right:10px;
	display: inline-block; width: 20px; height: 20px; opacity:0.3; cursor:pointer;
	background: url(https://snipp.ru/demo/495/view.svg) 0 0 no-repeat;
	text-decoration:none; }
.password-control.view { background: url(https://snipp.ru/demo/495/no-view.svg) 0 0 no-repeat; }
/* Отступ у блока 10px ***********/ 
.marginLeft { margin-left:10px; }
/* Загрузка файлов ***************/ 
.customFileUpload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
.video { width:100%; height:auto; display:block; }
.myPage { margin-bottom:10px; overflow:hidden; }
/* Лайки *************************/ 
.mLike {
	width:100%; 
	text-align:left; 
	font-size:80%; 
	padding-top:3px; 
	padding-bottom:3px; 
	padding-left:10px;
}

.mLike a { outline:none; }
.mLike span.link a {
	font-size:100%;
	color: #000000;
	text-decoration:none;
}
.mLike a.likeAdd, .mLike a.likeDelete {
	display:inline-block;
	background-repeat:none;
	background-position:left;
	height:20px;
	width:20px;
	margin-left:4px;
	text-indent:-900%;
}
.mLike a.likeAdd {
	background:url("../images/likes.png");
	margin-top:5px;
}
.mLike a.likeDelete {
	background:url("../images/likes2.png");
	margin-top:5px;
}
.mLike a.likeAdd2, .mLike a.likeDelete2 {
	display:inline-block;
	background-repeat:none;
	background-position:left;
	height:20px;
	width:20px;
	margin-left:4px;
	text-indent:-900%;
}
.mLike a.likeAdd2 {
	background:url("../images/likes.png");
	margin-top:5px;
}
.mLike a.likeDelete2 {
	background:url("../images/likes2.png");
	margin-top:5px;
}
.mLike a.likeAdd3, .mLike a.likeDelete3 {
	display:inline-block;
	background-repeat:none;
	background-position:left;
	height:20px;
	width:20px;
	margin-left:4px;
	text-indent:-900%;
}
.mLike a.likeAdd3 {
	background:url("../images/likes.png");
	margin-top:5px;
}
.mLike a.likeDelete3 {
	background:url("../images/likes2.png");
	margin-top:5px;
}
.mLike .likesUsers {
	display:none;
	overflow:hidden;
	height:36px;
}
.mLike .likeUser {
	display:inline-block;
	height:36px;
	margin-left:5px;
	background-color:#FFF;
	border:#FFF solid 5px;
	border-right:#FFF solid 2px;
    border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -o-border-radius: 20px 20px 20px 20px;
}
.mLike .likesUsers .image {
	float:left;
	width:26px; 
	height:26px; 
    background-size:auto 26px;
	margin-right:3px;
}
/* Фотогалерея *******************/ 
.thumb img {
            -webkit-filter: grayscale(0);
            filter: none;
            border-radius: 5px;
            background-color: #fff;
            border: 1px solid #ddd;
            padding: 5px;
			width:100%;
        }

        .thumb img:hover {
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
        }

        .thumb {
            padding: 5px;
        }
/* Смайлы ************************/ 
#smileyOn, #emotionsOn, #peopleOn, #animalsOn { word-spacing:10px; }

.btnComm {
	background:none; 
	border:none; 
	color:#6164C1; 
	float:right;
}
.btnComm:hover {
	color: #D76B00;
}



/* Стили для мобильных устройств */ 
@media (max-width:1440px) {
	
}
@media (max-width:1280px) {
	/* Показать, скрыть пароль */
	.password-control { top:347px; right:22%; }
}
@media (max-width:1090px) {
	/* Показать, скрыть пароль */
	.password-control { top:360px; right:18%; }
}
@media (max-width:1080px) {
	/* Показать, скрыть пароль */
	.password-control { top:340px; right:18%; }
}
@media (max-width:1024px) {
	
}
@media (max-width:991px) {
	/* Показать, скрыть пароль */
	.password-control { top:340px; right:16%; }
}
@media (max-width:900px) {
	/* Показать, скрыть пароль */
	.password-control { top:336px; right:15%; }
}
@media (max-width:800px) {
}
@media (max-width:768px) {
	/* Показать, скрыть пароль */
	.password-control { top:340px; right:20%; }
}

@media (max-width:767px) {
	/* Показать, скрыть пароль */
	.password-control { top:336px; }
}
@media (max-width:640px) {
	/* Показать, скрыть пароль */
	.password-control { top:400px; }
}

@media (max-width:480px) {
	/* Показать, скрыть пароль */
	.password-control { top:346px; right:60px; }
	
	.mLike .likesUsers {
		height:32px;
	}
	.mLike .likesUsers .image {
	    width:23px; 
	    height:23px; 
        background-size:auto 23px;
    }
	.mLike .likeUser {
		max-width:140px;
	    height:32px;
    }
}
@media (max-width:320px) {
}