.mapescape-map-wrapper {
  position: relative;
  overflow: hidden
}
.mapescape-scroll {
  background: 0 0;
  z-index: 1;
  width: 40px;
  right: 0;
  top: 30px;
  position: absolute;
  transition: right .3s;
  -moz-transition: right .3s;
  -webkit-transition: right .3s
}
.mapescape-scroll.scroll-inactive {
  right: -40px
}
.mapescape-scroll-tab {
  width: 35px;
  height: 70px;
  right: 0;
  border-radius: 55px 0 0 55px;
  position: absolute;
  background: rgba(174, 38, 66, .7) url(../images/scroll-icon.png) 70% 50% no-repeat;
  color: #fff;
  background-size: 12px 25px;
  transition: top .3s;
  -moz-transition: top .3s;
  -webkit-transition: top .3s
}
.scroll-active .mapescape-scroll-tab:before {
  content: ' ';
  z-index: -1;
  display: block;
  position: absolute;
  left: -10px;
  top: -10px;
  width: 45px;
  height: 90px;
  right: 0;
  border-radius: 55px 0 0 55px;
  position: absolute;
  background: rgba(255, 255, 255, .9);
  transition: top .3s;
  -moz-transition: top .3s;
  -webkit-transition: top .3s
}