html, body {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Source Sans Pro';
}

ul, a, li, h3, p {box-sizing: border-box;padding: 0;margin: 0;list-style: none;text-decoration: none;}
ul:after { content: ' '; display: table; clear: both; }
svg {pointer-events:none;}
svg polygon {pointer-events:all;}

a.button {transition: all .4s ease;background-color: #F02759;padding: 0 2.5vw;color: #FFF;font-family: 'Sanchez';font-size: 3.5vw;text-transform: uppercase;}
a#content h4 {margin: 0;}
a#content {color: #515256;}

.ctatxtnprlx a.button {
	display: inline-block;
    padding: 0 4.5vw;
}

.ctatxtnprlx h3,
.ctatxtnprlx p,
.ctatxtnprlx a.button {
	opacity: 0;
	transform: scale(.1);
	cursor: pointer;
	transition: background 400ms ease, transform 1000ms ease;
}

.ctatxtnprlx.inView h3,
.ctatxtnprlx.inView p,
.ctatxtnprlx.inView a.button {
	opacity: 1;
	transform: scale(1);
}

.hide {/* display: none !important; */opacity: 0 !important;}

.v_lines {
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    width: 0;
    padding-right: 40%;
    overflow: hidden;
    opacity: 0;
    transition: opacity 1300ms ease;
}
.contactInfo .v_lines { padding-right: 100%; }

.v_lines .lines, 
.v_lines .vee {
	display: block;
	position: absolute;
	height: 100%;
	transition: all 1300ms ease;
	transition-delay: 0ms;
}

.v_lines svg {position: absolute;}

.v_lines.green .vee		{fill: rgba(56, 207, 158, .35);}
.v_lines.yellow .vee	{fill: rgba(232, 234, 89, 0.35);}
.v_lines.blue .vee		{fill: rgba(58,193,225,0.35);}

.v_lines.dark .lines	{fill: rgba(0,0,0,0.18);}
.v_lines.light .lines	{fill: rgba(255,255,255,0.18);}

.rtl {right:0;}
.ltr {left:0;}

.ap56 .v_lines .vee {
}

.v_lines.ltr .vee {transform: translate(-49.9%,-100%);}
.v_lines.rtl .vee {transform: translate(49.9%,-100%);}

.v_lines.ltr .lines {right: 0;transform: translate(-31.25%,100%);}
.v_lines.rtl .lines {left: 0;transform: scaleX(-1) translate(-49.85%,100%);}
.ap56 .v_lines.ltr .lines {transform: translate(-54.15%,100%);}
.ap56 .v_lines.rtl .lines {transform: translate(54.15%,100%);}

.v_lines.ltr .lines div {margin-left: 7.445vw;}
.v_lines.rtl .lines div {margin-right: 7.445vw;}

.contact .inView .v_lines,
.inView {opacity: 1;}

.v_lines.ltr.inView .lines {transform: translate(0,0);}
.v_lines.rtl.inView .lines {transform: scaleX(-1) translate(0,0);}

.contact .inView .v_lines.ltr .vee,
.v_lines.ltr.inView .vee {top: 0;right: 0;transform: translate(0,0);}
.contact .inView .v_lines.rtl .vee,
.v_lines.rtl.inView .vee {top: 0;left: 0;transform: translate(0,0);}

.vignette {
    display: block;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    width: 500%;
    height: 200%;
    left: 50%;
    top: -20px;
    transform: translateX(-50%);
    margin: 0 auto;
    pointer-events: none;
    box-shadow: inset 0 0 300px rgba(0,0,0,0.95);
}
a.vireo_logo {
	display: block;
	position: absolute;
	top: 1.6vw;
	left: 1.9vw;
	width: 11.4vw;
	height: 8vw;
	background-image: url('../media/svgs/Vireo_Logo_White.svg');
	background-position: top left;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}
header,
header .slider,
header .slider .slick-slide {
	display: block;
	box-sizing: border-box;
	position: relative;
	height: 100%;
	width: 100%;
}
header {
	height: 100vh;
	overflow: hidden;
}
header .slider .slick-slide {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
header .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.35);
	pointer-events: none;
}
header .overlay .contact {
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: all;
}
header .overlay .contact li {
	display: inline-block;
	font-size: 1.75rem;
}
header .overlay .contact li a {
	display: block;
	padding: 1rem .75rem;
	font-family: 'Sanchez';
}
header .overlay .contact li:last-child {
	font-size: 1.5rem;
}
header .overlay .contact li:last-child a {
	padding-right: 1.75rem;
}

header .overlay .center {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	padding-bottom: 6vw;
}
header .overlay,
header .overlay a {
	color: #FFF;
}
header .overlay .center a.vireo {
	display: inline-block;
	width: 30vw;
	height: 21vw;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('../media/svgs/Vireo_Logo_White.svg');
}
header .overlay .center h3 {
	font-size: 5vw;
	font-weight: 500;
	line-height: 5vw;
	text-transform: uppercase;
	margin-top: 2vw;
}
header .overlay .center p {
	font-size: 2vw;
	font-family: 'Sanchez';
	letter-spacing: .06vw;
}


.details header,
.layouts header,
.visuals header,
.area header,
.contact header {
	height: 0;
	padding-bottom: 56%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.index header {}
.details header {background-image: url('../media/backgrounds/Amenities_Fitness.jpg');}
.details .bgvntxt {background-image: url('../media/backgrounds/Amenities_LivingRoom');}
.layouts header {background-image: url('../media/backgrounds/FloorPlans_Kitchen.jpg');}
.visuals header {background-image: url('../media/backgrounds/Gallery_ClubroomCove.jpg');}
.area header {background-image: url('../media/backgrounds/Neighborhood_Bike.jpg');}
.contact header {background-image: url('../media/backgrounds/Contact_BuildingExterior.jpg');}

video {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    border: none;
    width: auto;
    height: 100%;
    background-size: cover;
    z-index: 0;
    object-fit: cover;
    object-position: 50% 50%;
}

header label[for='hamburger'] {
	z-index: 100;
	position: fixed;
	right: 1.75vw;
	top: 1.75vw;
	background-image: url(../media/svgs/Vireo_Hamburger.svg);
	display: block;
	width: 2.5vw;
	height: 2.5vw;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: background-image 100ms ease;
	cursor: pointer;
}

.ctatxtnprlx label[for='hamburger'] {
	transform: translateY(-143.95vw);
	position: absolute;
	right: 1.75vw;
	top: 1.75vw;
	background-image: url(../media/svgs/Vireo_Hamburger_White.svg);
	/* display: none; */
	width: 2.5vw;
	height: 2.5vw;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: background-image 100ms ease;
	/* mix-blend-mode: exclusion; */
	z-index: 100;
}

header .mainMenu ul:first-of-type {
	margin: 7vw 0 0.7vw 0;
}
header .mainMenu ul:nth-of-type(2) {
	text-align: right;
	margin-right: 1.9vw;
}
header .mainMenu .login {
	text-align: right;
	margin-top: 2vw;
}
header .mainMenu .login h4 {
    margin: 0;
    color: #1E3B47;
    font-family: 'Sanchez';
    text-align: right;
    display: block;
    text-transform: uppercase;
    font-size: 2.1vw;
    font-weight: 300;
    }

header .mainMenu .login li a {
    font-family: 'Sanchez';
    text-align: right;
    display: block;
    color: #FFF;
    padding: 0 1.9vw;
    text-transform: uppercase;
    font-size: .99vw;
}

a.button:hover,
.unitModal a.button:first-of-type:hover,
.unitModal a.button:nth-of-type(2):hover,
header .mainMenu a.button:hover {
    background-color: #00627A;
    color: #FFF;
}

.unitModal.u2_2 a.button:hover {
	background-color: #FFBB20 !important;
}

header .mainMenu {
	transform: translateX(100%);
	transition: all 300ms ease;
	position: fixed;
	height: 100vh;
	top: 0;
	right: 0;
	width: 23.2vw;
	background-color: #FFBB20;
	z-index: 101;
	opacity: 0;
}

header .mainMenu a.address,
header .mainMenu a.phone {
    font-family: 'Sanchez';
    color: #515256;
    font-size: .95vw;
    text-align: right;
    padding: 0vw 1.9vw;
    text-transform: capitalize;
    font-weight: 700;
}
header .mainMenu a.phone { 
    margin-bottom: .3vw; 
}

header input#hamburger:checked + label[for='hamburger'] {
	background-size: contain;
	background-image: url(../media/svgs/Vireo_Icon_White.svg);
	z-index: 102;
}
header input#hamburger {
	display: none;
}
header input#hamburger:checked ~ .mainMenu {
	transform: translateX(0%);
	opacity: 1;
}

