$carousel-width: 600px;
$carousel-height: 200px;

body {
  background: #333;
}

/* body * { -webkit-user-select: none } */

.wrap {
  position: relative;
  width: 100%;
  height: var(--Ticket-Height);
  margin: 0 auto;
}

.window {
  overflow: hidden;
  position: relative;
  background: #222;
}

#carousel {
  width: 500%;
  position: relative;
  top: 0; left: -100%;
}

.slide {
  height: var(--Ticket-Height);
  width: 20%;
  /*cursor: pointer;*/
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ProjectSlide {
  height: 100%;
  width: 20%;
  /*cursor: pointer;*/
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Gallery_Frame {
  overflow: hidden;
}
/*.slide#b1 { background: #556270 }
.slide#b2 { background: #4ECDC4 }
.slide#b3 { background: #9CE462 }
.slide#b4 { background: #FF6B6B }
.slide#b5 { background: #C44D33 }
*/
#prev, #next {
    cursor: pointer;
    position: absolute;
    top:0;
    height: 100%;
    /*width: 70px;*/
    font-size: 14pt;
    color: #fff;
    font-size: 22pt;
    text-align: center;
    font-family: 'Teko';
    letter-spacing: 0.15em;
    display: flex;
    justify-content: center;
    align-items: center;
}
#ProjectPrev, #ProjectNext {
    cursor: pointer;
    position: absolute;
    top:0;
    height: 100%;
    /*width: 70px;*/
    font-size: 14pt;
    color: #fff;
    font-size: 22pt;
    text-align: center;
    font-family: 'Teko';
    letter-spacing: 0.15em;
    display: flex;
    justify-content: center;
    align-items: center;
}

#prev { left: 0px; width: 120px; }
#next { right: 0px; width: 70px; }

#ProjectPrev { left: 0px; width: 70px; }
#ProjectNext { right: 0px; width: 70px; }

.transition {
  transition: .7s;
}


@media (max-width:700px) {
    #prev, #next {
    cursor: pointer;
    position: absolute;
    top:0;
    height: 100%;
    font-size: 14pt;
    color: #fff;
    font-size: 22pt;
    text-align: center;
    font-family: 'Teko';
    letter-spacing: 0.15em;
    display: flex;
    justify-content: center;
    align-items: center;
}

#prev { left: 0px; width: 15%; }
#next { right: 0px; width: 15%; }
}