input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*
 * Container style
 */

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */

.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */

.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

.carousel .control-arrow,.carousel.carousel-slider .control-arrow{
  transition:all .25s ease-in;
  opacity:.4;
  filter:alpha(opacity=40);
  position:absolute;
  z-index:2;
  top:20px;
  background:none;
  border:0;
  font-size:32px;
  cursor:pointer
}

.carousel .control-arrow:focus,.carousel .control-arrow:hover{
  opacity:1;
  filter:alpha(opacity=100)
}

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

.carousel .control-disabled.control-arrow{
  opacity:0;
  filter:alpha(opacity=0);
  cursor:inherit;
  display:none
}

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

.carousel .control-prev.control-arrow:before{
  border-right:8px solid #fff
}

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

.carousel .control-next.control-arrow:before{
  border-left:8px solid #fff
}

.carousel-root{
  outline:none
}

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

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

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

.carousel .carousel{
  position:relative
}

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

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

.carousel .thumbs{
  transition:all .15s ease-in;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
  position:relative;
  list-style:none;
  white-space:nowrap
}

.carousel .thumb{
  transition:border .15s ease-in;
  display:inline-block;
  margin-right:6px;
  white-space:nowrap;
  overflow:hidden;
  border:3px solid #fff;
  padding:2px
}

.carousel .thumb:focus{
  border:3px solid #ccc;
  outline:none
}

.carousel .thumb.selected,.carousel .thumb:hover{
  border:3px solid #333
}

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

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

.carousel.carousel-slider .control-arrow{
  top:0;
  color:#fff;
  font-size:26px;
  bottom:0;
  margin-top:0;
  padding:5px
}

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

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

.carousel .slider-wrapper.axis-horizontal .slider{
  -ms-box-orient:horizontal;
  display:-moz-flex;
  display:flex
}

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

.carousel .slider-wrapper.axis-vertical{
  -ms-box-orient:horizontal;
  display:-moz-flex;
  display:flex
}

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

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

.carousel .slider.animated{
  transition:all .35s ease-in-out
}

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

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

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

.carousel .slide .legend{
  transition:all .5s ease-in-out;
  position:absolute;
  bottom:40px;
  left:50%;
  margin-left:-45%;
  width:90%;
  border-radius:10px;
  background:#000;
  color:#fff;
  padding:10px;
  font-size:12px;
  text-align:center;
  opacity:0.25;
  transition:opacity .35s ease-in-out
}

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

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

.carousel .control-dots .dot{
  transition:opacity .25s ease-in;
  opacity:.3;
  filter:alpha(opacity=30);
  box-shadow:1px 1px 2px rgba(0,0,0,0.9);
  background:#fff;
  border-radius:50%;
  width:8px;
  height:8px;
  cursor:pointer;
  display:inline-block;
  margin:0 8px
}

.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{
  opacity:1;
  filter:alpha(opacity=100)
}

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

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