/**
 * @author    RocketTheme http://www.rockettheme.com
 * @copyright Copyright (C) 2007 - 2015 RocketTheme, LLC
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */
/**
* @version   $Id: mosaic.css 10885 2013-05-30 06:31:41Z btowles $
* @author    RocketTheme http://www.rockettheme.com
* @copyright Copyright (C) 2007 - 2015 RocketTheme, LLC
* @license   http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License
*/

/* Mosaic - Colors */
.sprocket-mosaic-g-filter li, .sprocket-mosaic-g-order li {
	background: #fff;
	color: #9e9e9e;
}
.sprocket-mosaic-g-filter li.active, .sprocket-mosaic-g-order li.active {
	background: #0d9bb9;
	color: #fff;
}
.sprocket-mosaic-g-content {
	color: #fff;
}
.sprocket-mosaic-g-item.panel-color {
	background: #FFFFFF;
}
/* Mosaic - Core */
.sprocket-mosaic {
	position: relative;
}
.sprocket-mosaic:after {
	display: table;
	content: "";
	clear: both;
}
.sprocket-mosaic-g-header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sprocket-mosaic-g-container {
	position: relative;
	clear: both;
}
#main .sprocket-mosaic-g-container {
	margin: 0;
	padding: 0;
}
.sprocket-mosaic-g-container li {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translatez(0);
}
/* Mosaic - Header */
.sprocket-mosaic-g-header {
	margin-bottom: 10px;
}
.sprocket-mosaic-g-header:after {
	display: table;
	content: "";
	clear: both;
}
.sprocket-mosaic-g-header li {
	display: inline-block;
}
.sprocket-mosaic-g-pagination-hidden {
	display: none;
}
.sprocket-mosaic-g-order {
	float: right;
}
.sprocket-mosaic-g-filter {
	float: left;
}
#main .sprocket-mosaic .sprocket-mosaic-g-order ul li, .sprocket-mosaic .sprocket-mosaic-g-order li, #main .sprocket-mosaic .sprocket-mosaic-g-filter ul li, .sprocket-mosaic .sprocket-mosaic-g-filter li {
	border-radius: 0px;
	padding: 3px 10px;
	margin: 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
}
.sprocket-mosaic-g-container li {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translatez(0);
}
.sprocket-mosaic-g-filter ul li.active:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-top: solid 6px #0D9BB9;
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
}
/* Mosaic - Columns */
.sprocket-mosaic-g-columns-1 > li {
	width: 100%;
	margin-bottom: 15px;
	float: left;
	display: block;
	position: relative!important;
	top: 0px!important;
}
.sprocket-mosaic-g-columns-2 > li {
	width: 50%;
	width: -webkit-calc(100% / 2);
	width: calc(100% / 2);
}
.sprocket-mosaic-g-columns-3 > li {
	width: 33.333333333333336%;
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
}
.sprocket-mosaic-g-columns-4 > li {
	width: 25%;
	width: -webkit-calc(100% / 4);
	width: calc(100% / 4);
}
.sprocket-mosaic-g-columns-5 > li {
	width: 20%;
	width: -webkit-calc(100% / 5);
	width: calc(100% / 5);
}
.sprocket-mosaic-g-columns-6 > li {
	width: 16.666666666666668%;
	width: -webkit-calc(100% / 6);
	width: calc(100% / 6);
}
/* Mosaic - Content */
.sprocket-mosaic-g-container {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sprocket-readmore {
	white-space: nowrap;
}
.sprocket-mosaic-g-content {
	padding: 15px;
	box-sizing: border-box;
}
.sprocket-mosaic-g-content.overlay-mode {/* position: absolute; *//* overflow: hidden; *//* top: 0; *//* left: 0; *//* right: 0; *//* bottom: 0; *//* visibility: hidden; *//* opacity: 0; *//* height: 0; */
	width: 80%;
	color: #000;/* height: 50px; */
	display: block;
	float: left;
	padding: 0px 10px;
	position: relative;
	top: 0px;
}
.sprocket-mosaic-g-item:hover .sprocket-mosaic-g-content.overlay-mode {
	opacity: 1;
	visibility: visible;
	height: 100%;
}
.sprocket-mosaic-g-item {
	display: block;
	position: relative;
}
.sprocket-mosaic-g-image {
	width: 100%;
	position: relative;
	top: 0px;
	float: left;
}
.sprocket-mosaic-g-effect {/* position: absolute; *//* bottom: 0; *//* left: 0; *//* right: 0; *//* top: 0; *//* width: 0; *//* height: 0; *//* opacity: 0; *//* background: rgba(0,0,0,0.7); *//* -webkit-transition: all 0.2s; */
	-moz-transition: all 0.2s;/* transition: all 0.2s; *//* -webkit-backface-visibility: hidden; *//* -webkit-transform: translatez(0); */
}
.sprocket-mosaic-g-item:hover .sprocket-mosaic-g-effect {
	width: 100%;
	height: 100%;
	opacity: 1;
}
.sprocket-mosaic-g-title {
	margin: 0px;
	line-height: 16px;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}
.sprocket-mosaic-g-title a {
    font-size: 16px;
    color: #585858;
}
.overlay-mode .sprocket-mosaic-g-title {
	opacity: 0;
	margin-top: -25px;
	-webkit-transition: all 0.2s 0.2s;
	-moz-transition: all 0.2s 0.2s;
	transition: all 0.2s 0.2s;
}
.sprocket-mosaic-g-item:hover .overlay-mode .sprocket-mosaic-g-title {
	opacity: 1;
	margin-top: 0;
}
.sprocket-mosaic-g-text {/* margin: 15px 0; */
	display: block;
	font-size: 13px;
	color: #757575;
	line-height: 18px;
}
.sprocket-mosaic-g-text .from {
	font-size: 12px;
	color: #868686;
	line-height: 13px;
	vertical-align: top;
	text-align: right;
	width: 100%;
}
.sprocket-mosaic-g-text .deiteto {
	color: #fff;
	background: #E69056;
	padding: 5px 10px;
	width: auto;
	text-align: right;
	float: right;
	margin-top: 10px;
}
.sprocket-mosaic-g-text .deiteto a {
	color: #fff;
}
.sprocket-mosaic-g-text .sprocket-mosaic-g-price {
	font-size: 20px;
	color: #df7228;
	background: #fff;
	padding: 0px;
	text-align: right;
	width: 100%;
}
.sprocket-mosaic-g-text .sprocket-mosaic-g-text-inner {
	font-size: 13px;
	color: #757575;
	line-height: 18px;
	text-transform: lowercase;
}
.sprocket-mosaic-g-text .sprocket-mosaic-g-text-inner p {
	font-size: 13px;
	text-transform: lowercase;
}
.sprocket-mosaic-g-readon {
	white-space: nowrap;
}
.overlay-mode .sprocket-mosaic-g-text, .overlay-mode .sprocket-mosaic-g-readon {/* opacity: 0; *//* -webkit-transition: opacity 0.3s 0.4s; */
	-moz-transition: opacity 0.3s 0.4s;/* transition: opacity 0.3s 0.6s; */
	width: 100%;
	display: block;
	float: left;
}
.sprocket-mosaic-g-item:hover .overlay-mode .sprocket-mosaic-g-text, .sprocket-mosaic-g-item:hover .overlay-mode .sprocket-mosaic-g-readon {
	opacity: 1;
}
/* Mosaic - Tags */
.sprocket-mosaic-g-tags {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	padding: 0 7px;
}
.overlay-mode .sprocket-mosaic-g-tags {
	opacity: 0;
	-webkit-transition: opacity 0.3s 0.9s;
	-moz-transition: opacity 0.3s 0.9s;
	transition: opacity 0.3s 0.9s;
}
.sprocket-mosaic-g-item:hover .overlay-mode .sprocket-mosaic-g-tags {
	opacity: 1;
}
.sprocket-mosaic-g-tags li {
	float: left;
	width: auto;
	color: #fff;
	padding: 8px;
	margin: 0;
}
.sprocket-mosaic-g-tags li:after {
	content: '/';
	margin: 0 -8px 0 8px;
	opacity: 0.3;
}
.sprocket-mosaic-g-tags li:last-child:after {
	display: none;
}
/* Overlay Loader */
.sprocket-mosaic-g-overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	z-index: 2;
}
.sprocket-mosaic-g-overlay .css-loader-wrapper {
	width: 60px;
	height: 60px;
	margin: 200px auto 0;
	padding: 15px;
	background-color: #e5e5e5;
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
	border-radius: 1em;
}
.sprocket-mosaic.refreshing .sprocket-mosaic-g-overlay {
	display: block;
}
.sprocket-mosaic-g-overlay .css-loader {
	display: block;
	margin: 0 auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 8px solid rgba(255, 255, 255, 0.2);
	border-right: 8px solid rgba(255, 255, 255, 0.2);
	border-bottom: 8px solid rgba(255, 255, 255, 0.2);
	border-left: 8px solid #ffffff;
	-webkit-animation: loader 1.1s infinite linear;
	animation: loader 1.1s infinite linear;
}
.sprocket-mosaic-g-overlay .css-loader, .sprocket-mosaic-g-overlay .css-loader:after {
	border-radius: 50%;
	width: 30px;
	height: 31px;
}
/* Load More */
.sprocket-mosaic-g-loadmore {
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 10px auto;
	display: block;
	padding: 5px;
	width: 155px;
}
.sprocket-mosaic-g-loadmore.hide {
	display: none;
}
.sprocket-mosaic-g-loadmore {
	background: #aaa;
	color: #fff;
	cursor: pointer;
	border-radius: 4px;
}
.sprocket-mosaic-g-loadmore span {
	text-transform: capitalize;
	display: block;
	text-align: center;
}
.sprocket-mosaic-g-loadmore .loadmore-text {
	font-size: 1.1em;
}
.sprocket-mosaic-g-loadmore .loadmore-info {
	font-size: 10px;
}
.sprocket-mosaic-g-loadmore .loadmore-info strong {
	font-weight: normal;
}
.sprocket-mosaic-g-loadmore .loadmore-all {
	display: none;
}
.sprocket-mosaic-g-loadmore .loadmore-all span {
	line-height: 36px;
}
.sprocket-mosaic-g-loadmore .loadmore-all .loadmore-info {
	display: none;
}
.sprocket-mosaic-g-loadmore.load-all {
	background: #151515;
	color: #fff;
}
.sprocket-mosaic-g-loadmore.load-all .loadmore-all {
	display: block;
}
.sprocket-mosaic-g-loadmore.load-all .loadmore-more {
	display: none;
}
.sprocket-mosaic-g-loadmore.loader .loadmore-more, .sprocket-mosaic-g-loadmore.loader .loadmore-text {
	display: none;
}
.sprocket-mosaic-g-loadmore.loader span {
	display: block;
	margin: 0 auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 6px solid rgba(255, 255, 255, 0.2);
	border-right: 6px solid rgba(255, 255, 255, 0.2);
	border-bottom: 6px solid rgba(255, 255, 255, 0.2);
	border-left: 6px solid #ffffff;
	-webkit-animation: loader 1.1s infinite linear;
	animation: loader 1.1s infinite linear;
}
.sprocket-mosaic-g-loadmore.loader span, .sprocket-mosaic-g-loadmore.loader span:after {
	border-radius: 50%;
	width: 24px;
	height: 24px;
}
.sprocket-mosaic-g-loadmore .loadmore-info, .sprocket-mosaic-g-loadmore .loadmore-text, .sprocket-mosaic-g-loadmore .loadmore-info:hover, .sprocket-mosaic-g-loadmore .loadmore-text:hover {
	background-color: transparent !important;
	border: 0;
	margin: 0;
	padding: 0;
}
.mcrThumb {
	float: left;
	margin-right: 10px;
	background-position: 0px 0px!important;
}
 @-webkit-keyframes loader {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes loader {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}

/* Media Queries */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.sprocket-mosaic-g-columns-1 > li, .sprocket-mosaic-g-columns-2 > li, .sprocket-mosaic-g-columns-3 > li, .sprocket-mosaic-g-columns-4 > li, .sprocket-mosaic-g-columns-5 > li, .sprocket-mosaic-g-columns-6 > li {
	width: 33.34%;
	width: 100%;
	float: left;
	display: block;
	clear: both;
	position: relative!important;
	top: 0px!important;
	left: 0px!important;
}
}
 @media only screen and (min-width: 481px) and (max-width: 767px) {
.sprocket-mosaic-g-columns-1 > li, .sprocket-mosaic-g-columns-2 > li, .sprocket-mosaic-g-columns-3 > li, .sprocket-mosaic-g-columns-4 > li, .sprocket-mosaic-g-columns-5 > li, .sprocket-mosaic-g-columns-6 > li {
	width: 100%;
	float: left;
	display: block;
	clear: both;
	position: relative!important;
	top: 0px!important;
	left: 0px!important;
}
.sprocket-mosaic-g-info {
	display: none;
}
}
 @media only screen and (max-width: 480px) {
.sprocket-mosaic-g-columns-1 > li, .sprocket-mosaic-g-columns-2 > li, .sprocket-mosaic-g-columns-3 > li, .sprocket-mosaic-g-columns-4 > li, .sprocket-mosaic-g-columns-5 > li, .sprocket-mosaic-g-columns-6 > li {
	width: 50%;
	width: 100%;
	float: left;
	display: block;
	clear: both;
	position: relative!important;
	top: 0px!important;
	left: 0px!important;
}
.sprocket-mosaic-g-content {
	text-align: center;
}
}
