@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Cormorant+Unicase:400,500,600|Noto+Serif+JP:300');

@font-face {
	font-family: 'InterstateLightCond';
	src: url('../fonts/InterstateLightCond.eot');
	src: url('../fonts/InterstateLightCond.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/InterstateLightCond.woff') format('woff'), 
		 url('../fonts/InterstateLightCond.svg#InterstateLightCond') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*
Cormorant Unicase
regular - 400
medium - 500
bold - 600

Noto Serif JP
light - 300
*/



/* ----------------------------------------------------------------
	Preloader
-----------------------------------------------------------------*/

.page-loader {
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 100000;	
}

.loader{
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 20px solid rgba(0,0,0, 0.25);
  border-right: 20px solid rgba(0,0,0,0.25);
  border-bottom: 20px solid rgba(0,0,0,0.25);
  border-left: 20px solid rgba(0,0,0, 1);
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
   -webkit-animation: spinner 700ms infinite linear;
   -moz-animation: spinner 700ms infinite linear;
   -ms-animation: spinner 700ms infinite linear;
   -o-animation: spinner 700ms infinite linear;
   animation: spinner 700ms infinite linear;
  
  z-index: 100001;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



/* ----------------------------------------------------------------
	General
-----------------------------------------------------------------*/
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	font-size: 12px;
	line-height: 1.75;
	color: #231f20;
	background-color: #ffffff;
    padding-top: 1px;
    margin-top: -1px;
}	






/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/
header {
	position: fixed;
	display: table;
	width: 100%;
	height: 110px;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 200;
	font-family:'InterstateLightCond', sans-serif;
	font-weight:normal;
}

header .container {
	position: relative;
	height: 100%;
}

/*
.header-left,
.header-right {
	float: left;
	font-size: 1.1em;
	color:#231f20;
	margin-top: 9em;	
}

.header-right {float:right;}
*/

.header-left,
.header-right {
	position: absolute;
	bottom: 0.25em;
	color:#231f20;
	z-index: 200;
}

.header-left {left: 30px;}
.header-right {right: 30px;}

.header-logo {position: absolute; top:0; left: 50%;transform: translate(-50%, 0);}

.header-davpart {position: absolute; top:12px; right: 30px; width:22px; height: 26px;}


@media (max-width:767px){
	header img {height: 100px;}
	.mobile-center {text-align: center;}
	.header-left, 
	.header-right {font-size: 1.1em;}/* margin-top:6.5em;*/
}

@media (min-width:768px){
	header {
		/*position: relative;*/
		display: table;
		width: 100%;
		height: 140px;
	}	
	header,
	header img {height: 110px;}
	header div:nth-child(1) p {text-align: left;}
	header div:nth-child(3) p {text-align: right;}
	.header-davpart {position: absolute; top:12px; right: 30px; width:44px; height: 52px;}
}

@media (min-width:992px){
	header,
	header img {height: 150px;}
	.header-left, 
	.header-right {font-size: 1.5em;}
}






a.logo-davpart {
	display: inline-block;
	width:auto;
	height: 40px;
}

a.logo-davpart img {
	width: auto;
	height: 40px;
	margin-top: 12px;
}




a.btn-register:link,
a.btn-register:active,
a.btn-register:visited {
	display: inline-block;
	font-weight: 600;
	font-size: 1.75em;
	letter-spacing: 0.1em;
	line-height: 65px;
	text-transform: uppercase;
	text-decoration: none;
	color: inherit;
	width: auto;
    margin: 0 auto;
	padding: 0; 
    border:0 none;
    cursor:pointer;
}

a.btn-register:hover {text-decoration: none;}





/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/
a:link, a:active, a:visited {color:#231f20; text-decoration: none;}
a:hover {}

h1, h2, h3, h4, h5, h6 {text-align: center;}


h1 {
	font-size: 1.5em;
	line-height: .8;
	margin: 4em 0;
}
h1>span {text-transform: uppercase;}
h1>span:before {
	display: block;
	white-space: pre;
	content: "\A";
	line-height: 1;
}

.home__copy_adj h1 {
	font-size: 0.9em;
	line-height: .5;
	min-height: 60px;
	margin: 1em auto 1.5em;
}
@media (min-width:768px){
	.clr-space {min-height: auto !important; margin-bottom:0 !important;}
}
@media (min-width:992px){
	.home__copy_adj h1 {
		font-size: 1em !important;
		/*
		min-height: 50px;
		margin: 1em auto 3em;
		*/
	}
}

.home__copy_adj h1>span {text-transform: uppercase;line-height: 1.25;}
.home__copy_adj h1>span:before {
	display: block;
	white-space: pre;
	content: "\A";
	line-height: .5;
}


h2 {font-size:1em; line-height: 1.5; margin-top: 1.5rem; margin-bottom:0;}

p + p,
h1 + p,
h2 + p {margin-bottom:0;}

/***Custom Ordered List***/
ol.legend-bulleted {
	display: inline-block;
  width: 100%;
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 0;
	margin:2em auto 4em; 
}

@media screen and (min-width: 768px) {ol.legend-bulleted {display: block;}}

ol.legend-bulleted li {
  margin: 0 0 0.5rem 0;
	line-height: 1;
  counter-increment: my-awesome-counter;
  position: relative;
	text-align: center;
	text-transform: uppercase;
}

ol.legend-bulleted li span {}
/*
ol.legend-bulleted li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-weight: 400;
  position: absolute;
  --size: 18px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  background: #231f20;
  border-radius: 50%;
  text-align: center;
}

ol.legend-bulleted li img {width:26px; height:18px;}
*/

.news-copy a:link,
.news-copy a:active,
.news-copy a:visited {font-weight: 600;}


.news-copy a:after {
	clear: both;
	content: "";
	display: block;
}

.news-copy p + h2 {margin-top:4em;}

.news-copy p + p {margin-top:1em;}

/* ----------------------------------------------------------------
	Navigation
-----------------------------------------------------------------*/

/*** Top Nav ***/	
#primary-nav {
	display: block;
	position: absolute;
	top: 12px;
	left: 30px;
	z-index: 99999;
	padding: 2px 0 0;
}

@media screen and (min-width: 768px) {
	/*** Top Nav ***/	
	#primary-nav {
		left: 30px;
	}
}

	#primary-nav > div > span {margin-right:0;}

	/*** NAV TOGGLE ***/
	#nav-toggle {display: block;}
	#nav-toggle {
		cursor: pointer; 
		padding: 10px 30px 16px 0px;
	}

	#nav-toggle span, 
	#nav-toggle span:before, 
	#nav-toggle span:after {
		cursor: pointer;
		border-radius: 0;
		height: 2px;
		width: 20px;
		background: #231f20;
		position: absolute;
		display: block;
		content: '';
	}
	#nav-toggle span:before {top: -6px;}
	#nav-toggle span:after {bottom: -6px;}
	#nav-toggle span, 
	#nav-toggle span:before, 
	#nav-toggle span:after {transition: all 250ms ease-in-out;}
	#nav-toggle.open {background: transparent;}
	#nav-toggle.open span {background-color: transparent;}
	#nav-toggle.open span:before, 
	#nav-toggle.open span:after {
		top: 0;
		background: #fff;
	}
	#nav-toggle.open span:before {transform: rotate(45deg);}
	#nav-toggle.open span:after {transform: rotate(-45deg);}
	
	/*** NAVIGATION ***/
	nav ul {
		list-style: none;
		margin:0;
		padding:50px 0 30px 0;
	}

