.carousel {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.carousel .viewport {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 50;
	-webkit-transform-style: preserve-3d;
}
.carousel .slides {
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.75s;
	transition: all 0.75s;
	white-space: nowrap;
	font-size: 0;
	 /*-webkit-backface-visibility: hidden; */
	position: relative;
	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 800;
	padding: 0;
}

.carousel .slide {
	width: 100%;
	height: 100%;
	display: inline-block;
	font-size: 30px;
	vertical-align: middle;
	text-align: center;
	white-space: normal;
	position: relative;
	margin: 0;
}
.carousel .footnote {
  font-size: 12px;
}
.carousel .holder {
  display: inline-block;
  width: 42%;
  vertical-align: middle;
}
.carousel .slide.less-padding {
    padding: 0;
}
.carousel-link {
    text-decoration: none;
    font-size: 19px;
    display: inline-block;
    /* margin-top: 20px; */
    margin-bottom: -40px;
    /* margin-left: 40px; */
}
.carousel-link .fa {
	font-size: 16px;
	margin-right: 10px;
}
.carousel .arrow {
	display: inline-block;
	vertical-align: middle;
	font-size: 33px;
	font-weight: 600;
	line-height: 0;
	background-color: #555;
	color: white;
	padding: 20px;
	cursor: pointer;
	position: relative;
	opacity: 0.8;
}

.carousel .arrow:hover {
	background-color: #aaa;
	cursor: pointer;
}
.carousel .arrow-holder {
	z-index: 99;
	position: absolute;
	top: 0;
	height: 100%;
	vertical-align: middle;
	width: 62px;
}
.carousel .arrow-holder:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
  /* position: absolute; */
}
.carousel .left { left: 4px; }
.carousel .right { right: 0; }
.carousel .page-counter {
	position: absolute;
	height: 30px;
	bottom: 20px;
	/* left: 41%; */
	right: 10px;
	z-index: 70;
	width: 18%;
	text-align: center;
	opacity: 0.6;
	cursor: default;
	font-size: 18px;
	letter-spacing: 4px;
	color: white;
}
.carousel .indicator {
	position: absolute;
	/* background-color: rgba(0,0,0,0.2); */
	height: 30px;
	bottom: 20px;
	left: 41%;
	z-index: 70;
	width: 18%;
	text-align: center;
	opacity: 0.6;
	cursor: default;
}
.carousel .indicator:hover {
	opacity: 1;
}
.carousel .dot {
	width: 15px;
	height: 15px;
	border: 2px solid #9B9B9B;
	border-radius: 100%;
	display: inline-block;
	margin: 0 4px;
	cursor: pointer;
	transition: all 0.25s;
	-webkit-transition: all 0.25s;
}
.carousel .dot.visible {
	border-width: 4px;
	background-color: #FFFFFF;
}