@import url(/css/reset.css);
@import url(/css/text.css);
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
html {
	height:100%
}
body {
	font: 14px/20px "ITC Avant Garde Gothic W01 Bk", Arial, sans-serif;
	color: #3c3c3b;
	background: #fff url(/img/ui/bg.gif) repeat-x top center;
	height:100%;
}

.resizeimg {max-width: 100%;height: auto;}

.animatein {visibility:hidden}

.flexmiddle {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
}

b {font-family:"ITC Avant Garde Gothic W01 Bd", Arial, sans-serif;font-weight:normal}

h2 {font-size:30px;line-height:36px;margin-bottom:40px;font-family:"ITC Avant Garde Gothic W01 Dm", Arial, sans-serif;font-weight:normal}
h2 span {color:#e44b11}
.orange {color:#e44b11}
h3 {font-size:20px;line-height:24px;margin-bottom:10px;font-family:"ITC Avant Garde Gothic W01 Dm", Arial, sans-serif;font-weight:normal}
.bigheading {font-size:6em;line-height:1.1em}
.bold {font-family:"ITC Avant Garde Gothic W01 Bd", Arial, sans-serif}

.siteframe {width:100%;overflow-x:hidden;
-webkit-transition: width 0.2s ease-out, margin 0.2s ease-out;
  -moz-transition: width 0.2s ease-out, margin 0.2s ease-out;
  -o-transition: width 0.2s ease-out, margin 0.2s ease-out;
  transition: width 0.2s ease-out, margin 0.2s ease-out;}
.siteholder {width:calc(100% - 40px);margin-left:40px;
-webkit-transition: width 0.2s ease-out, margin 0.2s ease-out;
  -moz-transition: width 0.2s ease-out, margin 0.2s ease-out;
  -o-transition: width 0.2s ease-out, margin 0.2s ease-out;
  transition: width 0.2s ease-out, margin 0.2s ease-out;}


.hideslide {display:none !important}

.sitesection {width:100%;position:relative}
.fullheight {min-height:100vh}
.sitesection .sectionbg {position:absolute;width:100%;height:100%;background:50% 50% no-repeat;background-size:cover;z-index:-1}
.sectionbg .slide {width:100%;height:100%;background:50% 50% no-repeat;background-size:cover}
.sectionbg .slide p {position:absolute;bottom:20px;left:20px;color:#fff;text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);margin:0}

.topmargin {margin-top:40px}
.topoffset {position:relative;top:-40px;padding-top:40px;margin-bottom:-40px}

.bigtopoffset {position:relative;top:calc((100vw / 4) * -1);padding-top:calc((100vw / 4) * -1);margin-bottom:calc((100vw / 4) * -1)}
.bigtopoffset h2 {margin-top:calc((100vw / 8) - 80px)}

.piccell {background: top left no-repeat; background-size:60px auto;padding-top:80px;margin-bottom:20px}


.sectioncell {position:relative;width:calc(100% / 8);min-height:calc(100vw / 8);float:left;background:50% 50% no-repeat;background-size:cover}
.sectioncell.twowide {width:calc(100% / 4)}
.sectioncell.fifthwide {width:calc(100% / 5)}
.sectioncell.threewide {width:calc((100% / 8) * 3)}
.sectioncell.fourwide {width:calc(100% / 2)}
.sectioncell.fivewide {width:calc((100% / 8) * 5)}
.sectioncell.sixwide {width:calc((100% / 8) * 6)}
.sectioncell.sevenwide {width:calc((100% / 8) * 7)}
.sectioncell.eightwide {width:100%}

.sectioncell.twohigh {min-height:calc(100vw / 4)}
.sectioncell.threehigh {min-height:calc((100vw / 8) * 3)}
.sectioncell.fourhigh {min-height:calc(100vw / 2)}
.sectioncell.fivehigh {min-height:calc((100vw / 8) * 5)}
.sectioncell.sixhigh {min-height:calc((100vw / 8) * 6)}
.sectioncell.sevenhigh {min-height:calc((100vw / 8) * 7)}
.sectioncell.eighthigh {min-height:100vw}

.sectioncell.twooffset {margin-left:calc(100% / 4)}
.sectioncell.threeoffset {margin-left:calc((100% / 8) * 3)}
.sectioncell.fouroffset {margin-left:calc(100% / 2)}
.sectioncell.fiveoffset {margin-left:calc((100% / 8) * 5)}
.sectioncell.sixoffset {margin-left:calc((100% / 8) * 6)}
.sectioncell.sevenoffset {margin-left:calc((100% / 8) * 7)}
.sectioncell.eightoffset {margin-left:100%}

.greycell {background:#d4d3cf;color:#3c3c3b}
.midgreycell {background:#7c7b7b;color:#fff}
.darkgreycell {background:#3c3c3b;color:#d4d3cf}
.sectioncell.yellowcell {background:#ffea00;mix-blend-mode:multiply}
.sectioncell.yellowcellnomult {background:#ffea00;color:#3c3c3b}

.sectioncell .padding {padding:40px}
.sectioncell.nobottommargin {min-height:auto}
.sectioncell.nobottommargin .padding {padding-bottom:0}
.sectioncell.nobottommargin .padding h2 {margin:0}

.bigtext {font-size:20px;line-height:24px}

.line {height:1px;margin:0 40px;width:calc(100% - 80px);background:#1d1d1b}

/**** nav ****/
.menuholder {width:40px;height:100vh;position:fixed;top:0;left:0;
-webkit-transition: width 0.2s ease-out;
  -moz-transition: width 0.2s ease-out;
  -o-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;}
.menubar {width:40px;height:100vh;background:#ffea00;position:absolute;top:0;right:0;z-index:100}

.menu {overflow:hidden;width:100%;height:100vh;background:#fff;font-family:"ITC Avant Garde Gothic W01 Bd", Arial, sans-serif;}
.menu ul {margin:0;padding:0;list-style-type:none;width:100%;font-size:20px;line-height:28px}
.menu ul li {margin:0 0 10px 40px;padding:0}
.menu ul li a {color: #1d1d1b;text-decoration:none}
.menu ul li a:hover {text-decoration:underline}
/*.menu ul li a.active {color:#e44b11}*/

.downarrow {position:absolute;bottom:0;left:0;width:40px;height:40px;background:url(../img/ui/downarrow.svg) 50% 50% no-repeat;background-size:50%}

.navbutton {position:absolute;top:0;right:0;width:12px;height:20px;padding:14px;display:block;z-index:1100;cursor:pointer;cursor:hand;background:none}
.menuicon, .closeicon {width:20px;height:22px;position:relative}
.menuicon span {width:12px;height:1px;background:#1d1d1b;position:absolute;top:8px}
.menuicon span:before {content:'';display:block;background:#1d1d1b;width:12px;height:1px;position:absolute;top:-4px}
.menuicon span:after {content:'';display:block;background:#1d1d1b;width:12px;height:1px;position:absolute;top:4px}

.closeicon span {width:0px;height:0px;background:#1d1d1b;position:absolute;top:8px}
.closeicon span:before {content:'';display:block;width:12px;height:1px;background:#1d1d1b;position:absolute;top:0px;-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);}
.closeicon span:after {content:'';display:block;width:12px;height:1px;background:#1d1d1b;position:absolute;top:0px;
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari */
    transform: rotate(-45deg);}

.closeicon {display:none}
.menuopen .navholder {right:0}

.menuopen .menuholder {width:calc(25% + 40px)}
.menuopen .siteholder {margin-left:calc(25% + 40px)}


/* #Page Styles
================================================== */

/**** home ****/

.homemask {width:200px;height:200px;float:right;margin:40px;overflow:hidden}
.homeinfo {width:200px;height:200px;float:right;margin:0px;background:rgba(255,255,255,0.5);position:relative;text-align:right;display:flex;flex-direction:row;align-items:center}
.homeinfo:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#d4d3cf;}
.homeinfo .logo {position:relative;z-index:1;margin:20px;width:calc(100% - 40px)}
.homeinfo .hometext {position:absolute;bottom:40px;right:40px;text-align:right;font-size:20px;line-height:24px}
.homefoottext {position:absolute;bottom:0;right:0;width:calc(100% - 80px);z-index:1;padding:40vh 40px 40px 40px;font-size:24px;line-height:30px;text-align:right;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.6+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */}
.homefoottext span {font-family:"ITC Avant Garde Gothic W01 Dm";font-size:2em;line-height:1.1em;display:inline-block;margin-bottom:20px}

/**** building ****/
.gallery {width:100%;height:100vh;position:relative}
.gallery .slide {width:100%;height:100vh;background:50% 50% no-repeat;background-size: cover}
.cycle-prev, .cycle-next {display:block;cursor:pointer;cursor:hand;position:absolute;width:40px;height:40px;z-index:500;background:50% 50% no-repeat;background-size:25%}
.cycle-prev {background-color:#fff;position:absolute;bottom:0;right:40px;background-image:url(../img/ui/leftarrow.svg)}
.cycle-next {background-color:#ffea00;position:absolute;bottom:0;right:0px;background-image:url(../img/ui/rightarrow.svg)}

.cgi-caption {
	position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  margin: 0;
  z-index:2000
}

.cgi-caption.captionright {left:auto;right:20px}

.videobutton {background:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:10px;color:#e34b11;font-family:"ITC Avant Garde Gothic W01 Bd", Arial, sans-serif;text-decoration:none;font-size:18px;width:180px;margin-top:40px}
.videobutton:before {content:'';width:40px;height:40px;background:50% 50% no-repeat url("../img/content/building/icons/play.svg");background-size:contain;margin-right:15px}
.videobutton span {color:#1d1d1b}
.videobutton:hover {text-decoration:underline}

/**** location ****/
.traveltable {width:100%}
.traveltable td {padding:0 10px 0 0}

/**** availability ****/
.areas {display: flex;}

.availabletable {width:100%;}
.availabletable td {padding:10px 4px;vertical-align:top;border-bottom:1px solid #fff;}
.availabletable tr td:last-child {border-right:0}
.availabletable img {max-height:60px;max-width:160px}
.availabletable thead {}
.availabletable thead td {font-family:"ITC Avant Garde Gothic W01 Bd", Arial, sans-serif}
.availabletable .available td {font-family:"ITC Avant Garde Gothic W01 Bd", Arial, sans-serif}

.availabilityicons {padding:40px 30px}
.icon {width:100%;font-family:"ITC Avant Garde Gothic W01 Dm", Arial, sans-serif;margin-bottom:30px;text-transform: uppercase;font-size:1.5em;position:relative}
.icon:after {content:'';display:block;background:#ffea00;width:5px;height:180px;position:absolute;right:0;top:calc(100% - 20px)}
.icon.noborder:after {display:none}
.icon .pic {width:100%;height:80px;background:bottom left no-repeat;background-size:contain;margin-bottom:20px}

.spec li {margin-bottom:10px;padding-right:30px;list-style-type: none;margin-left:0}
.spec li:after {content:'-';display: block;line-height:0.8em;margin-bottom:-0.3em}
.spec li:last-child:after {display:none}

.plan-swap a {color:#e44b11;cursor:pointer;cursor:hand}
.plan-swap .highlight {text-decoration:underline}

.planslider {width:100%;height:100%}
.planslider .slide {width:100%;height:100%;position:relative;}
.planslider .slideinner {width:100%;height:100%;display:flex;align-items:center;justify-content: center;position:relative;}

.planslider .floorlabel {position:absolute;top:0;left:0;box-sizing: border-box;padding:20px;display:flex;align-items:flex-end;width:100%;justify-content: space-between;font-family:"ITC Avant Garde Gothic W01 Bd", Arial, sans-serif}
.planslider .floorname {font-size:4em;line-height:1em}
.planslider .floorsize {font-size:1.5em;line-height:1em;letter-spacing:0.05em}
.planslider img {max-width:80%}
.floorkey {padding:20px;position:absolute;bottom:0;left:0;margin:0;list-style-type: none;display:flex;}
.floorkey li:before {content:'';display:inline-block;width:1em;height:1em;display:inline-block;margin-right:5px;background:#ffea00}
.floorkey li.suite2:before {background:#fff4a0}


/**** downloads ****/
.downloadbar {display:block;text-align:center;font-size:30px;line-height:30px;text-decoration:none;padding:40px 0;font-family:"ITC Avant Garde Gothic W01 Bd", Arial, sans-serif;background:#ffea00;color:#1d1d1b}
.downloadbar span {color:#e44b11}
.downloadbar.alt {background:#e44b11;color:#1d1d1b}
.downloadbar.alt span {color:#ffea00}

.downloadbar:hover, .downloadbar.alt:hover {color:#ffea00;background:#1d1d1b}
.downloadbar:hover span, .downloadbar.alt:hover span {color:#ffea00}

/**** contact ****/
/*.contact {padding-bottom:80px}*/
.contact a {color:#fff}
a.agentlogo {display:block;height:60px;background:bottom left no-repeat;margin-bottom:20px;max-width:200px}
.misrep {margin-top:80px;font-size:11px;line-height:13px}


/****************************************************
* Misc
****************************/
/*hide social stuff and headings on prettyphoto*/
.ppt {display:none !important}
.pp_social {display:none !important}
.pp_description {display:none !important}

.smallText { font-size: 11px; }
.smallprint {
	font-size: 11px;
	color: #BBBDC0;
}
.smallprint a { color: #BBBDC0; }
.padTop { margin-top: 30px; }
.largeText { font-size: 13px; }

.superscript {vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;}
.subscript {vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: 0.4em;}

.vmiddle {position: relative;top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);}

.caps {text-transform:uppercase;letter-spacing:0.1em}
.num {text-align:right}


.revealOnScroll.fadeInUp {
  opacity: 0;
}

/**** slicknav ****/
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 767px) {
	#nav {
		display:none;
	}

	.slicknav_menu {
		display:block;z-index:1000;position:fixed;top:0;right:0;padding:0;width:100%;height:0;
	}
	.slicknav_menu .vmiddle {position: relative;top: 0;  -webkit-transform: translateY(0);  -ms-transform: translateY(0);  transform: translateY(0);}
	.slicknav_menu .logo {display:none}
	.slicknav_btn {margin:0;background:#666666;position:fixed;top:30px;right:30px;border-radius:0;padding:8px 5px 8px 5px;height:35px;z-index:600}
	.slicknav_menu .slicknav_menutxt {font-family:"Lato", Arial, Helvetica, sans-serif;letter-spacing:0.1em;color:#fff;text-shadow:none;font-weight:300}
	.slicknav_menu .slicknav_icon {width:30px}
	.slicknav_menu .slicknav_icon-bar {background-color:#aaaaaa;box-shadow:none;height:3px;width:30px;margin:5px 0;transition:0.2s;opacity:1;position:relative}
	.slicknav_menu .slicknav_icon-bar:nth-of-type(1) {margin-top:0}
	.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-of-type(1) {opacity:1;transform: rotate(45deg);top:8px}
	.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-of-type(2) {opacity:0;transform: rotate(-135deg);}
	.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-of-type(3) {opacity:1;transform: rotate(-45deg);top:-8px}
	.slicknav_btn:hover .slicknav_icon-bar {background-color:#fff}
	.slicknav_nav {width:100%;background:#fff}
	.slicknav_nav a {color:#fff;display:inline-block;padding:8px 0;width:auto;margin:0}
	.slicknav_nav ul {margin:0}
	.slicknav_nav li {margin:0 !important;text-align:center;text-transform:uppercase;letter-spacing:0.1em}
	.slicknav_nav a:hover {text-decoration:underline}

	.slicknav_nav {background:#383737}
}

/* #Media Queries
================================================== */

	/* biggest desktop */
	@media only screen and (max-width: 1230px) {}

	/* bigger desktop */
	@media only screen and (max-width: 1229px) {


}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width:1099px) {
		a.agentlogo {background-size:contain}

		.sectioncell .padding {padding:20px}


}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

		body {font-size:12px;line-height:16px}
		
		
		
		.bigtext {font-size:14px}
		.homemask {width:calc(100vw - 120px);height:calc(100vw - 120px)}
		/*.homeinfo {width:calc(100vw - 120px);height:calc(100vw - 120px)}*/

		.bigheading {font-size:4em}
		.traveltable {font-size:12px}
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.sectioncell, .sectioncell.twowide, .sectioncell.fifthwide, .sectioncell.threewide, .sectioncell.fourwide, .sectioncell.fivewide, .sectioncell.sixwide, .sectioncell.sevenwide, .sectioncell.eightwide {width:100%}
		
		.sectioncell.twohigh {min-height:30vh}
		.sectioncell.fourhigh {min-height:40vh}

		.bigtopoffset {position:relative;top:calc((100vw / 8) * -1);padding-top:calc((100vw / 8) * -1);margin-bottom:calc((100vw / 8) * -1)}

		.menuopen .menuholder {width:calc(100%)}
		.menuopen .siteholder {margin-left:calc(100%)}

		.homeinfo .logo {margin:10px;width:160px}
		.homeinfo .hometext {position:absolute;bottom:10px;right:10px;text-align:right;font-size:12px;line-height:16px}

		.availabilityicons .icon {margin:10px;width:calc((100% / 2) - 20px);float:left;text-align:center}
		
		.gallery, .gallery .slide {height:40vh}
		.areas {flex-direction:column}
		.planslider {height:50vh}
		.icon:after {display:none}

}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.homemask {width:calc(100vh - 120px);height:calc(100vh - 120px)}
		/*.homeinfo {width:calc(100vh - 120px);height:calc(100vh - 120px)}*/
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=7dce4bd1-9f62-45d9-b621-039e4158d5d3");
    @font-face{
        font-family:"ITC Avant Garde Gothic W01 Bk";
        src:url("/Fonts/07413afc-2280-4cfc-8860-184839a93fa4.eot?#iefix");
        src:url("/Fonts/07413afc-2280-4cfc-8860-184839a93fa4.eot?#iefix") format("eot"),url("/Fonts/6f1146c0-9c0b-4949-866d-9affc396531f.woff2") format("woff2"),url("/Fonts/2c50f982-bb73-4891-8d0e-587c1136c2e5.woff") format("woff"),url("/Fonts/abf065fe-a1ab-4013-8c49-45ce7f8ac828.ttf") format("truetype"),url("/Fonts/33f16cdf-c09a-4344-89ce-e17a5ecf4664.svg#33f16cdf-c09a-4344-89ce-e17a5ecf4664") format("svg");
    }
 	@font-face{
        font-family:"ITC Avant Garde Gothic W01 Dm";
        src:url("/Fonts/38de0cc0-acad-43e5-b0d6-87171c0915f7.eot?#iefix");
        src:url("/Fonts/38de0cc0-acad-43e5-b0d6-87171c0915f7.eot?#iefix") format("eot"),url("/Fonts/8bfba692-98b4-401d-b187-205f59d508cf.woff2") format("woff2"),url("/Fonts/29cf02ec-9cbf-449b-abff-06b4ab9b1cc0.woff") format("woff"),url("/Fonts/d35364ca-710c-4712-8aed-068488f4fdc1.ttf") format("truetype");
    }
    @font-face{
        font-family:"ITC Avant Garde Gothic W01 Bd";
        src:url("/Fonts/7882e98f-91dc-4562-9ae7-89142461ea7d.eot?#iefix");
        src:url("/Fonts/7882e98f-91dc-4562-9ae7-89142461ea7d.eot?#iefix") format("eot"),url("/Fonts/4cadb55f-822a-4a35-8918-becfc5a866a3.woff2") format("woff2"),url("/Fonts/af007af5-dcfa-465a-a278-47ab3eb9a589.woff") format("woff"),url("/Fonts/9a9365bb-bc37-4768-8d00-df0bdf405665.ttf") format("truetype"),url("/Fonts/4443cc42-374b-40e5-968c-b29f549f0835.svg#4443cc42-374b-40e5-968c-b29f549f0835") format("svg");
    }