@media screen and (max-width: 767px) {
	nav {
		display: block;
		position: fixed;
		left:0;
		right:0;
		width: 100%;
		height: 0;
		text-align: center;
		background-color: #231f20;
		z-index: 88888;
		transition: all 0.5s cubic-bezier(0.666, 0, 0.333, 1);
		overflow-y: hidden;
		overflow-x: hidden;
		top: 0;
		opacity:0;
	}
}

nav.open {opacity: 1; height: 100%;}

@media screen and (min-width: 768px) {
	nav {
		display: block;
		position: absolute;
		left: 30px;
		margin-left: -4px;
		width:auto;
		height: 0;
		text-align: center;
		background-color: #231f20;
		z-index: 88888;
		opacity: 0;
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
		top: 10px;
		overflow: hidden;
	}

	nav.open {opacity: 1; height:auto;}
	
}	
	
	nav li {
		font-size: 1em;
		color:#fff;
		line-height: 1.25em;
	}
	nav li a {
		display: block;
		font-size: 1.25em;
		font-weight: 300;
		text-transform: none;
		color: #fff !important;
		background: rgba(0,175,255, 0);
		margin: 0;
		padding: 0.5em 2em;
		text-decoration: none;
		line-height: 1.25;
		cursor: pointer;
	}
	nav li a.active {
		text-decoration: none;
		background-color: #464646;
	}
	nav li a:hover {
		text-decoration: none;
		background-color: #636363;
	}
	nav ul li ul {
		display: block;
		list-style: none;
		margin:0 0 15px;
		padding:0;
		background-color: #231f20;
		border-top: 0 solid rgba(59,80,163,1);
		border-bottom: 0 solid rgba(59,80,163,1);
	}
	nav ul li:hover {display:block;}
	
	nav ul li ul li a {
		display: block;
		font-size: 18px;
		color: rgba(255,255,255,0.75) !important;
		margin: 0;
		padding: 0;
		text-decoration: none;
		line-height: 30px;
		cursor: pointer;
	}
	nav ul li ul li a.active,
	nav ul li ul li a:hover {
		color: rgba(0,175,255, 1) !important;
		text-decoration: none;
	}
	nav ul li ul li {border-top: 0px solid rgba(255,255,255,0.5);}	






