.slider {
	overflow: hidden;
	background: none;

	// panels
	li.panel {
		overflow: hidden;
		background: none;

		&:not(.slide):not(:first-child) {
			display: none;
		}
	}

	ul, li.panel {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		display: block;
	}

	// navigation
	&-nav {
		margin-top: 1em;
		display: block;
		text-align: center;
		width: 100%;

		ol {
			margin: 0 0 0 -10px;
		}

		li {
			margin: 0 0 0 10px;
			padding: 0;
			background: none;
			display: inline-block;
			font-size: 0;

			&:before {
				content: none;
			}

			a {
				width: 8px;
				height: 8px;
				display: block;
				background: $gray;
				text-indent: -80000px;
				border-radius: 50%;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
			}

			&.current a {
				background: $black;
			}
		}

		// prev / next buttons
		.prev {
			position: absolute;
			left: -2em; top: 50%;
			display: inline-block;
			width: 2em;
			height: 2em;
			transform: translateY(-50%);

			&:after {
				content: "";
				position: absolute;
				right: 0.75em;
				top: 50%;
				display: block;
				width: 1em;
				height: 1em;
				border-left: 0.2em solid $black;
				border-bottom: 0.2em solid $black;
				transform: rotate(45deg) translate3d(0,0,1px);
				transform-origin: 50% 50%;
				z-index: 10;
				margin-top: -0.4em;
			}

			&:hover, &:active {
				border-color: $black;
			}
		}

		.next {
			position: absolute;
			right: -2em;
			top: 50%;
			display: inline-block;
			width: 2em;
			height: 2em;
			transform: translateY(-50%);

			&:after {
				content: "";
				position: absolute;
				left: 0.75em;
				top: 50%;
				display: block;
				width: 1em;
				height: 1em;
				border-right: 0.2em solid $black;
				border-top: 0.2em solid $black;
				transform: rotate(45deg) translate3d(0,0,1px);
				transform-origin: 50% 50%;
				z-index: 10;
				margin-top: -0.4em;
			}

			&:hover, &:active {
				border-color: $black;
			}
		}
	}
}

/* Service slider */

.item-slider {
	overflow: hidden;

	.slider {
		margin-left: -1.5rem;
	}

	li.panel .item {
		padding-left: 1.5rem;
	}

	li.panel .item-inner {
		padding: 1.5rem;
		background: $lightGray;
	}
}