/* basic styles */

body .control {
  width: 100vw;
}


.slider-wrapper {
  opacity: 0;
  padding: 0px !important;
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
  * {
    box-sizing: border-box;
  }

  .slides-container {
    overflow: hidden;
    transition: all 0.35s;
    width: 100%;
  }

  .slides-container.show{
    transition: all 0.4s;
    opacity: 1;
  }

  .slide-content{  
    text-align: center;
  }

  .track {
    position: relative;
    display: flex;
  }

  .slide {
    left:-4px;
    top:0px;
    flex-shrink: 0;
    position: absolute;
    padding: 0px;
    width: 100%;
    height: fit-content;
  }

  .nav {
    border: 0;
    display: none;
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    min-height: 45px;
    padding: 0;
    z-index: 10;

    cursor: pointer;
    color: #000;
    transition-duration: 1s;
    /*font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;*/
    font-stretch:ultra-condensed;

    &.prev {
      left: 0;
      position: absolute;   
      background-color: rgba(255,225,255,.21);
      padding:7px 15px 11px 15px ;
      font-size: 40px;
      display: block;
      transition-duration: 0.3s;
    }

    &.next {
      right: 0;
      position: absolute;
      background-color: rgba(255,225,255,.21);
      padding:7px 15px 11px 15px ;
      font-size: 40px;
      display: block;
      transition-duration: 0.3s;
    }

    &.nav-active {
      display: block;
    }
  }
}

.slider-wrapper .prev:hover,
.slider-wrapper .next:hover{
  color: #003;
  opacity:1;
  /*background-color:#fff;*/
  background-color: rgba(255,225,255,.81);
}

body div.slider-wrapper { 
  padding: 0 !important; 
  margin:0px !important; 
  border:0px !important;
  width:100% !important;
  max-width: calc(100%) !important;
}