.carousel-row {
	margin: auto;
	position: relative;
	z-index: 1;
	border-bottom: 1px dotted #ced3d6;
	padding: 0;
	width: calc( 100% - 20px );
}
.carousel-row:after{
	display: block; content: ' '; height: 1px;
	border-top: 1px solid #000;
}

.carousel-column {
	padding: 0;
}
.carousel-row > .carousel-row-inner {
	max-width: 100%;
}
.carousel {
	margin: 0!important;
	position: relative;
	overflow-x: hidden;
}

.carousel-items {
	position: relative;
	margin: 0 auto;
	padding:0;
	list-style: none;
	overflow-y: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	font-size: 0;
	letter-spacing: normal;
}
.carousel-item {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	vertical-align: top;
	font-size: 1rem;
	white-space: normal;
	width: 218px;
}

.tiles .carousel.item {
	display: inline-block; position: relative; width: 25%; height: 80px; overflow:hidden;
	margin: 0; padding: 10px 10px 10px 0; box-sizing: border-box;
	color: #000; font-size: 0.75em; line-height: 1.25em; line-height: 60px;
}
.tiles .carousel.item .cropimage{ display: inline-block; vertical-align: middle; height:60px; margin-right: 10px; line-height: normal;}
.tiles .carousel.item .cropimage:after{ display: none !important; padding-bottom: 0 !important;}
.tiles .carousel.item .cropimage .tiles_image{ display: block !important; height:60px; width:60px; }

.tiles .carousel.item .touchTitle{ display: inline-block; vertical-align: middle; width: calc( 100% - 70px ); padding:0; letter-spacing: -0.04em; line-height: normal;}
.tiles .carousel.item .touchTitle h1{ padding: 0; text-align: left; font-family: "CF Asty Std", Arial, san serif; font-size: 13px; font-weight: 700; line-height: 1em; color: #000; transition: color 0.3s ease-in-out 0s;}
.tiles .carousel.item:hover .touchTitle h1{ color: #00F}
.tiles .carousel.item .touchTitle .subtitle{ padding: 0; text-align: left; font-family: Georgia, Arial, san serif; font-size: 13px; font-weight: 400; line-height: 1em; color: #4B4B4B; }

.tiles .carousel.item .media{ position: absolute; padding: 5px; font-size: 12px; line-height: 10px; width: 12px; height: 12px; }


@media only screen and (max-width: 767px){
.tiles .carousel.item { width: 75% !important; } 
.carousel-row{ width: 100%; padding:0; }
}
@media only screen and (min-width: 768px) and (max-width: 979px){
.tiles .carousel.item { width: 40% !important; }  
.carousel-row{ width: 100%; }
}
@media only screen and (min-width: 980px) and (max-width: 1259px){
.tiles .carousel.item { width: 25% !important; } 
.tiles .carousel.item .touchTitle h1{font-size: 12px;}
.tiles .carousel.item .touchTitle .subtitle{font-size: 12px;}
}


/* Arrow navigation */
.carousel-arrow {
	display: none;
	overflow: hidden;
	width: 15px;
	position: absolute;
	z-index: 1;
	left: 0;
	right: auto;
	top: 0;
	bottom: -1px;
	text-indent: 100%;
	text-align: center;
	white-space: nowrap;
	color: #fff;
}
.carousel-arrow:before {
	display: block;
	margin-top: -0.5em;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	bottom: 0;
	text-indent: 0;
	font-family: "stonisigr";
	font-size: 18px;
	content: "\e853";
}
.carousel-arrow-next {
	right: 0;
	left: auto;
}
.carousel-arrow-next:before {
	content: "\e854";
}


.carousel:hover .carousel-arrow {
	display: block;
}
.carousel-viewport-start .carousel-arrow-prev {
	display: none;
}
.carousel-viewport-end .carousel-arrow-next {
	display: none;
}


/* Fade indicators */
.carousel-fade {
	display: block;
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	width: 20px;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.375s ease-in-out;
	-moz-transition: opacity 0.375s ease-in-out;
	-o-transition: opacity 0.375s ease-in-out;
	transition: opacity 0.375s ease-in-out;
	background-image: -owg-linear-gradient(to left, transparent, rgba(0, 0, 0, 0.333));
	background-image: -webkit-linear-gradient(to left, transparent, rgba(0, 0, 0, 0.333));
	background-image: -moz-linear-gradient(to left, transparent, rgba(0, 0, 0, 0.333));
	background-image: -o-linear-gradient(to left, transparent, rgba(0, 0, 0, 0.333));
	background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.333));
}
.carousel-fade-after {
	right: 0;
	left: auto;
	background-image: -owg-linear-gradient(to right, transparent, rgba(0, 0, 0, 0.333));
	background-image: -webkit-linear-gradient(to right, transparent, rgba(0, 0, 0, 0.333));
	background-image: -moz-linear-gradient(to right, transparent, rgba(0, 0, 0, 0.333));
	background-image: -o-linear-gradient(to right, transparent, rgba(0, 0, 0, 0.333));
	background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.333));
}
.carousel-viewport-start .carousel-fade-before {
	opacity: 0;
}
.carousel-viewport-end .carousel-fade-after {
	opacity: 0;
}

@media only screen and (min-width: 980px) {
.carousel:hover .carousel-arrow {
	display: none;
}
.carousel-fade {
	display: none;
}
}