body {
	background-color: #ffffff;
	text-align: center;
	margin: 0px;
    padding: 0px;
    min-width: 2160px;
    min-height: 3840px;
    overflow-x: hidden;

    opacity: 0;
    transition: opacity 2s;
    -webkit-transition: opacity 2s; /* Safari */

    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}





/* CONTENT */

:link img {
	border: none;
}

:visited img {
	border: none;
}

a:focus {
    outline:0;
}

a:active,
a:hover {
    outline: 0;
}

textarea:focus, input:focus, select:focus {
    outline: 0;
}

.clear {
    content:'';
    display: block;
    clear: both;
}

.absolute-center {
    top: 50%;
    width: 100%;
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;

    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.button {
	padding: 0px;
    text-align: left;
}

.button a {
    font-family: 'Karla', sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 1;
    letter-spacing: 1px;
	padding: 18px 70px 18px 0px;
    margin: 0px 0px 28px 0px;
    color: #5ed575;
    display: inline-table;
    position: relative;
    background-image: url('/images/arrow-green-right.svg');
	background-repeat: no-repeat;
	background-position: center right;
    background-size: 58px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}

.button a:hover {
    padding: 18px 80px 18px 0px;
    text-decoration: none;
}

.spacer-small {
    max-width: 100%;
    display: block;
	padding: 20px 0px 0px 0px;
}

.spacer-medium {
    max-width: 100%;
    display: block;
	padding: 40px 0px 0px 0px;
}

.spacer-medium {
    max-width: 100%;
    display: block;
	padding: 65px 0px 0px 0px;
}

.center {
	text-align: center !important;
}

.no-visibility {
    visibility: hidden;
}

.full-width {
    width: 100%;
    max-width: 100% !important;
}

hr {
    width: 30%;
    text-align: left;
	margin: 10px 0px 44px 0px;
	padding: 0px 0px 0px 0px;
    border-top: 1px solid #c8c8c8;
}

p {
    font-family: 'Karla', sans-serif;
	font-size: 18px;
	color: #838592;
	line-height: 1.8;
	text-align: left;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}

p a:link, ul li a:link, ol li a:link {text-decoration: none; color: #12cd69;}
p a:visited, ul li a:visited, ol li a:visited {text-decoration: none; color: #12cd69;}
p a:hover, ul li a:hover, ol li a:hover {text-decoration: none; color: #518ef9; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in;}
p a:active, ul li a:active, ol li a:active {text-decoration: none; color: #12cd69;}

h1 {
    font-family: 'Karla', sans-serif;
	font-size: 36px;
	text-align: left;
	line-height: 1.2;
	padding: 0px 0px 28px 0px;
    color: #070a26;
	margin: 0px;
    word-wrap: break-word;
}

h2 {
    font-family: 'Karla', sans-serif;
	font-size: 32px;
	text-align: left;
	line-height: 1.2;
	padding: 2px 0px 26px 0px;
    color: #070a26;
	margin: 0px;
    word-wrap: break-word;
}

h3 {
    font-family: 'Karla', sans-serif;
	font-size: 28px;
	text-align: left;
	line-height: 1.2;
	padding: 2px 0px 24px 0px;
    color: #070a26;
	margin: 0px;
    word-wrap: break-word;
}

h4 {
    font-family: 'Karla', sans-serif;
	font-size: 24px;
	text-align: left;
	line-height: 1.2;
	padding: 2px 0px 22px 0px;
    color: #070a26;
	margin: 0px;
    word-wrap: break-word;
}

h5 {
    font-family: 'Karla', sans-serif;
	font-size: 20px;
	text-align: left;
	line-height: 1.2;
	padding: 2px 0px 20px 0px;
    color: #070a26;
	margin: 0px;
    word-wrap: break-word;
}

h6 {
    font-family: 'Karla', sans-serif;
	font-size: 17px;
	text-align: left;
	line-height: 1.2;
	padding: 2px 0px 16px 0px;
    color: #070a26;
	margin: 0px;
    word-wrap: break-word;
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link {text-decoration: none; color: #070a26;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited {text-decoration: none; color: #070a26;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {text-decoration: none; color: #518ef9; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in;}
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active {text-decoration: none; color: #070a26;}

ul {
    font-family: 'Karla', sans-serif;
	font-size: 18px;
	color: #838592;
	line-height: 1.7;
	text-align: left;
	margin: 0px;
	padding: 2px 0px 16px 0px;
}

ul li {
    list-style-type: none;
    padding: 0px 0px 18px 24px;
    margin: 0px 0px 0px 0px;
    background-repeat: no-repeat;
    background-position: 0px 10px;
    background-size: 10px;
    text-align: left;
}

ul ul {
	padding: 10px 0px 0px 0px;
    margin-bottom: -6px;
}

ol {
    font-family: 'Karla', sans-serif;
	font-size: 18px;
	color: #838592;
	line-height: 1.7;
	text-align: left;
	margin: 0px;
	padding: 10px 0px 22px 42px;
    list-style: none;
    counter-reset: my-awesome-counter;
}

ol li {
	padding: 0px 0px 6px 12px;
    margin-bottom: 20px;
	text-align: left;
    position: relative;
    counter-increment: my-awesome-counter;
}

ol li::before {
    content: counter(my-awesome-counter, decimal-leading-zero);
    color: #5ae47f;
    font-family: 'Karla', sans-serif;
    font-size: 32px;
    position: absolute;
    --size: 32px;
    left: calc(-1 * var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: 0;
    text-align: center;
}

 blockquote {
    padding: 20px 0px 40px 0px;
    margin: 20px 0px 0px 0px;
    background-image: url('/images/masthead-top-fade.png');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 20% 1px;
}

blockquote p {
    font-family: 'Karla', sans-serif;
	font-size: 26px;
	text-align: left;
	line-height: 1.5;
    color: #518ef9;
	margin: 0px;
    word-wrap: break-word;
	padding: 0px 10% 0px 0px;
}

blockquote p a:link {text-decoration: none; color: #1b1a22;}
blockquote p a:visited {text-decoration: none; color: #1b1a22;}
blockquote p a:hover {text-decoration: none; color: #d00809; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in;}
blockquote p a:active {text-decoration: none; color: #1b1a22;}





/* PAGE */

.master-wrap {
    margin: 0px auto;
    background-color: #0c0b0d;
    width: 2160px;
    height: 3840px;
    position: relative;
}





/* HOME */

.home-wrap {
    width: 100%;
    height: 3840px;
    position: relative;
    overflow-y: hidden;
    background-image: url('/images/home-bg.png');
    background-repeat: no-repeat;
}

.home-wrap .logo {
    padding: 1060px 0px 1060px 0px;
}

.home-wrap .logo img {
	width: 1540px;
}

.home-nav-items {
    position: relative;
    padding: 0px;
}

.home-nav-item {
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 40px 30px 40px 30px;
    padding: 0px;
    font-size: 32px;
    color: #8c724a;
    font-family: 'Karla', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

.home-nav-item a {
    padding: 80px 100px 80px 100px;
    text-align: center;
    display: block;
}

.home-nav-item a:link {color: #8c724a; text-decoration: none;}
.home-nav-item a:visited {color: #8c724a; text-decoration: none;}
.home-nav-item a:link {color: #8c724a; text-decoration: none;}

.home-nav-icon {
    padding: 0px 0px 40px 0px;
}

.home-nav-icon img {
    width: 200px;
    height: auto;
}

.home-wrap .credit {
    position: absolute;
    bottom: 38px;
    left: 0;
    right: 0;
    font-size: 18px;
    color: #5d5c5d;
    font-family: 'Karla', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}






/* HEADER */

.header-wrap {
    width: 100%;
    height: 520px;
    position: relative;
    overflow-y: hidden;
}

.header-wrap .logo {
    left: 0;
    right: 0;
	top: 50%;
    position: absolute;
    -ms-transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%);
}

.header-wrap .logo img {
	width: 830px;
}





/* CONTENT */

.content-wrap {
    background-color: #ffffff;
    width: 100%;
    height: 3000px;
    padding: 220px 120px 0px 120px;
    position: relative;
    overflow-y: hidden;
    text-align: center;
    margin: 0px auto;
}





/* SUITES */

.top-suite {
    width: 1920px;
    height: 1600px;
    position: relative;
}

.top-suite object {
    max-height: 1600px;
    max-width: 1820px;
}

.status-sold {
    font-family: 'Karla', sans-serif;
	font-size: 38px;
    font-weight: 700;
    letter-spacing: 3px;
    background-color: #ea0a34;
    text-transform: uppercase;
    color: #ffffff;
    padding: 8px 36px;
    display: inline-block;
}

.status-pending {
    font-family: 'Karla', sans-serif;
	font-size: 38px;
    font-weight: 700;
    letter-spacing: 3px;
    background-color: #a9a9a9;
    text-transform: uppercase;
    color: #ffffff;
    padding: 8px 36px;
    display: inline-block;
}

.panorama-icon {
    position: absolute;
    right: 45.5%;
    bottom: -320px;
}

.panorama-icon img {
    width: 190px;
    height: auto;
}

.suite-divide {
    margin: 220px 0px 119px 0px;
	padding: 0px 0px 0px 0px;
    border-top: 2px solid #c8c8c8;
}

.left-floor {
    width: 880px;
    height: 820px;
    position: relative;
    display: inline-table;
    margin-right: 0px;
    text-align: left;
}

.left-floor object {
    max-height: 460px;
    max-width: 100%;
}

.suite-info {
    position: absolute;
    top: -30px;
    left: 0px;
    z-index: 9999;
}

.suite-id {
    font-family: 'Karla', sans-serif;
    color: #000000;
	font-size: 140px;
    font-weight: 700;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    padding: 0px 30px 0px 0px;
}

.suite-beds-sf {
    font-family: 'Karla', sans-serif;
    color: #000000;
    font-weight: 700;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    text-transform: uppercase;
    padding: 35px 0px 0px 0px;
}

.suite-beds {
	font-size: 42px;
    text-align: left;
    letter-spacing: 1px;
    padding: 0px 0px 6px 0px;
}

.suite-sf {
	font-size: 24px;
    text-align: left;
    letter-spacing: 1px;
    padding: 0px;
}

.status-legend {
    position: absolute;
    bottom: 28px;
    left: 160px;
    z-index: 9999;
    font-family: 'Karla', sans-serif;
    color: #000000;
	font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: left;
}

.status-legend-sold {
    background-image: url(/images/sold-status.svg);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    background-size: 22px;
    padding: 0px 50px 0px 38px;
    display: inline-block;
}

.status-legend-pending {
    background-image: url(/images/pending-status.svg);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    background-size: 22px;
    padding: 0px 0px 0px 38px;
    display: inline-block;
}

.north-icon {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
}

.north-icon img {
    width: 90px;
    height: auto;
    transform: rotate(0deg);
}

.floor-tower-divide {
    height: 820px;
    margin: 0px 70px 0px 70px;
	padding: 0px 0px 0px 0px;
    border-left: 2px solid #c8c8c8;
    position: relative;
    display: inline-table;
}

.right-tower {
    width: 880px;
    height: 820px;
    position: relative;
    display: inline-table;
    padding-left: 0px;
}

.right-tower object {
    max-width: 820px;
}





/* FOOTER */

.footer-wrap {
    background-color: #ffffff;
    width: 100%;
    height: 320px;
    position: relative;
    text-align: center;
    margin: 0px auto;
    overflow-y: hidden;
}

.nav-items {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin-left: 26px;
}

.nav-item {
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 0px 30px 0px 30px;
    padding: 0px;
    border-bottom: 14px solid #ffffff;
    font-size: 20px;
    color: #0c0b0d;
    font-family: 'Karla', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

.nav-item a {
    padding: 44px 18px 44px 18px;
    text-align: center;
    display: block;
}

.nav-item a:link {color: #0c0b0d; text-decoration: none;}
.nav-item a:visited {color: #0c0b0d; text-decoration: none;}
.nav-item a:link {color: #0c0b0d; text-decoration: none;}

.nav-icon {
    padding: 0px 0px 14px 0px;
}

.nav-icon img {
    width: 80px;
    height: auto;
    margin: 0 auto;
}

.nav-item-current {
    border-bottom: 14px solid #0c0b0d;
}





/* BOOTSTRAP CUSTOMIZATION */

.row.gutter-0 {
    margin-left: 0;
    margin-right: 0;
}
.row.gutter-0 [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}
.row.gutter-10 {
    margin-left: -5px;
    margin-right: -5px;
}
.row.gutter-10 [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}
.row.gutter-20 {
    margin-left: -10px;
    margin-right: -10px;
}
.row.gutter-20 [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}
.row.gutter-30 {
    margin-left: -15px;
    margin-right: -15px;
}
.row.gutter-30 [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

.gutter-40.row {
    margin-right: -20px;
    margin-left: -20px;
}
.gutter-40 > [class^="col-"], .gutter-40 > [class^=" col-"] {
    padding-right: 20px;
    padding-left: 20px;
}

.gutter-50.row {
    margin-right: -25px;
    margin-left: -25px;
}
.gutter-50 > [class^="col-"], .gutter-50 > [class^=" col-"] {
    padding-right: 25px;
    padding-left: 25px;
}

.row.bottom-padding-0 {
    margin-bottom: 0px !important;
}