header .mainMenu a {
    font-family: 'Sanchez';
    text-align: right;
    display: block;
    color: #FFF;
    padding: .3vw 1.9vw;
    text-transform: uppercase;
    font-size: 2.1vw;}

header .mainMenu .login li a:hover,
header .mainMenu a:hover,
header .mainMenu a:active  {
    color: #00627A;
}
header .mainMenu .selected a { 
    color: #1E3B47; 
}

header .mainMenu .sm_links li {
    display: inline-block;
}
header .mainMenu .sm_links li a {
    padding: 0 .1vw;
    font-size: 1.42vw;
}

header .mainMenu a.button {
    position: absolute;
    padding: 0;
    text-align: center;
    width: 83%;right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 1.9vw;
}
.promo {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 101;
}
.promo p {
	background-color: rgba(255, 255, 255, .75);
	color: #515256;
	padding: .8vw;
	font-size: 2.75vw;
	font-weight: 700;
	font-family: Sanchez;
	font-style: italic;
	transition: all 500ms ease-in-out;
	will-change: transform;
	transform: translateY(100%);
}
body.loaded .promo p {transform: translateY(0);}

main {
	display: block;
	position: relative;
	width: 100%;
}

main section {
	display: block;
	position: relative;
	width: 100%;
}

.layouts .bgimgmap .image-map,
.layouts .bgimgmap .level,
main section>div {
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
	z-index: 0;
	overflow: hidden;
}

