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

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

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


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

sup {vertical-align: baseline;position: relative;top: -0.6em;font-size: 0.6em;} /* Prevent from affecting line-Height*/
.fullwidth {width:100%;height:auto;display:block;}

body {background-color:#013C5B; font-family: 'ProximaNova-Regular';font-size:18px;line-height:1.6em;color:#013C5B;}
.copy {max-width:1248px;margin-left:auto;margin-right:auto;box-sizing: border-box;z-index:10;position:relative;}
.bg {position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/bg.svg);background-size:100%;background-repeat: no-repeat;opacity:.20;z-index:11;}

a{text-decoration: none;cursor:pointer;}
button {cursor:pointer;}

.photo {position:relative;}
.photo .text {position:absolute;bottom:10px;left:20px;color:white; font-family: 'ProximaNova-Medium';font-size:14px;line-height:1em;}

nav {height:100px;width:100%;background-color:white;position:fixed;top:0;left:0;z-index:100;overflow:hidden;}
nav .copy {box-sizing: border-box;padding:0px 20px;margin-left:auto;margin-right:auto;height:100%;line-height:100px;text-align:center;position:relative;}
nav .copy .logo {height:35px;width:auto;position:absolute;left:20px;top:50%;transform: translateY(-50%);}
nav .copy ul {list-style: none;margin:0;padding:0;display:inline-block;padding-left:150px;padding-right:115px;}
nav .copy ul li {display:inline-block;padding:0px 20px;}
nav .copy ul li:first-of-type {padding-left:0;}
nav .copy ul li:last-of-type {padding-right:0;}
nav .copy ul li a {color:#013C5B;font-size:20px;line-height:0;}
nav .copy ul li a:hover {color:#b2c4cd;}
nav .copy .lang {font-family: 'Myriad Pro';font-size:15px;color:#b2c4cd;position:absolute;right:20px;top:50%;transform: translateY(-50%);}
nav .copy .lang a {color:#b2c4cd;}
nav .copy .lang a.active {color:#013C5B;}
nav .fa-stack {display:none;position:absolute;top:27px;right:20px;font-size:20px}
nav .fa-stack .fa-times {display:none;}

body > div {overflow:hidden;}

div[data-section="750-peel"] {margin-top:100px;position:relative;background-color:white;}
div[data-section="750-peel"] h1 {font-weight:normal;font-family: 'ProximaNova-Bold';font-size:34px;line-height:1.1em}
div[data-section="750-peel"] .overlay {position:absolute;width:100%;top:0;left:0;z-index:12;}
div[data-section="750-peel"] .overlay .slogan {position:absolute;top:29%;left:3%;width:23%;}
div[data-section="750-peel"] .overlay .quad {position:absolute;bottom:6%;right:4%;width:16%;}
div[data-section="750-peel"] .copy {padding:20px;overflow:hidden;}
div[data-section="750-peel"] .copy > div:first-of-type {width:60%;float:left;box-sizing: border-box;padding-right:20px;box-sizing: border-box;}
div[data-section="750-peel"] .copy > div:last-of-type {width:38%;float:right;box-sizing: border-box;padding:0 20px;}

div[data-section="location"]{background-color:#B9D9E2;}
div[data-section="location"] .copy {overflow:hidden;}
div[data-section="location"] .copy table tr td {box-sizing:border-box;}
div[data-section="location"] .copy table tr td:first-of-type {width:60%;}
div[data-section="location"] .copy table tr td:last-of-type {width:40%;}
div[data-section="location"] .copy table tr:first-of-type td:last-of-type {padding-left:20px;}
div[data-section="location"] .copy table tr:last-of-type .col1 {padding:0 20px;vertical-align: bottom}
div[data-section="location"] .copy table tr:last-of-type .col1 img {padding-top:40px;}
div[data-section="location"] .copy table tr:last-of-type .col2 {vertical-align: bottom}
div[data-section="location"] .copy table tr:last-of-type td {padding-top:40px;}

div[data-section="amenities"] {background-color:#D9DEDF;}
div[data-section="amenities"] .copy {overflow:hidden;padding:20px;}
div[data-section="amenities"] .copy > div:first-of-type {width:60%;float:left;padding-right:20px;box-sizing: border-box;}
div[data-section="amenities"] .copy > div:last-of-type {width:38%;float:right;padding-top:20px;box-sizing: border-box;}
div[data-section="amenities"] .copy > div:last-of-type > span {display:block;border:2px solid #D91E35;}
div[data-section="amenities"] .copy > div:last-of-type > span .photo {margin:10px;margin-bottom:20px;}
div[data-section="amenities"] .copy > div:last-of-type > span .photo:last-of-type {margin-bottom:10px;}

div[data-section="features"] {background-color:#D9DEDF;}
div[data-section="features"] > div {position:relative;}
div[data-section="features"] > div .list {position:absolute;bottom:10%;width:1248px;left:50%;transform: translateX(-50%);}
div[data-section="features"] > div .list .item {background-color:rgba(216,221,221,.9);width:580px;margin-bottom:20px;overflow:hidden;background-repeat:no-repeat;background-position:top right;}
div[data-section="features"] > div .list .item[data-list="flexible"] {background-image:url(../img/icon-flexible.svg);}
div[data-section="features"] > div .list .item[data-list="comfortable"] {background-image:url(../img/icon-comfortable.svg);}
div[data-section="features"] > div .list .item[data-list="sustainable"] {background-image:url(../img/icon-sustainable.svg);}
div[data-section="features"] > div .list .item div:first-of-type {float:left;font-size:14px;line-height:1.1em;padding:20px;width:73%;}
div[data-section="features"] > div .list .item div:first-of-type h2 {font-size:20px;padding-bottom:10px;}
div[data-section="features"] > div .list .item img {display:block;float:right;width:20%;}
div[data-section="features"] {background-color:#B9D9E2;background-image:url(../img/developer-bg.png);}
div[data-section="features"] .copy {overflow:hidden;padding:30px 20px;}
div[data-section="features"] .copy div {box-sizing: border-box;}
div[data-section="features"] .copy > div:first-of-type {width:24%;float:left;color:#043C5B;font-size:40px;font-family: 'ProximaNova-Bold';line-height:1em;padding:0 20px;padding-left:30px;}
div[data-section="features"] .copy > div:nth-of-type(2) {width:38%;float:left;padding-right:50px;}
div[data-section="features"] .copy > div:last-of-type {width:38%;float:left;padding-right:50px;}

div[data-section="developer"] {background-color:white;position:relative;}
div[data-section="developer"] h1 {font-weight:normal;font-family: 'ProximaNova-Bold';font-size:34px;line-height:1.1em;}
div[data-section="developer"] .copy {padding:40px;padding-left:20px;overflow:hidden;z-index:11;}
div[data-section="developer"] .copy > div:first-of-type {width:67%;float:left;}
div[data-section="developer"] .copy > div:last-of-type {width:30%;float:right;}
div[data-section="developer"] .copy > div:last-of-type h2 {color:#DA1E35;font-size:34px;line-height:1.2em;padding-bottom:10px;}
div[data-section="developer"] .copy > div:last-of-type span {display:block;border:1px solid #DA1E35;padding:20px;box-sizing: border-box;overflow:hidden;}
div[data-section="developer"] .copy > div:last-of-type span input,
div[data-section="developer"] .copy > div:last-of-type span textarea {width:100%;background-color:white!important;border:1px solid #DA1E35;padding:10px;box-sizing: border-box;margin-bottom:20px;font-size:18px;}
div[data-section="developer"] .copy > div:last-of-type span textarea {margin-bottom:10px;height:150px;}
div[data-section="developer"] .copy > div:last-of-type span button {background-color:#DA1E35;border-radius: 25px;border:2px solid #DA1E35;color:white;padding:5px 20px;font-size:20px;padding-bottom:3px;float:right;}

div[data-section="accessibility"],
div[data-section="privacy"],
div[data-section="disclaimer"] {background-color:white;position:relative;display:none;margin-top:100px;}

div[data-section="accessibility"] h1,
div[data-section="privacy"] h1,
div[data-section="disclaimer"] h1 {font-weight:normal;font-family: 'ProximaNova-Bold';font-size:34px;}

div[data-section="accessibility"] .copy ,
div[data-section="privacy"] .copy ,
div[data-section="disclaimer"] .copy {padding:20px;padding-top:30px;}

div[data-section="accessibility"] .fa-stack,
div[data-section="privacy"] .fa-stack,
div[data-section="disclaimer"] .fa-stack {position:absolute;right:10px;top:10px;font-size:24px;cursor:pointer;}

.slideshow {position: relative;width:100%;overflow: hidden;z-index:99;}
.slideshow ul {position: relative;list-style: none;margin:0;padding:0;overflow: hidden;z-index:1}
.slideshow ul li {position:absolute;top:0px;left:0px;width:100%;}
.slideshow ul li img {width:100%;height:auto;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #D9DEDF;
    opacity: 1; /* Firefox */
    font-size:12px;    
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #D9DEDF;
    font-size:12px;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #D9DEDF;
    font-size:12px;
}

footer {height:120px;color:white;font-size:10px;line-height:1.2em}
footer .copy {box-sizing: border-box;padding:20px 20px;margin-left:auto;margin-right:auto;height:100%;position:relative;}
footer .copy .logo {height:30px;width:auto;}
footer .copy .fab {font-size:24px;padding:20px 10px;padding-top:10px;}
footer .copy > div:last-of-type {float:left;}
footer .copy > div:first-of-type {float:right;text-align:center;}
footer .copy > div:first-of-type > span {display:block;}
footer .copy > div:first-of-type > span > a:nth-of-type(2) {padding:0 12px;}

@media screen and (max-width:1248px) {
  div[data-section="features"] > div .list {position:absolute;bottom:10%;width:100%;left:0;transform: none;}
}

@media screen and (max-width:1070px) { 
  .copy {width:100%;}

  nav .copy .lang {font-size:12px;}
  nav .copy ul li {padding:0 10px;}
  nav .copy ul li a {font-size:18px;}

  div[data-section="750-peel"] .copy > div:first-of-type {width:55%}
  div[data-section="750-peel"] .copy > div:last-of-type {width:45%;}

  div[data-section="amenities"] .copy > div:first-of-type {width:55%}
  div[data-section="amenities"] .copy > div:last-of-type {width:45%;}

  div[data-section="features"] > div .list {width:100%;left:0;transform:none;bottom:10px;}
  div[data-section="features"] .copy > div:first-of-type {width:32%;}
  div[data-section="features"] .copy > div:nth-of-type(2) {width:34%;}
  div[data-section="features"] .copy > div:last-of-type {width:34%;}
  div[data-section="features"] .copy > div:nth-of-type(2) {padding-right:20px;}
  div[data-section="features"] .copy > div:last-of-type {padding-right:30px;}  
   
  div[data-section="developer"] .copy > div:first-of-type {width:52%}
  div[data-section="developer"] .copy > div:last-of-type {width:45%;}   
}

@media screen and (max-width:930px) { 
  nav .fa-stack {display:block;}

  nav .copy ul {display:none;position: absolute;width: 100%;padding: 0;top:90px;left:0;}
  nav .copy ul li {display:block;padding:0!important;height:70px;}
  nav .copy ul li a {font-size:24px!important;}  
  nav .copy .lang {right:95px;font-size:15px;}
  nav .copy .logo {top:30px;transform:none;}
  nav .copy .lang {top:0;transform: none}
}

@media screen and (max-width:900px) { 
  div[data-section="features"] .copy {padding:30px;}
  div[data-section="features"] .copy > div:first-of-type br {display:none;}  
  div[data-section="features"] .copy > div:first-of-type, 
  div[data-section="features"] .copy > div:nth-of-type(2),
  div[data-section="features"] .copy > div:last-of-type {width:100%;padding:0 0px;margin-bottom:20px;}
  div[data-section="features"] .copy > div:nth-of-type(2),
  div[data-section="features"] .copy > div:last-of-type {float:none;display:inline;margin-bottom:0;}

  div[data-section="features"] > div .list {position:relative;bottom:auto;}
  div[data-section="features"] > div .list .item {width:100%;position:relative;}
  div[data-section="features"] > div .list .item div:first-of-type {width:66%;}
  div[data-section="features"] > div .list .item img {width:25%;position:absolute;right:0;top:50%;transform:translateY(-50%);}    
}

@media screen and (max-width:767px) { 
  div[data-section="750-peel"] .copy > div:first-of-type {margin-bottom:20px;}
  div[data-section="750-peel"] .copy > div:first-of-type,
  div[data-section="750-peel"] .copy > div:last-of-type {width:100%;}

  div[data-section="location"] .copy table tr td {width:100%!important;float:left;}
  div[data-section="location"] .copy table tr:first-of-type td:last-of-type {padding:0 20px;padding-top:20px;}

  div[data-section="amenities"] .copy > div:first-of-type,
  div[data-section="amenities"] .copy > div:last-of-type {width:100%;}    

  div[data-section="developer"] .copy > div:first-of-type,
  div[data-section="developer"] .copy > div:last-of-type {width:100%;}     
}

@media screen and (max-width:560px) { 
  footer .copy {padding-top:15px;}
  footer .copy > div:first-of-type {float:none;padding-bottom:30px;}
  footer .copy > div:last-of-type {float:none;padding-bottom:10px;text-align:center;}

  div[data-section="features"] > div .list .item[data-list="flexible"] {background-image:url(../img/icon-flexible-mobile.svg);}
  div[data-section="features"] > div .list .item[data-list="comfortable"] {background-image:url(../img/icon-comfortable-mobile.svg);}
  div[data-section="features"] > div .list .item[data-list="sustainable"] {background-image:url(../img/icon-sustainable-mobile.svg);}  
}

@media screen and (max-width:500px) { 
  nav .copy .lang {font-size:12px;}

  body > div > .copy {padding-left:20px!important;padding-right:20px!important;}

  div[data-section="location"] .copy,
  body > div > .copy > div {padding-left:0!important;padding-right:0!important;}

  div[data-section="location"] .photo {margin-right:0;}
  div[data-section="location"] .copy table tr:last-of-type .col1 img{padding-top:10px;}
  div[data-section="location"] .copy table tr:last-of-type .col1 img:first-of-type {width:130%;margin-left:-15%;}
  div[data-section="location"] .copy table tr:last-of-type .col1 {padding:0;}
  div[data-section="location"] .copy table tr:last-of-type td {padding-top:10px;}

  div[data-section="750-peel"] .overlay .quad {right:0;width:31%;}
  div[data-section="750-peel"] .overlay .slogan {left:0;width:29%;top:24%;}

  .photo .text {left:0;bottom:5px;padding:0 10px;font-size:12px;}
}

@media screen and (max-width:390px) { 
  nav .copy .lang { right: 80px;}
  nav .copy .lang a span {display:none;}
  nav .copy .lang a {font-size:15px;}
  nav .copy .lang a:first-of-type:after {content: 'EN';}
  nav .copy .lang a:last-of-type:after {content: 'FR';}
}