.simplefavorite-button.active {
	opacity: .7
}
.simplefavorite-button.has-count {
	position: relative
}
.simplefavorite-button.preset {
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	background: transparent;
	background-color: #fff;
	border: 1px    solid #ccc;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1), 1px 1px 1px 0px    rgba(0,0,0,0.1);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1), 1px 1px 1px 0px    rgba(0,0,0,0.1);
	padding: .5em 1em .5em    2em;
	position: relative;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	-webkit-transition: all    200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms    ease
}
.simplefavorite-button.preset:active, .simplefavorite-button.preset:focus {
	outline: none
}
.simplefavorite-button.preset    i {
	position: absolute;
	font-size: 1.3em;
	left: .3em
}
.simplefavorite-button.preset:hover {
	background-color: #333;
	border-color: #333;
	color: #fff;
	-webkit-transition: all    200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms    ease
}
.simplefavorite-button.preset.active {
	background-color: #333;
	color: #fff;
	border-color: #333;
	opacity: 1
}
.simplefavorites-loading {
	margin-left: 8px
}
.sf-icon-spinner-wrapper {
	display: inline-block;
	position: relative;
	min-width: 1em;
	min-height: 1em
}
.sf-icon-spinner {
	-webkit-animation: sf_rotate    linear 2s infinite;
	animation: sf_rotate linear 2s    infinite;
	position: absolute;
	top: .15em;
	left: 0
}
@-webkit-keyframes    sf_rotate {
0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transform-origin: center    center;
	transform-origin: center    center
}
50% {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transform-origin: center    center;
	transform-origin: center    center
}
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transform-origin: center    center;
	transform-origin: center center
}
}
@keyframes    sf_rotate {
0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transform-origin: center    center;
	transform-origin: center    center
}
50% {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transform-origin: center    center;
	transform-origin: center    center
}
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transform-origin: center    center;
	transform-origin: center center
}
}
/*
.favorites-list {
	list-style: none
}
.favorites-list    li {
	zoom: 1;
	border-top: 1px solid rgba(0,0,0,0.2);
	padding: .75em 0;
	margin: 0
}
.favorites-list    li:before, .favorites-list li:after {
	content: " ";
	display: table
}
.favorites-list    li:after {
	clear: both
}
.favorites-list li    img {
	float: left;
	margin-right: 1em
}
*/
.simplefavorites-modal-backdrop {
	position: fixed;
	width: 0;
	height: 0;
	background-color: rgba(0,0,0,0.85);
	top: 0;
	left: 50%;
	z-index: 998;
	opacity: 0;
	-webkit-transition: opacity    200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms    ease
}
.simplefavorites-modal-backdrop.active {
	width: 100%;
	height: 100%;
	left: 0;
	opacity: 1;
	-webkit-transition: opacity    200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms    ease
}
.simplefavorites-modal-content {
	z-index: 999;
	position: fixed;
	top: -200%;
	left: 50%;
	width: 50%;
	background-color: #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all    200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	-webkit-box-shadow: 2px 2px    20px 0px rgba(51,51,51,0.5);
	box-shadow: 2px 2px 20px 0px    rgba(51,51,51,0.5)
}
.simplefavorites-modal-content.small {
	width: 400px
}
.simplefavorites-modal-content.active {
	top: 50px;
	-webkit-transition: all    200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms    ease
}
.simplefavorites-modal-content.loading    .modal-content-body {
	display: none
}
.simplefavorites-modal-content.loading    .modal-content-loading {
	display: block
}
.simplefavorites-modal-content-body {
	padding: 1em;
	max-height: 300px;
	overflow: auto;
	zoom: 1
}
.simplefavorites-modal-content-body:before, .simplefavorites-modal-content-body:after {
	content: "    ";
	display: table
}
.simplefavorites-modal-content-body:after {
	clear: both
}
.simplefavorites-modal-content-body.no-padding {
	padding: 0
}
.simplefavorites-modal-content-footer {
	zoom: 1;
	padding: .7em;
	-webkit-border-radius: 0    0 2px 2px;
	border-radius: 0 0 2px    2px
}
.simplefavorites-modal-content-footer:before, .simplefavorites-modal-content-footer:after {
	content: "    ";
	display: table
}
.simplefavorites-modal-content-footer:after {
	clear: both
}
@media (max-width:    767px) {
.simplefavorites-modal-content {
	width: 90%
}
.simplefavorites-modal-content.active {
	top: 20px
}
.simplefavorites-modal-content-body {
	height: 300px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden
}
}
@media    print {
.simplefavorites-modal-backdrop, .simplefavorites-modal-content {
	display: none
}
}
@font-face {
	font-family: 'favorites';
	src: url("fonts/favorites.eot")
}
@font-face {
	font-family: 'favorites';
	src: url("data: application/x-font-ttf;
	charset=utf-8;
	font-weight: normal;
	font-style: normal
}
[class^="sf-icon-"], [class*="    sf-icon-"] {
	font-family: 'favorites'    !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.sf-icon-spinner:before {
	content: "\e97b"
}
.sf-icon-favorite:before {
	content: "\e9d9"
}
.sf-icon-checkmark:before {
	content: "\ea10"
}
.sf-icon-bookmark:before {
	content: "\e8e6"
}
.sf-icon-love:before {
	content: "\e87d"
}
.sf-icon-wishlist:before {
	content: "\e89a"
}
.sf-icon-like:before {
	content: "\e8dc"
}
.sf-icon-star-empty:before {
	content: "\e600"
}
.sf-icon-star-full:before {
	content: "\e601"
}