@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/* List reset */
 ul {
	 padding: 0;
	 margin: 0;
}
 .buttonR {
	 background-color: transparent;
	 border: none;
	 width: 65px;
	 padding: 20px;
	 transition: opacity 200ms;
	 position: absolute;
	 top: 50%;
	 left: 0;
	 transform: translate3d(0, -50%, 0);
	 z-index: 2;
}
 .buttonR svg {
	 fill: #5ac3ca;
}
 .buttonR:hover, .buttonR:focus {
	 opacity: 0.6;
}
 .button--next {
	 left: auto;
	 right: 0;
	 transform: translate3d(0, -50%, 0) rotate(180deg);
}
 /*.wrapper {
	 height: 100vh;
	 min-height: 600px;
	 margin: 20px auto;
	 display: flex;
	 align-items: center;
	 justify-content: center;
} */

 .slide__list {
	 width: calc(100vw - 40px);
	 height: calc(30vw / 2);
	 font-family: Lato, sans-serif;
}
 .slide__list::before, .slide__list::after {
	 content: '';
	 width: 180px;
	 height: 100%;
	 display: block;
	 position: absolute;
	 top: 0;
	 z-index: 1;
}
 .slide__list::before {
	 left: 0;
}
 .slide__list::after {
	 right: 0;
}
 .slide__item {
	 width: 100%;
	 height: 100%;
	 text-align: center;
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 align-content: center;
	 justify-content: center;
}
 .slide__item > * {
	 width: 100%;
}
 .slide__heading, .slide__quote, .slide__cite {
	 opacity: 0;
	 animation-timing-function: var(--originalCurve);
	 width: calc(100% - 120px);
	 max-width: 600px;
	 margin-left: auto;
	 margin-right: auto;
}
 .slide__heading {
	 --delay: 300ms;
	 text-transform: uppercase;
	 font-size: 1.2rem;
	 letter-spacing: 0.05em;
}
 .slide__quote {
	 --delay: 420ms;
	 font-size: 1.1rem;
	 line-height: 1.4;
	 letter-spacing: 0.03em;
}
 .slide__cite {
	 --delay: 540ms;
	 display: block;
}
/* Customised Wallop styles with customised animations @author http://pedroduarte.me/wallop */
 [data-carousel] {
	 position: relative;
}
 .Wallop-list {
	 position: relative;
	 overflow: hidden;
}
 .Wallop-item {
	 --x1: 0.1;
	 --y1: 0.67;
	 --x2: 0.29;
	 --y2: 0.98;
	 --originalCurve: cubic-bezier(var(--x1), var(--y1), var(--x2), var(--y2));
	 --reversedCurve: cubic-bezier(calc(1 - var(--x2)), calc(1 - var(--y2)), calc(1 - var(--x1)), calc(1 - var(--y1)));
	 --length: 1300ms;
	 visibility: hidden;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
}
 .Wallop-item--current {
	 visibility: visible;
	 position: relative;
}
 .Wallop-item--current .slide__heading, .Wallop-item--current .slide__quote, .Wallop-item--current .slide__cite {
	 animation: slideIn var(--length) forwards var(--originalCurve);
}
 .Wallop-item--showPrevious .slide__heading, .Wallop-item--showPrevious .slide__quote, .Wallop-item--showPrevious .slide__cite {
	 animation: slideOut var(--length) var(--delay) forwards reverse var(--reversedCurve);
}
 .Wallop-item--showNext .slide__heading, .Wallop-item--showNext .slide__quote, .Wallop-item--showNext .slide__cite {
	 animation: slideIn var(--length) var(--delay) forwards var(--originalCurve);
}
 .Wallop-item--hidePrevious, .Wallop-item--hideNext {
	 --length: 500ms;
	 visibility: visible;
}
 .Wallop-item--hidePrevious .slide__heading, .Wallop-item--hidePrevious .slide__quote, .Wallop-item--hidePrevious .slide__cite {
	 animation: slideOut var(--length) forwards var(--originalCurve);
}
 .Wallop-item--hideNext .slide__heading, .Wallop-item--hideNext .slide__quote, .Wallop-item--hideNext .slide__cite {
	 animation: slideIn var(--length) forwards reverse var(--reversedCurve);
}
/* Custom keyframe animation */
 @keyframes slideIn {
	 0% {
		 transform: translate3d(50%, 0, 0);
		 opacity: 0;
	}
	 100% {
		 transform: translate3d(0, 0, 0);
		 opacity: 1;
	}
}
 @keyframes slideOut {
	 0% {
		 transform: translate3d(0, 0, 0);
		 opacity: 1;
	}
	 100% {
		 transform: translate3d(-50%, 0, 0);
		 opacity: 0;
	}
}
 :root {
	 --star-size: 20px;
	 --star-color: lightgray;
	 --star-background: #fc0;
}
 .Stars {
	 --percent: calc(var(--rating) / 5 * 100%);
	 display: inline-block;
	 font-size: var(--star-size);
	 font-family: Times;
	 line-height: 1;
}
 .Stars::before {
	 content: '★★★★★';
	 letter-spacing: 3px;
	 background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
}
 .txt-center {
	 text-align: center;
}
 .hide {
	 display: none;
}
 .clear {
	 float: none;
	 clear: both;
}
 .rating {
	 width: 90px;
	 unicode-bidi: bidi-override;
	 direction: rtl;
	 text-align: center;
	 position: relative;
}
 .rating > label {
	 float: right;
	 display: inline;
	 padding: 0;
	 margin: 0;
	 position: relative;
	 width: 1.1em;
	 cursor: pointer;
	 color: #000;
}
 .rating > label:hover, .rating > label:hover ~ label, .rating > input.radio-btn:checked ~ label {
	 color: transparent;
}
 .rating > label:hover:before, .rating > label:hover ~ label:before, .rating > input.radio-btn:checked ~ label:before, .rating > input.radio-btn:checked ~ label:before {
	 content: "\2605";
	 position: absolute;
	 left: 0;
	 color: #ffd700;
}
 .clR {
	 text-align: left !important;
}
 .btnR {
	 background-color: #5ac3ca !important;
	 color: white !important;
}
 .submitR {
	 background-color: #5ac3ca !important;
	 color: white !important;
}
 .buttonAR {
	 position: relative;
	 left: 42.5%;
	 margin-top: -65vh;
}