/* FONTS

font-family:'Avenir LT W01 35 Light';
font-family:'Avenir LT W01_45 Book1475508';
font-family:'Avenir LT W01 55 Roman';
font-family:'Avenir LT W01_65 Medium';
font-family:'Avenir Next LT W01 Bold';
font-family:'Avenir LT W01 85 Heavy';
font-family:'Avenir LT W01_95 Black';

font-family:"ApexNewBold";
font-family:"ApexNewMedium";
font-family:"ApexNewBook";

font-family:'Bebas Neue W01 Regular';

font-family:'KuenstlerScriptW01-Medi';

*/
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=b815bed9-fb70-42c6-a36b-8e22357c5ac9");

@font-face{
    font-family:"ApexNewBold";
    src: url('/fonts/ApexNewBold.eot');
    src: url('/fonts/ApexNewBold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/ApexNewBold.ttf') format('truetype'),
         url('/fonts/ApexNewBold.svg#webfontregular') format('svg');

}

@font-face{
    font-family:"ApexNewMedium";
    src: url('/fonts/ApexNewMedium.eot');
    src: url('/fonts/ApexNewMedium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/ApexNewMedium.ttf') format('truetype'),
         url('/fonts/ApexNewMedium.svg#webfontregular') format('svg');
}

@font-face{
    font-family:"ApexNewBook";
    src: url('/fonts/apexnew-book-webfont.eot');
    src: url('/fonts/apexnew-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/apexnew-book-webfont.ttf') format('truetype'),
         url('/fonts/apexnew-book-webfont.svg#webfontregular') format('svg');
}

