/*!
 * Materialize v0.100.1 (http://materializecss.com)
 * Copyright 2014-2017 Materialize
 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
 */


.carousel-rano {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 400px;
	-webkit-perspective: 500px;
	perspective: 500px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%
}

.carousel-rano.carousel-slider {
	top: 0;
	left: 0
}

.carousel-rano.carousel-slider .carousel-fixed-item {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	z-index: 1
}

.carousel-rano.carousel-slider .carousel-fixed-item.with-indicators {
	bottom: 68px
}

.carousel-rano.carousel-slider .carousel-item {
	width: 100%;
	height: 100%;
	min-height: 400px;
	position: absolute;
	top: 0;
	left: 0
}

.carousel-rano.carousel-slider .carousel-item h2 {
	font-size: 24px;
	font-weight: 500;
	line-height: 32px
}

.carousel-rano.carousel-slider .carousel-item p {
	font-size: 15px
}

.carousel-rano .carousel-item {
	display: none;
	width: 200px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0
}

.carousel-rano .carousel-item>img {
	width: 100%
}

.carousel-rano .indicators {
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0
}

.carousel-rano .indicators .indicator-item {
	display: inline-block;
	position: relative;
	cursor: pointer;
	height: 8px;
	width: 8px;
	margin: 24px 4px;
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	border-radius: 50%
}

.carousel-rano .indicators .indicator-item.active {
	background-color: #fff
}

.carousel-rano.scrolling .carousel-item .materialboxed,
.carousel-rano .carousel-item:not(.active) .materialboxed {
	pointer-events: none
}