@charset "UTF-8";

/* Likes
*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* Default
*******************************************************************************************************************************************/
.btn-like{height:20px;border:solid #c3c3c3;border-radius:3.1px;border-width:0 0 1px;display:inline-block;vertical-align:top;position:relative;white-space:nowrap;font-size:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

	.btn-like>b,
	.btn-like>._counter{display:inline-block;vertical-align:top;position:relative;text-decoration:none;font:11px 'Open Sans', Arial, Helvetica, Verdana, sans-serif;color:#333}
	.btn-like>.icon-like{display:block;position:absolute;top:4px;left:3px;z-index:11}
	.btn-like>b{padding:0 8px 0 22px;margin:1px 0 0;border-radius:2.1px 0 0 2.1px;background:#ededed;background:-moz-linear-gradient(top,#ededed 0%,#dadada 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ededed),color-stop(100%,#dadada));background:-webkit-linear-gradient(top,#ededed 0%,#dadada 100%);background:-o-linear-gradient(top,#ededed 0%,#dadada 100%);background:-ms-linear-gradient(top,#ededed 0%,#dadada 100%);background:linear-gradient(to bottom,#ededed 0%,#dadada 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#dadada',GradientType=0);font-weight:700;font:11px/19px 'Open Sans', Arial, Helvetica, Verdana, sans-serif;color:#333;text-shadow:1px 1px 0 rgba(255,255,255,0.7)}
	.btn-like>._counter{height:18px;padding:0 6px;margin:1px 0 -1px;border:1px solid #c3c3c3;border-radius:0 3.1px 3.1px 0;background:#fff;line-height:17px;color:#444}
	.btn-like>.icon-status{z-index:11}

/* Hover */
.btn-like:hover{height:18px;margin:1px 0 0;border-width:1px;color:#333}
	.btn-like:hover>*{text-decoration:none}
	.btn-like:hover>b{height:18px;padding-left:21px;margin:0;background:#f6f6f6;background:-moz-linear-gradient(top,#f6f6f6 1%,#dbdbdb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#f6f6f6),color-stop(100%,#dbdbdb));background:-webkit-linear-gradient(top,#f6f6f6 1%,#dbdbdb 100%);background:-o-linear-gradient(top,#f6f6f6 1%,#dbdbdb 100%);background:-ms-linear-gradient(top,#f6f6f6 1%,#dbdbdb 100%);background:linear-gradient(to bottom,#f6f6f6 1%,#dbdbdb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#dbdbdb',GradientType=0);line-height:17px}
	.btn-like:hover>.icon-like{top:2px;left:2px}
	.btn-like:hover>._counter{margin:-1px -1px -1px 0}

/* Active */
.btn-like:active{height:18px;margin:1px 0 0;border-width:1px;border-color:#a8a8a8;border-bottom-color:#ececec}
	.btn-like:active>b{height:18px;padding-left:21px;margin:0;border-color:#a8a8a8 #d1d1d1 #e7e7e7 !important;background:#c9c9c9;background:-moz-linear-gradient(top,#c9c9c9 2%,#d9d9d9 2%,#ececec 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(2%,#c9c9c9),color-stop(2%,#d9d9d9),color-stop(100%,#ececec));background:-webkit-linear-gradient(top,#c9c9c9 2%,#d9d9d9 2%,#ececec 100%);background:-o-linear-gradient(top,#c9c9c9 2%,#d9d9d9 2%,#ececec 100%);background:-ms-linear-gradient(top,#c9c9c9 2%,#d9d9d9 2%,#ececec 100%);background:linear-gradient(to bottom,#c9c9c9 2%,#d9d9d9 2%,#ececec 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9',endColorstr='#ececec',GradientType=0);-webkit-box-shadow:inset 0 1px 0 0 #c8c8c8;-moz-box-shadow:inset 0 1px 0 0 #c8c8c8;box-shadow:inset 0 1px 0 0 #c8c8c8;line-height:17px}
		.btn-like:active>.icon-like{top:2px;left:2px}

	.btn-like:active>._counter{margin:-1px -1px -1px 0}

/* Processing */
.btn-like._processing{margin-right:23px}
	.btn-like._processing>.icon-status{width:16px;height:16px;background:url(data:image/gif;base64,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) no-repeat center center;position:absolute;top:3px;right:-20px;cursor:default}
	.btn-like._processing:hover>.icon-status,
	.btn-like._processing:active>.icon-status{top:1px;right:-21px}

/* Done */
.btn-like._done{height:18px;margin:1px 15px 0 0;border-width:1px;border-color:#d8d8d8}
.btn-like._done:hover{margin:1px 15px 0 0}
	.btn-like._done>b{height:18px;padding-left:21px;margin:0;background:#f1f1f1;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;line-height:17px;color:#b3b3b3}
	.btn-like._done>.icon-like{top:2px;left:2px}
	.btn-like._done>._counter{margin:-1px -1px -1px 0;border-radius:0 3.1px 3.1px 0}
	.btn-like._done>.icon-status{top:1px;right:-18px}

	/*:hover{background-image:url(data:image/gif;base64,R0lGODlhDgAOAPEAA//////TzP8kAAAAACwAAAAADgAOAAACHYSPqcstgYJQEoK6KmbytSt43LMlW3mIhvS1rlsAADs=)}*/

/* Large
*******************************************************************************************************************************************/
.btn-like.m-large{height:30px;border-radius:5.1px}
	.btn-like.m-large>*{font-family:'Open Sans', Arial, Helvetica, Verdana, sans-serif;font-size:17px}
	/* i large */
	.btn-like.m-large>.icon-like{width:16px;height:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAnElEQVR42p2TSwoCMRBE3/XGU3sBB0HGhQsXggsFhRlRxA+xGqeX3ZAUvKITqhYhCUfoxCRKJdbpOGv4aONbiXWsywsuby1asC4PDc9GrMtdFuHKMoyyCFeW0SEoEcNMluEki3BlGbK7dmUZDrIIV5ZhL4twZRl2sghXlmEri1jOZBk2eo6iNHKl14dYa9GCujdWsLCh/2/UMFn3Bwkt/acpQGruAAAAAElFTkSuQmCC);top:8px;left:9px}
	.btn-like.m-large>b{height:29px;padding-right:9px;padding-left:31px;border-radius:4.1px 0 0 4.1px;line-height:32px;text-shadow:0 1px 0 rgba(255,255,255,.7)}

	.btn-like.m-large>._counter{height:28px;padding:0 10px 0 9px;border-radius:0 5.1px 5.1px 0;line-height:29px;font-size:13px}

.btn-like.m-large:hover,
.btn-like.m-large:active,
.btn-like.m-large._done{height:28px}
.btn-like.m-large._done{text-shadow:none}

	.btn-like.m-large:hover>.icon-like,
	.btn-like.m-large:active>.icon-like,
	.btn-like.m-large._done>.icon-like{top:6px;left:8px}

	.btn-like.m-large:hover>b,
	.btn-like.m-large:active>b,
	.btn-like.m-large._done>b{height:28px;padding-left:30px;margin:0;line-height:30px}

	.btn-like.m-large:hover>._counter,
	.btn-like.m-large:active>._counter,
	.btn-like.m-large._done>._counter{margin:-1px -1px -1px 0}

	.btn-like.m-large._done>.icon-status{top:6px;right:-21px}

	.btn-like.m-large._processing>.icon-status{top:8px;right:-20px}
	.btn-like.m-large._processing:hover>.icon-status,
	.btn-like.m-large._processing:active>.icon-status{top:6px;right:-21px}


/* Apart
*******************************************************************************************************************************************/
.btn-like.m-apart{border:0}
	.btn-like.m-apart>b{padding-left:7px;margin:1px 0 0;border:solid #c3c3c3;border-radius:3.1px;border-width:0 0 1px;float:right;position:static}

	.btn-like.m-apart>.icon-like,
	.btn-like.m-apart:hover>.icon-like,
	.btn-like.m-apart:active>.icon-like{top:4px}

	.btn-like.m-apart>._counter,
	.btn-like.m-apart:hover>._counter,
	.btn-like.m-apart:active>._counter{padding-left:22px;margin:1px 3px 0 0;border-color:#d9d9d9;border-radius:3.1px;background:#f1f1f1;line-height:17px;top:0;left:0}

	.btn-like.m-apart._processing>.icon-status{right:-17px}
	.btn-like.m-apart._done>.icon-status{top:3px;right:-14px}

/* Hover */
.btn-like.m-apart:hover,
.btn-like.m-apart:active,
.btn-like.m-apart:focus{height:19px;padding:0 0 1px;margin:0 -1px 0 0}

	.btn-like.m-apart:hover>.icon-like,
	.btn-like.m-apart:active>.icon-like{left:3px}

	.btn-like.m-apart:hover>b,
	.btn-like.m-apart:active>b{padding-right:7px;padding-left:6px;margin:1px 1px 0 0;border-width:1px;color:#333}


	.btn-like.m-apart:hover>._counter{border-color:#c3c3c3}

/* Processing */
.btn-like.m-apart._processing{margin:0 23px 0 0}
	.btn-like.m-apart._processing>b{display:none}

	.btn-like.m-apart._processing:hover>.icon-status,
	.btn-like.m-apart._processing:active>.icon-status{top:3px;right:-17px}

/* Done */
.btn-like.m-apart._done{margin:0 15px 2px 0}
	.btn-like.m-apart._done>b{display:none}
	
	.btn-like.m-apart._done:hover,
	.btn-like.m-apart._done:active{margin:0 15px 0 0}
	
	.btn-like.m-apart._done>.icon-like,
	.btn-like.m-apart._done:hover>.icon-like,
	.btn-like.m-apart._done:active>.icon-like{left:3px}

/* Null */
.btn-like.m-apart._null{}
	.btn-like.m-apart._null ._counter{display:none}
	.btn-like.m-apart._null .icon-like{}
	.btn-like.m-apart._null._processing .icon-like{display:none}
	.btn-like.m-apart._null b{padding-left:22px}
	.btn-like.m-apart._null:hover b,
	.btn-like.m-apart._null:active b{padding-left:21px}

/* Counter-only
*******************************************************************************************************************************************/
.btn-like._counter-only{cursor:default !important;pointer-events:none}
	.btn-like._counter-only b{display:none !important}
	.btn-like._counter-only .icon-like,
	.btn-like._counter-only ._counter{display:inline-block}

/* Icon
*******************************************************************************************************************************************/

/* i */
.btn-like>.icon-like{width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAf0lEQVR42p3QMQrDMBSD4f966aF7hEChlC4ZMnQprZcOgYSQyCVvewITwScwshfzgk6+sjWqdzveOiyyNqp36xtm1RlMqkzE7fxUmYjbKarM4+D2/+dkIm7HfXvE7YyqTMTtDKpMxO08VZmI27mrMteD27mpzqCHixTZGn3qmx1ON4yIWCp6fAAAAABJRU5ErkJggg==)}

/* Status
*******************************************************************************************************************************************/
/* Done */
.btn-like.m-counter._done .like-icon,
.btn-like._done>.icon-status{width:8px;height:8px;padding:4px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAQklEQVR42mNgwAF8fX0TgPg/XkkgPg/irEdWiSwJxAIMUA4IGyBJ3gdLQnW8RxJE6EQycj+SKaiSWO3E4WoBXN4FAL2mNTmW/n4dAAAAAElFTkSuQmCC) no-repeat center center;position:absolute}

/* Remove */
.btn-like.m-counter._done .like-icon:hover,
.btn-like._done:hover>.icon-status{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALklEQVR42mP4r8LwH4iNGdAASAwkB2cgK8IQQxbApgFdEVYr8SvAawVBRxLyJgBDRkIxPLlqUAAAAABJRU5ErkJggg==)}


/* Retina
*******************************************************************************************************************************************/
@media only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {

	.btn-like>.icon-like,
	.btn-like.m-counter._done .like-icon,
	.btn-like._done>.icon-status,
	.btn-like.m-counter._done .like-icon:hover,
	.btn-like._done:hover>.icon-status{background-image:url(/images/likes/sprites-likes@2x.png);background-size:50px auto}

	.btn-like>.icon-like{background-position:0 0}

	.btn-like.m-counter._done .like-icon,
	.btn-like._done>.icon-status{background-position:-37px -2px}

	.btn-like.m-counter._done .like-icon:hover,
	.btn-like._done:hover>.icon-status{background-position:-20px -2px}
}