@charset "utf-8";

.carousel .control-arrow, .carousel.carousel-slider .control-arrow { background: none; border: 0px; cursor: pointer; font-size: 32px; opacity: 0.4; position: absolute; top: 20px; transition: all 0.25s ease-in 0s; z-index: 2; }

.carousel .control-arrow:focus, .carousel .control-arrow:hover { opacity: 1; }

.carousel .control-arrow::before, .carousel.carousel-slider .control-arrow::before { border-bottom: 8px solid transparent; border-top: 8px solid transparent; content: ""; display: inline-block; margin: 0px 5px; }

.carousel .control-disabled.control-arrow { cursor: inherit; display: none; opacity: 0; }

.carousel .control-prev.control-arrow { left: 0px; }

.carousel .control-prev.control-arrow::before { border-right: 8px solid rgb(255, 255, 255); }

.carousel .control-next.control-arrow { right: 0px; }

.carousel .control-next.control-arrow::before { border-left: 8px solid rgb(255, 255, 255); }

.carousel-root { outline: none; }

.carousel { position: relative; width: 100%; }

.carousel * { box-sizing: border-box; }

.carousel img { display: inline-block; pointer-events: none; width: 100%; }

.carousel .carousel { position: relative; }

.carousel .control-arrow { background: none; border: 0px; font-size: 18px; margin-top: -13px; outline: 0px; top: 50%; }

.carousel .thumbs-wrapper { margin: 20px; overflow: hidden; }

.carousel .thumbs { list-style: none; position: relative; transform: translateZ(0px); transition: all 0.15s ease-in 0s; white-space: nowrap; }

.carousel .thumb { border: 3px solid rgb(255, 255, 255); display: inline-block; margin-right: 6px; overflow: hidden; padding: 2px; transition: border 0.15s ease-in 0s; white-space: nowrap; }

.carousel .thumb:focus { border: 3px solid rgb(204, 204, 204); outline: none; }

.carousel .thumb.selected, .carousel .thumb:hover { border: 3px solid rgb(51, 51, 51); }

.carousel .thumb img { vertical-align: top; }

.carousel.carousel-slider { margin: 0px; overflow: hidden; position: relative; }

.carousel.carousel-slider .control-arrow { bottom: 0px; color: rgb(255, 255, 255); font-size: 26px; margin-top: 0px; padding: 5px; top: 0px; }

.carousel.carousel-slider .control-arrow:hover { background: rgba(0, 0, 0, 0.2); }

.carousel .slider-wrapper { margin: auto; overflow: hidden; transition: height 0.15s ease-in 0s; width: 100%; }

.carousel .slider-wrapper.axis-horizontal .slider { display: flex; }

.carousel .slider-wrapper.axis-horizontal .slider .slide { flex-flow: column; }

.carousel .slider-wrapper.axis-vertical { display: flex; }

.carousel .slider-wrapper.axis-vertical .slider { flex-direction: column; }

.carousel .slider { list-style: none; margin: 0px; padding: 0px; position: relative; width: 100%; }

.carousel .slider.animated { transition: all 0.35s ease-in-out 0s; }

.carousel .slide { margin: 0px; min-width: 100%; position: relative; text-align: center; }

.carousel .slide img { border: 0px; vertical-align: top; width: 100%; }

.carousel .slide iframe { border: 0px; display: inline-block; margin: 0px 40px 40px; width: calc(100% - 80px); }

.carousel .slide .legend { background: rgb(0, 0, 0); border-radius: 10px; bottom: 40px; color: rgb(255, 255, 255); font-size: 12px; left: 50%; margin-left: -45%; opacity: 0.25; padding: 10px; position: absolute; text-align: center; transition: opacity 0.35s ease-in-out 0s; width: 90%; }

.carousel .control-dots { bottom: 0px; margin: 10px 0px; padding: 0px; position: absolute; text-align: center; width: 100%; z-index: 1; }

@media (min-width: 960px) {
  .carousel .control-dots { bottom: 0px; }
}

.carousel .control-dots .dot { background: rgb(255, 255, 255); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.9) 1px 1px 2px; cursor: pointer; display: inline-block; height: 8px; margin: 0px 8px; opacity: 0.3; transition: opacity 0.25s ease-in 0s; width: 8px; }

.carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover { opacity: 1; }

.carousel .carousel-status { color: rgb(255, 255, 255); font-size: 10px; padding: 5px; position: absolute; right: 0px; text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px; top: 0px; }

.carousel:hover .slide .legend { opacity: 1; }