/* default */

	.map 							{ width: 100%; margin:0; height: 350px;}

	.map-wrapper 					{ position: relative; overflow: hidden;}


/* top is set to 30px to allow for google maps controls. set to 0 if not using google maps */
.mapescape-scroll 				{ display:none; background: transparent; z-index: 1; width: 40px; right: 0; top: 35px; position: absolute; 
								-webkit-transition:right .3s;
			  					   -moz-transition:right .3s;
			  							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(/Files/Templates/Designs/Condition/assets/images/scroll-icon.png) 70% 50% no-repeat; 
									color: #fff; background-size: 12px 25px;
									-webkit-transition:top .3s;
									   -moz-transition:top .3s;
											transition:top .3s;}

/* active state */
.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);
											-webkit-transition:top .3s; /* Safari and Chrome */
											   -moz-transition:top .3s; /* Firefox 4 */
													transition:top .3s;}  

@media screen and (max-width: 600px) {
	.mapescape-scroll {
    	display: block;
  }
}