.txtnttl {text-align: center;padding: 5.75vw 0 2.75vw;}
.txtnttl h3 {vertical-align: top;font-family: 'Source Sans Pro';font-size: 4.5vw;text-transform: uppercase;font-weight: 300;color: #FFBB20;margin-top: 0vw;display: inline-block;height: 5.5vw;transform: scale(1.25);transition: transform 1000ms ease, color 1000ms ease;}
.txtnttl h3.inView {transform: scale(1);color: #1E3B47;}

.txtnttl h4 {margin: 0 0 3.6vw;font-size: 1.8vw;color: #515256;font-family: 'Sanchez';letter-spacing: .1vw;font-weight: 700;position: relative;right: -100%;transition: right 1000ms ease;}
.txtnttl p {margin: 0 auto 3vw;font-size: 1.52vw;color: #515256;line-height: 2.9vw;position: relative;left: -100%;transition: left 1000ms ease;}
.area .txtnttl h4 { right: 0; }
.txtnttl.inView h4 { right: 0; }
.txtnttl.inView p { left: 0; }

.index .txtnttl p {width: 61vw;}
.details .txtnttl p {width: 53vw;}
.layouts .txtnttl p {width: 51vw;}
.visuals .txtnttl p {width: 43vw;}

.area .txtnttl h4 {margin: 6vw 0 3.6vw;}
.area .txtnttl h4 span {display: inline-block;width: 2.5vw;text-align: right;}
.contact .txtnttl {padding: 5.75vw 0;}
.contact .formvntxt {height: auto;}

.bgvntxt {position: relative;height: 0;}
.index .bgvntxt {background-image: url('../media/backgrounds/Home_Shopping.jpg');}
.details .bgvntxt {background-image: url('../media/backgrounds/Amenities_LivingRoom.jpg');}
.contact .bgvntxt {background-image: url('../media/backgrounds/Contact_Friends.jpg');}
.layouts .bgimgmap .image-map {background-image: url('../media/backgrounds/FloorPlans_Elevation.jpg');}

.layouts .bgimgmap .level_maps {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #272f37;z-index: 2;opacity: 0;pointer-events: none;transition: opacity 300ms ease;}

.layouts .bgimgmap div.level {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #272F37;
	z-index: 2;
	pointer-events: none;
	opacity: 0;
	transition: opacity 1000ms ease;
}
.layouts .bgimgmap div.level>div {
	position: absolute;
	display:block;
}

.layouts .bgimgmap .level_maps.show,
.layouts .bgimgmap div.level.show {opacity: 1;pointer-events: all;z-index: 3;}
.layouts .bgimgmap .lv1 {background-image: url('../media/images/layouts/FloorPlans_SitePlan_Lv1.png');}
.layouts .bgimgmap .lv2 {background-image: url('../media/images/layouts/FloorPlans_SitePlan_Lv2.png');}
.layouts .bgimgmap .lv3 {background-image: url('../media/images/layouts/FloorPlans_SitePlan_Lv3-5.png');}
.layouts .bgimgmap .lv4 {background-image: url('../media/images/layouts/FloorPlans_SitePlan_Lv3-5.png');}
.layouts .bgimgmap .lv5 {background-image: url('../media/images/layouts/FloorPlans_SitePlan_Lv3-5.png');}

div.level_maps.show ~ .controls {
	top: 58%;
	background-image: url('../media/images/layouts/FloorPlans_SitePlan_Legend.jpg');
	background-position: 0 3.5vw;
	background-repeat: no-repeat;
	background-size: contain;
	padding-bottom: 16vw;
}

div.level_maps.show ~ .controls .return { display: block; }


.controls {
	position: absolute;
	top: 3vw;
	left: 3.5vw;
	font-family: 'Sanchez';
	font-size: 2.25vw;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 300;
	cursor: default;
	z-index: 3;
	width: 30vw;
}
.controls span { cursor: pointer; }
.controls span.active,
.controls span:hover { color: #E8EA59;}

.controls .return {
	display: none;
	box-sizing: border-box;
	position: absolute;
	top: -2.5vw;
	width: 6.5vw;
	height: 2vw;
	font-size: 1vw;
	text-transform: uppercase;
	padding: .35vw 0 0 2.5vw;
	cursor: pointer;
}
.controls .return img {
	position: absolute;
	top: 0;
	left: 0;
	height: 2vw;
}

.controls .return:hover img {
    animation-name: spin;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.lightBox .nav:hover { background: rgba(0,0,0,0.25); }
.lightBox .nav:hover i { border-color: rgba(255, 255, 255, 0.5); }
i {
    position: absolute;
    border: solid transparent;
    border-width: 0 2vw 2vw 0;
    display: inline-block;
    padding: 2vw;
    top:  50%;
}
.right {
    transform: rotate(-45deg) translateX(50%);
    -webkit-transform: rotate(-45deg) translateX(50%);
    right: 50%;
}
.left {
    transform: rotate(135deg) translateY(50%);
    -webkit-transform: rotate(135deg) translateY(50%);
    left: 50%;
}

.layouts .bgimgmap .image-map {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;pointer-events: all;}
.layouts .bgimgmap svg polygon {
	fill: rgba(255,255,255,0);
	stroke: #333E48;
	stroke-width: 0;
	transition: fill 500ms ease;
}
svg polygon:hover + .tooltip { opacity: 1; }
svg .tooltip {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 5;
}
.layouts .bgimgmap .level_maps svg polygon {stroke-miterlimit: 10;stroke-width: 1;}
.layouts .bgimgmap .image-map svg polygon:hover,
.layouts .bgimgmap .image-map svg polygon.hover {
	fill: rgba(255,187,32,0.7);
	stroke: #000;
	stroke-width: 0;
	cursor: pointer;
}

.layouts .level_maps svg polygon {
    cursor: pointer;
}

.blurb {position: absolute;width: 40vw;height: 100%;opacity: 1;transform: translateX(-100%);transition: transform 1300ms ease-in-out;}
.index .blurb {transform: translateX(-90%);}
.blurb.rtl {transform: translateX(100%);}
.inView ~ .blurb {opacity:1;transform:translateX(0);}
.blurb h3 {
	padding: 2.5vw 2.6vw;
	width: 31vw;
	color: #FFF;
	font-size: 5vw;
	line-height: 5vw;
}

.contact .blurb h3 { width: 36vw; }

.area .blurb h3:first-of-type,
.visuals .blurb h3:first-of-type,
.layouts .blurb h3:first-of-type,
.details .blurb h3:first-of-type {padding: 0.5vw 2.6vw;}


.area .blurb p,
.layouts .blurb p,
.details .blurb p,
.details .blurb ul,
.details .blurb li {color: #FFF;font-size: 1.47vw;margin: 0;line-height: 3.15vw;padding-left: 2.6vw;display: inline-block;list-style-position: inherit;}
.details .blurb li {display:inline;}
.details .blurb sub {color: #FFF;padding: 0;font-size: 1.12vw;font-style: italic;line-height: 2.5vw;}
.details .blurb.rtl h3 {padding-left: 0 !important;margin-top: 25.5vw;}
.details .blurb.rtl p {padding-left: 0;padding-right: 2.6vw;}

.details .blurb ul {display: block;padding: 0;margin-left: 2.6vw;}
.details .blurb.rtl ul {margin-left: 0; margin-right: 2.6vw;}

.details .blurb li {margin: 0;padding: 0;word-wrap: break-word;}

.visuals .blurb h3 {width: 39vw;cursor: pointer;}
.visuals .blurb h3.active,
.visuals .blurb h3:hover {color: #E8EA59 !important;}

.visuals .blurb h3:first-of-type {margin-top: 33vw;}
.area .blurb h3:first-of-type {margin-top: 23vw;}
.layouts .blurb h3:first-of-type {margin-top: 31vw;}
.details .blurb h3:first-of-type  {margin-top: 25vw;}

.blurb a {
	display: block;
	position: absolute;
	bottom: 2.5vw;
	left: 2.2vw;
	color: #FFF;
	text-transform: uppercase;
	font-size: .95vw;
	font-family: 'Sanchez';
	padding: 0.6vw 3vw;
}
.blurb a:hover img {
    animation-name: spin;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.blurb a img {height: 2.5vw;position: absolute;left: 0;top: 0;}

.ctatxtnprlx {position: relative;z-index: 1;overflow: hidden;height: 0;text-align: center;padding: 0.7vw;padding-bottom: calc(29.6% - .7vw);background-image: url('../media/backgrounds/Viero_CTABackground.gif');background-attachment: fixed;background-size: 120%;background-repeat: repeat-y;}

.ctatxtnprlx h3 {font-family: 'Source Sans Pro';font-weight: 300;color: #272F37;font-size: 4.35vw;text-transform: uppercase;margin: 5vw 0 0;}
.ctatxtnprlx p {font-family: 'Sanchez';color: #42B4D8;font-size: 2vw;margin: 0 0 4vw;}

.txtnttl h4 img {
    height: 3vw;
    transform: translateY(0.85vw);
    display: inline-block;
    margin: 0 3vw;
}
.txtvrlyfdgal li {
	position: relative;
	box-sizing: border-box;
	float: left;
	display: block;
	height: 0;
	width: 33.3333334%;
	padding-bottom: 29.6%;
	overflow: hidden;
}
.txtvrlyfdgal li a {
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	opacity: .9;
	transition: opacity 1s ease-in-out;
}
.txtvrlyfdgal li a span {
	position: absolute;
	display: block;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}
.txtvrlyfdgal li a span.img {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: filter 1s ease-in-out;
}
.txtvrlyfdgal li a span.overlay {
	font-family: 'Source Sans Pro';
	font-weight: 300;
	padding: 7vw 5vw;
	font-size: 2.5vw;
	color: #FFF;
	transition: opacity 1s ease-in-out;
}
.area .txtvrlyfdgal li a span.overlay {
	font-size: 2.35vw;
	padding: 4vw;
}
.txtvrlyfdgal li a span.overlay:after {
	font-size: 1vw;
	position: absolute;
	text-transform: uppercase;
	bottom: 7vw;
	left: 5vw;
	font-family: 'Sanchez';
}
.txtvrlyfdgal li:nth-child(1) a span.img { background-image: url('../media/images/home/Home_Amenities.jpg'); }
.txtvrlyfdgal li:nth-child(2) a span.img { background-image: url('../media/images/home/Home_FloorPlans.jpg'); }
.txtvrlyfdgal li:nth-child(3) a span.img { background-image: url('../media/images/home/Home_Gallery.jpg'); }
.txtvrlyfdgal li:nth-child(1) a span.overlay { background-color: rgba(0, 98, 122, .75); }
.txtvrlyfdgal li:nth-child(2) a span.overlay { background-color: rgba(81, 82, 86, .75); }
.txtvrlyfdgal li:nth-child(3) a span.overlay { background-color: rgba(30, 59, 71, .75); }

.txtvrlyfdgal li:nth-child(1) a span.overlay:after { content: 'View Details'; }
.txtvrlyfdgal li:nth-child(2) a span.overlay:after { content: 'View Layouts'; }
.txtvrlyfdgal li:nth-child(3) a span.overlay:after { content: 'View Visuals'; }

.area .txtvrlyfdgal li a span.overlay {font-size: 2.35vw;padding: 4.5vw;}
.txtvrlyfdgal li a span.overlay:after {bottom: 4.5vw;left: 4.5vw;}

.area .txtvrlyfdgal li:nth-child(1) a span.overlay:after { content: 'Uptown Plaza - Dallas'; }
.area .txtvrlyfdgal li:nth-child(2) a span.overlay:after { content: 'State Fair of Texas'; }
.area .txtvrlyfdgal li:nth-child(3) a span.overlay:after { content: 'Everything Dallas'; }

#map_canvas {
    height: 100%;
    width: 100%;
    position: absolute !important;
    z-index: 1;
}

.txtvrlyfdgal li a:hover { opacity: 1; }
.txtvrlyfdgal li:hover a span.img {
	-moz-filter: initial;
	-o-filter: initial;
	-webkit-filter: initial;
	filter: initial;
}
.txtvrlyfdgal li:hover a span.overlay {
	opacity: 0;
}

.formvntxt .padding {
	box-sizing: border-box;
	padding: 5.5vw 5.05vw;
}

.formvntxt.inView .padding h3 { transform: translateX(0); }
.formvntxt.inView .padding label { transform: translateX(0%); }

.vidnwtrmrk {position: relative;height: 0;padding-bottom: 52%;background-image: url('../media/backgrounds/bottom_video.jpg');overflow: hidden;}
.vidnwtrmrk video {width: 100%;}

.vidnwtrmrk:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 1.6vw;
	left: 1.9vw;
	width: 11.4vw;
	height: 8.0vw;
	background-image: url('../media/svgs/Vireo_Logo_White.svg');
	background-position: top left;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
}
.formvntxt .padding h3 {display: block;width: 40vw;font-size: 2.42vw;color: #1E3B47;transform: translateX(-110%);transition: transform 1000ms ease-in-out;}
.formvntxt .padding input[type="checkbox"] {display: none;}
.formvntxt .padding input[type="radio"] {display: none;}
.formvntxt .padding label {
	margin-left: .35vw;
}
.formvntxt .padding label:before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 0.75vw;
	height: 0.75vw;
	border-radius: 50%;
	border-width: .25vw;
	border-style: solid;
	border-color: #1E3B47;
	font-weight: 900;
	color: #1E3B47;
	top: 0.35vw;
	left: -1.55vw;
}
.formvntxt .padding input:checked + label:before {
	background-color: #F02759;
}
.formvntxt .padding input:checked + label span {
	position: absolute;
	display: block;
	color: #333;
	font-size: 1.2vw;
	top: 2.3vw;
	left: 1.75vw;
	font-family: 'Source Sans Pro';
	width: 56vw;
}
.formvntxt .padding .contactForm {display: block;position: relative;left: -42vw;opacity: 0;transition: all 600ms ease-in-out;}
.formvntxt .padding input:checked ~ .contactForm {display: block;left: 0;opacity: 1;}

.formvntxt .padding label {display: block;width: 40vw;cursor: default;position: relative;font-family: 'Sanchez';font-size: 1.57vw;color: #38CF9E;font-weight: 300;margin: 2.2vw 0 0 1.95vw;transform: translateX(-112%);transition: transform 1000ms ease;}
.formvntxt .padding label:nth-of-type(1) {transition-delay: 900ms;}
.formvntxt .padding label:nth-of-type(2) {transition-delay: 1100ms;}
.formvntxt .padding label:nth-of-type(3) {transition-delay: 1300ms;}
.formvntxt {
	position: relative;
	height: 0;
}

.formvntxt .bullets .guide,
.contactInfo,
.formvntxt .contactForm {display: none;}

.show {display: block !important;}
.show_bl {display: block !important;}
.show_in {display: inline !important;}
.show_ib {display: inline-block !important;}

.contact .formvntxt .contactForm {position: relative;margin: 0;display: block;left:-100%;transition: left 1000ms ease;}
.contact .formvntxt .contactForm input[type="text"],
.contact .formvntxt .contactForm input[type="date"] {display: inline-block !important;margin: 0 1vw 1.75vw 1vw;}
.contact .formvntxt .contactForm .onSuccess {width: 27.85vw;text-align: left;}
.contact .txtnttl.inView .formvntxt .contactForm {left: 0;}

.formvntxt .contactForm {
	margin-top: 10vw;
	margin-left: 0;
}
.formvntxt .contactForm input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #AAA;
}
.formvntxt .contactForm input::-moz-placeholder { /* Firefox 19+ */
  color: #AAA;
}
.formvntxt .contactForm input:-ms-input-placeholder { /* IE 10+ */
  color: #AAA;
}
.formvntxt .contactForm input:-moz-placeholder { 
  color: #AAA;
}
.formvntxt .contactForm input:placeholder { 
  color: #AAA;
}
.formvntxt .contactForm input[type="text"],
.contact .formvntxt .contactForm input[type="date"] {
	box-sizing: content-box;
	display: block;
	border-width: 0 0 .10vw 0;
	border-color: #38CF9E;
	border-style: solid;
	width: 34vw;
	padding: .15vw 0;
	font-size: 1.11vw;
	margin-bottom: 1.75vw;
	color: #272F37;
}
.formvntxt .contactForm input:focus {
	outline: -webkit-focus-ring-color auto 0px;
	border-width: 0 0 .11vw 0;
}
.contact .formvntxt .contactForm input[type="button"] { margin: 0 0 0 1vw; }
.formvntxt .contactForm input[type="button"] {
    vertical-align: middle;
    display: inline-block;
    border: none;
    background: transparent;
    cursor: pointer;
    padding-left: 2.6vw;
    height: 2.1vw;
    font-size: 1.18vw;
    font-family: 'Sanchez';
    letter-spacing: .05vw;
    text-transform: uppercase;
}

.formvntxt .contactForm input[type="button"].sending { color: #FFBB20; }
.formvntxt .contactForm input[type="button"]:hover ~ span.icon_spin,
.formvntxt .contactForm input[type="button"].sending ~ span.icon_spin {
    animation-name: spin;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.formvntxt .contactForm span.icon_spin {
	vertical-align: middle;
	height: 2.1vw;
	width: 2.1vw;
	display: inline-block;
	margin-top: 0;
	background-image: url(../media/svgs/Vireo_Icon_Color.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	left: -6.8vw;
	transform: rotateZ(0);
	pointer-events: none;
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.formvntxt .contactForm .onSuccess {
	color: #272F37;
	font-size: 1.17vw;
	display: inline-block;
	margin-top: 0;
	margin-left: -1.65vw;
	vertical-align: middle;
	padding-bottom: .2vw;
	opacity: 0;
	transition: opacity 1000ms ease-in-out;
}
.formvntxt .contactForm .onSuccess.success { opacity: 1; }

.contact .contactInfo {pointer-events: none;}

.contact .inView .details {
	transform: translatex(0);
	opacity: 1;
	height: 32vw;
}
.contactInfo {
	z-index: 99;
	position: absolute;
	box-sizing: border-box;
	top: 0;
	right: 0;
	display: block;
	height: 100%;
	width: 40%;
	overflow: hidden;
	pointer-events: none;
}
.contactInfo .details {
	transform: translatex(24vw);
	position: relative;
	top: 16.4vw;
	left: 15.9vw;
	transition: all 1300ms ease;
}
.contactInfo .details:before {
	display: block;
	position: absolute;
	top: -13.75vw;
	left: -1.7vw;
	content: '';
	width: 17vw;
	height: 12vw;
	background-image: url('../media/svgs/Vireo_Logo_Color.svg');
	background-size: 17vw;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.contactInfo .details .address {
	width: 15vw;
	font-size: 1.7vw;
	font-weight: bold;
	color: #515256;
	margin-bottom: 2.2vw;
	pointer-events: all;
}
.contactInfo .details a {
	display: block;
	width: 15vw;
	font-size: 1.7vw;
	font-weight: bold;
	color: #515256;
	margin-bottom: 0;
	pointer-events: all;
}
.contactInfo .details ul {
	position: absolute;
	bottom: 0;
}
.contactInfo .details ul>li span {
	display: block;
}
.contactInfo .details ul>li {
	font-family: 'Sanchez';
	font-size: 1.57vw;
	line-height: 1.75vw;
	font-weight: bold;
	margin: .4vw 0;
	color: #00627A;
}
.formvntxt.inView .details {
	transform: translatex(0);
	opacity: 1;
	pointer-events: all;
	height: 32vw;
}

.apimgbox {
	position: relative;
	height: 0;
	padding: 0;
	margin: 0;
}
.ap51 {height: 0;padding-bottom: 51.6%;}
.ap56 {height: 0;padding-bottom: 56%;overflow: hidden;}

.hotspots .text,
.planops .text { margin: 4.5vw 0; }

.hotspots h5,
.planops h5 {vertical-align: top;font-size: 4.5vw;text-transform: uppercase;font-weight: 300;color: #1E3B47;display: block;height: 5.5vw;margin: 0;font-family: 'Source Sans Pro';}

.hotspots,
.planops {
    margin: 0;
    font-size: 2.33vw;
    color: #515256;
    font-family: 'Sanchez';
    font-weight: 300;
    text-align: center;
}
.hotspots span,
.planops span {display: inline-block;cursor: pointer;margin: 0;}
.hotspots span:last-child:after,
.planops span:last-child:after {content: '';margin: 0;}
.hotspots span:after,
.planops span:after {
    content: '\00A0\\';
    display: inline-block;
    margin: 0 2.75vw 0 1.5vw;
    font-size: 2.5vw;
    color: #515256;
}

.locationLinks {
	margin: 3.75vw 0;
}
.locationLinks a {
	display: block;
	text-align: center;
	color: #515256;
	font-family: 'Sanchez';
	padding: .4vw 0;
	font-weight: 700;
	font-size: 1.75vw;
	cursor: pointer;
}

.tyellow.active,
.tyellow:hover {color: #E8EA59;}
.dine:hover,
.tteal.active,
.tteal:hover {color: #00627A;}
.shop:hover,
.tgold.active,
.tgold:hover {color: #FFBB20;}
.play:hover,
.tblue.active,
.tblue:hover {color: #42B4D8;}
.fit:hover,
.tgreen.active,
.tgreen:hover {color: #38cf9e;}
.learn:hover,
.tpink.active,
.tpink:hover {color: #F02759;}

.yellow {color: #E8EA59 !important;}
.darkteal {color: #00627A !important;}
.gold {color: #FFBB20 !important;}
.blue {color: #42B4D8 !important;}
.green {color: #38cf9e !important;}
.pink {color: #F02759 !important;}
.white {color: #FFFFFF !important;}

.byellow {background-color: #E8EA59 !important;}
.bdarkteal {background-color: #00627A !important;}
.bgold {background-color: #FFBB20 !important;}
.bblue {background-color: #42B4D8 !important;}
.bgreen {background-color: #38cf9e !important;}
.bpink {background-color: #F02759 !important;}

.layouts .bgimgmap svg .u1_1 {fill: rgba(255, 187, 32, .7);}
.layouts .bgimgmap svg .u2_1 {fill: rgba(56, 207, 158, .7);}
.layouts .bgimgmap svg .u2_2 {fill: rgba(0, 98, 122, .7);}
.layouts .bgimgmap svg .u1_1:hover {fill: rgba(255, 187, 32, 1);}
.layouts .bgimgmap svg .u2_1:hover {fill: rgba(56, 207, 158, 1);}
.layouts .bgimgmap svg .u2_2:hover {fill: rgba(0, 98, 122, 1);}
.gallery .images,
.planops .units {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	overflow: hidden;
}
.locationLinks.filter a,
.planops .units.filter div,
.gallery .images>div:nth-of-type(n+10) {display: none;}

.hslide.gallery .images>div {width: 100%;}
.gallery .images>div,
.planops .units>div,
.gallery .image {
	position: relative;
	/* float: left; */
	width: 33.33333334%;
	height: 33.0vw;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
}
.planops .units>div {cursor: pointer;}

.gallery .image {

}

.slick-slider button {display: none !important;}
.slick-list, .slick-track { height: 100%; }

.hslide {
	height: 0vw;
	transition: all 300ms ease-in-out;
}
.hslide.visible { height: 33vw; }

.hslide .image {
	cursor: pointer;
}

.direction {
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
}
.direction.top {
    /* background: rgba(255, 255, 0, .5); */
    z-index: 3;
    clip-path: polygon(0 0, 100% 0, 50% 50%);
}
.direction.right {
    /* background: rgba(255, 0, 0, .5); */
    z-index: 3;
    clip-path: polygon(100% 0, 50% 50%, 100% 100%);
}
.direction.bottom {
    /* background: rgba(0, 0, 255, .5); */
    z-index: 3;
    clip-path: polygon(0 100%, 50% 50%, 100% 100%);
}
.direction.left {
    /* background: rgba(0, 255, 0, .5); */
    z-index: 3;
    clip-path: polygon(0 0, 50% 50%, 0 100%);
}
.direction:hover {/* background: rgba(128, 0, 128, .5); */}

.gallery .images>div .overlay,
.planops .units>div .overlay {
	position: absolute;
	top: -100%;
	height: 100%;
	width: 100%;
	z-index: 3;
	pointer-events: none;
	opacity: 1;
	transition: all 300ms ease-in-out;
	color: #272F37;
	font-weight: 500;
	text-align: center;
}
.gallery .images>div .overlay p,
.planops .units>div .overlay p {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);font-size: 2vw;font-family: 'Sanchez';/* color: #FFF; */box-sizing: border-box;padding: 6vw;height: 58%;overflow: hidden;}

.planops .units .u1_1 .overlay {background: rgba(255, 187, 32, .75);}
.planops .units .u2_1 .overlay {background: rgba(56, 207, 158, .75);}
.planops .units .u2_2 .overlay {background: rgba(0, 98, 122, .75);color:#FFF;}

.gallery .images>div .overlay {background: rgba(56, 207, 158, .75);color:#FFF;}

.imgmppplt {
    background-image: url('../media/backgrounds/Amenities_Details.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.popupmap input {display: none;margin: 0;}
.popupmap label:nth-of-type(1) {top: 10.2vw;left: 10.5vw;}
.popupmap label:nth-of-type(2) {top: 14vw;left: 49.35vw;}
.popupmap label:nth-of-type(3) {top: 20.4vw;left: 44.6vw;}
.popupmap label:nth-of-type(4) {top: 22.5vw;left: 65.5vw;}
.popupmap label:nth-of-type(5) {top: 27.35vw;left: 59.65vw;}
.popupmap label:nth-of-type(6) {top: 29.3vw;left: 23.7vw;}
.popupmap label:nth-of-type(7) {top: 35.65vw;left: 44.75vw;}
.popupmap label:nth-of-type(8) {top: 31.2vw;left: 81.75vw;}
.popupmap label:nth-of-type(9) {top: 47vw;left: 41vw;}/*
.popupmap input#kitchen1:checked ~ label[for='kitchen1'] p,
.popupmap input#kitchen2:checked ~ label[for='kitchen2'] p,
.popupmap input#kitchen3:checked ~ label[for='kitchen3'] p,
.popupmap input#kitchen4:checked ~ label[for='kitchen4'] p,
.popupmap input#kitchen5:checked ~ label[for='kitchen5'] p,
.popupmap input#kitchen6:checked ~ label[for='kitchen6'] p,
.popupmap input#kitchen7:checked ~ label[for='kitchen7'] p,
.popupmap input#kitchen8:checked ~ label[for='kitchen8'] p,
.popupmap input#kitchen9:checked ~ label[for='kitchen9'] p,
.popupmap input#kitchen1:checked ~ label[for='kitchen1'] .vee_l,
.popupmap input#kitchen2:checked ~ label[for='kitchen2'] .vee_l,
.popupmap input#kitchen3:checked ~ label[for='kitchen3'] .vee_l,
.popupmap input#kitchen4:checked ~ label[for='kitchen4'] .vee_l,
.popupmap input#kitchen5:checked ~ label[for='kitchen5'] .vee_l,
.popupmap input#kitchen6:checked ~ label[for='kitchen6'] .vee_l,
.popupmap input#kitchen7:checked ~ label[for='kitchen7'] .vee_l,
.popupmap input#kitchen8:checked ~ label[for='kitchen8'] .vee_l,
.popupmap input#kitchen9:checked ~ label[for='kitchen9'] .vee_l */
.popupmap label:hover .vee_l,
.popupmap label:hover p {opacity: 1;pointer-events:all;}
.popupmap label {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	padding: .43vw;
	background: #e8ea59;
	border-radius: 50%;
	border: .2vw solid #272F37;
	transform: translate(-50%,-50%);
}

.popupmap label .vee_l {opacity: 0;animation-name: none;transform: scale(1) translate(-50%,-100%);top: -0.05vw;transition: opacity 300ms ease-in-out;}
.popupmap label .vee_l div {border-color: #00627A;}
.popupmap label p {
	opacity: 0;
	pointer-events: none;
	background-color: #00627A;
	color: #FFF;
	display: block;
	position: absolute;
	padding: .6vw .8vw .8vw;
	width: 11.5vw;
	transform: translate(-50%,-100%);
	top: -1.35vw;
	font-family: 'Sanchez';
	font-size: 1.1vw;
	transition: opacity 300ms ease-in-out;
}

.lightBox {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.95);
	pointer-events: none;
	opacity: 0;
	transition: opacity 300ms ease-in-out;
}
.unitModal,
.mainImg {
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 90vw;
	height: 59.25vw;
	max-height: 90vh;
	max-width: 130.78vh;
	overflow: hidden;
}
.mainImg .img_prev,
.mainImg .img_next,
.mainImg .img {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	/* transition: left 500ms ease-in-out; */
}
.mainImg .img_prev {left: -100%;z-index: 2;}
.mainImg .img_next {left: 100%;z-index: 2;}
.vh .mainImg .img>div {bottom: .7275vh;width: 29.1vh;font-size: 2.91vh;}
.mainImg .imgLegend {
	z-index: 3;
	position: absolute;
	bottom: .5vw;
	left: 0;
	right: 0;
	margin: 0 auto;
	/* transform: translateY(120%); */
	text-shadow: 1px 1px 3px rgba(0,0,0,0.75);
	text-align: center;
	width: 20vw;
	color: white;
	font-size: 2vw;
}
.lightBox .nav[data-control="prev"] { left: 0; }
.lightBox .nav[data-control="next"] { right: 0; }
.lightBox .nav {
	z-index: 2;
	position: absolute;
	top: 0;
	height: 100%;
	width: 20%;
	/* background: rgba(0,200,0,0.5); */
	cursor: pointer;
}

.vh .unitModal {padding: 7.395vh;}
.vh .unitModal .plan2D,
.vh .unitModal .plan3D {}
.vh .unitModal .info h2 {font-size: 6.95vh;line-height: 5.22vh;}
.vh .unitModal .info p {margin: .87vh 0 2.61vh;font-size: 3.22vh;}
.vh .unitModal .info h5 {margin: 3.48vh 0 2.175vh 0;font-size: 3.132vh;line-height: 3.132vh;}
.vh .unitModal .info li {font-size: 2.61vh;line-height: 1.2vh;padding: 0.6vh 0;margin: 0 0 1.74vh 3.48vh;}
.vh .unitModal a.button {font-size: 4.18vh;line-height: 4.785vh;padding: 0 6.1vh;bottom: 7.395vh;}
.vh .unitModal a.button:first-of-type, .vh .unitModal a.button:nth-of-type(2) {font-size: 4.18vh;line-height: 4.785vh;bottom: 13.395vh;width: 22.85vh;display: inline-block;}
.vh .unitModal .close {bottom: 3.48vh;right: 4.35vh;width: 11.31vh;height: 3.915vh;font-size: 2vh;padding: .85vh 0 0 4.785vh;}
.vh .unitModal .close img {height: 3.915vh;}
.vh .unitModal .toggle label {font-size: 3.828vh;line-height: 3.828vh;padding: .522vh;width: 15.66vh;}

.unitModal {
	box-sizing: border-box;
	background: #FFBB20;
	width: 90vw;
	height: 51.6vw;
	max-height: 90vh;
	max-width: 154.78vh;
	padding: 4.25vw;
}
.unitModal.u1_1 { background: #FFBB20; }
.unitModal.u2_1 { background: #38cf9e; }
.unitModal.u2_2 { background: #00627A; color: #FFF; }
.unitModal .plan2D,
.unitModal .plan3D {height: calc(100%);width: 51.6%;background: #FFF;background-position: center;background-size: contain;display: none;}

.unitModal #plan3D:checked + .plan3D { display: inline-block; }
.unitModal #plan2D:checked + .plan2D { display: inline-block; }

.unitModal .info {display: inline-block;vertical-align: top;margin-left: 2.75%;}
.unitModal .info h2 {margin: 0;font-weight: 300;font-size: 4vw;line-height: 3vw;}
.unitModal .info h2 span { text-transform: uppercase; }
.unitModal .info p {font-family: 'Sanchez';margin: .5vw 0 1.5vw;font-size: 1.85vw;}
.unitModal .info h5 {margin: 2vw 0 1.1vw 0;font-family: 'Sanchez';font-weight: 700;font-size:1.8vw;line-height:1.8vw;}
.unitModal .info ul {}
.unitModal .info li {font-size: 1.5vw;line-height: 1.1vw;padding: .15vw 0;margin: 0 0 1vw 2vw;}
.unitModal a.button {font-size: 2.4vw;line-height: 2.75vw;padding: 0 3.5vw;position: absolute;bottom: 4.25vw;transition: unset;display: inline-block;text-align: center;}
.unitModal a.button:first-of-type, .unitModal a.button:nth-of-type(2) {bottom 6.25vw;bottom: 7.75vw;padding: 0;width: 13.5vw;background-color:#1E3B47;text-align: center;}
.unitModal a.button:nth-of-type(2) {transform: translateX(calc(100% + .5vw));}
.unitModal a.button:nth-of-type(3) {width: 27.55vw;}

.vh .unitModal a.button:nth-of-type(2) {transform: translateX(calc(100% + 1vh));}
.vh .unitModal a.button:nth-of-type(3) {width: 46.75vh;}

.unitModal .close {
	display: block;
	box-sizing: border-box;
	position: absolute;
	bottom: 2vw;
	right: 2.5vw;
	width: auto;
	height: 2.25vw;
	font-size: 1.2vw;
	font-family: 'Sanchez';
	text-transform: uppercase;
	padding: .35vw 0 0 2.75vw;
	color: #000;
	cursor: pointer;
	text-align: right;
}
.unitModal .close:hover img {
    animation-name: spin;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.unitModal .close img {
	position: absolute;
	height: 2.25vw;
	top: 0;
	left: 0;
}

.unitModal #plan3D:checked ~ .info label[for='plan3D'],
.unitModal #plan2D:checked ~ .info label[for='plan2D'],
.unitModal .toggle label.active,
.unitModal .toggle label:hover { background-color: #272F37; }
.unitModal .toggle label {
	display: inline-block;
	width: 9vw;
	background: #515151;
	font-size: 2.2vw;
	line-height: 2.2vw;
	padding: .3vw;
	text-align: center;
	font-family: 'Sanchez';
	color: #FFF;
	cursor: pointer;
}
.unitModal input {position: absolute;display: none;}

.dominant {opacity: 1; pointer-events: all;}

footer {
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100%;
	background-color: #272F37;
	padding: 2vw 1vw;
}

footer .mainMenu ul { list-style: none; margin: 0; padding: 0; text-align: center;margin-bottom: 1.75vw; }
footer .mainMenu li { margin: 0; padding: 0; display: inline-block; }
footer .mainMenu li:after {content: '\00A0\\';display: inline-block;margin: 0 0.72vw;font-size: 1.7vw;color: #FFBB20;}
footer .mainMenu li:last-child:after { content: ''; }
footer .mainMenu a {
	color: #FFBB20;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'Sanchez';
	letter-spacing: .1vw;
	font-size: 1.5vw;
	margin: 0 .35vw;
	}
footer .mainMenu a:hover,
footer .mainMenu a:active,
footer .mainMenu .selected a { color: #FFF; }

footer .socialLinks ul {list-style: none;margin-bottom: 1.75vw;padding: 0;text-align: center;}
footer .socialLinks li { margin: 0; padding: 0; display: inline-block; }
footer .socialLinks a {color: #38CF9E;font-size: 0;text-decoration: none;}
footer .socialLinks a span {font-size: 2.5vw;margin: 0 .2vw;transition: color 200ms ease-in-out;}
footer .socialLinks a:hover,
footer .socialLinks a:active {color: #FFBB20;}

.fa:before {
	content: '' !important;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 2.25vw;
	width: 2.5vw;
	vertical-align: bottom;
	transition: background 300ms ease;
}
.fa-home:before { background-image: url(../media/svgs/sm_icons/Vireo_Icons_EqualHousing_38CF9E.svg); }
.fa-twitter:before { background-image: url(../media/svgs/sm_icons/Vireo_Icons_Twitter_38CF9E.svg); }
.fa-facebook:before { background-image: url(../media/svgs/sm_icons/Vireo_Icons_Facebook_38CF9E.svg);}
.fa-paw:before { background-image: url(../media/svgs/sm_icons/Vireo_Icons_PetFriendly_38CF9E.svg); }
.fa-google-plus:before {background-image: url(../media/svgs/sm_icons/Vireo_Icons_GooglePlus_38CF9E.svg);}

.fa-home:hover:before { background-image: url(../media/svgs/sm_icons/Vireo_Icons_EqualHousing_FFFFFF.svg); }
.fa-twitter:hover:before { background-image: url(../media/svgs/sm_icons/Vireo_Icons_Twitter_FFFFFF.svg); }
.fa-facebook:hover:before { background-image: url(../media/svgs/sm_icons/Vireo_Icons_Facebook_FFFFFF.svg);}
.fa-paw:hover:before { background-image: url(../media/svgs/sm_icons/Vireo_Icons_PetFriendly_FFFFFF.svg); }
.fa-google-plus:hover:before {background-image: url(../media/svgs/sm_icons/Vireo_Icons_GooglePlus_FFFFFF.svg);}

footer p {margin: 0;padding: 0;text-align: center;color: #FFF;font-size: .96vw;font-family: 'Sanchez';}

.view_more {
    position: absolute;
    display: block;
    opacity: 1;
    width: 4vw;
    height: 9vw;
    bottom: 0vw;
    left: 50%;
    transform: translateX(-50%) scale(0.6);
    z-index: 100;
    transition: opacity 1s ease;
}
.view_more svg {
    width: 4vw;
    height: 9vw;
    }

@keyframes view_more {
    0% {transform: matrix(0.00422519, 0, 0, 0.00422519, 2.07496, 1046.12) translate(0,0) scale(1);}
    5% {transform: matrix(0.00422519, 0, 0, 0.00422519, 2.07496, 1046.12) translate(-40%,-200%) scale(1.8);}
    100% {transform: matrix(0.00422519, 0, 0, 0.00422519, 2.07496, 1046.12) translate(0,0) scale(1);}
}
@keyframes view_more_moz {
    0% {transform: matrix(0.00422519, 0, 0, 0.00422519, 2.07496, 1046.12) translate(0,0) scale(1);}
    5% {transform: matrix(0.00422519, 0, 0, 0.00422519, 2.07496, 1046.12) translate(-3000%,-8000%) scale(1.8);}
    100% {transform: matrix(0.00422519, 0, 0, 0.00422519, 2.07496, 1046.12) translate(0,0) scale(1);}
}

.vee_l {
    display: block;
    overflow: hidden;
    position: absolute;
    height: 1.5vw;
    width: 1.3vw;
    left: 50%;
    transform: translate(-50%,1%);
    /* outline: 1px solid rgba(100,100,0,0.5); */
    /* transition: transform 500ms ease-in-out; */
}
#switch4766-7 {
    animation-name: view_more_moz;
    /* -webkit-animation-name: view_more; */
    animation-duration: 900ms;
    animation-iteration-count: infinite;
}
.vee_l:nth-child(1) {
    left: 50%;
    transform: scale(2) translate(-23.5%,-100%);
    animation-name: view_more;
    animation-duration: 900ms;
    animation-iteration-count: infinite;
    }
.vee_l:nth-child(2) {transform: rotateZ(90deg) translate(59%,-5%);}
.vee_l:nth-child(3) {transform: rotateZ(180deg) translate(50%,-99%);}
.vee_l:nth-child(4) {transform: rotateZ(270deg) translate(-59%,-92%);}
.vee_l div {
    box-sizing: border-box;
    height: 1.4vw;
    width: 1.4vw;
    border-color: #FFF;
    border-width: 0 0 .3vw .3vw;
    border-style: solid;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    transform: rotate(-45deg) skew(-23.3deg, -23.6deg) translate(.42vw,-.29vw);
    /* transition: all 1300ms ease; */
    /* transition-delay: 0ms; */
    box-shadow: 0 0 6px rgba(0,0,0,0.25), inset 0 0 6px rgba(0,0,0,0.25);
}

.vee_s {
    display: block;
    overflow: hidden;
    position: absolute;
    height: 1.5vw;
    width: 1.3vw;
    left: 50%;
    transform: scale(.75) rotate(45deg) translate(7%,29%);
}
.vee_s div {
    box-sizing: border-box;
    height: 1.4vw;
    width: 1.4vw;
    border-color: #FFF;
    border-width: 0 0 .3vw .3vw;
    border-style: solid;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    transform: rotate(-45deg) skew(-23.3deg, -23.6deg) translate(.42vw,-.29vw);
    box-shadow: 0 0 7px rgba(0,0,0,0.3),
    	  inset 0 0 7px rgba(0,0,0,0.3);
}
.vee_s:nth-child(5) {transform: rotateZ(135deg) scale(.75) translate(103%,-72%);}
.vee_s:nth-child(6) {transform: rotateZ(225deg) scale(.75) translate(-9%,-153%);}
.vee_s:nth-child(7) {transform: rotateZ(315deg) scale(.75) translate(-102%,-53%);}

.gm-style .gm-style-iw,
.gm-style .gm-style-iw a {color:#515256;text-align:center;}
.gm-style .gm-style-iw a:nth-of-type(2) {/*font-style:italic;font-family: Lora;*/}
.gm-style .gm-style-iw p,
.gm-style .gm-style-iw h4 {/*font-family:Oswald;color:#FFF;*/}
.gm-style .gm-style-iw h4 {text-transform:uppercase;margin: 5px;}

.gm-style>div>div:nth-of-type(3)>div>div:nth-of-type(4)>div:nth-of-type(1),
.gm-style>div>div:nth-of-type(3)>div>div:nth-of-type(4)>div:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(3)>div>div,
.gm-style>div>div:nth-of-type(3)>div>div:nth-of-type(4)>div:nth-of-type(1)>div:nth-of-type(1)>div:nth-of-type(4) {
	background-color: #515256 !important;
}

@media screen and (max-width: 1024px) {
	header .overlay .center a.vireo {
		display: inline-block;
		width: 38vw;
		height: 26.5vw;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url('../media/svgs/Vireo_Logo_White.svg');
	}
	header .overlay .center h3 {
		font-size: 6.5vw;
		font-weight: 500;
		line-height: 7vw;
		text-transform: uppercase;
		margin-top: 2.5vw;
	}
	header .overlay .center p {
		font-size: 2.75vw;
		font-family: 'Sanchez';
		letter-spacing: .06vw;
	}
}

@media screen and (max-width: 750px) and (orientation: portrait),
screen and (max-width: 460px) {
	.details header, .layouts header, .visuals header, .area header, .contact header, .details .bgvntxt {
		display: block;
		box-sizing: border-box;
		position: relative;
		height: 100vh;
		width: 100%;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		overflow: hidden;
	}
	.details header .v_lines, .layouts header .v_lines, .visuals header .v_lines, .area header .v_lines, .contact header .v_lines, .details .bgvntxt .v_lines {
		padding-right: 100%;
	}
	.index header {}
	.details header {background-image: url('../media/backgrounds/Amenities_Fitness_M.jpg');}
	.details .bgvntxt {background-image: url('../media/backgrounds/Amenities_LivingRoom_M.jpg');}
	.layouts header {background-image: url('../media/backgrounds/FloorPlans_Kitchen_M.jpg');}
	.visuals header {background-image: url('../media/backgrounds/Gallery_ClubroomCove_M.jpg');}
	.area header {background-image: url('../media/backgrounds/Neighborhood_Bike_M.jpg');}
	.contact header {background-image: url('../media/backgrounds/Contact_BuildingExterior_M.jpg');}
	a.vireo_logo {
		top: 6vw;
		left: 6vw;
		width: 35vw;
		height: 24vw;
	}
	header .mainMenu {
		top: 0;
		right: 0;
		width: 80vw;
	}
	header .mainMenu ul:first-of-type {
		margin: 25vw 0 2.5vw 0;
	}
	header label[for='hamburger'] {
		right: 6.5vw;
		top: 6.75vw;
		width: 8.5vw;
		height: 8.5vw;
	}
	header .mainMenu a {
		padding: 1vw 6.5vw;
		font-size: 7vw;
	}
	header .mainMenu a.address, header .mainMenu a.phone {
		font-size: 3vw;
		padding: 0vw 6.5vw;
	}
	header .mainMenu ul:nth-of-type(2) {
		margin-right: 6.5vw;
	}
	header .mainMenu .sm_links li a {
		padding: 0 .35vw;
		font-size: 5vw;
	}
	header .mainMenu .login {
		text-align: right;
		margin-top: 15vw;
	}
	header .mainMenu .login h4 {
		padding: 0;
		font-size: 7vw;
		line-height: 7vw;
	}
	header .mainMenu .login li a {
		padding: 0 6.5vw;
		font-size: 3.1vw;
	}
	header .mainMenu a.button {
		width: 60vw;
		margin: 0 6.5vw 0 0;
		bottom: 6.5vw;
		right: 0;
		left: auto;
	}
    .view_more {
    	transform: translateX(-50%) scale(2.5);
    	bottom: 11.5vw;
    }
    footer {
		padding: 4vw 1vw;
	}
    footer .mainMenu a {
		letter-spacing: .1vw;
		font-size: 4.5vw;
		margin: 0 2.25vw;
	}
	footer .mainMenu li:after {
		margin: 0 0.72vw;
		font-size: 4.25vw;
		line-height: 5.25vw;
		vertical-align: text-bottom;
	}
	footer .mainMenu li:nth-child(3):after {
    	content: '';
	}
	footer .socialLinks ul {
		margin: 3.5vw 0;
	}
	footer .socialLinks a span {
		font-size: 6.5vw;
		margin: 0 .75vw;
	}
	footer p {
		font-size: 1.7vw;
	}


	.index .bgvntxt {
 	   padding-bottom: 95%;
	}
	.ctatxtnprlx {
		height: auto;
		padding: 10vw 0;
	}
	.ctatxtnprlx h3 {
		font-size: 8.35vw;
		line-height: 7.75vw;
		width: 70vw;
		margin: 0 auto;
	}
	.ctatxtnprlx p {
		font-size: 4.5vw;
		width: 80vw;
		margin: 0 auto 5vw;
	}
	.ctatxtnprlx a.button {
		font-size: 6vw;
		padding: 0 10vw;
	}
	.index .formvntxt.ap51 {
		height: auto;
		padding-bottom: 0;
	}
	.formvntxt .padding h3 {
		width: auto;
		font-size: 6.5vw;
	}
	.formvntxt .padding label {
		width: 69vw;
		font-size: 4.5vw;
		line-height: 5vw;
		margin: 2.2vw 0 15.5vw 4.5vw;
	}
	.formvntxt .padding label:before {
		top: .95vw;
		left: -4.35vw;
		width: 1.8vw;
		height: 1.8vw;
		border-radius: 50%;
		border-width: 0.5vw;
	}
	.formvntxt .padding input:checked + label span {
		width: 68vw;
		font-size: 4vw;
		line-height: 4.25vw;
		top: 11vw;
		left: 2.25vw;
	}
	.formvntxt .contactForm input[type="text"] {
		width: 81vw;
		padding: 0.55vw 0;
		font-size: 3.5vw;
		margin: 0 auto 2.75vw auto;
	}
	.index .formvntxt .contactForm span.icon_spin {
		left: -68vw;
	}

	.index .formvntxt .contactForm input[type="button"] {
		padding-left: 12.6vw;
	}
	.index .contactInfo {
		position: relative;
		top: unset;
		right: unset;
		width: 100%;
		height: 0;
		padding-bottom: 90%;
		padding-left: 9%;
	}
	.contactInfo .details:before {
		transform: translateY(-119%);
		top: 0;
		left: 0vw;
		width: 42vw;
		height: 29.25vw;
		background-size: contain;
	}
	.contactInfo .details .address {
		width: 46vw;
		font-size: 4.5vw;
		line-height: 5vw;
	}
	.contactInfo .details a {
		width: 20vw;
		font-size: 4.5vw;
	}
	.contactInfo .details ul {
		position: absolute;
		width: 49vw;
		top: -.75vw;
		left: 45vw;
		bottom: unset;
	}
	.contactInfo .details ul>li {
		font-size: 4.2vw;
		line-height: 5vw;
		margin: .75vw 0;
	}
	.contactInfo .details {
		transform: translatex(100vw);
		top: 43vw;
		left: 0;
	}
	.txtvrlyfdgal li {
		width: 100%;
		padding-bottom: 84%;
	}
	.txtvrlyfdgal li a span.overlay {
		padding: 14vw 7vw;
		font-size: 7.65vw;
	}
	.area .txtvrlyfdgal li a span.overlay {
		font-size: 7.75vw;
		padding: 13vw 7vw;
		line-height: 8.5vw;
	}
	.area .txtvrlyfdgal li a span.overlay:after {
		bottom: 13vw;
	}
	.locationLinks {margin: 10vw 0;}
	.locationLinks a {font-size: 4.5vw;font-weight: 300;}
	.txtvrlyfdgal li a span.overlay:after {
		font-size: 4.5vw;
		bottom: 16vw;
		left: 7vw;
	}

	.txtnttl {
		padding: 10.75vw 0 13vw;
	}
	.contact .txtnttl {
	    padding: 13.75vw 0 15vw;
	}
	.visuals .txtnttl h3 {margin-bottom: 8vw;}
	.visuals .txtnttl h4 {color: #F02759;}
	.index .txtnttl h4,
	.layouts .txtnttl h4 {color: #38cf9e;}
	
	div.level_maps.show ~ .controls {top: 54%;background-position: 0 5.5vw;background-size: 97%;}

	.controls {}
	.controls .return {
		top: -4.25vw;
		width: 10.5vw;
		height: 4vw;
		font-size: 2vw;
		padding: 0.75vw 0 0 5vw;
	}
	.controls .return img { height: 4vw; }
	.controls {
		top: 3vw;
		left: 2.5vw;
		font-size: 3.8vw;
		width: 31vw;
	}
	.hotspots .text {
		margin: 15vw 0;
	}
	.planops .text {
		margin: 14vw 0 8vw;
		padding: 0 10vw;
	}
	.hotspots h5, .planops h5 {font-size: 8.75vw;height: 9.75vw;}
	.hotspots span, .planops span {font-size: 5vw;margin: .5vw 0 0;}
	.planops span:after {content: '';margin: 0;}
	
	.contact .bgvntxt.ap51,
	.gmap.ap51 {
		padding-bottom: 100%;
	}
	
	.txtnttl h3 {
		font-size: 8vw;
		height: 9.75vw;
		transform: scale(1.15);
		text-align: center;
	}
	.index .txtnttl h3 {
		margin-bottom: 8vw;
	}
	.txtnttl h3 span {display: table;width: 100%;margin: 0;padding: 0;line-height: 4.5vw;text-align: center;}
	.contact .txtnttl h4 {
		width: 64vw;
		margin: 0 auto;
	}
	.contact .formvntxt .contactForm input[type="text"] {
		display: inline-block;
		margin: 0 1vw 1.75vw 1vw;
		width: 81vw;
		padding: 0.55vw 0;
		font-size: 3.5vw;
	}
	.formvntxt .contactForm input[type="button"] {
		padding-left: 9.6vw;
		height: 9.1vw;
		font-size: 5vw;
		text-align: left;
		margin: 2.5vw 0 0 !important;
		width: 70vw;
	}
	.formvntxt .contactForm span.icon_spin {
		height: 9vw;
		width: 9vw;
		left: -71vw;
		top: 1.6vw;
	}
	.formvntxt .contactForm .onSuccess {
		display: block;
		font-size: 4vw;
		width: 81vw !important;
		margin: 2vw auto 0;
	}
	
	.txtnttl h4 {
		margin: 0 0 4.6vw;
		font-size: 4.8vw;
		font-weight: 500;
	}
	.area .txtnttl h4 span {
		width: 6vw;
	}
	.txtnttl h4 img {
		height: 9.5vw;
		transform: translateY(3.2vw);
		display: inline-block;
		margin: 0 3vw;
	}
	.txtnttl p:last-child { margin-bottom: 0; }
	.txtnttl p {
		margin-bottom: 7vw;
		font-size: 4.5vw;
		line-height: 6vw;
		width: 83vw !important;
	}

	.hslide.visible { height: 48vw; }
	.mainImg .imgLegend {
		font-size: 3.5vw;
	}
	.gallery .images>div, .planops .units>div, .gallery .image {
		width: 50%;
		height: 48vw;
	}
	.gallery .images>div .overlay p, .planops .units>div .overlay p {
		box-sizing: border-box;
		font-size: 4.25vw;
		padding: 7vw;
	}

	.imgmppplt {overflow:visible;}
	.popupmap label {
		padding: .65vw;
		border: 0.5vw solid #272F37;
	}
	.popupmap label:nth-of-type(1) {top: 10.2vw;left: 10.5vw;}
	.popupmap label:nth-of-type(2) {top: 13.5vw;left: 47.35vw;}
	.popupmap label:nth-of-type(3) {top: 20.4vw;left: 43vw;}
	.popupmap label:nth-of-type(4) {top: 22.5vw;left: 62.5vw;}
	.popupmap label:nth-of-type(5) {top: 26.35vw;left: 57.65vw;}
	.popupmap label:nth-of-type(6) {top: 28.5vw;left: 23.7vw;}
	.popupmap label:nth-of-type(7) {top: 34.65vw;left: 42.75vw;}
	.popupmap label:nth-of-type(8) {top: 31vw;left: 80vw;}
	.popupmap label:nth-of-type(9) {top: 47vw;left: 41vw;}

	.popupmap label .vee_l {
		transform: scale(2.5) translate(-0.225vw,-1.5vw);
		top: 0.95vw;
	}
	.popupmap label p {
		padding: 1vw 1.4vw 1.6vw;
		width: 22.5vw;
		transform: translate(-50%,-100%);
		top: -3.25vw;
		font-size: 1.75vw;
	}

	.unitModal {
		width: 90vw;
		height: 97vh;
		max-height: 152vw;
		max-width: 50.75vh;
		padding: 4vw;
	}
	.unitModal .plan2D, .unitModal .plan3D {
		margin-top: 36.5vw;
		width: 100%;
		height: 82vw;
	}
	.unitModal .info {
		position: absolute;
		top: 3vw;
		left: 4vw;
		margin: 0;
	}
	.unitModal .info h2 {
		font-size: 9vw;
		line-height: 9vw;
	}
	.unitModal .info p {
		margin: 0.5vw 0 2.5vw;
		font-size: 4.85vw;
		line-height: 5.5vw;
	}
	.unitModal .toggle label {
		width: 28vw;
		font-size: 7.2vw;
		line-height: 7.2vw;
		padding: 0.3vw;
		margin-right: 0.5vw;
	}
	.unitModal .info h5,
	.unitModal .info ul { display: none; }
	.unitModal a.button:first-of-type, .unitModal a.button:nth-of-type(2) {bottom: -93.75vw;width: 40.75vw !important;}
	.unitModal a.button {
		position: absolute;
		left: 0;
		bottom: -103.75vw;
		font-size: 7vw;
		line-height: 8vw;
		padding: 0 8.5vw;
		width: 82vw !important;
	}
	.unitModal .close {
		bottom: 3.5vw;
		right: 18.5vw;
		width: 6.5vw;
		height: 4.25vw;
		font-size: 4.5vw;
		line-height: 4.4vw;
		padding: 1.2vw 0 0 7.5vw;
	}
	.unitModal .close img {height: 6.5vw;}

	.blurb {
		bottom: 0;
		width: 89.5vw;
		height: 93.5vw;
	}
	.blurb a {font-size: 5vw;padding: 0.5vw 9vw;}
	.blurb a img {height: 7.5vw;}

	.visuals .blurb {height: 65.5vw;}
	.area .blurb {margin-top: 23vw;}
	.layouts .blurb {width: 86.5vw;height: 74.5vw;}
	.details .blurb.rtl {height: 80.5vw;}
	.blurb.rtl {width: 78.5vw;right: 3vw;}
	
	.blurb h3 {margin-top: 7vw;font-size: 11vw;line-height: 11vw;width: 100% !important;}
	.layouts .blurb h3 {width: 80% !important;}
	.blurb p:first-of-type {margin-top: 2.75vw;}
	.area .blurb p, .layouts .blurb p, .details .blurb p {font-size: 4.5vw;line-height: 6.5vw;}
	.area .blurb h3:first-of-type,
	.visuals .blurb h3:first-of-type,
	.layouts .blurb h3:first-of-type,
	.details .blurb h3:first-of-type {padding: 0.5vw 2.6vw;margin: 0;}
	.details .blurb sub {font-size: 3.3vw;line-height: 3.3vw;}
	
	.index .bgvntxt .v_lines {height: 100%;width: 0;padding-right: 75.3%;}
	.index .formvntxt .v_lines {height: 100%;width: 0;padding-right: 71.5%;}
	.contactInfo .v_lines,
	.v_lines {height: 100%;padding-right: 70%;}
	.v_lines .vee {}
	.contactInfo {
		padding-left: 9%;
		width: 100%;
	}
	header .overlay .center a.vireo {
		display: inline-block;
		width: 13.75rem;
		height: 9.5rem;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url('../media/svgs/Vireo_Logo_White.svg');
	}
	header .overlay .center h3 {
		font-size: 10.5vw;
		font-weight: 500;
		line-height: 13vw;
		text-transform: uppercase;
		margin-top: 3.5vw;
	}
	header .overlay .center p {
		font-size: 4.75vw;
		font-family: 'Sanchez';
		letter-spacing: .06vw;
	}
}