/* ----------------------------------------------------------------
	Register Form
-----------------------------------------------------------------*/
.form-wrapper {
	position: relative;
	width: 100%;
	padding: 6em 0;
	margin-top: 140px;
}


@media (min-height: 700px) {
	.form-wrapper {
		position: relative;
		margin-top: 140px;
	}
}
.optOut-copy {
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	font-size: 0.9em;
}

.reg-legal {
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	font-size: 1em;
}
/*
.reg-form-wrapper{
	margin: 5em 0;
}
*/
label.error {
	color: #f00;
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	font-size: 10px;
	text-transform: uppercase;
	padding:5px 0 10px 0;
}

label {margin-bottom: 0;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgba(0,0,0,0.15);
}
::-moz-placeholder { /* Firefox 19+ */
	color: rgba(0,0,0,0.15);
}
:-ms-input-placeholder { /* IE 10+ */
	color: rgba(0,0,0,0.15);
}
:-moz-placeholder { /* Firefox 18- */
	color: rgba(0,0,0,0.15);
}

.form-row,
.form-row-alt {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: rgba(0,0,0,0);
}	

.form-row:after,
.form-row-alt:after {
	clear: both;
	content: "";
	display: block;
}

.label-alt {
	float: left;
	width: auto;
	height: 100%;
	padding-right: 0.5em;
}

.label-alt-full {
	float: none; /* key */
	width: 100%;
	height: 100%;
}

.label-alt label,
.label-alt-full label,
.input-alt input,
.input-alt select,
.input-alt textarea {
	font-size: 29px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	line-height: 1.75em;
}

.input-alt {
	float: none; /* key */
	width: auto; /* key */
	height: 100%;
	overflow: hidden; /* key */
}

.input-alt label.error {float:left; margin-top: 5px 0 10px 0;}

select + label {float:none !important;}

.input-alt input,
.input-alt select,
.input-alt textarea {
	border: 0;
	border-bottom: 1px solid #58595B;	
}

.input-alt input {
	width: 100%;
	height: 100%;
}

.input-alt select {
	width: 100%;
	height: 100%;
	border: 1px solid #58595B;
}

.input-alt textarea {
	width: 100%;
	height: 100%;
	resize: vertical;	
}

.hidden-input {
	display: none;
}	

.united-form-wrapper {
	height:100%;
	width: 100%;	
	margin:6em auto;
}

.united-form-container {
	display:table;
	height:100%;
	width: 100%;
	overflow:hidden;
	margin:0 auto;
	background-color: rgba(255,0,0,0);
}

.united-form {
	display:table-cell;
	max-width: 500px;
	width: 100%;
	vertical-align: top;
}

.label-alt label,
.label-alt-full label,
.input-alt input,
.input-alt select,
.input-alt textarea {
	font-size: 15px;
	font-weight: 300 !important;
	line-height: 2em;
	text-transform: capitalize;
	background-color: rgba(255,0,4,0);
}

.input-alt select {
	margin: 0 0.5em 0.5em 0;
}

.check + label {margin:0 2em;}

input.btn-submit[type=submit] {
	display: block;
	font-family: 'Cormorant Unicase', serif;
	font-weight: 600;
	font-size: 1.75em;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	background-color: transparent;
	width: auto;
	height: 26px;
    margin: 1em auto;
	padding: 0; 
    border:0 none;
    cursor:pointer;
}

