/*  Classes  on  outer  slideshow  wrapper:
    either  NONE  or  'fraction'  or  'fraction'  +  one  of  'fraction1'...'fraction10'.
        fraction  sets  box-sizing:  border-box,  so  that  padding  on  the  element  is  taken  out  ;
    either  NONE  or  'center'  or  'right'

*/
.m-carousel {
	display: inline-block;
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
	width: 85%;
}
.m-carousel.m-left {
	text-align: left;
}
.m-carousel.m-center {
	text-align: center;
}
.m-carousel.m-fluid > .m-carousel-inner > * {
	width: 100%;
	height: 100%;
}
.m-carousel.m-fluid.m-center > .m-carousel-inner > *:first-child {
	margin-left: 0%;
}
.m-carousel.m-fluid-2 > .m-carousel-inner > * {
	width: 50%;
}
.m-carousel.m-fluid-2.m-center > .m-carousel-inner > *:first-child {
	margin-left: 25%;
}
.m-carousel.m-fluid-3 > .m-carousel-inner > * {
	width: 33.333%;
}
.m-carousel.m-fluid-3.m-center > .m-carousel-inner > *:first-child {
	margin-left: 33.333%;
}
.m-carousel.m-fluid-4 > .m-carousel-inner > * {
	width: 25%;
}
.m-carousel.m-fluid-4.m-center > .m-carousel-inner > *:first-child {
	margin-left: 37.5%;
}
.m-carousel.m-fluid-5 > .m-carousel-inner > * {
	width: 20%;
}
.m-carousel.m-fluid-5.m-center > .m-carousel-inner > *:first-child {
	margin-left: 40%;
}
.m-carousel.m-fluid-6 > .m-carousel-inner > * {
	width: 16.667%;
}
.m-carousel.m-fluid-6.m-center > .m-carousel-inner > *:first-child {
	margin-left: 41.667%;
}
.m-carousel img {
	-ms-interpolation-mode: bicubic;
}
.m-carousel-inner {
	position: relative;
	white-space: nowrap;
	text-align: left;
	height: 100%;/*  Removes  inline-block  gaps  due  to  whitespace  */
	font-size: 0;/*  Configure  animations  */
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-ms-transition-property: -ms-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;/*  iOS  like  slide  timings  */
	-webkit-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
	-moz-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
	-ms-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
	-o-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
	transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.m-carousel-inner > * {
	display: inline-block;
	vertical-align: top;
	white-space: normal;/*  We  must  reset  the  font-size  here  */
	font-size: 16px;
}
.m-fluid > .m-carousel-inner > * {
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.m-center:not(.m-fluid) > .m-carousel-inner {
	display: inline-block;
	margin-right: -20000px !important;
	margin-left: 0 !important;
}
.m-center:not(.m-fluid) > .m-carousel-inner > * {
	position: relative;
	left: -20000px;
}
.m-center:not(.m-fluid) > .m-carousel-inner > *:first-child {
	float: left;
	margin-right: 20000px;
	left: 0;
}
.m-center:not(.m-fluid) > .m-carousel-inner > *:first-child:last-child {
	margin-right: 0;
}
.m-center:not(.m-fluid) > .m-carousel-inner > *:last-child {
	margin-right: -30000px;
}
@media only screen and (max-width: 768px) {
	.m-carousel{
		width: 80%;
	}
}