@font-face{
    font-family:"BebasNeue-webfont";
    src: url('/fonts/BebasNeue-webfont.eot');
    src: url('/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('/fonts/BebasNeue-webfont.svg#webfontregular') format('svg');
}


/* from website */



@font-face {
  font-family: "Avenir LT W01 35 Light";
  src: url("/fonts2/3511a780-31ca-4ee1-9083-89b1b7185748.eot?#iefix");
  src: url("/fonts2/3511a780-31ca-4ee1-9083-89b1b7185748.eot?#iefix") format("eot"), 
	  url("/fonts2/4fb9056b-4ac3-488b-9bac-75741b0ff0bd.woff2") format("woff2"), 
	  url("/fonts2/c4352a95-7a41-48c1-83ce-d8ffd2a3b118.woff") format("woff"), 
	  url("/fonts2/3e419b5b-c789-488d-84cf-a64009cc308e.ttf") format("truetype"), 
	  url("/fonts2/ca038835-1be3-4dc5-ba25-be1df6121499.svg#ca038835-1be3-4dc5-ba25-be1df6121499") format("svg"); }
@font-face {
  font-family: "Avenir LT W01_45 Book1475508";
  src: url("/fonts2/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix");
  src: url("/fonts2/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix") format("eot"), 
	  url("/fonts2/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"), 
	  url("/fonts2/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff"), 
	  url("/fonts2/c70e90bc-3c94-41dc-bf14-caa727c76301.ttf") format("truetype"), 
	  url("/fonts2/0979215b-3a1b-4356-9c76-e90fa4551f1d.svg#0979215b-3a1b-4356-9c76-e90fa4551f1d") format("svg"); }
@font-face {
  font-family: "Avenir LT W01 55 Roman";
  src: url("/fonts2/2f5a6074-badc-4e08-83f1-ed67fe5c3d7c.eot?#iefix");
  src: url("/fonts2/2f5a6074-badc-4e08-83f1-ed67fe5c3d7c.eot?#iefix") format("eot"), 
	  url("/fonts21111/75c84254-5125-412c-bc24-56769ae3b627.woff2") format("woff2"), 
	  url("/fonts2/b9ebb19d-88c1-4cbd-9baf-cf51972422ec.woff") format("woff"), 
	  url("/fonts2/5ed4f98e-9044-4810-88ff-74d412c1351f.ttf") format("truetype"), 
	  url("/fonts2/4cb16859-16ca-4342-b89c-292dc83266af.svg#4cb16859-16ca-4342-b89c-292dc83266af") format("svg"); }
@font-face {
  font-family: "Avenir LT W01_65 Medium";
  src: url("/fonts2/212ab03d-5db2-4d6a-b94c-171cc702aa51.eot?#iefix");
  src: url("/fonts2/212ab03d-5db2-4d6a-b94c-171cc702aa51.eot?#iefix") format("eot"), 
	  url("/fonts2/e4d36745-a861-4a49-aa17-6510e67429d3.woff2") format("woff2"), 
	  url("/fonts2/2cac77ec-9bc0-4ee7-87e4-27650190744f.woff") format("woff"), 
	  url("/fonts2/aaf11848-aac2-4d09-9a9c-aac5ff7b8ff4.ttf") format("truetype"), 
	  url("/fonts2/294099f3-8d00-4676-afc5-5e9d8d43ad69.svg#294099f3-8d00-4676-afc5-5e9d8d43ad69") format("svg"); }
@font-face {
  font-family: "Avenir LT W01 85 Heavy";
  src: url("/fonts2/f61bf0f6-c193-4100-b940-12a1a01dcee5.eot?#iefix");
  src: url("/fonts2/f61bf0f6-c193-4100-b940-12a1a01dcee5.eot?#iefix") format("eot"), 
	  url("/fonts2/65cde95a-ac33-4c65-8198-e37857968d1a.woff2") format("woff2"), 
	  url("/fonts2/7147ec3a-8ff8-4ec9-8c5c-bd1571dc6ae6.woff") format("woff"), 
	  url("/fonts2/d1dc54b2-878d-4693-8d6e-b442e99fef68.ttf") format("truetype"), 
	  url("/fonts2/731dd4d3-64da-427d-ba61-01575b3cf3f7.svg#731dd4d3-64da-427d-ba61-01575b3cf3f7") format("svg"); }
@font-face {
  font-family: "Avenir LT W01_95 Black";
  src: url("/fonts2/a24b3f55-c8c8-41a1-a77e-7cdf417d82f6.eot?#iefix");
  src: url("/fonts2/a24b3f55-c8c8-41a1-a77e-7cdf417d82f6.eot?#iefix") format("eot"), 
	  url("/fonts2/16695c2d-c755-45a2-bdcf-c54843f39afd.woff2") format("woff2"), 
	  url("/fonts2/5a05cf7f-f332-456f-ae67-d8c26e0d35b3.woff") format("woff"), 
	  url("/fonts2/c33278bc-988e-440b-b4be-6acc095e6044.ttf") format("truetype"), 
	  url("/fonts2/7bdad4a5-289b-42f9-b6fa-c5883b9e9f23.svg#7bdad4a5-289b-42f9-b6fa-c5883b9e9f23") format("svg"); }
@font-face {
  font-family: "Avenir Next LT W01 Bold";
  src: url("/fonts2/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix");
  src: url("/fonts2/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix") format("eot"), 
	  url("/fonts2/14c73713-e4df-4dba-933b-057feeac8dd1.woff2") format("woff2"), 
	  url("/fonts2/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff") format("woff"), 
	  url("/fonts2/890bd988-5306-43ff-bd4b-922bc5ebdeb4.ttf") format("truetype"), 
	  url("/fonts2/ed104d8c-7f39-4e8b-90a9-4076be06b857.svg#ed104d8c-7f39-4e8b-90a9-4076be06b857") format("svg"); }

@font-face {
  font-family: "Bauer Bodoni Pro_1 W01 Roman";
  src: url("/fonts2/ada6576a-cbce-4da0-994b-b4719f95ac06.eot?#iefix");
  src: url("/fonts21/ada6576a-cbce-4da0-994b-b4719f95ac06.eot?#iefix") format("eot"), 
	  url("/fonts2/79de9df8-0826-46b9-beea-eb39122d4762.woff2") format("woff2"), 
	  url("/fonts2/77fac51a-d062-438a-a493-6b67508aa97f.woff") format("woff"), 
	  url("/fonts2/f1f853cb-6239-4c68-b259-70b41671b488.ttf") format("truetype"), 
	  url("/fonts2/4458621b-5c78-460d-9643-70ba305b7276.svg#4458621b-5c78-460d-9643-70ba305b7276") format("svg"); }
@font-face {
  font-family: "KuenstlerScriptW01-Medi";
  src: url("/fonts2/70b0f5d7-a561-485c-9b5c-a799c41c28a0.eot?#iefix");
  src: url("/fonts2/70b0f5d7-a561-485c-9b5c-a799c41c28a0.eot?#iefix") format("eot"), 
	  url("/fonts2/3b7897e3-1da4-423a-8257-3b46c81e7b31.woff2") format("woff2"), 
	  url("/fonts2/bd28a337-1a43-4f5b-885a-c7f46f0718ae.woff") format("woff"), 
	  url("/fonts2/128c4d44-7204-4ea3-955d-9cba705910f0.ttf") format("truetype"), 
	  url("/fonts2/b22c743b-846f-49aa-a291-27a584138c84.svg#b22c743b-846f-49aa-a291-27a584138c84") format("svg"); }


/* end of from website */

/* theme */
* {transition: all .3s ease-out;}
html { background: #000;width: 1920px; height: 1080px; margin: 0 auto; overflow: hidden;}
body {	margin: 0px auto; overflow: hidden; display: block; width: 1920px; height: 1080px; font-size: 18px;	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; background: #fff}
#container { width: 100%; max-width: 100%; margin: 0 auto; overflow: hidden; display: block; width: 1920px; height: 1080px;  position: relative;}
article { width: 100%; position: absolute; top: 0; left: 0; height: 100%; z-index: 2; display: none;}

#sScreenSaver * { transition: none;}
#sScreenSaver { transform: scale(1.1); z-index: 1000!important}

div.caption { position: absolute; display: block;}

div.preload { display: none !important}
/*CUSTOM*/

body { font-family:'Avenir LT W01 35 Light';  } 

div.wrapper { top: 0; left: 0; position: absolute; width: 100%; height: 1080px;}

nav {display: block; position: absolute; z-index: 100; bottom: 0; right: 0; width: 100%; background: #415a68; height: 80px; }
nav ul { display: block; width: 100%; position: absolute; bottom: 0; left: 0; font-size: 0; text-align: center; padding-left: 150px}
nav ul li { display: inline-block; text-align: center; vertical-align: top;}
nav ul li a { display: block; width: 100%; text-align: center; font-family:'Avenir LT W01 35 Light';font-size: 18px; color: #fff; text-transform: uppercase; line-height: 80px; padding: 0 20px; letter-spacing: 7px }
nav ul li a.active { color: #415a68; background: #fff}
#logonav { width: 50px; left: 100px; top: 22px; position: absolute; display: block}
nav.winter { background: url(/img/winter/bg.png) no-repeat center center; background-size: cover;}



#logo { display: block; position: absolute; width: 360px; top: 100px; left: 780px; transition: transform 4s ease-in-out;}
#logo.pulse { transform: scale(1.1); transition: transform 4s ease-in-out;}

h1 { font-family: 'dry_brushregular'; font-size: 100px; color: #fff; line-height: 1 } 
p {font-family:'Avenir LT W01 35 Light'; font-size: 24px; line-height: 2; color: #fff;}

a.back { position: absolute; right: 50px; top: 50px; cursor: pointer; z-index: 6}
a.back img { display: block; width: 31px; height: 20px;}


#clicktobegin { position: absolute; top: 0; left: 0; text-align: center; display: block; line-height: 1080px; color: #fff; font-size: 72px; font-family:'Avenir LT W01 35 Light'; width: 100%; transition: all .5s ease-out}
#clicktobegin.larger { transform: scale(1.25);}

a.button { font-size: 18px; color: #fff; font-family:'Avenir LT W01 85 Heavy'; border: 1px solid #fff; line-height: 70px; padding: 0 40px; display: table; margin: 0 auto;}
a.button.inline-block { display: inline-block; margin: 0 10px;}
a.button:hover { transform: scale(1.05)}





h2 { font-family:'Avenir LT W01 35 Light';font-size: 24px;color: #c1a576; letter-spacing: 5px; line-height: 1.4; text-transform: uppercase; margin-bottom: 40px;}
h3 { font-family:'Avenir LT W01 35 Light'; font-size: 14px; color: #fff; margin-bottom: 40px; line-height: 1; letter-spacing: 3px; text-transform: uppercase; white-space: nowrap }
h4 { font-family:'Avenir LT W01 35 Light'; font-size: 14px; color: #fff; margin-bottom: 0px; line-height: 1; letter-spacing: 7px; text-transform: uppercase; white-space: nowrap }
h2 + h3 { margin-top: -40px}

h1.combined-fonts {
    font-family: 'Avenir LT W01 55 Roman';
    font-size: 32px;
    color: #435969;
    margin-bottom: 50px;
    text-align: center;
    line-height: 1.1;
    margin-top: -5px;
    display: block;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 3px;
}
h1.combined-fonts em {
    font-family: 'KuenstlerScriptW01-Medi';
    font-size: 2.25em;
    text-transform: lowercase;
    letter-spacing: 0px;
}
h2.opening {
    
    font-family: 'Avenir Next LT W01 Bold';
    font-size: 18px;
    /* color: #c1a576; */
    color: #415a68;
    letter-spacing: 5px;
    line-height: 1.4;
    text-transform: uppercase;
    margin-bottom: 60px;
    text-align: center;
}


p { font-family:'Avenir LT W01 35 Light'; font-size: 16px; color: #fff; margin-bottom: 40px; line-height: 2.2}
p.green {
	color: #415a68 !important;
}

div.three-column {
	width: 120%;
	margin-left: -10%;
}


div.three-column div {
	position: relative;
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
div.three-column div p {
	font-size: .8em !important;
}

div.two-column {
	width: 120%;
	margin-left: -10%;
}

div.two-column div {
	position: relative;
	display: inline-block;
	width: 48%;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}
div.widowed {
	width:100% !important;
}



div.sidebar-blue { width: 600px; top: 0; left: 0; position: absolute; top: 0; left: 0; height: 980px; }
div.sidebar-blue div.copy { width: 600px; top: 0; left: 0; position: absolute; top: 140px; left: 80px; height: 980px; z-index: 3; width: 380px;}
div.sidebar-blue:before { content: ""; width: 600px; height: 100%; top: 0; left: 0; background: rgba(42,49,118,1); position: absolute; top: 0; left: 0; mix-blend-mode: multiply; }

div.sidebar-blue.right { left: auto; right: 0; }
div.sidebar-blue.right * { text-align: left}
div.sidebar-blue.right div.copy {  left: auto; right: 80px; }


#gallery { width: 1920px; height: 980px; position: absolute; top: 0; left: 0}
#gallery4 { width: 1920px; height: 980px; position: absolute; top: 0; left: 0}
.bx-wrapper .bx-controls-direction a { background: url(/img/icons/arrow.svg) no-repeat transparent center center !important; background-size: 32px 60px !important; width: 32px; height: 60px; margin-top: -80px}
.bx-wrapper .bx-controls-direction a.bx-prev { left: 70px; transform: rotate(180deg); }
.bx-wrapper .bx-controls-direction a.bx-next { right: 70px; }
#sGallery div.caption { position: absolute; top: 77px;left: 80px; background: url(/img/logo-cc.svg) no-repeat left center; background-size: contain; height: 60px; line-height: 60px; width: 1900px; text-align: center; color: #fff; font-family:'Avenir LT W01 35 Light'; font-size: 14px; letter-spacing: 3px; padding-left: 0px; text-align: left;}
#sGallery div.caption span { position: absolute; top: 0px;left: 80px;  display: block; height: 60px; line-height: 60px; width: 100%; text-align: center; color: #fff; font-family:'Avenir LT W01 35 Light'; font-size: 14px; letter-spacing: 3px; padding-left: 0px; text-align: left; opacity: 0}
#sGallery div.caption span.active { opacity: 1}
#sGallery div.gallery-caption { display: block; bottom: 130px; position: absolute; text-align: center; width: 100%; z-index: 5}
#sGallery div.gallery-caption img { display: block; height: 60px; width: auto; margin: 0 auto;}
#sGallery div.gallery-caption img.friday-harbour-logo { display: block; height: 120px; width: auto; margin: 0 auto;}

#history { width: 1920px; height: 980px; position: absolute; top: 0; left: 0}
#sHistory div.caption { position: absolute; top: 77px;left: 80px; background: url(/img/logo-cc.svg) no-repeat left center; background-size: contain; height: 60px; line-height: 60px; width: 1900px; text-align: center; color: #fff; font-family:'Avenir LT W01 35 Light'; font-size: 14px; letter-spacing: 3px; padding-left: 0px; text-align: left;}
#sHistory div.caption span { position: absolute; top: 0px;left: 80px;  display: block; height: 60px; line-height: 60px; width: 100%; text-align: center; color: #fff; font-family:'Avenir LT W01 35 Light'; font-size: 14px; letter-spacing: 3px; padding-left: 0px; text-align: left; opacity: 0}
#sHistory div.caption span.active { opacity: 1}
#sHistory div.gallery-caption { display: block; bottom: 130px; position: absolute; text-align: center; width: 100%; z-index: 5}
#sHistory div.gallery-caption img { display: block; height: 60px; width: auto; margin: 0 auto;}
#sHistory div.gallery-caption img.friday-harbour-logo { display: block; height: 120px; width: auto; margin: 0 auto;}


#sHighpoint #do-refresh { opacity: 1 !important; text-align: center;}
#sHighpoint #do-refresh:before { content:""}
#sHighpoint #do-refresh:after { content:""}



#moviescreen { display: none;}
div.films { width: 100%; text-align: center; padding: 0px 0px; font-size: 0; background: #fff; height: 980px; display: block; position: absolute; z-index: 5; top: 0; left: 0; padding: 65px 240px 55px; }
div.films.thumbs { padding: 10px; height: 100px; background: rgba(0,0,0,0.5); top: 880px}
div.films a { display: inline-block; width: 50%; margin: 0px; vertical-align: top; padding: 25px;}
div.films a img { display: block; width: 100%;}
div.films.thumbs a { height: 80px; width: auto; margin: 0 10px; }
div.films.thumbs a img { height: 80px; width: auto; }

#sFilms div.films { display: none!important}
#sWinterFilms a.back-to-movies {position: absolute; z-index: 10; right: 50px; top: 50px; }
#sWinterFilms a.back-to-movies img { width: 63px; height: 40px}

a.pin { position: absolute; }
a.pin:hover { transform: scale(1.05); cursor: pointer;}
a.pin#aquarius {top: 36px; left: 1236px}
a.pin#beachclub {top: 535px; left: 1680px}
a.pin#feretti {top: 537px; left: 1406px}
a.pin#golf {top: 400px; left: 356px}
a.pin#highpoint {top: 237px; left: 1010px}
a.pin#tennis {top: 66px; left: 1044px}
a.pin#lakeclub {top: 400px; left: 1156px}
a.pin#lighthouse {top: 807px; left: 419px}
a.pin#marina {top: 357px; left: 1644px}
a.pin#nature {top: 550px; left: 800px}
a.pin#pier {top: 217px; left: 1421px}

div.pin-info { display: block; width: 600px; height: 1000px; left: -600px; top: 0; position: absolute; }
div.pin-info:before { display: block; width: 100%; height: 100%; left: 0; top: 0; background-color: #415a68; mix-blend-mode: multiply; position: absolute; content: "";}
div.pin-info.active { left: 0}
div.pin-info > div { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 7; text-align: center;}
div.pin-logo {display: block; width: 100%; height: 200px; padding-top: 60px;}
div.pin-logo img {display: block; height: 70px; width: auto; margin: 0px auto;}
#info-golf div.pin-logo img {height: 90px; }
div.pin-image {display: block; width: 100%; padding: 0 20px; }
div.pin-image img {display: block; width: 100%; }
div.pin-text {display: block; width: 100%; padding: 45px 60px 0px;}
div.pin-text p {display: block; width: 100%;  margin: 0 auto 20px; line-height: 2; color: #fff; font-size: 16px; text-align: center;}

#info-highpoint a.button { display: inline-block; margin: 0 10px}

a.pin-close { position: absolute; top: 20px; right: 20px; z-index: 10; cursor: pointer; }
a.pin-close img { display: block; width: 20px; height: 20px;}

ul.resort-nav { display: block; width: 1920px; left: 0px; top: 50px; position: absolute; font-size: 0}
ul.resort-nav li { display: inline-block; width: 640px; height: 450px; vertical-align: top; padding-top: 160px;}
ul.resort-nav li:nth-child(4), ul.resort-nav li:nth-child(5), ul.resort-nav li:nth-child(6) , ul.resort-nav li:nth-child(7) { padding-top: 210px; width: 456px;}
ul.resort-nav li:nth-child(4), ul.resort-nav li:nth-child(7) { padding-top: 210px; width: 500px;}
ul.resort-nav li.nest { padding-top: 190px;}
ul.resort-nav li img { display: block; height: 80px; width: auto; margin: 0 auto;}
ul.resort-nav li:hover img { transform: scale(1.05)}
ul.resort-nav li.nest img { height: 123px;}

#sLakeclub div.resort-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 700px;
}

.padding-100 {
	padding: 100px;
}

#sLakeclub div.resort-info img {
	display: block;
	width: 100%;
}
#sLakeclub div.resort-info img.page-logo {
	width: 360px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 50px;
}

#sLakeclub div.resort-info p {
	font-family: 'Avenir LT W01 55 Roman';
	font-weight: normal;
	font-size: 18px;
	line-height: 1.4em;
	color: #252525;
	text-align: center;
	margin-bottom: 1.5em !important;
}
#sLakeclub div.resort-info div.two-column p {
	text-transform: uppercase;
	font-size: .8em;
	margin-bottom: 1.8em;
} 




div.resort-gallery { position: absolute; top: 0; left: 700px; width: 900px; overflow: hidden;}
ul.resort-menu { position: absolute; top: 0; left: 1600px; width: 320px;}
ul.resort-menu li { display: block; width: 100%; height: 166.66px; padding-top: 63.33px}
ul.resort-menu li.hidden { display: none;}
ul.resort-menu li img { display: block; height: 40px; width: auto; margin: 0 auto;}
ul.resort-menu li.nest { padding-top: 53px;}
ul.resort-menu li.nest img { height: 60px; }

ul.slides-index { display: block; text-align: center; font-size: 0; position: relative; left: 0}
ul.slides-index li { display: inline-block; vertical-align: top; width: 25%;}
ul.slides-index li img { display: block; width: 100%;}

ul.slides-index-lakeshore-club {
}

ul.slides-index-lakeshore-club li {
	display: inline-block;
	vertical-align: top;
	width: 20%;
}
ul.slides-index-lakeshore-club li {
}


ul.slides-index-boardwalk {
}

ul.slides-index-boardwalk li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	height: 200px;
    overflow: hidden;
}
ul.slides-index-marina {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

ul.slides-index-marina li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 33.333%;
	height: 100px;
    overflow: hidden;
	background-size: cover;
}
ul.slides-index-marina li a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}




ul.models-nav { display: block; width: 100%; text-align: center; font-size: 0; padding-top: 7.5%}
ul.models-nav li { display: inline-block; width: 33.333%; text-align: center; vertical-align: top}
ul.models-nav li img { display: block; width: 100%; cursor: pointer;}

ul.models-nav2 {
	display: block;
	width: 90%;
	text-align: center;
	font-size: 0;
	padding-top: 60px;
	margin-left: auto;
	margin-right: auto;
}

ul.models-nav2 li {
	display: inline-block;
	width: 35%;
	text-align: center;
	vertical-align: top
}

ul.models-nav2 li img {
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	width: 85%;
}


ul.model-gallery { width: 1920px; height: 1080px;}
div.model-logo { height: 60px; display: block; margin: 0 auto; position: absolute; bottom: 130px; width: 100%; left: 0}
div.model-logo img { height: 60px; display: block; margin: 0 auto; }

ul.own-nav { display: block; width: 100%; text-align: center; font-size: 0; padding: 90px 80px 0;}
ul.own-nav li { display: inline-block; width: 50%; text-align: center; vertical-align: top; padding: 0 105px;}
ul.own-nav li div.own-logo { display: block; width: 100%; cursor: pointer;}
ul.own-nav li div.own-logo img { display: block; height: 99px; width: auto; margin: 0 auto}
ul.own-nav li div.own-image { display: block; width: 100%; cursor: pointer; padding: 40px 0px;}
ul.own-nav li div.own-image img { display: block; width: 100%; margin: 0 auto}
ul.own-nav li div.own-text { display: block; width: 100%; cursor: pointer; text-align: center; padding: 0 70px; }
ul.own-nav li div.own-text h2 { font-size: 18px; font-family:'Avenir LT W01 85 Heavy'; color: #415a68; line-height: 1; margin-bottom: 25px ; letter-spacing: 3px; font-family:'Avenir LT W01_95 Black';}
ul.own-nav li div.own-text p { font-size: 18px;  font-family:'Avenir LT W01 35 Light'; color: #415a68; line-height: 1.75; }
ul.own-nav li a.button { color: #415a68; border: 1px solid #415a68; padding: 0 30px;}



div.ferreti-list { display: block; width: 100%; text-align: center; font-size: 0; padding: 0px 0px 0;}
ul.ferretti-plans { display: block; width: 100%; text-align: center; font-size: 0; padding: 0px 0px 0;}
div.ferretti-logo {display: block; width: 100%; padding: 70px 0 0;}
div.ferretti-logo img {display: block; height: 80px; width: auto; margin: 0 auto; }
ul.ferretti-plans li { display: inline-block; width: 360px; text-align: center; vertical-align: top; padding: 0 105px; padding: 60px 50px 0px;}
ul.ferretti-plans li h2 { font-size: 36px; letter-spacing: 10px;   font-family:'Avenir LT W01 35 Light'; color: #415a68; line-height: 1; margin-bottom: 40px; position: relative; left: 5px; }
ul.ferretti-plans li div.plan-image { display: block; width: 100%; background: url() no-repeat transparent center center; background-size: contain; height: 500px; }
ul.ferretti-plans li div.plan-details { display: block; width: 100%; text-align: center; font-size: 0; padding: 40px 0 15px; height: 106px;}
ul.ferretti-plans li div.plan-details span { display: block; width: 100%; text-align: center; vertical-align: top; font-family:'Avenir LT W01 85 Heavy'; color: #939598; font-size: 18px; text-transform: uppercase; line-height:24px;}
/*ul.ferretti-plans li div.plan-details span:first-child { text-align: left;}*/
/*ul.ferretti-plans li div.plan-details span:last-child { text-align: right;}*/
ul.ferretti-plans li a.button { color: #415a68; border: 1px solid #415a68; padding: 0 30px; line-height: 50px; font-size: 18px;font-family:'Avenir LT W01 85 Heavy';  }

.floorplan-details aside { display: block; position: absolute; width: 450px!important; height: 1000px!important; overflow: hidden!important; left: 0!important; top: 0!important; padding: 0!important}
.floorplan-details div.plan-holder { display: block; position: absolute; width: 1470px; height: 1000px; overflow: hidden; left: 450px; top: 0}
.floorplan-details div.plan-left { display: block; position: absolute; width: 430px; height: 1000px; left: 0px; top: 0; padding: 120px 70px 0 90px;}
.floorplan-details div.plan-right { display: block; position: absolute; width: 1040px; height: 1000px; left: 430px; top: 0; padding: 50px;}
.floorplan-details div.plan-info { display: block; width: 100%; text-align: left; padding-bottom: 60px; }
.floorplan-details div.plan-info h2 { font-size: 60px; letter-spacing: 0px; font-family:'Avenir LT W01_45 Book1475508'; color: #415a68; line-height: .75; margin-bottom: 30px; }
.floorplan-details div.plan-info h2 span { font-size: 30px; letter-spacing: 4px; font-family:'Avenir LT W01_45 Book1475508'; color: #415a68; line-height: 1; margin-bottom: 0px; }
.floorplan-details div.plan-info h2 small { font-size: 30px; }
.floorplan-details div.plan-info p  { font-size: 24px;  color: #000; line-height: 32px; font-family:'Avenir LT W01 85 Heavy'; text-transform: uppercase;}
.floorplan-details div.plan-plate { display: block; width: 100%; height: 400px; background: url() no-repeat transparent center center; background-size: contain;}
.floorplan-details div.plan-share { display: block; text-align: left; position: absolute; bottom: 80px; left: 90px;}
.floorplan-details div.plan-share img{ display: block; margin: 0 auto 0 0;}
.floorplan-details div.plan-floorplan { display: block; width: 100%; height: 100%; background: url() no-repeat transparent center center; background-size: contain;}

a.fp-back { position: absolute; right: 50px; top: 50px; }
a.own-back { position: absolute; right: 50px; top: 50px; }
a.own-back img { width: 30px;}


#sHighpoint aside { display: block; position: absolute; width: 400px; height: 1000px; overflow: hidden; left: 0; top: 0; padding: 35px 50px 0px; background-color: #fafafa;}
#sHighpoint aside div.filters {display: block; width: 100%;}
#sHighpoint aside div.highpoint-logo {display: block; width: 100%;}
#sHighpoint aside div.highpoint-logo img {display: block; height: 70px; width: auto; margin: 0 auto;}
#sHighpoint aside h2 { display: block; width: 100%; line-height: 1; padding-top: 45px; text-transform: uppercase; ; font-family:'Avenir LT W01 85 Heavy'; color: #939598; font-size: 18px; text-align: left; padding-bottom: 15px; margin-bottom: 0; letter-spacing: 0}
#sHighpoint aside div.checkbox { display: block; position: relative; width: 100%; margin-bottom: 10px}
#sHighpoint aside div.checkbox input{ display: none}
#sHighpoint aside div.checkbox input+label{ display: block; width: 100%; position: relative; line-height: 30px; font-size: 18px; color: #415a68;  font-family:'Avenir LT W01_65 Medium'; text-transform: uppercase; padding-left: 42px; text-align: left;}
#sHighpoint aside div.checkbox input+label:after{ display: block; content: ""; width: 30px; height: 30px; position: absolute; left: 0; top: 0px; border: 1px solid #fff; background: #fff; }
#sHighpoint aside div.checkbox input:checked+label:after{ background: url(/lib/img/dark/checkmark.svg) no-repeat #fff center center; background-size: 22px 22px; }
#sHighpoint select { width: 100%; display: block;  font-size: 18px; color: #415a68;  font-family:'Avenir LT W01_65 Medium'; padding: 0px 20px; height: 50px; text-align: left; line-height: 50px; border: 0px; background-color: #fff; margin-bottom: 10px}
#filterSizes { margin-top: 20px;}
#sHighpoint aside div.radios { display: block; width: 100%; margin-bottom: 10px; font-size: 0}
#sHighpoint aside div.radio { display: inline-block; position: relative; width: 50%; vertical-align: top;}
#sHighpoint aside div.radio input{ display: none}
#sHighpoint aside div.radio input+label{ display: block; width: 100%; position: relative; line-height: 30px; font-size: 18px; color: #415a68;  font-family:'Avenir LT W01_65 Medium'; text-transform: uppercase; padding-left: 42px; text-align: left;}
#sHighpoint aside div.radio input+label:before{ display: block; content: ""; width: 30px; height: 30px; position: absolute; left: 0; top: 0px; border: 1px solid #fff; background: #fff; border-radius: 15px; box-sizing: border-box;}
#sHighpoint aside div.radio input+label:after{ display: block; content: ""; width: 10px; height: 10px; position: absolute; left: 10px; top: 10px; border: 0px solid #fff; background: #fff; border-radius: 5px; box-sizing: border-box;}
#sHighpoint aside div.radio input:checked+label:after{ background: #000;}
#sHighpoint aside a.button { color: #939598; border: 1px solid #939598; line-height: 70px; padding: 0 25px 0 27px; letter-spacing: 2px; background: #fff; opacity: .5; margin-top: 20px; width: 293px; height: 70px; position: relative}
#sHighpoint aside a.button:before { content:"SELECT UP TO 3 UNITS"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; color: #939598; line-height: 70px; padding: 0 25px 0 27px; letter-spacing: 2px; }
#sHighpoint aside a.button.active { opacity: 1; border: 1px solid #415a68}
#sHighpoint aside a.button.active:before { content: "COMPARE SELECTED"; color: #415a68}
div.compare-list ul { width: 315px; font-size: 0; display: block; text-align: left }
div.compare-list ul li { width: 90px; display: inline-block; vertical-align: top; margin-right: 15px; border: 1px solid #c8c9ca; height: 90px;}
div.compare-list ul li div { width: 70px; height: 70px; margin: 10px 0 0 10px; display: block; background: url() no-repeat transparent center center; background-size: contain;}

.select2-container { width: 300px!important; display: block;  font-size: 18px; color: #415a68;  font-family:'Avenir LT W01_65 Medium'; text-align: left; line-height: 50px; min-height: 50px; border: 0px; background-color: #fff; margin-bottom: 10px}
.select2-container--default .select2-selection--single { width: 100%!important; display: block;  font-size: 18px; color: #415a68;  font-family:'Avenir LT W01_65 Medium'; text-align: left; line-height: 50px!important; min-height: 50px;  border: 0px; background-color: #fff;}
.select2-container--default .select2-selection--single .select2-selection__rendered { width: 100%!important; display: block;  font-size: 18px; color: #415a68!important;  font-family:'Avenir LT W01_65 Medium'; padding: 0px 20px; text-align: left; line-height: 50px!important; min-height: 50px;  border: 0px; background-color: #fff;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {     border-color: #939598 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0,0); border-width: 6px 5px 0 5px;   margin-left: -12px; margin-top: 5px; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 18px; color: #415a68;  font-family:'Avenir LT W01_65 Medium'; }
.select2-dropdown { margin-left: -300px;}

#sPlan { width: 100%; position: absolute; top: 0; left: 0; height: 100%; z-index: 2; display: none; background: #fff; z-index: 22}
#sCompare { width: 100%; position: absolute; top: 0; left: 0; height: 100%; z-index: 2; display: none; background: #fff; z-index: 21}

#sHighpoint div.grid-holder { display: block; position: absolute; width: 1520px; height: 1000px; overflow: hidden; left: 400px; top: 0; background-color: #fff}
#sHighpoint div.plan-grid { display: block; position: absolute; width: 100%; height: 100%; overflow: hidden; left: 0px; top: 0}
#sHighpoint div.grid { display: block; position: absolute; width: 1439px; height: 900px; overflow: hidden; left: 0px; top: 0; padding: 20px 0px;}
#sHighpoint div.grid-footer { display: block; position: absolute; width: 100%; height: 100px; overflow: hidden; left: 0px; bottom: 0}
#sHighpoint div.grid ul{ display: block; position: absolute; width: 3600px; left: 0px; top: 20px; font-size: 0}
#sHighpoint div.grid ul li { display: inline-block; vertical-align: top; width: 360px; height: 430px; border-right: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; padding: 20px;}
#sHighpoint div.grid ul li.bottom-row { border-bottom: 1px solid #fff; }
#sHighpoint div.grid ul li.last-child { border-right: 1px solid #fff; }
#sHighpoint div.plan-top { height: 50px; width: 100%; display: block; position: relative; margin-bottom: 10px; }
#sHighpoint div.plan-top h2 { font-size: 36px; letter-spacing: 5px; font-family:'Avenir LT W01_45 Book1475508'; color: #415a68; line-height: 1; width: 100%; text-align: left; margin: 0}
#sHighpoint div.plan-top div.checkbox { display: block; position: absolute; width: 100px; right: 0px; top: 5px; }
#sHighpoint div.plan-top div.checkbox input{ display: none}
#sHighpoint div.plan-top div.checkbox input+label{ display: block; width: 100%; position: relative; line-height: 20px; font-size: 12px; color: #939598;  font-family:'Avenir LT W01 85 Heavy'; text-transform: uppercase; padding-right: 30px; text-align: right;}
#sHighpoint div.plan-top div.checkbox input+label.not-available { opacity: .4;}
#sHighpoint div.plan-top div.checkbox input+label:after{ display: block; content: ""; width: 20px; height: 20px; position: absolute;right: 0; top: 0px; border: 1px solid #939598;}
#sHighpoint div.plan-top div.checkbox input:checked+label:after{ background: url(/lib/img/dark/checkmark.svg) no-repeat transparent center center; background-size: 14px 14px;}
#sHighpoint div.plan-middle { width: 290px; height: 260px; margin: 0 auto; display: block; ; background: url() no-repeat transparent center center; background-size: contain;}
#sHighpoint div.plan-bottom { width: 100%; font-family:'Avenir LT W01 85 Heavy'; text-transform: uppercase; text-align: left; line-height: 20px; font-size: 14px; color: #415a68; padding-top: 20px}
div.sorting { width: 360px; height: 100px; position: absolute; left: 0; top: 0; font-family:'Avenir LT W01 85 Heavy'; font-size: 14px; color: #939598; text-transform: uppercase; padding-left: 10px}
#sHighpoint div.sorting select { border: 1px solid #e4e4e4; width: 240px; display: inline-block; margin-left: 15px; font-size: 13px;}
#sHighpoint div.sorting select option { font-size: 18px;}
/*div.sorting .select2-container { width: 260px !important; display: inline-block !important; line-height: 40px!important; min-height: 40px; margin: 0 0 0 10px}*/
/*div.sorting .select2-container--default .select2-selection--single { font-size: 14px; line-height: 40px!important; min-height: 40px;  }*/
/*div.sorting .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; line-height: 40px!important; min-height: 40px;  border: 1px solid #939598; border-radius: 0}*/
/*div.sorting .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; color: #415a68;  font-family:'Avenir LT W01_65 Medium'; line-height: 40px; min-height: 40px}*/
div.scrolling { width: 1090px; position: absolute; left: 360px; top: 0; font-size: 0}
div.scrolling a { display: inline-block; width: 40px;}
div.scrollbar  { display: inline-block; width: 990px; margin: 0 10px; position: relative; border: 1px solid #e4e4e4; border-radius: 20px; height: 40px;}
div.scrollbar-pointer  { display: block; width: 300px; height: 30px;  position: absolute; border-radius: 13px; background-color: #e4e4e4; margin-top: 4px; margin-left: 5px; top: 0; left: 0;}
div.scrollbar-pointer.drag  { opacity: 0.5}

#sHighpoint { background-color: #000}
#sHighpoint div.floorplate-holder { display: none; position: absolute; width: 1519px; height: 1000px; overflow: hidden; left: 400px; top: 0; background: url(/img/own/keyplate.jpg) no-repeat center center; background-color: #fff}
#sHighpoint div.floorplate-holder.loading:before { opacity: 0.95; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; background: #fff}
#sHighpoint div.floorplate-holder.loading:after { content:"Loading ... "; display: block; position: absolute; z-index: 12; width: 100%; text-align: center; line-height: 40px; font-size: 36px; color: #000; font-family:'Avenir LT W01 35 Light'; top: 450px; opacity: 1;}
#sHighpoint div.floorplate-holder object { display: none; width: 1519px; height: 1000px; }
#sHighpoint div.floorplate-holder object.active { display: block}
ul.floor-selector {left: 60px; top: 310px; display: block; position: absolute; width: 80px; height: 480px;}
ul.floor-selector li {display: block; width: 80px; height: 80px; border-radius: 40px; border: 3px solid #fff; font-family:'Avenir LT W01 85 Heavy'; color: #fff; font-size: 36px; line-height: 74px; text-align: center; margin-bottom: 20px; cursor: pointer}
ul.floor-selector li.active {background-color: #fff; color: #000}

div#floorplan-popup { position: absolute; width: 380px; height: 440px; background-color: #415a68; display: none; z-index: 8; padding: 20px; }
#sHighpoint div#floorplan-popup  div.plan-top { width: 100%;  height: 50px;}
#sHighpoint div#floorplan-popup  div.plan-top h2 { line-height: 30px; font-size: 30px;}
#sHighpoint div#floorplan-popup  div.plan-top * { color: #fff;}
#sHighpoint div#floorplan-popup  div.plan-bottom, #sHighpoint div#floorplan-popup  div.plan-bottom * { color: #fff;}
#sHighpoint div#floorplan-popup  div.plan-middle-holder { width: 100%;  background-color: #fff; height: 270px; padding: 20px;}
#sHighpoint div#floorplan-popup  div.plan-middle { width: 100%;  height: 230px; }
#sHighpoint div#floorplan-popup  div.plan-top div.checkbox { top: 350px;}
#close-popup { display: block; position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; background-color: #fff; border-radius: 15px; transform: rotate(45deg); cursor: pointer;z-index: 12}
#close-popup:before { display: block; width: 24px; height: 2px; left: 3px; top: 14px; content: ""; position: absolute; background-color: #000}
#close-popup:after { display: block; height: 24px; width: 2px; left: 14px; top: 3px; content: ""; position: absolute; background-color: #000}



#sHighpoint div.compare-header { display: block; width: 100%; height: 150px; padding-top: 40px;}
#sHighpoint div.compare-header img { display: block; height: 70px; width: auto; margin: 0px auto 0;}
#sHighpoint ul.compare-list { width: 100%; display: block; height: 850px; font-size: 0; text-align: center;}
#sHighpoint ul.compare-list li { display: inline-block; height: 810px; vertical-align: top; text-align: center; border-right: 1px solid #d7d7d7; width: 100%; padding: 0 40px; font-size: 0;}
#sHighpoint ul.compare-list li:last-child { border-right: 1px solid transparent;}
#sHighpoint ul.compare-list-2 li { width: 50%;}
#sHighpoint ul.compare-list-3 li { width: 33.33%;}

#sHighpoint ul.compare-list div.plan-top { height: 60px; width: 100%; display: block; position: relative;}
#sHighpoint ul.compare-list div.plan-top h2 { font-size: 60px; letter-spacing: 5px; font-family:'Avenir LT W01_45 Book1475508'; color: #415a68; line-height: 1; width: 100%; text-align: left}
#sHighpoint ul.compare-list div.plan-top h2 small { font-size: 30px; }
#sHighpoint ul.compare-list div.plan-middle { width: calc(100% - 80px); margin-left: 40px;  height: 520px; margin: 40px auto 0; display: block; background: url() no-repeat transparent center center; background-size: contain;}
#sHighpoint ul.compare-list div.plan-bottom { height: 190px; width: 50%; display: inline-block; font-family:'Avenir LT W01 85 Heavy'; text-transform: uppercase; text-align: left; line-height: 20px; font-size: 24px; line-height: 1.5; color: #415a68; padding-top: 50px; vertical-align: top; position: relative;}
#sHighpoint ul.compare-list div.plan-bottom div.keyplate { position: absolute; height: 160px; bottom:0; right: 0; width: 240px; background: url() no-repeat transparent center bottom; background-size: contain;}




#sFloorplans ul { display: block; position: absolute; width: 1170px; right: 0; top: 50%;   transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);}
#sFloorplans ul li { display: block; width: 100%; text-align: left; }
#sFloorplans ul li a { display: block; width: 100%; text-align: left; font-family:'Avenir LT W01 35 Light';font-size: 36px; color: #c1a576; text-transform: uppercase; line-height: 110px; padding: 0px; border-bottom: 1px solid #c1a576}
#sFloorplans ul li:last-child a { border-bottom: 0px solid #c1a576}
#sFloorplans ul li a:hover { transform: scale(1.02);}

article.collection-holder { background-color: #fff;} 
#logo-cc { width: 160px; left: 880px; top: 70px; position: absolute; display: block;}
ul.floorplan-index { left: 0px; top: 320px; position: absolute; display: block; text-align: center; font-size: 0; width: 100%; }
ul.floorplan-index li { display: inline-block; vertical-align: top; text-align: center; width: 180px; margin: 0 50px; }
ul.floorplan-index li div.thumbnail { display: block; width: 160px; margin: 0 10px 30px; height: 250px; background: url() no-repeat center center; background-size: contain; }
ul.floorplan-index li h2 { margin-bottom: 0;}
ul.floorplan-index li p { font-size: 14px; color: #000}
ul.floorplan-index li:hover div.thumbnail { transform: scale(1.05)}
div.floorplan-holder div.fp-caption { display: block; position: absolute; left: 0; top: 0; width: 500px; height: 980px;  padding: 190px 0 0 140px;  padding-top: 0; padding-left: 130px;}
div.floorplan-holder div.fp-caption div.logo { display: block; width: 140px; height: 140px; margin-bottom: 70px; display: none}
div.floorplan-holder div.fp-caption h2 { font-size: 36px; margin-bottom: 10px; margin-top: 690px;}
div.floorplan-holder div.fp-caption p  { font-size: 18px; color: #000; letter-spacing: 5px; text-transform: uppercase;}
div.fp-plate { width: 380px; display: block; position: absolute; bottom: 50px; left: 1000px; }
div.fp-plate img { width: 100%; display: block}

ul.collection-index { display: block; width: 100%; position: absolute; bottom: 200px; text-align: center; }
ul.collection-index li { display: inline-block; text-align: center; vertical-align: top; margin: 0 40px;}
ul.collection-index li a { display: block; width: 100%; text-align: left; font-family:'Avenir LT W01 35 Light';font-size: 30px; color: #000; text-transform: uppercase; line-height: 100px; padding: 0px; letter-spacing: 10px; padding: 0 30px 0 40px; border: 2px solid transparent; }
ul.collection-index li a.active { border: 1px solid #c1a576; color: #c1a576}
ul.collection-index li a:hover { transform: scale(1.02);}

div.floorplan-holder { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 980px;}
div.floorplan-holder div.thumbnail  { display: block; position: absolute; left: 570px; top: 50px; width: 580px; height: 880px; background: url() no-repeat center center; background-size: contain; top: 50px; height: 600px; width: 1170px; left: 600px}
div.floorplan-holder div.fp-rendering  { display: block; position: absolute; left: 0px; top: 50px; width: 500px; height: 600px;   }
div.floorplan-holder div.fp-rendering img { display: block; margin: 0 auto 0 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); position: relative}


/*.bx-wrapper .bx-controls-direction a { display: none;}*/
section.collection .bx-wrapper .bx-controls-direction a { display: block; width: 30px; height: 50px; background: url(/img/arrow.svg) no-repeat transparent center center !important; background-size: 30px 50px !important; margin-top: -25px;}
section.collection  .bx-wrapper .bx-prev { transform: rotate(180deg); left: -150px}
section.collection  .bx-wrapper .bx-next { right: -150px}

.bx-wrapper .bx-pager.bx-default-pager a { width: 12px; height: 12px; background: #666; opacity: .15; margin: 0 7px}
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #666; opacity: 1 }




#sCondoGallery .bx-wrapper .bx-controls-direction a { display: block; width: 40px; height: 80px; background: url(/img/arrow.svg) no-repeat center center; background-size: contain;}
#sCondoGallery  .bx-wrapper .bx-prev { transform: rotate(180deg); left: 450px}
#sCondoGallery .bx-wrapper .bx-next { right: 50px}

div.email-friend-holder {position: absolute; top: 0; left: 0; width: 1920px; height: 1080px ; background: rgba(0,0,0,0.95); z-index: 11; top: -1200px; }
div.email-friend-holder.active { top: 0px; }
div.email-friend-holder a.close-overlay {position: absolute; top: 50px; right: 50px; width: 60px; height: 60px;display: block; z-index: 12; transform: rotate(45deg); background: #fff; border-radius: 30px; cursor: pointer}
div.email-friend-holder a.close-overlay:before {display: block; position: absolute;  width: 3px; height: 50px; top: 5px; left: 28px;  background-color: #000; content: ""; z-index: 12;}
div.email-friend-holder a.close-overlay:after { display: block; position: absolute; height: 3px; width: 50px; left: 5px; top: 28px; background-color: #000; content: ""; z-index: 12;}
a.email-friend {cursor: pointer}
#sent-to-friend { display: block; position: absolute; width: 900px; padding: 50px; background: #fff; left: 510px; top: 450px }
#sent-to-friend { top: 300px; z-index: 20;}
#sent-to-friend input[type="text"] { display: block; width: 100%; line-height: 70px; font-size: 24px; padding: 0 10px; border: 1px solid #ccc; margin-bottom: 20px; color: #415a68; font-family:'Avenir LT W01 35 Light';}
#sent-to-friend .missing { border: 1px solid #cc3300 !important;}
#sent-to-friend textarea { display: block; width: 100%; line-height: 1.5; font-size: 24px; padding: 10px; height: 120px; border: 1px solid #ccc; margin-bottom: 20px; color: #415a68; font-family:'Avenir LT W01 35 Light';}
#sent-to-friend input[type="submit"] { display: table; line-height: 70px; font-size: 24px; padding: 0 30px; border: 0px solid #ccc; text-align: center; background: #415a68; color: #fff; font-family:'Avenir LT W01 85 Heavy'; margin: 30px auto 0}
#status { display: block; font-size: 24px; text-align: center; padding: 0 0 20px; color: #000}



ul.own-nav.own-nav-2021 { padding: 160px 20px 0;}
ul.own-nav.own-nav-2021 li { width: 33.33%; padding: 0 35px;}
ul.own-nav.own-nav-2021 li div.own-logo img { height: 86px; }
ul.own-nav.own-nav-2021 li div.own-text { padding: 0 30px; }
ul.own-nav.own-nav-2021 li div.own-text p { font-size: 15px;  line-height: 1.75; }
ul.own-nav.own-nav-2021 li a.button { color: #415a68; border: 1px solid #415a68; padding: 0 30px; line-height: 57px; font-size: 14px;}
#sSunseeker > div.wrapper > p  {margin: 0 auto; font-size: 23px; text-align: center; line-height: 1; font-family:'Avenir LT W01 85 Heavy'; color: #415a68; text-transform: uppercase; padding-top: 50px;}
div.sunseeker-list { display: block; width: 100%; font-size:0; padding: 50px 50px 0;}
div.sunseeker-list > a { display: inline-block; width: 33.33%; vertical-align: top; padding: 50px 20px 20px; border-right: 1px solid #707070;}
div.sunseeker-list > a:last-child { border-right: 0px;}
div.sunseeker-list > a label {font-size: 43px; text-transform: uppercase; letter-spacing: 3px; color: #415a68;font-family:'Avenir LT W01_45 Book1475508'; text-align: center; margin-bottom: 50px; display: block;}
div.sunseeker-list > a label span {font-size: 17px; display: block; }
div.sunseeker-list > a div { width: calc(100% - 140px); margin: 0 auto 30px; background: url(/img/own/2021/sample.svg) no-repeat center center; background-size: contain; height: 432px; display: block;}
div.sunseeker-list > a p { margin: 0 auto 0 0; font-size: 17px; font-family:'Avenir LT W01 85 Heavy'; color: #000; text-align: left; text-transform: uppercase;line-height: 1.2; display: none;}

div.ss-side { position: absolute; top: 0; left: 0; display: block; height: 1080px; width: 400px}
div.ss-plan-details { position: absolute; top: 0; left: 400px; display: block; height: 1080px; width: 600px; padding-left: 80px; text-align: left; padding-top: 90px}
div.ss-plan-details h1 { font-size: 60px; text-transform: uppercase; letter-spacing: 3px; color: #415a68;font-family:'Avenir LT W01_45 Book1475508'; text-align: left; margin-bottom: 50px; display: block;}
div.ss-plan-details h1 span { font-size: 25px; display: block; font-family:'Avenir LT W01 85 Heavy';  margin-top: 10px}
div.ss-plan-details p { font-size: 24px; text-transform: uppercase; font-family:'Avenir LT W01 85 Heavy'; margin-top: 5px;}
div.ss-plan { position: absolute; top: 0; right: 0px; display: block; height: 1080px; width: 920px; padding: 90px 90px 190px;}
div.ss-plan div { display: block; width: 100%; height: 100%; background: url() no-repeat center center; background-size: contain;}
#sSunseekerPlan a.nav { position: absolute; right: 50px; top: 50px; display: block;}

div.siteplan-buttons { display: block; position: absolute; top: 703px; left: 107px; height: 200px; width: 385px}
div.siteplan-buttons a { display: block; position: absolute; width: 50%; top: 0; left: 0; height: 60px; }
div.siteplan-buttons a:nth-child(2) { left: 50%}
div.siteplan-buttons a:nth-child(3) { left: 0; top: 80px; width: 100%;}

div.pins2021 a.pin img { display: none; }
div.pins2021 a.pin { width: 150px; height: 200px; background: rgba(255,255,255,0)}
div.pins2021 a.pin#beachclub {top: 717px; left: 1736px}
div.pins2021 a.pin#feretti {top: 717px; left: 1391px}
div.pins2021 a.pin#golf {top: 149px; left: 742px}
div.pins2021 a.pin#lakeclub {top: 540px; left: 1046px}
div.pins2021 a.pin#nature {top: 598px; left: 741px}
div.pins2021 a.pin#pier {top: 55px; left: 1737px}
div.pins2021 a.pin#sunseeker {top: 226px; left: 958px}
div.pins2021 a.button { margin: 0 7px 20px; display: inline-block;}

.gallery_ss2 {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/img/gallery/sunseeker/bg.png) no-repeat center center; background-size: cover;}
.gallery_ss2 > img {display: block; width: 296px; margin: 40px auto 40px;}
.gallery_ss2 > ul {display: block; font-size: 0; padding: 0 100px; }
.gallery_ss2 > ul li {display: inline-block; padding: 15px; width: 25%; vertical-align: top;}
.gallery_ss2 > ul li img {display: block; width: 100%; cursor: pointer;}

.gallery_ss3 {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/img/gallery/sunseeker/bg.png) no-repeat center center; background-size: cover;}
.gallery_ss3 > img {display: block; width: 296px; margin: 40px auto 40px;}
.gallery_ss3 > ul {display: block; font-size: 0; padding: 0 100px; }
.gallery_ss3 > ul li {display: inline-block; padding: 15px; width: 25%; vertical-align: top;}
.gallery_ss3 > ul li img {display: block; width: 100%; cursor: pointer;}

#ss-img-popup { display: block; position: absolute; width: 100%; z-index: 4; left: -300vw; top: 0; opacity: 0;}
#ss-img-popup.active { opacity: 1; left: 0; transition: opacity .3s ease-in}
#ss-img-popup div { display: block; position: absolute; width: 1175px; height: 818px; background: url() no-repeat center center; background-size: cover; left: 373px; top: 102px;}
#ss-img-popup div img { display: block; position: absolute; width: 26px; height: 26px; right: 25px; top: 25px; cursor: pointer;}
#ss-img-popup a.ss-back { display: block; position: absolute; width: 55px; height: 111px; left: 155px; top: 446px;}
#ss-img-popup a.ss-next { display: block; position: absolute; width: 55px; height: 111px; right: 155px; top: 446px; transform: rotate(180deg);}

#ss-img-popup3 { display: block; position: absolute; width: 100%; z-index: 4; left: -300vw; top: 0; opacity: 0;}
#ss-img-popup3.active { opacity: 1; left: 0; transition: opacity .3s ease-in}
#ss-img-popup3 div { display: block; position: absolute; width: 1175px; height: 818px; background: url() no-repeat center center; background-size: cover; left: 373px; top: 102px;}
#ss-img-popup3 div img { display: block; position: absolute; width: 26px; height: 26px; right: 25px; top: 25px; cursor: pointer;}
#ss-img-popup3 a.ss-back { display: block; position: absolute; width: 55px; height: 111px; left: 155px; top: 446px;}
#ss-img-popup3 a.ss-next { display: block; position: absolute; width: 55px; height: 111px; right: 155px; top: 446px; transform: rotate(180deg);}