input.btn-submit:hover[type=submit] {}

.input-select-mt {margin-top: 4px;}
.input-select-mb {margin-bottom: 2px;}

.opt_in_legal {font-size:12px !important; line-height:15px; font-style:italic !important;}

.control-group {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  text-align: left;
  padding: 30px;
  width: 200px;
  height: 210px;
  margin: 10px;
}
.control {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 1em;
	text-transform: none;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
	position: absolute;
	top: 2px;
	left: 0;
	height: 10px;
	width: 10px;
	border: 1px solid #58595B;
	border-radius: 50%;
	background: #fff;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #fff;
}
.control input:checked ~ .control__indicator {
  background: #58595B;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #58595B;
}
.control input:disabled ~ .control__indicator {
  background: #fff;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
	border-radius: 50%;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 0px;
  top: 0px;
  width: 8px;
  height: 8px;
  border: solid #fff;
  border-width: 1px;
  /* transform: rotate(45deg); */
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #58595B;
}
.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}

.title-thanks {
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;	
	font-size: 1.25em;
	line-height: 1.25;
	text-transform: uppercase;
}

.copy-thanks {
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;	
	font-size: 1.25em;
}





/* ----------------------------------------------------------------
	Backgrounds
-----------------------------------------------------------------*/
.aerial {background-image: url('../img/aerial.jpg');}

.hero-home {
	position: fixed;
	top: 140px;
	right: 0;
	bottom: 150px;
	left: 0;
	width: 100%;
}

.hero-bg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.contain-bg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}


















/* ----------------------------------------------------------------
	Google Maps
-----------------------------------------------------------------*/
#google-map {
	position: relative;
	width: 100%;
	height: 350px;
}
.gmap {border:1px solid #58595b;}

.gmap img { max-width: none !important;}

.gm-style .gm-style-iw h3 span {
	font-size: inherit;
	font-family: inherit;
}

#map-overlay {
	position: relative;
	padding: 100px 0;
}

#map-overlay #google-map {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}

#google-map {
	width: 100%;
}

@media (max-width: 1023px) {
	#google-map {
		margin: 0;
		width: 100%;
		height: 300px;
	}	
}

.full-height {height: calc(100% - 205px);}

@media (max-width:767px){
	.mobile-center {text-align: center;}
}

@media (min-width:768px){
	.hero-home {top: 110px; bottom:65px;}
	.form-wrapper {margin: 110px 0 65px 0; width: 100%;}
	.full-height {height: calc(100% - 175px);}
}

@media (min-width:992px){
	.form-wrapper {margin-top: 150px;}
	.full-height {height: calc(100% - 215px);}
}

@media (min-width:1200px){}



@media (min-width:992px) and (max-height:700px){}





.bg-coin {
	background-image: url("../img/logo/coin.svg");
	background-size: 40px 40px;
	background-position: top 2em right 4em;
	background-repeat: no-repeat;
}






/* ----------------------------------------------------------------
	NEIGHBOURHOOD MAP
-----------------------------------------------------------------*/


.neighbourhood-map-wrap {
	float: left;
    width: 100%;
    position: relative
}


#neighbourhood-map {
    width: 100%;
    height: 650px;
	background: #ddd;}



/* Neighbourhood */
.map{
	position: relative;
	margin: 3em 0;
}
.map nav {}
.map nav a {
	display: block;
	width: 100%;
	height: 38px;
	background: #6E6E6E;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	color: white;
	margin-left: 0;
	line-height: 1;
	padding: 0.6875rem 0;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-ms-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
}
 .map nav a:first-child {
  margin-left: 0;
}
/* .map nav a.transit:hover,  .map nav a.transit.active {
  background: #f37032;
}
 .map nav a.parks:hover,  .map nav a.parks.active {
  background: #00b9f1;
}
 .map nav a.restaurants:hover,  .map nav a.restaurants.active {
  background: #e4659e;
}
 .map nav a.attractions:hover,  .map nav a.attractions.active {
  background: #a6ce39;
}
 .map nav a.services:hover,  .map nav a.services.active {
  background: #debc17;
}*/
 .map nav a:hover,  .map nav a.active {
  background: #262626;
}

.neighbourhood-map-wrap {
  float: left;
  width: 100%;
  position: relative;
}

#neighbourhood-map {
  width: 100%;
border: 0px solid rgba(0,0,0,0.25);	
  height: 600px;
  background: #ddd;
}
#neighbourhood-map img {
  max-width: none !important;
}


