.slider {
	position: relative;
	overflow: hidden;
}


.assets-slider {
  position: relative;
  overflow: hidden;
  z-index: 1;
}


.assets-wrapper {
	position: relative;
	.square(100%);
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  .translate3d(0,0,0);
}


.assets-item {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}


.assets-pagination {
	padding: 30px 0 0;
	font-size: 0;
	.text-center;


		span {
			display: inline-block;
			vertical-align: middle;
			margin: 0 6px;
			.square(17px);
			.rounded(50%);
			cursor: pointer;
			background-color: #838383;

			.no-touch & {

					&:hover {
						background-color: #fff;
					}
			}


				&.bullet-active {
					background-color: #fff;
				}
		}
}


.slide-prev,
.slide-next {
	position: absolute;
	top: 0;
	width: 40px;
	height: 140px;
	background: #3d3d3d center no-repeat;

		.no-touch &:hover {
			background-color: #000;
		}
}


.slide-prev {
	left: 0;
	background-image: url("@{images-icons}slide-prev.png");
}


.slide-next {
	right: 0;
	background-image: url("@{images-icons}slide-next.png");
}



@media screen and (max-width: @screen-xs-max) {
	.slide-prev,
	.slide-next {
		display: none;
	}

	.assets-pagination {
		padding-top: 20px;
	}
}