.mapescape-map-wrapper { position: relative; overflow: hidden; } .mapescape-scroll { background: transparent; 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(//aaabuilderllc.com/wp-content/plugins/realia/libraries/mapescape/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; }