.walkscore,
.transit-score {
  display: block;
  width: 200px;
  height: auto;
  position: absolute;
  bottom: 15px;
  z-index: 4;
  color: white;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
  padding: 0;
}
.walkscore em,
.transit-score em {
  font-style: normal;
  font-size: 3.75rem;
  display: block;
}

.walkscore {
  left: 15px;
  background: #6E6E6E;
}

#gallery-transit {}

.transit-score {
	
  left:0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
  background: rgba(0,0,0,0.0);
}

.infobox,
.infobox-alt {
	height: auto;
	position: relative;
	z-index: 1;
	text-align: center;
	/*background: #0f0;*/
}
.infobox > span{
	display: block;
	max-width: 140px;
	margin-top: 5px;
	text-align: left;
	font-size: 12px;
	/*background: #f00;*/
}
.infobox-alt > span{
	display: block;
	max-width: 250px;
	max-height: 160px;
	margin-top: 3px;
	text-align: left;
	font-size: 12px;
	/*background: #f00;*/
}

 .map-desc {
  margin-bottom: 1rem;
  min-height: 160px;
}
 .map-desc .large-12 {
  margin-bottom: 3.75rem;
  background: white;
}
 .map-desc h2 {
  font-size: 1.4375rem;
  text-transform: none;
  color: #000;
  line-height: 1;
  margin: 0 0 1.5rem;
  padding-top: 1.3125rem;
  border-top: 3px solid black;
  -webkit-transition: color 0.6s ease-in-out;
  -moz-transition: color 0.6s ease-in-out;
  -ms-transition: color 0.6s ease-in-out;
  -o-transition: color 0.6s ease-in-out;
  transition: color 0.6s ease-in-out;
}
/* .map-desc h2.transit {
  color: #f37032;
}
 .map-desc h2.parks {
  color: #00b9f1;
}
 .map-desc h2.restaurants {
  color: #e4659e;
}
 .map-desc h2.attractions {
  color: #a6ce39;
}
 .map-desc h2.services {
  color: #debc17;
}
 .map-desc h2.shopping {
  color: #262626;
}*/
 .map-desc p {text-align: center;}
.map-desc p:after {}

