/**************************************************************************************************/

@font-face {
  font-family: 'Bamboo-Regular';
  src: url('fonts/Bamboo-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/Bamboo-Regular.otf')  format('opentype'),
	     url('fonts/Bamboo-Regular.woff') format('woff'), url('fonts/Bamboo-Regular.ttf')  format('truetype'), url('fonts/Bamboo-Regular.svg#Bamboo-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/**************************************************************************************************/

.bamboo-slides {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}

.bamboo-slide {

	position: absolute;
	box-sizing: border-box;
	top: 0px;
	left: 101%;
	width: 100%;
	overflow: hidden;

	&.aligned-left {
		padding-right: 50%;
		@media screen and (max-width: 767px) {
			padding-right:25%;
		}
		@media screen and (max-width: 479px) {
			padding-right: 0;
		}
	}

	&.aligned-right {
		padding-left: 50%;
		@media screen and (max-width: 767px) {
			padding-left:25%;
		}
		@media screen and (max-width: 479px) {
			padding-left: 0;
		}
	}

}

.bamboo-slides-prev-button {
	position: absolute;
	top: 50%;
	left: -50px;
	margin-top:-20px;
	width: 40px;
	height: 40px;
	color: #fff;
	background: #000;
	text-align: center;
  	font-family: 'Bamboo-Regular';
	font-size: 30px;
	line-height: 35px;
	cursor: pointer;
}

.bamboo-slides-next-button {
	position: absolute;
	top: 50%;
	margin-top:-20px;
	right: -50px;
	width: 40px;
	height: 40px;
	color: #fff;
	background: #000;
	text-align: center;
  	font-family: 'Bamboo-Regular';
	font-size: 30px;
	line-height: 35px;
	cursor: pointer;
}

.bamboo-slides-indicators {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	text-align: center;
  	font-family: 'Bamboo-Regular';
  	font-size: 20px;
  	color: #fff;
}

/**************************************************************************************************/