/** tabs **/
.experience-hub .tabs {
	min-height: 62px;
}
.experience-hub .tabs .tab-title{
	width: 50%;
}
.experience-hub a {font-family: inherit;color: inherit;}

.experience-hub .tabs .tab-title a:hover,
.experience-hub .tabs .tab-title a{
	width: 100%;
	height: 62px;
	padding:12px 16px;
	color: #FFF;
	font-size: 14px;
	line-height: 14px;
	font-family:'Aktiv Grotesk W01 Medium';

	box-shadow: inset -2px -2px 5px 0px rgba(0, 0, 0, 0.35);
	background: rgba(0,187,224,1);
    background: -moz-linear-gradient(top, rgba(0,187,224,1) 0%, rgba(0,128,157,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,187,224,1)), color-stop(100%, rgba(0,128,157,1)));
    background: -webkit-linear-gradient(top, rgba(0,187,224,1) 0%, rgba(0,128,157,1) 100%);
    background: -o-linear-gradient(top, rgba(0,187,224,1) 0%, rgba(0,128,157,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,187,224,1) 0%, rgba(0,128,157,1) 100%);
    background: linear-gradient(to bottom, rgba(0,187,224,1) 0%, rgba(0,128,157,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bbe0', endColorstr='#00809d', GradientType=0 );
	
	-webkit-transition: color .25s;
  	transition: color .25s;
}
.experience-hub .tabs .tab-title.tab-interests a:hover,
.experience-hub .tabs .tab-title.tab-interests a{
	box-shadow: inset 2px -2px 5px 0px rgba(0, 0, 0, 0.35);
	background: rgba(186,210,0,1);
    background: -moz-linear-gradient(top, rgba(186,210,0,1) 0%, rgba(143,162,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(186,210,0,1)), color-stop(100%, rgba(143,162,0,1)));
    background: -webkit-linear-gradient(top, rgba(186,210,0,1) 0%, rgba(143,162,0,1) 100%);
    background: -o-linear-gradient(top, rgba(186,210,0,1) 0%, rgba(143,162,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(186,210,0,1) 0%, rgba(143,162,0,1) 100%);
    background: linear-gradient(to bottom, rgba(186,210,0,1) 0%, rgba(143,162,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bad200', endColorstr='#8fa200', GradientType=0 );
	
	-webkit-transition: color .25s;
  	transition: color .25s;
}
.experience-hub .tabs .tab-title.active a:hover,
.experience-hub .tabs .tab-title.active a{	
	color: #444;
	background: #FFF;
	box-shadow: none;
}
.experience-hub .tabs .title{
	position: relative;
	top: -2px;
	font-size: 26px;
	line-height: 26px;
	font-family: "ff-good-headline-web-pro-con",sans-serif;
}
.experience-hub .tabs .tab-title .subtitle,
.experience-hub .tabs .tab-title .title{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.experience-hub .tabs-content > .content,
.experience-hub .tabs-content{
	padding: 0;
	margin: 0;
}
.experience-hub .tabs-content .content {
	position: absolute;
	z-index: 100;
	display: block;
  	float: none;
  	width: 100%;
  	height: 100%;
  	max-width: 320px;
  	opacity: 0;
  	-webkit-transition: all .5s;
  	transition: all .5s;
}
.experience-hub .tabs-content .content.fadein.active {
  opacity: 1;
  z-index: 500;
}
/** end tabs **/


/** header **/
.experience-hub .slide-header{
	height: 47px;
	line-height: 47px;
	padding: 0 14px;
	font-family:'Aktiv Grotesk W01 Regular';
	font-size: 15px;
}
.experience-hub .slide-header .icon a{
	line-height: 47px;
	font-family:'Aktiv Grotesk W01 Regular';
	font-size: 15px;
	color: inherit;
}
.experience-hub .slide-header .icon{
	display: inline-block;
	padding-right: 14px;
	height: 47px;
	color: #959595;
	cursor: pointer;
}
.experience-hub .slide-header .icon.about { padding-right: 0;}
.experience-hub .slide-header .icon span{
	position: relative;
	top: 5px;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 6px;
	background-repeat: no-repeat;
	background-image: url(/includes/public/assets/SVG-Assets/Home-Page-Map/map-inactive.svg);
}
.experience-hub .slide-header .icon.about span{
	background-image: url(/includes/public/assets/SVG-Assets/Home-Page-Map/list-inactive.svg);
}

.experience-hub .slide-header .icon.active:hover,
.experience-hub .slide-header .icon.active{color: #00bbe3;}
.experience-hub .slide-header .icon:hover span,
.experience-hub .slide-header .icon.active span{background-image: url(/includes/public/assets/SVG-Assets/Home-Page-Map/map-active.svg);}

.experience-hub .slide-header .icon.about:hover span,
.experience-hub .slide-header .icon.about.active span{background-image: url(/includes/public/assets/SVG-Assets/Home-Page-Map/list-active.svg);}

/** shared slides **/
.experience-hub .slides{
	height: 375px;
	padding-right: 4px;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
}
.experience-hub .slides::-webkit-scrollbar {
    background: transparent;
    width:8px;
}
.experience-hub .slides::-webkit-scrollbar-thumb {
    background-color: #b1b1b1;
    border-radius:4px;
}


/** neighborhood slides **/
.experience-neighborhood .slide{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 90px;
}
.experience-neighborhood .image-wrapper{
	position: absolute;
	width: 324px;
	top: 0;
	left: 0;
}
.experience-neighborhood .image-wrapper .right-image{
	position: absolute;
	right: 0;
	top: 0;
}
.experience-neighborhood .image-wrapper .left-image,
.experience-neighborhood .image-wrapper .right-image{height: 90px; overflow:hidden; float: left;}
.experience-neighborhood .image-wrapper .right-image{position:absolute; right:0; width: 100%; padding-left: 88px;}
.experience-neighborhood .image-wrapper .right-image-int {position: relative; height: 90px;}
.experience-neighborhood .image-wrapper .right-image img{
	position: absolute;
	top: 0; bottom: 0;
	right: 0; left: 0;
	margin: auto;
}
.experience-neighborhood .slide-info{
	padding: 16px;
	font-family:'Aktiv Grotesk W01 Regular';
	color: #444;
	background: #dce9ec;
}
.experience-neighborhood .slide-title{
	font-family:'Aktiv Grotesk W01 Bold1370651';
	font-size: 18px;
	line-height: 18px;
	padding-bottom: 10px;
}
.experience-neighborhood .slide-text{
	font-family:'Aktiv Grotesk W01 Medium';
	font-size: 13px;
	line-height: 16px;
	padding-bottom: 10px;
}
.experience-neighborhood .slide-more a{
	font-size: 13px;
	line-height: 16px;
	font-family:'Aktiv Grotesk W01 Medium';
	color: #00bbe3;
}

/** interest slides **/
.experience-interest .slide{
	padding: 10px;
	background: #f1f1f1;
	margin-bottom: 1px;

	-webkit-transition: background .25s;
  	transition: background .25s;
}
.experience-interest .image-wrapper{
	float: left;
	padding: 0 10px 0 0;
}
.experience-interest .slide-title{
	padding-top: 5px;
	color: #444;
	font-family:'Aktiv Grotesk W01 Light1370681';

	-webkit-transition: all .25s;
  	transition: all .25s;
}
.experience-interest .slide-title a{
	display: block;
	color: #444;
}

/** hover **/
.experience-interest .slide:hover{
	background: #d5e0e3;
}
.experience-interest .slide:hover .slide-title{
	font-family:'Aktiv Grotesk W01 Medium';
}



/*** map ***/
.experience-neighborhood .experience-tabs2{
	position: relative;
}
.experience-slider .map-slides{
	position: relative;
	width: 100%;
	height: 327px;
	margin: 0;
	background:url("/includes/public/assets/map.png") no-repeat center;
}
.experience-slider .map-slides-int{
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
}
.experience-slider .image{
	position: relative;
	width: 100%;
	height: 327px;
}
.experience-slider .image .click-area{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 117px;
    height: 142px;
	z-index: 50;
}
.experience-slider .slide-title{
	width: 100%;
	min-height: 50px;
	background: rgba(224,244,0,1);
    background: -moz-linear-gradient(top, rgba(224,244,0,1) 0%, rgba(191,229,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224,244,0,1)), color-stop(100%, rgba(191,229,0,1)));
    background: -webkit-linear-gradient(top, rgba(224,244,0,1) 0%, rgba(191,229,0,1) 100%);
    background: -o-linear-gradient(top, rgba(224,244,0,1) 0%, rgba(191,229,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(224,244,0,1) 0%, rgba(191,229,0,1) 100%);
    background: linear-gradient(to bottom, rgba(224,244,0,1) 0%, rgba(191,229,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f400', endColorstr='#bfe500', GradientType=0 );
	
	font-family:'Aktiv Grotesk W01 Medium';
	color: #444;
	font-size: 18px;
	line-height: 15px;
	text-align: center;
	padding: 16px 8px;
}
.experience-slider .slide-title a{
	color: inherit;
}

.experience-slider .arrow{
	position: absolute;
	top: 109px;
	right: 10px;
	width: 47px;
	height: 60px;
	background-image: url(/includes/public/assets/SVG-Assets/Home-Page-Map/navigation.svg);
	background-repeat: no-repeat;
	cursor: pointer;
	background-size: 200%;
}
.experience-slider .arrow.prevSlide{right: 58px; background-position: left center;}
.experience-slider .arrow.nextSlide{background-position: right center;}


@media only screen and (max-width: 640px) {
	.experience-hub .tabs-content .content { max-width: 100%; }
	.experience-neighborhood .image-wrapper{width: 100%;}
}