.infobox span>strong {color:#000; font-weight: 600; text-transform: uppercase;}


 .map-desc {
min-height:auto;
min-height: unset;
margin-top:5px;
}
 .map-desc h2 {
border-top:none;
margin-bottom:0px;
font-size:18px;
}
 .map-desc .large-12 {
margin-bottom:25px;
}
 .page-content h3{
	margin-top: 30px;
	letter-spacing: 3px;
}

/*
.gm-style .gm-style-iw {
	top:5px !important; 
	left:5px !important; 
}
*/




.transit-map {
	background-image: url(../img/map/transit-m.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	width: 100%;
	height: 100%;
	background-position: center center;
}





@media (min-width: 768px) {
	.map nav {
		position: absolute;
		z-index: 99;
		top: 15px; 
		left: 25px;
	}
	.map nav a {
		display: block;
		width: 148px;
		height: 38px;
		background: #6E6E6E;
		float: left;
		text-align: center;
		text-transform: uppercase;
		-moz-border-radius: 12px 12px 0 0;
		-webkit-border-radius: 12px 12px 0 0;
		border-radius: 0 0 12px 12px;
		color: white;
		margin-left: 0;
		line-height: 1;
		padding: 0.6875rem 0;
		-webkit-transition: background 0.4s ease-in-out;
		-moz-transition: background 0.4s ease-in-out;
		-ms-transition: background 0.4s ease-in-out;
		-o-transition: background 0.4s ease-in-out;
		transition: background 0.4s ease-in-out;
	}
	
	.transit-map {
		background-image: url(../img/map/transit.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
		background-position: center center;
	}	
	
}













/* ----------------------------------------------------------------
	ADJUST BOOTSTRAP
-----------------------------------------------------------------*/

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto,
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto,
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto,
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto,
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position:relative;
	width:100%;
	min-height:1px;
	padding-right:30px;
	padding-left:30px
}
.home__row .col, .home__row .col-1, .home__row .col-10, .home__row .col-11, .home__row .col-12, .home__row .col-2, .home__row .col-3, .home__row .col-4, .home__row .col-5, .home__row .col-6, .home__row .col-7, .home__row .col-8, .home__row .home__row .col-9, .home__row .col-auto,
.home__row .col-lg, .home__row .col-lg-1, .home__row .col-lg-10, .home__row .col-lg-11, .home__row .col-lg-12, .home__row .col-lg-2, .home__row .col-lg-3, .home__row .col-lg-4, .home__row .col-lg-5, .home__row .col-lg-6, .home__row .col-lg-7, .home__row .col-lg-8, .home__row .col-lg-9, .home__row .col-lg-auto,
.home__row .col-md, .home__row .col-md-1, .home__row .col-md-10, .home__row .col-md-11, .home__row .col-md-12, .home__row .col-md-2, .home__row .col-md-3, .home__row .col-md-4, .home__row .col-md-5, .home__row .col-md-6, .home__row .col-md-7, .home__row .col-md-8, .home__row .col-md-9, .home__row .col-md-auto,
.home__row .col-sm, .home__row .col-sm-1, .home__row .col-sm-10, .home__row .col-sm-11, .home__row .col-sm-12, .home__row .col-sm-2, .home__row .col-sm-3, .home__row .col-sm-4, .home__row .col-sm-5, .home__row .col-sm-6, .home__row .col-sm-7, .home__row .col-sm-8, .home__row .col-sm-9, .home__row .col-sm-auto,
.home__row .col-xl, .home__row .col-xl-1, .home__row .col-xl-10, .home__row .col-xl-11, .home__row .col-xl-12, .home__row .col-xl-2, .home__row .col-xl-3, .home__row .col-xl-4, .home__row .col-xl-5, .home__row .col-xl-6, .home__row .col-xl-7, .home__row .col-xl-8, .home__row .col-xl-9, .home__row .col-xl-auto {
	position:relative;
	width:100%;
	min-height:1px;
	padding-right:30px;
	padding-left:30px
}
@media (min-width:768px){
	.home__row .col, .home__row .col-1, .home__row .col-10, .home__row .col-11, .home__row .col-12, .home__row .col-2, .home__row .col-3, .home__row .col-4, .home__row .col-5, .home__row .col-6, .home__row .col-7, .home__row .col-8, .home__row .home__row .col-9, .home__row .col-auto,
	.home__row .col-lg, .home__row .col-lg-1, .home__row .col-lg-10, .home__row .col-lg-11, .home__row .col-lg-12, .home__row .col-lg-2, .home__row .col-lg-3, .home__row .col-lg-4, .home__row .col-lg-5, .home__row .col-lg-6, .home__row .col-lg-7, .home__row .col-lg-8, .home__row .col-lg-9, .home__row .col-lg-auto,
	.home__row .col-md, .home__row .col-md-1, .home__row .col-md-10, .home__row .col-md-11, .home__row .col-md-12, .home__row .col-md-2, .home__row .col-md-3, .home__row .col-md-4, .home__row .col-md-5, .home__row .col-md-6, .home__row .col-md-7, .home__row .col-md-8, .home__row .col-md-9, .home__row .col-md-auto,
	.home__row .col-sm, .home__row .col-sm-1, .home__row .col-sm-10, .home__row .col-sm-11, .home__row .col-sm-12, .home__row .col-sm-2, .home__row .col-sm-3, .home__row .col-sm-4, .home__row .col-sm-5, .home__row .col-sm-6, .home__row .col-sm-7, .home__row .col-sm-8, .home__row .col-sm-9, .home__row .col-sm-auto,
	.home__row .col-xl, .home__row .col-xl-1, .home__row .col-xl-10, .home__row .col-xl-11, .home__row .col-xl-12, .home__row .col-xl-2, .home__row .col-xl-3, .home__row .col-xl-4, .home__row .col-xl-5, .home__row .col-xl-6, .home__row .col-xl-7, .home__row .col-xl-8, .home__row .col-xl-9, .home__row .col-xl-auto {
		padding-right:15px;
		padding-left:15px
	}
}
.container{width:100%;padding-right:30px;padding-left:30px;margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
.container-fluid{width:100%;padding-right:30px;padding-left:30px;margin-right:auto;margin-left:auto}
.home__row, .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-30px;margin-left:-30px}
@media (min-width:768px){
	.home__row{margin-right:-15px;margin-left:-15px}
}








/* ----------------------------------------------------------------
	Go To Top
-----------------------------------------------------------------*/
.top {
	position: fixed;
	z-index: 11111;
	opacity: 0.7;
	width: 52px;
	height: 52px;
	right: 30px;
	bottom: 30px;
	transition: all 0.5s cubic-bezier(0.666, 0, 0.333, 1);
}

#go-to-top {
	display: none;
	z-index: 299;
	position: fixed;
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0,0.5);
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: 30px;
	bottom: 30px;
	cursor: pointer;
	border-radius: 2px;
}

body:not(.device-touch) #go-to-top {
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}

.stretched #go-to-top { bottom: 30px; }

#go-to-top:hover { background-color: rgba(0,0,0,0.9); }

@media (max-width:767px){
	#go-to-top { visibility: hidden; }
}




/* ----------------------------------------------------------------
	Video
-----------------------------------------------------------------*/

.embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; margin-top: 0; } 
.embed-container iframe, 
.embed-container object, 
.embed-container embed,
.embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.embed-container.content-video {margin-top: 0;}

.mobile-video {
	display: none;
}

video::-internal-media-controls-download-button {
    display:none;
}
 
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
 
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
















/* ----------------------------------------------------------------
	HELPER
-----------------------------------------------------------------*/



.adj-mobile {
	margin-top:110px;
}

.adj-col-padding {
	padding-left:30px;
	padding-right: 30px;
}

@media (min-width:768px){
	.adj-mobile {margin-top:150px;}
	.col-divider-alt {border-right:1px solid #231f20;}
	.col-divider-left {border-left:1px solid #231f20;}
}

@media (min-width:992px) {
	.adj-col-padding {padding-left:15px; padding-right: 15px;}
	.adj-colo-padding-alt {padding-left:15px; padding-right: 15px}
	.col-divider {border-right:1px solid #231f20;}
}


.img-responsive {
	display:block;
	max-width:100%;
	height:auto;
}

/*
.for-desktop {display: none;}

.full-screen-dl span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100% !important;
}
*/
span.nowrap {white-space: nowrap;}

/*
.v-align-wrapper {
	display:table;
	width: 100%;
	height: 100%;
	overflow:hidden;
	margin:0px auto;
	background-color: rgba(255,0,0,0);
}

.v-align-container{
	display:table-cell;
	vertical-align: middle;
}


@media (min-width: 768px) {
	.for-desktop {display: block;}
	.full-screen-dl span {height: 100vh;}
	.v-align-wrapper {
		display:table;
		/ *height: calc(100vh - 70px);* /
		height: 100%;
		overflow:hidden;
		margin:0px auto;
		background-color: rgba(255,0,0,0);
	}
	.v-align-container{
		display:table-cell;
		vertical-align: middle;
	}	
}
*/




.color-alt		{color:#ffffff !important;}
.color-alt-1	{color:#f48998 !important;}	
.color-alt-2	{color:#ffe453 !important;}	
.color-alt-3	{color:#F79548 !important;}	
.color-alt-4	{color:#BACF9E !important;}
.color-alt-5	{color:#A089C0 !important;}
.color-alt-6	{color:#A5D2EC !important;}

.bgcolor-alt-1	{background-color:#f48998 !important;}	
.bgcolor-alt-2	{background-color:#ffe453 !important;}	
.bgcolor-alt-3	{background-color:#F79548 !important;}	
.bgcolor-alt-4	{background-color:#BACF9E !important;}
.bgcolor-alt-5	{background-color:#A089C0 !important;}
.bgcolor-alt-6	{background-color:#A5D2EC !important;}

.mt-xs {margin-top: 2em;}
.mt-sm {margin-top: 4em;}
.mt-md {margin-top: 6em;}
.mt-lg {margin-top: 8em;}
.mt-xl {margin-top: 10em;}

.mb-xs {margin-bottom: 2em;}
.mb-sm {margin-bottom: 4em;}
.mb-md {margin-bottom: 6em;}
.mb-lg {margin-bottom: 8em;}
.mb-xl {margin-bottom: 10em;}

.plr-none {padding: 0 0;}

.pt-xs {padding-top: 2em;}
.pt-sm {padding-top: 4em;}
.pt-md {padding-top: 6em;}
.pt-lg {padding-top: 8em;}
.pt-xl {padding-top: 10em;}

.pb-xs {padding-bottom: 2em;}
.pb-sm {padding-bottom: 4em;}
.pb-md {padding-bottom: 6em;}
.pb-lg {padding-bottom: 8em;}
.pb-xl {padding-bottom: 10em;}

