@charset "UTF-8";
/* CSS Document */
/* GENERALE */
/*/
COULEUR GRADIENT
*/
html {
  font-family: 'Montserrat', helvetica, arial, sans-serif !important;
  font-size:14px;
  line-height:20px;
}
.topBar{position: relative;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 16px;
    line-height: 16px;
}
.headerSite {
    position: relative;
}
.bgGradient {
  height: 15px;
}
.bgGradient.topBar {
    height: unset;
}
#secondMenu li {
  display: inline;
}
      
#secondMenu a {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  text-decoration: none;
  white-space: nowrap;
  text-shadow: 2px 2px 2px rgb(0 0 0 / 30%);
}
#secondMenu a:hover{  
  /*text-decoration: underline;*/
  color:#FFFFFF;
}
.linkRdvOMenu, .linkLangOMenu {
    font-size:14px; line-height: 18px; color:#FFF; padding: 5px;
  }
.linkRdvOMenu:hover{  
  /*background-color: rgba(0,0,0,0.4);*/
}
.navbar-brand{margin-right:0;}
/*
.navbar-brand img {
  filter: drop-shadow(2px 2px 9px rgb(0 0 0 / 0.7));
}*/
.navbar{
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  background-color:rgba(0,0,0,0.5);
}

.navbar-light .navbar-toggler {
  border: none !important;
}
.navbar-toogle-label {
  display: none;
  text-shadow: 2px 2px 2px rgb(0 0 0 / 30%);
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-light .navbar-toggler {
  color: #ffffff;padding: 5px; border-radius:0px;
}
.navbar-light .hideScrollDesktop.show {
  opacity: 1;
  transition: opacity 10s;
}
.navbar-light .hideScrollDesktop.disappear {
  opacity: 0;
}

.toggleContain {
  left: 1rem;
}
.navbar-light .navbar-toggler-icon {
  /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath style='filter: drop-shadow(2px 2px 2px rgb(0 0 0 / 0.30));' stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  width:1em;
  height:1em;
}
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.90;
}
.btn-close:hover, .btn-close:focus {
  opacity: 1;
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .show > .nav-link {
  color: #FFF;
  font-size: 16px;
  line-height: 19px;padding: 8px 0px;
  text-transform: uppercase;
  font-weight: 200;
  transition: 0.5s;
  text-align: center;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover {
  font-weight: 500;
}
.ligneMenuSep {
  width: 100%;
  background-color: #FFFFFF;
  height: 1px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.offcanvas {
    transition: transform 0.15s ease-in-out;
}
.offcanvas-body {
    flex-grow: 1;
    padding: 0rem 1rem;
    overflow-y: auto;
}
.offcanvas .offcanvas-body .infoContact {
  text-align: center;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
}
.offcanvas .offcanvas-body .infoContact strong {
  font-weight: 500;
}
.offcanvas .offcanvas-body .infoContact h3 {
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 10px;
}
.offcanvas .offcanvas-body .infoContact div {
  margin-bottom: 15px;
}
.offcanvas .offcanvas-body .infoContact .iconContact {
    margin-bottom: 30px;
    /*margin-bottom: 15px;*/
}
.offcanvas .offcanvas-body .infoContact .iconPhone, .offcanvas .offcanvas-body .infoContact .iconMail {
  color: #fff;
  text-decoration: none;
  /*margin-bottom: 10px;*/
  margin-bottom: 0;
  display: block;
  transition: 0.5s
}
.offcanvas .offcanvas-body .infoContact .iconPhone:hover, .offcanvas .offcanvas-body .infoContact .iconMail:hover {
  color: #6c686d;
}
.offcanvas .offcanvas-body .infoContact .iconPhone:before {
  content: "";
  background: url('../images/icon-phone.svg');
  background-repeat: no-repeat;
  background-position: center center;
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-right: 14px;
}
.offcanvas .offcanvas-body .infoContact .iconMail:before {
  content: "";
  background: url('../images/icon-mail.svg');
  background-repeat: no-repeat;
  background-position: center center;
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-right: 14px;
}
.offcanvas .offcanvas-body .infoContact .linkSecond{margin-bottom:10px;}
.offcanvas .offcanvas-body .infoContact .lienRdv,
.offcanvas .offcanvas-body .infoContact .lienLgSwitch {
  text-decoration: none;
    color: #FFF;
}
.offcanvas .offcanvas-body .infoContact .lienLgSwitch{
  font-size: 14px;
    line-height: 18px;
}
.offcanvas .offcanvas-body .infoContact .lienLgSwitch{
  font-size: 20px;
    line-height: 30px;
  font-weight: 400;
}
.offcanvas .offcanvas-body .infoContact .lienRdv {border-bottom:1px solid #ffffff;padding-bottom: 4px;}
.offcanvas-header {
  display: block;
  justify-content: normal;
}
.offcanvas-top .offcanvas-header {
  height: 79px;
}
.navbar-light .navbar-nav .nav-link.gold.active, .navbar-light .navbar-nav .nav-link.gold:hover {
  color: #AB823A !important; /*gold*/
}
.navbar-light .navbar-nav .nav-link.lblue.active, .navbar-light .navbar-nav .nav-link.lblue:hover {
  color: #72CFE9 !important; /*light blue*/
}
.navbar-light .navbar-nav .nav-link.dblue.active, .navbar-light .navbar-nav .nav-link.dblue:hover {
  color: #007DB4 !important; /*dark blue*/
}
.navbar-light .navbar-nav .nav-link.lgreen.active, .navbar-light .navbar-nav .nav-link.lgreen:hover {
  color: #88C540 !important; /*light green*/
}
.navbar-light .navbar-nav .nav-link.dgreen.active, .navbar-light .navbar-nav .nav-link.dgreen:hover {
  color: #239D97 !important; /*dark green*/
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover {
  color: #fff; /*white*/
}
.gradientSilver {
  background: rgba(215, 210, 205, 1);
  background: -moz-linear-gradient(left, rgba(215, 210, 205, 1) 0%, rgba(162, 153, 158, 1) 27%, rgba(225, 225, 227, 1) 67%, rgba(186, 185, 187, 1) 76%, rgba(108, 104, 109, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(215, 210, 205, 1)), color-stop(27%, rgba(162, 153, 158, 1)), color-stop(67%, rgba(225, 225, 227, 1)), color-stop(76%, rgba(186, 185, 187, 1)), color-stop(100%, rgba(108, 104, 109, 1)));
  background: -webkit-linear-gradient(left, rgba(215, 210, 205, 1) 0%, rgba(162, 153, 158, 1) 27%, rgba(225, 225, 227, 1) 67%, rgba(186, 185, 187, 1) 76%, rgba(108, 104, 109, 1) 100%);
  background: -o-linear-gradient(left, rgba(215, 210, 205, 1) 0%, rgba(162, 153, 158, 1) 27%, rgba(225, 225, 227, 1) 67%, rgba(186, 185, 187, 1) 76%, rgba(108, 104, 109, 1) 100%);
  background: -ms-linear-gradient(left, rgba(215, 210, 205, 1) 0%, rgba(162, 153, 158, 1) 27%, rgba(225, 225, 227, 1) 67%, rgba(186, 185, 187, 1) 76%, rgba(108, 104, 109, 1) 100%);
  background: linear-gradient(to right, rgba(215, 210, 205, 1) 0%, rgba(162, 153, 158, 1) 27%, rgba(225, 225, 227, 1) 67%, rgba(186, 185, 187, 1) 76%, rgba(108, 104, 109, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d2cd', endColorstr='#6c686d', GradientType=1);
}
.gradientGold {
  background: rgba(245, 215, 174, 1);
  background: -moz-linear-gradient(left, rgba(245, 215, 174, 1) 0%, rgba(170, 133, 58, 1) 22%, rgba(221, 198, 131, 1) 42%, rgba(171, 129, 58, 1) 77%, rgba(119, 91, 22, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245, 215, 174, 1)), color-stop(22%, rgba(170, 133, 58, 1)), color-stop(42%, rgba(221, 198, 131, 1)), color-stop(77%, rgba(171, 129, 58, 1)), color-stop(100%, rgba(119, 91, 22, 1)));
  background: -webkit-linear-gradient(left, rgba(245, 215, 174, 1) 0%, rgba(170, 133, 58, 1) 22%, rgba(221, 198, 131, 1) 42%, rgba(171, 129, 58, 1) 77%, rgba(119, 91, 22, 1) 100%);
  background: -o-linear-gradient(left, rgba(245, 215, 174, 1) 0%, rgba(170, 133, 58, 1) 22%, rgba(221, 198, 131, 1) 42%, rgba(171, 129, 58, 1) 77%, rgba(119, 91, 22, 1) 100%);
  background: -ms-linear-gradient(left, rgba(245, 215, 174, 1) 0%, rgba(170, 133, 58, 1) 22%, rgba(221, 198, 131, 1) 42%, rgba(171, 129, 58, 1) 77%, rgba(119, 91, 22, 1) 100%);
  background: linear-gradient(to right, rgba(245, 215, 174, 1) 0%, rgba(170, 133, 58, 1) 22%, rgba(221, 198, 131, 1) 42%, rgba(171, 129, 58, 1) 77%, rgba(119, 91, 22, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5d7ae', endColorstr='#775b16', GradientType=1);
}
.gradientLblue {
  background: rgba(212, 239, 245, 1);
  background: -moz-linear-gradient(left, rgba(212, 239, 245, 1) 0%, rgba(115, 187, 193, 1) 22%, rgba(199, 234, 242, 1) 42%, rgba(128, 206, 215, 1) 77%, rgba(70, 167, 170, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(212, 239, 245, 1)), color-stop(22%, rgba(115, 187, 193, 1)), color-stop(42%, rgba(199, 234, 242, 1)), color-stop(77%, rgba(128, 206, 215, 1)), color-stop(100%, rgba(70, 167, 170, 1)));
  background: -webkit-linear-gradient(left, rgba(212, 239, 245, 1) 0%, rgba(115, 187, 193, 1) 22%, rgba(199, 234, 242, 1) 42%, rgba(128, 206, 215, 1) 77%, rgba(70, 167, 170, 1) 100%);
  background: -o-linear-gradient(left, rgba(212, 239, 245, 1) 0%, rgba(115, 187, 193, 1) 22%, rgba(199, 234, 242, 1) 42%, rgba(128, 206, 215, 1) 77%, rgba(70, 167, 170, 1) 100%);
  background: -ms-linear-gradient(left, rgba(212, 239, 245, 1) 0%, rgba(115, 187, 193, 1) 22%, rgba(199, 234, 242, 1) 42%, rgba(128, 206, 215, 1) 77%, rgba(70, 167, 170, 1) 100%);
  background: linear-gradient(to right, rgba(212, 239, 245, 1) 0%, rgba(115, 187, 193, 1) 22%, rgba(199, 234, 242, 1) 42%, rgba(128, 206, 215, 1) 77%, rgba(70, 167, 170, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4eff5', endColorstr='#46a7aa', GradientType=1);
}
.gradientDblue {
  background: rgba(0, 89, 121, 1);
  background: -moz-linear-gradient(left, rgba(0, 89, 121, 1) 0%, rgba(0, 125, 187, 1) 22%, rgba(82, 175, 221, 1) 42%, rgba(0, 108, 166, 1) 77%, rgba(0, 46, 75, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 89, 121, 1)), color-stop(22%, rgba(0, 125, 187, 1)), color-stop(42%, rgba(82, 175, 221, 1)), color-stop(77%, rgba(0, 108, 166, 1)), color-stop(100%, rgba(0, 46, 75, 1)));
  background: -webkit-linear-gradient(left, rgba(0, 89, 121, 1) 0%, rgba(0, 125, 187, 1) 22%, rgba(82, 175, 221, 1) 42%, rgba(0, 108, 166, 1) 77%, rgba(0, 46, 75, 1) 100%);
  background: -o-linear-gradient(left, rgba(0, 89, 121, 1) 0%, rgba(0, 125, 187, 1) 22%, rgba(82, 175, 221, 1) 42%, rgba(0, 108, 166, 1) 77%, rgba(0, 46, 75, 1) 100%);
  background: -ms-linear-gradient(left, rgba(0, 89, 121, 1) 0%, rgba(0, 125, 187, 1) 22%, rgba(82, 175, 221, 1) 42%, rgba(0, 108, 166, 1) 77%, rgba(0, 46, 75, 1) 100%);
  background: linear-gradient(to right, rgba(0, 89, 121, 1) 0%, rgba(0, 125, 187, 1) 22%, rgba(82, 175, 221, 1) 42%, rgba(0, 108, 166, 1) 77%, rgba(0, 46, 75, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005979', endColorstr='#002e4b', GradientType=1);
}
.gradientLgreen {
  background: rgba(162, 213, 44, 1);
  background: -moz-linear-gradient(left, rgba(162, 213, 44, 1) 0%, rgba(81, 154, 29, 1) 22%, rgba(166, 217, 123, 1) 42%, rgba(122, 193, 29, 1) 77%, rgba(50, 96, 19, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(162, 213, 44, 1)), color-stop(22%, rgba(81, 154, 29, 1)), color-stop(42%, rgba(166, 217, 123, 1)), color-stop(77%, rgba(122, 193, 29, 1)), color-stop(100%, rgba(50, 96, 19, 1)));
  background: -webkit-linear-gradient(left, rgba(162, 213, 44, 1) 0%, rgba(81, 154, 29, 1) 22%, rgba(166, 217, 123, 1) 42%, rgba(122, 193, 29, 1) 77%, rgba(50, 96, 19, 1) 100%);
  background: -o-linear-gradient(left, rgba(162, 213, 44, 1) 0%, rgba(81, 154, 29, 1) 22%, rgba(166, 217, 123, 1) 42%, rgba(122, 193, 29, 1) 77%, rgba(50, 96, 19, 1) 100%);
  background: -ms-linear-gradient(left, rgba(162, 213, 44, 1) 0%, rgba(81, 154, 29, 1) 22%, rgba(166, 217, 123, 1) 42%, rgba(122, 193, 29, 1) 77%, rgba(50, 96, 19, 1) 100%);
  background: linear-gradient(to right, rgba(162, 213, 44, 1) 0%, rgba(81, 154, 29, 1) 22%, rgba(166, 217, 123, 1) 42%, rgba(122, 193, 29, 1) 77%, rgba(50, 96, 19, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2d52c', endColorstr='#326013', GradientType=1);
}
.gradientDgreen {
  background: rgba(89, 186, 167, 1);
  background: -moz-linear-gradient(left, rgba(89, 186, 167, 1) 0%, rgba(0, 127, 121, 1) 22%, rgba(99, 190, 175, 1) 42%, rgba(35, 140, 133, 1) 77%, rgba(0, 76, 67, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(89, 186, 167, 1)), color-stop(22%, rgba(0, 127, 121, 1)), color-stop(42%, rgba(99, 190, 175, 1)), color-stop(77%, rgba(35, 140, 133, 1)), color-stop(100%, rgba(0, 76, 67, 1)));
  background: -webkit-linear-gradient(left, rgba(89, 186, 167, 1) 0%, rgba(0, 127, 121, 1) 22%, rgba(99, 190, 175, 1) 42%, rgba(35, 140, 133, 1) 77%, rgba(0, 76, 67, 1) 100%);
  background: -o-linear-gradient(left, rgba(89, 186, 167, 1) 0%, rgba(0, 127, 121, 1) 22%, rgba(99, 190, 175, 1) 42%, rgba(35, 140, 133, 1) 77%, rgba(0, 76, 67, 1) 100%);
  background: -ms-linear-gradient(left, rgba(89, 186, 167, 1) 0%, rgba(0, 127, 121, 1) 22%, rgba(99, 190, 175, 1) 42%, rgba(35, 140, 133, 1) 77%, rgba(0, 76, 67, 1) 100%);
  background: linear-gradient(to right, rgba(89, 186, 167, 1) 0%, rgba(0, 127, 121, 1) 22%, rgba(99, 190, 175, 1) 42%, rgba(35, 140, 133, 1) 77%, rgba(0, 76, 67, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59baa7', endColorstr='#004c43', GradientType=1);
}

footer {
  background-color: #000;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
}
footer strong {
  font-weight: 500;
}
.contactrdv {
  margin-bottom: 28px;
}
footer .contactrdv .btn-rdv {
  padding-bottom: 7px;
  border-bottom: 1px solid #fff;
  transition: .5s;
}
footer .contactLink {
  margin-bottom: 20px;
}
footer .contactLink .iconPhone:before {
  content: "";
  background: url('../images/icon-phone.svg');
  background-repeat: no-repeat;
  background-position: center center;
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-right: 14px;
}
footer .contactLink .iconMail:before {
  content: "";
  background: url('../images/icon-mail.svg');
  background-repeat: no-repeat;
  background-position: center center;
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-right: 14px;
}
footer .contactLink a, footer .contactrdv a {
  color: #FFF;
  text-decoration: none;
  transition: .5s;
}
footer .contactLink a:hover, footer .contactrdv a:hover {
  color: #6c686d;
}
footer .contactrdv .btn-rdv:hover {
  border-bottom: 1px solid #6c686d;
}
footer .iconSocial a {
  display: inline-block;
  margin-right: 28px;
  margin-bottom: 20px;
}
footer .iconSocial a:hover img {
  filter: invert(43%) sepia(7%) saturate(277%) hue-rotate(242deg) brightness(90%) contrast(80%);
}
footer .col-12 {
  margin-bottom: 20px;
}
.copyright {
  color: #ffffff;
  font-size: 13px;
}
.copyright a {
  color: #ffffff;
  text-decoration: none;
}
.copyright .copyr {}
.copyright .link {
  text-align: left;
  margin-bottom:15px;
}
.copyright .link a {
  margin: auto 30px auto 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}
.copyright .col-lg-4 {
  margin-bottom: 20px;
}
.backTop {
  position: fixed;
  bottom: 60px;
  right: 60px;
  opacity: 0;
  transition: opacity 0.6s;
  background-color: rgba(0, 0, 0, 0.35);
  width: 34px;
  height: 34px;
  z-index: 999;
  border-radius: 50%;
}
.backTop img {
  width: 34px;
  height: 34px;
}
.backTop.show {
  opacity: 1;
}



/* HOME PAGE */
.welcome {padding-top:88px; padding-bottom: 68px;}
.withBgGrey{position:relative;}
.withBgGreyMobile{position:relative;}
.withBgGrey::before {
        background-color: #ededed;
        background-repeat: no-repeat;
        content: none;
        width: 100%;
        height: calc(100% + 60px);
        margin-top: -30px;
        position: absolute;
        left: calc(-50% - 23vw);
        z-index: -3;
    }
.withBgGreyMobile::before {
        background-color: #ededed;
        background-repeat: no-repeat;
        content: '';
        width: 100%;
        height: calc(100% + 60px);
        margin-top: -30px;
        position: absolute;
        left: calc(-50% - 23vw);
        z-index: -3;
    }

.hidden{display:none;}


.order-6 {
    order: 6;
}
.order-7 {
    order: 7;
}
.order-8 {
    order: 8;
}

.hSlide1,
    .hSlide2,
    .hSlide3,
    .hSlide4,
    .penthousesSlide1,
    .courtyardSlide1,
    .skycondosSlide1,
    .townhousesSlide1,
    .condominiumsSlide1,
    .airesSlide1,
    .contactSlide1,
    .districtSlide1,
    .planSlide1,
    .plansSlide1{background-size: cover; background-position: center center;}
    
    .hSlide1{background-image: url('../images/banners/home/home-slide-1-1.jpg');}
    .hSlide2{background-image: url('../images/banners/home/home-slide-2-1.jpg');}
    .hSlide3{background-image: url('../images/banners/home/home-slide-3-1.jpg');}
    .hSlide4{background-image: url('../images/banners/home/home-slide-4.jpg');}
    .penthousesSlide1{background-image: url('../images/banners/penthouses/yul-penthouses-slide-1-1.jpg');}  
    .courtyardSlide1{background-image: url('../images/banners/courtyard/yul-courtyard-slide-1-1.jpg');}
    .skycondosSlide1{background-image: url('../images/banners/skycondos/yul-skycondos-slide-1-1.jpg');}  
    .townhousesSlide1{background-image: url('../images/banners/townhomes/yul-townhouses-slide-1-1.jpg');}  
    .condominiumsSlide1{background-image: url('../images/banners/condominiums/yul-condominiums-slide-1-1.jpg');}  
    .airesSlide1{background-image: url('../images/banners/common-areas/yul-aires-slide-1.jpg');}  
    .contactSlide1{background-image: url('../images/banners/contact/yul-contact-slide-1-1.jpg');}  
    .districtSlide1{background-image: url('../images/banners/district/yul-district-slide-1-1.jpg');}  
    .plansSlide1{background-image: url('../images/banners/plans/yul-plans-slide-1-1.jpg');} 
    
.splide{
  position: relative; 
  /*top:-140px; */
  z-index: 6; 
  background-color: #000000;
  /*margin-bottom: -140px;*/
}



.blocText {
  z-index: 10;
  text-align: center;
  /*background-color: rgba(0,0,0,0.3);*/
  /*transform: translate(-50%, -50%) !important;*/
 /* padding: 0.5rem;*/
 /*width: 90%;*/
  width: 100%;
}  
.titleSlider{
  text-align: center;
  /*position: absolute;
  top: 298px;*/
  align-content: center;
  color: #ffffff;
  z-index: 10;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  text-shadow: 2px 4px 5px rgba(0,0,0,0.8);
}
    
.catchSlider{
  font-size: 40px;
  line-height: 49px;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: 0.80px;
  text-align: center;
  /*position: absolute;
  top: 348px;*/
  z-index: 10;
  text-shadow: 2px 4px 5px rgba(0,0,0,0.8);
}
.exploreSlider {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #ffffff;
  position: absolute;
  bottom: 107px !important;
  z-index: 10;
  text-align: center;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
.laureat2021Slider{
  width:126px;
  z-index: 10;
  bottom:32px;
}
.laureat2021Slider img{
  max-width:126px;
  height: auto;
}
.ligneSlider{
  position: absolute;
  bottom: 0px;
  text-align: center;
  z-index: 10;
  overflow: hidden;
  height:97px;
}    
    
.splide__pagination {z-index:12 !important;
    justify-content: flex-end !important;
    margin-bottom: 72px !important;
    margin-right: 52px !important;
    }
.splide__pagination__page.is-active {
    background: #ffffff !important;
    z-index: 12 !important;
    opacity: 1;
}
.splide__pagination__page:hover {
    background: #ffffff !important;
    opacity: 1;
}
    
.splide__pagination__page {
    background: #ffffff;
    opacity: .49;
}




    /* HOME PAGE */
    .welcome {padding-top:88px; padding-bottom: 68px;}
    .withBgGrey{position:relative;}
    .withBgGreyMobile{position:relative;margin-bottom:60px;}
    .withBgGrey::before {
        background-color: #ededed;
        background-repeat: no-repeat;
        content: none;
        width: 100%;
        height: calc(100% + 60px);
        margin-top: -30px;
        position: absolute;
        left: calc(-50% - 23vw);
        z-index: -3;
    }
    .withBgGreyMobile::before {
        background-color: #ededed;
        background-repeat: no-repeat;
        content: '';
        width: 100%;
        height: calc(100% + 60px);
        margin-top: -30px;
        position: absolute;
        left: calc(-50% - 23vw);
        z-index: -3;
    }

    .welcome .introTitre {font-size: 18px; line-height: 24px; font-weight: 500; margin-bottom:20px; text-transform:uppercase;}
    .welcome .introTexte {font-size: 12px; line-height: 20px; margin-bottom:31px;}
    .welcome .introBtn .btn-light, .welcome .videoBtn .btn-light {font-size: 16px; line-height: 19px; font-weight:500; color:#00BBE7; padding:10px 15px; border: 2px solid #00BBE7; border-radius:0px; background-color:#fff; text-transform:uppercase; }
    .welcome .introBtn .btn-light:hover, .welcome .videoBtn .btn-light:hover {color:#fff;background-color:#626262;}
    .welcome .introBtn, .welcome .videoBtn {
        float: left;
          margin-right: 10px;
          margin-top: 20px;
      }
    
    
    
    
    .glassBG {background-repeat:no-repeat; background-position:center center; background-size:cover; min-height:300px;padding-top:0px;padding-bottom:0px;}
    .glassDarkBg {-webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px);  background-color: rgba(0, 0, 0, 0.4);border-radius:20px;padding:26px;color:#ffffff; margin-top:32px;margin-bottom:32px;padding: 10.3% 10.3%;}
    
    @-moz-document url-prefix() {
      .glassDarkBg {
        background-color: rgba(0, 0, 0, 0.8);
      }
    }
    .glassDarkBg h3 {font-size: 18px; line-height: 24px; font-weight: 500; margin-bottom:22px; text-transform:uppercase;}
    .glassDarkBg p {font-size: 12px; line-height: 20px;}
    .glassDarkBg .glassBtn {margin-top:32px;}
    .glassDarkBg .glassBtn .btn-light {font-size: 16px; line-height: 19px; font-weight:500; color:#FFF; padding:10px 15px; border: 2px solid #FFF; border-radius:0px; background-color:transparent; text-transform:uppercase;}
    .glassDarkBg .glassBtn .btn-light:hover {background-color:#00BBE7;border: 2px solid #00BBE7;}
    
    
    .homeTypeTitre {font-size:18px; line-height:24px; font-weight: 500; color:#626262;text-transform: uppercase; margin-bottom:10px;}
    
    .homeTypeSection .bgrad {padding: 0;}
    .homeTypeSection .imgContent{position: relative; overflow: hidden;max-height: 762px;}
    .homeTypeSection .imgContent img{ transition: transform .5s;}
    .homeTypeSection .imgContent:hover img{transform: scale(1.05);} 
    
    
    .overlGold{background-color:rgba(172,124,33,0.36);transition: .5s;}
    .overlLblue{background-color:rgba(35,121,124,0.36);transition: .5s;}
    .overlDblue{background-color:rgba(19,83,137,0.36);transition: .5s;}
    .overlLgreen{background-color:rgba(21,51,14,0.36);transition: .5s;}
    .overlDgreen{background-color:rgba(16,75,59,0.36);transition: .5s;}
    
    .homeTypeSection .bgrad:hover .overlGold{background-color:rgba(172,124,33,0.0);}
    .homeTypeSection .bgrad:hover .overlLblue{background-color:rgba(35,121,124,0.0);}
    .homeTypeSection .bgrad:hover .overlDblue{background-color:rgba(19,83,137,0.0);}
    .homeTypeSection .bgrad:hover .overlLgreen{background-color:rgba(21,51,14,0.0);}
    .homeTypeSection .bgrad:hover .overlDgreen{background-color:rgba(16,75,59,0.0);}
    .homeTypeSection .bgrad:hover .overlayType{font-size: 14px;}
    
    .col-1-5 {
      /*flex: 0 0 auto;*/
      width:100%;
      margin-left:0%;
    }
    
    .overlayType {
        position:absolute;
        top: 0px;
        left:0px;
        width: 100%;
        height: 100%;
        font-size: 14px;
        line-height: 18px;
        font-weight:500;
        color:#ffffff;
        display: flex; 
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .homeTypeSection .bgrad {padding:22px 0;}
    
        
    .glassBG.homeBgLobby{
      background-image:none;
      background-repeat: no-repeat;
      background-size: cover;
    }    
    .glassBG.homeFurniture{
      background-image:none;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .glassBG.homeLaureat{
      background-image:none;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .mobileBg{
      position: relative;
      margin-left: -1.5rem;
      margin-right: -1.5rem;
    }
    .prixDomus{
      width:100%;
      max-width: 170px;
    }


/*  AIRES COMMUNES  *//*
#aires .jardin{background-image:url('../images/banners/common-areas/yul-aires-jardin-interieur-1.jpg'); background-size:cover;position: relative;height:100vh; min-height:700px; background-position: center center;}
#aires .skylounge{background-image:url('../images/banners/common-areas/yul-aires-sky-lounge.jpg'); background-size:cover;position: relative;height:100vh; min-height:700px; background-position: center center;}
/*#aires .spa{background-image:url('../images/banners/common-areas/yul-aires-piscine.jpg'); background-size:cover;position: relative;height:100vh; min-height:700px; background-position: center center;}
#aires .terrasse{background-image:url('../images/banners/common-areas/yul-aires-terrasse.jpg'); background-size:cover;position: relative;height:100vh; min-height:700px; background-position: center center;}
#aires .pool{background-image:url('../images/banners/common-areas/yul-aires-piscine-interieur.jpg'); background-size:cover;position: relative;height:100vh; min-height:700px; background-position: center center;}
#aires .cellier{background-image:url('../images/banners/common-areas/yul-aires-cellier.jpg'); background-size:cover;position: relative;height:100vh; min-height:700px; background-position: center center;}
#aires .gym{background-image:url('../images/banners/common-areas/yul-aires-gym.jpg'); background-size:cover;position: relative;height:100vh; min-height:700px; background-position: center center;}
#aires .jardin2{background-image:url('../images/banners/common-areas/yul-aires-jardin-interieur-2.jpg'); background-size:cover;position: relative;height:100vh; min-height:700px; background-position: center center;}
#aires .jardinview{background-image:url('../images/banners/common-areas/yul-aires-jardin-view.jpg'); background-size:cover;position: relative;height:100vh; min-height:700px; background-position: center center;}*/


#aires .jarinslide
.splidearea{
  position: relative; 
  z-index: 6; 
  background-color: #000000;
}
#aires .splide__arrow svg {
  fill: #ffffff;
}
#aires .skylounge{background-image:url('../images/banners/common-areas/yul-aires-sky-lounge.jpg'); background-size:cover; background-position: center center;}

#aires .splide .jardin{background-image:url('../images/banners/common-areas/yul-aires-jardin-interieur-1.jpg');background-size: cover; background-position: center center; }
#aires .splide .jardin2{background-image:url('../images/banners/common-areas/yul-aires-jardin-interieur-2.jpg');background-size: cover; background-position: center center;}
#aires .splide .jardinview{background-image:url('../images/banners/common-areas/yul-aires-jardin-view.jpg');background-size: cover; background-position: left center;}

#aires .splide .spa{background-image:url('../images/banners/common-areas/yul-aires-piscine.jpg');background-size: cover; background-position: center center;}
#aires .splide .detente{background-image:url('../images/banners/common-areas/yul-aires-detente.jpg');background-size: cover; background-position: center center;}
#aires .splide .detente2{background-image:url('../images/banners/common-areas/yul-aires-detente-2.jpg');background-size: cover; background-position: center center;}

#aires .splide .terrasse{background-image:url('../images/banners/common-areas/yul-aires-terrasse.jpg');background-size: cover; background-position: center center;}
#aires .splide .terrasse2{background-image:url('../images/banners/common-areas/yul-aires-terrasse-2.jpg');background-size: cover; background-position: center center;}
#aires .splide .terrasse3{background-image:url('../images/banners/common-areas/yul-aires-terrasse-3.jpg');background-size: cover; background-position: center bottom;}

#aires .pool{background-image:url('../images/banners/common-areas/yul-aires-piscine-interieur.jpg'); background-size:cover; background-position: center center;}

#aires .cellier{background-image:url('../images/banners/common-areas/yul-aires-cellier.jpg'); background-size:cover; background-position: center center;}

#aires .gym{background-image:url('../images/banners/common-areas/yul-aires-gym.jpg'); background-size:cover; background-position: center center;}

  
.pointBloc {bottom:24px; left:32px;}  
.airesPointB {width:135px;height: 135px;background-color: rgba(255,255,255,0.75); position:relative;}
.airesPointB .Title {
  font-weight: 500;
  font-size:14px;
  line-height: 18px;
  text-transform: uppercase;
  color:#000000;
  transition: opacity 0.3s 0.2s ease-in-out;
  opacity: 1;width:100%;
}



.Description {position:absolute; bottom:0px;left:135px;}
.Description .Header {
  font-weight: 500;
  font-size:12px;
  line-height: 18px;
  text-transform: uppercase;
  color:#7697A0;
  background-color:#EDEDED;
  width:200px;
  padding:13px 19px 13px 19px;
}
.Description .Text {
  font-weight: 400;
  font-size:13px;
  line-height: 20px;
  color:#ffffff;
  background-color: #000;
  min-height: 262px;
  width:200px;
  padding:13px 19px 13px 19px;
  overflow: auto;
}

@-webkit-keyframes shakeY {
  0%, 100% {-webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }  
}
  
@keyframes shakeY {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
}

/* QUARTIER */

.glassBG {background-repeat:no-repeat; background-position:center center; background-size:cover; min-height:300px;padding-top:0px;padding-bottom:0px;}
    .glassDarkBg {-webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px);  background-color: rgba(0, 0, 0, 0.4);border-radius:20px;/*padding:26px;*/color:#ffffff; margin-top:30px;margin-bottom:30px;padding: 10.3% 10.3%;}
    
    @-moz-document url-prefix() {
      .glassDarkBg {
        background-color: rgba(0, 0, 0, 0.8);
      }
    }
    .glassDarkBg h3 {font-size: 18px; line-height: 24px; font-weight: 500; margin-bottom:22px; text-transform:uppercase;}
    .glassDarkBg p {font-size: 12px; line-height: 20px;}
    .glassDarkBg .glassBtn {margin-top:32px;}
    .glassDarkBg .glassBtn .btn-light {font-size: 16px; line-height: 19px; font-weight:500; color:#FFF; padding:10px 15px; border: 2px solid #FFF; border-radius:0px; background-color:transparent; text-transform:uppercase;}
    .glassDarkBg .glassBtn .btn-light:hover {background-color:#00BBE7;border: 2px solid #00BBE7;}
  
    
    
    .glassBG.districtBg{
      background-image:none;
      background-repeat: no-repeat;
      background-size: cover;
    }  
    .mobileBg{
      position: relative;
      margin-left: -1.5rem;
      margin-right: -1.5rem;
    }
    
    .PoiSelect {padding-top:35px;}
    .PoiSelect .titre {font-size:16px; line-height:23px; font-weight:400; color:#626262; margin-bottom: 18px;}
    .PoiSelect .texte{font-size:13px; line-height:23px; font-weight:400; color:#626262; margin-bottom: 18px;}
    .PoiSelect .poiImg{ margin-bottom: 34px;}
    .PoiSelect {}
    .poiImg svg{max-width:39px;}
    .poiImg svg path.bckg {
      fill: #626262;
      -moz-transition: fill 0.3s;
      -ms-transition: fill 0.3s;
      -o-transition: fill 0.3s;
      -webkit-transition: fill 0.3s;
      transition: fill 0.3s;
  }
    .poiImg svg path.bckg_outline, .poiImg svg path.ico, .poiImg svg polygon.ico {
    fill: #FFFFFF;
    }
    .poiImg:hover svg path.bckg, .poiImg.active svg path.bckg {
    fill: #00BBDE;
    }
  
    
.popup-bubble {
	position: absolute;
	width: 110px;
	height: 158px;
	top: 0;
	left: 0;
	background: url(../images/info-window.svg) center center no-repeat;
	background-size: 110px 158px;
	transform: translate(-50%, -100%);
}

.popup-bubble h1, .popup-bubble p {
	display: block;
	width: 110px;
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	text-align: center;
	text-transform: uppercase;
}

.popup-bubble h1 {
	/*font-weight: 600;
	font-size: 1.1rem;
	line-height: 1.4rem;*/
	font-size: 0.7857rem;
	line-height: 1rem;
	padding: 7px 0 0 0;
  margin-bottom:0px;
}

.popup-bubble h1 .small {
	/*font-size: 1.0rem;
	line-height: 1.1rem;*/
	font-size: 0.7857rem;
	line-height: 0.3333rem;
	padding: 6px 0 2px 0;
}

.popup-bubble p {
	font-weight: 600;
	/*font-size: 0.8rem;
	line-height: 0.8rem;*/
	font-size: 0.5714rem;
	line-height: 0.5714rem;
	margin: 2px 0;
	padding: 0;
}

.popup-bubble p:after {
	content: "";
	display: block;
	width: 6px;
	height: 1px;
	background: #FFFFFF;
	margin: 5px auto;
}

.popup-bubble p:last-of-type:after {
	height: 0;	
	background: none;
}

.popup-bubble a.info {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	right: 10px;
	top: 10px;
	background: url(../images/icon-info.svg) center center no-repeat;
	background-size: 16px 16px;
}

/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor {
	position: absolute;
	width: 100%;
	bottom: 20px;
	left: 0;
}
/* This element draws the tip. *//*
.popup-bubble-anchor::after {
	content: "";
	position: absolute;
	width: 25px;
	height: 50px;
	top: 0;
	left: 0;
	background: url("../images/icon-infowindow-arrow.svg") left top no-repeat;
	background-size: 25px 50px;
	transform: translate(-100%, -50%);
}*/
/* JavaScript will position this div at the bottom of the popup tip. */
/* The max width of the info window. */
.popup-container {
	cursor: auto;
	height: 0;
	position: absolute;
	/*width: 200px;*/
}

.gm-style-iw-a {
	opacity: 0 !important;
	pointer-events: none !important;

}

  /* CONTACT */
  .contact {color:#626262;background-color:#EDEDED;padding-top:44px; padding-bottom:44px}
  .contact .coordonnees .titre {font-size: 25px; line-height: 33px;color: #00BBE7;font-weight: 500;}
  .contact .coordonnees .sousTitre {font-size: 13px; line-height: 23px;font-weight: 400;margin-bottom:0px;}
  .contact .coordonnees .addrsTitre,
  .contact .coordonnees .horaireTitre {font-size: 13px; line-height: 16px;font-weight: 500;margin-bottom: 11px;}
  .contact .coordonnees .horaireTitre {margin-top: 31px;}
  .contact .coordonnees .addrsInfo,
  .contact .coordonnees .horaireInfo {font-size: 12px; line-height: 18px;font-weight: 400;}
  #contact-form {margin-top:31px;}
  .contact .form-control{border: 1px solid #707070;border-radius: 0;margin-bottom:14px;font-size: 12px; font-weight: 400; line-height: 16px;padding: 14px; color:#626262;}
  .contact .form-check {margin-bottom: 25px;}
  .contact .form-check-label {font-size:10px; line-height: 16px; text-transform: uppercase;width: calc(100% - 2em);}
  .contact textarea{height:126px !important;}
  .contact .form-floating > label {
    color:#6c757d !important;
  }
  
  .contact .form-check-input[type=checkbox] {
    width: 21px;
    height: 21px;
    margin-right: 0.8em;
    border-radius: 0;
    border: 1px solid #707070;
  }
  .contact .form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 20 20'%3E%3Cpolygon fill='%2370706E' stroke='%2370706E' stroke-miterlimit='10' points='14.8,5.3 14.7,5.2 10,9.9 5.3,5.2 5.2,5.3 9.9,10 5.2,14.7 5.3,14.8 10,10.1 14.7,14.8 14.8,14.7 10.1,10 '/%3E%3C/svg%3E");
  }
  .contact .form-check-input:checked {
    background-color: #ffffff;
    border-color: #707070;
  }
  #contact-form .btnsubmit{
    color: #fff;
    background-color: #00BBE7;
    border-color: #00BBE7;
    border-radius:0px;
    border-width: 2px;
    margin-bottom:10px;
  }
  #contact-form .btnsubmit:hover{
      color: #fff;
      background-color: #626262;
      border-color: #00BBE7;
  }
  .carteContainer, #map_mask{position: relative;}
  .btnCMap {
    position: absolute;
    bottom: 0;
    color: #fff;
    background-color: #00BBE7;
    border-color: #00BBE7;
    border-radius: 0px;
    border-width: 2px;
    text-transform: uppercase;
  }
  .btnCMap .btnsubmit:hover{
      color: #fff;
      background-color: #626262;
      border-color: #00BBE7;
  }


  /* PRIVACY */ 
	#privacy ol{
		font-size: 25px;
		line-height: 33px;
		color: #00BBE7;
		font-weight: 500;
	}
  #privacy ol strong, #privacy ul strong{
    font-weight:600;
  }
	@media (max-width: 768px){
		#privacy ol{
			font-size: 17px;
			line-height: 20px;
			color: #00BBE7;
			font-weight: 500;
		}
	}


/* PLANS */ 
.planSelection {margin-top:48px;}
.planSelection .colSelect {margin-bottom:39px;}
.planSelection .colSelect {margin-bottom:0px;}
.planSelection .mainTitre {font-size:18px; line-height:22px; font-weight:500;}
.planSelection .stepTitre {font-size:12px; line-height:20px; font-weight:400;}
.planSelection .stepDesc {font-size:15px; line-height:20px; font-weight:400; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #626262;}
.planSelection .menuPlan {font-size:13px; line-height:20px; font-weight:700; list-style: none; padding-left: 0;}
.planSelection .menuPlan .subm {font-size:13px; line-height:20px; font-weight:400;list-style: none; padding-left: 1rem;}
.planSelection .menuPlan div:hover, .planSelection .menuPlan .subm div:hover{ cursor: pointer;}
.planSelection .menuPlan div[data-type="penthouses"].active, .planSelection .menuPlan div[data-type="penthouses"]:hover{color:#AB823A;}
.planSelection .menuPlan div[data-type="skycondos"].active, .planSelection .menuPlan div[data-type="skycondos"]:hover{color:#73BAC1;}
.planSelection .menuPlan div[data-type="condominiums"].active, .planSelection .menuPlan div[data-type="condominiums"]:hover{color:#007CBB;}
.planSelection .menuPlan div[data-type="condominiums"] div:hover{color:#007CBB;}

.planSelection .menuPlan div[data-type="studio"].active, .planSelection .menuPlan div[data-type="studio"]:hover,
.planSelection .menuPlan div[data-type="room1"].active, .planSelection .menuPlan div[data-type="room1"]:hover,
.planSelection .menuPlan div[data-type="room1_den"].active, .planSelection .menuPlan div[data-type="room1_den"]:hover,
.planSelection .menuPlan div[data-type="room2"].active, .planSelection .menuPlan div[data-type="room2"]:hover,
.planSelection .menuPlan div[data-type="room3"].active, .planSelection .menuPlan div[data-type="room3"]:hover,
.planSelection .menuPlan div[data-type="studio"] div:hover,
.planSelection .menuPlan div[data-type="room1"] div:hover,
.planSelection .menuPlan div[data-type="room1_den"] div:hover,
.planSelection .menuPlan div[data-type="room2"] div:hover,
.planSelection .menuPlan div[data-type="room3"] div:hover{color:#007CBB;}

.planSelection .menuPlan div[data-type="courtyard"].active, .planSelection .menuPlan div[data-type="courtyard"]:hover{color:#529A1D;}

.planSelection .menuPlan div[data-type="csroom1"].active, .planSelection .menuPlan div[data-type="csroom1"]:hover,
.planSelection .menuPlan div[data-type="csroom1_den"].active, .planSelection .menuPlan div[data-type="csroom1_den"]:hover,
.planSelection .menuPlan div[data-type="csroom2"].active, .planSelection .menuPlan div[data-type="csroom2"]:hover,
.planSelection .menuPlan div[data-type="csroom3"].active, .planSelection .menuPlan div[data-type="csroom3"]:hover,
.planSelection .menuPlan div[data-type="csroom1"] div:hover,
.planSelection .menuPlan div[data-type="csroom1_den"] div:hover,
.planSelection .menuPlan div[data-type="csroom2"] div:hover,
.planSelection .menuPlan div[data-type="csroom3"] div:hover{color:#529A1D;}


.planSelection .menuPlan div[data-type="townhomes"].active, .planSelection .menuPlan div[data-type="townhomes"]:hover{color:#007F79;}
.planSelection .steps {margin-bottom:35px;}
.planSelection .title_phase1, .planSelection .title_phase2 {
    font-size: 15px;
    line-height: 23px;
    font-weight: 700;
    color: #626262;
    display: inline-block;
    width: 45%;
    margin: 0;
    padding: 0;
    text-align: center;  
}
.building {
    display: block;
    position: relative;
}


#plans .building .overlay {
    
    position: absolute;
    left: 0px;
    top: 0;
}
  #plans .building .overlay svg {
  max-width: 100%;
    height: auto;
  }
.legend.selection {
    margin-top:22px;
}
.legend.selection:before {
    background: #00BBDE;
}
.legend.sold:before {
    background: #D1D3D4;
}  
.legend.available:before {
    border: solid 1px #CCCCCC;
}
.legend:before {
    content: "";
    display: block;
    position: relative;
    display:inline-block;
    width: 12px;
    height: 12px;
    left: 0;
    margin: 4px 6px 0 0;
}

.legend.selection.studio:before,
.legend.selection.room1:before,
.legend.selection.room1_den:before,
.legend.selection.room2:before,
.legend.selection.room3:before{
    background: #007CBB;
}
  
.legend.selection.penthouses:before{
    background: #AB823A;
}
.legend.selection.skycondos:before{
    background: #73BAC1;
}
.legend.selection.courtyard:before{
    background: #529A1D;
}
.legend.selection.townhomes:before{
    background: #007F79;
}
.legend.selection.csroom1:before,
.legend.selection.csroom1_den:before,
.legend.selection.csroom2:before,
.legend.selection.csroom3:before{
    background: #529A1D;
} 
  #plans .floor {
    text-align:center;
  }
  .step1 .mesurement {white-space:nowrap;}
svg#townhouseP {
  width: 34%;
}
  #plans .floor_num {
    font-size: 32px; font-weight: 700;color: #999999;
  }
/*
#plans .building .overlay svg polygon.svg_floor.active {
    cursor: pointer;
    opacity: 0.5;
}*/
#plans .building .overlay svg polygon {
    opacity: 0;
}
#plans .building .overlay svg polygon.penthouses {
    fill: #AB823A;
    opacity: 0;
}
#plans .building .overlay svg polygon.skycondos {
    fill: #73BAC1;
    opacity: 0;
}
#plans .building .overlay svg polygon.studio,
#plans .building .overlay svg polygon.room1,
#plans .building .overlay svg polygon.room1_den,
#plans .building .overlay svg polygon.room2,
#plans .building .overlay svg polygon.room3{
    fill: #007CBB;
    opacity: 0;
}
#plans .building .overlay svg polygon.courtyard, 
#plans .building .overlay svg polygon {
    fill: #529A1D;
    opacity: 0;
}
#plans .building .overlay svg polygon.townhomes {
    fill: #007F79;
    opacity: 0;
}
  
#plans .building .overlay svg polygon.active {
    cursor: pointer;
    opacity: 0.6;
}
  
  
.floor .unit_avail.selected {
    color: #00BBDE;
}
#plans .units_select div {
    display: block;
    /*font-size: 1.4rem;
    line-height: 2.1rem;*/
}
  
.floor .unit_num, .floor .unit_avail {
    position: absolute;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 1.0rem !important;
    line-height: 1.0rem !important;
    text-align: center;
    pointer-events: none;
    margin: -6px 0 0 0 !important;
}
  
.floor .svg-unit polygon {
    fill: #D1D3D4;
    stroke: #000000;
    stroke-miterlimit: 10;
    transition: fill 0.6s;
}
.floor .svg-unit.onsale polygon {
    fill: #FFFFFF;
    cursor: pointer;
}
.floor .svg-unit text {
    fill: #666666;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 0.8rem;
    line-height: 0.8rem;
    pointer-events: none;
    transition: color 0.6s;
}
.floor .svg-unit.onsale text {
    fill: #666666;
}
.floor .svg-unit.onsale:hover text {
    fill: #FFFFFF;
}
.floor .svg-unit.onsale:hover polygon {
    fill: #00BBDE;
}
.floor .svg-unit.onsale.avail.studio:hover polygon,
.floor .svg-unit.onsale.avail.room1:hover polygon,
.floor .svg-unit.onsale.avail.room1_den:hover polygon,
.floor .svg-unit.onsale.avail.room2:hover polygon,
.floor .svg-unit.onsale.avail.room3:hover polygon{
    fill: #007CBB;
}
  
.floor .svg-unit.onsale.avail.penthouses:hover polygon {
    fill: #AB823A;
}
.floor .svg-unit.onsale.avail.skycondos:hover polygon {
    fill: #73BAC1;
}
.floor .svg-unit.onsale.avail.courtyard:hover polygon {
    fill: #529A1D;
}
.floor .svg-unit.onsale.avail.townhomes:hover polygon {
    fill: #007F79;
}

.floor .svg-unit.onsale.avail.csroom1:hover polygon,
.floor .svg-unit.onsale.avail.csroom1_den:hover polygon,
.floor .svg-unit.onsale.avail.csroom2:hover polygon,
.floor .svg-unit.onsale.avail.csroom3:hover polygon{
    fill: #529A1D;
}
  .floor #floor10.svg-unit polygon {
    fill: #000000;
  }



  /* TYPE UNITE */ 
  .sectionHeader {font-size:18px; line-height: 22px; font-weight:500;color: #626262;margin-bottom:20px;}
  .blocIntro {padding-top:41px;}
  .blocIntro .header {margin-bottom:34px; align-items: center;}
  .blocIntro .text {margin-bottom:25px;} 
  .blocIntro .header div {border-left-width:3px; border-left-style: solid; font-size:35px;line-height:45px; font-weight: 400; padding-left: 15px;}
  
  .blocCaract {padding-top:40px;padding-bottom:40px;}
  .caractBox {margin: 12px auto;}
  .caracIcone {text-align: center;}
  .caracText:before {
      content: "";
      position: absolute;
      left: 30%;
      top: 23px;
      height: calc(100% - 48px);
      border-right: 1px solid #d1d3d4;
  }
  .caracTitle{
    font-size:13px;
    line-height: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: uppercase;
    margin-right: calc(var(--bs-gutter-x) * 0.5);
  }

  .caracDesc{
    font-size:13px;
    line-height: 20px;
    color:#626262;
    margin-right: calc(var(--bs-gutter-x) * 0.5);
  }
  
  .blocCaract .card {background-color: #ffffff; border: none; border-radius:5px; padding-top:23px; padding-bottom: 23px;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }
  .blocCaract .card .row {
      align-items: center;
  }
  .blocCaract .card svg {
    max-width: 100%;
  }
  .blocCaract .card {align-items: center;}
  
  
  
  
  
  .blocDesign {padding-top:39px;padding-bottom:45px; overflow: hidden;}
  .blocDesign .carousel {margin-top:29px;}
  .blocDesign .materialPic {margin-bottom: 34px;}
  .blocDesign .materialPic img {max-width: 65%;
    margin: auto;}  
.blocDesign .carousel-wrap {
    width: 1000px;
    margin: auto;
    position: relative;
}
.blocDesign .owl-carousel .owl-nav{
    overflow: hidden;
    height: 0px;
}

.blocDesign .owl-carousel .item {
    text-align: center;
}
.blocDesign .owl-carousel .nav-btn{
    height: 50px;
    position: absolute;
    width: 25px;
    cursor: pointer;
    top: 100px !important;
}

.blocDesign .owl-carousel .owl-prev.disabled,
.blocDesign .owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.2;
}

.blocDesign .owl-carousel .prev-slide{
    background: url(../images/owl-prev.png) no-repeat scroll 0 0;
    left: -15px;
    opacity: 0.6;
}
.blocDesign .owl-carousel .next-slide{
    background: url(../images/owl-next.png) no-repeat scroll 0px 0px;
    right: -15px;
    opacity: 0.6;
}
.blocDesign .owl-carousel .prev-slide:hover{
    opacity: 1;
}
.blocDesign .owl-carousel .next-slide:hover{
    opacity: 1;
}
    
  .blocDesign .applyOn {font-size: 13px; line-height: 23px; font-weight: 400; color: #626262; text-transform: uppercase;text-align: center;margin-bottom:4px;}
  .blocDesign .material {font-size: 13px; line-height: 23px; font-weight: 700; color: #626262;text-align: center;}
  .blocDesign .hideDesign{display: none;}
  
  
  
  .blocView {padding-right: 0; padding-left: 0; text-align: center;}
  .blocView img {width:100%;}
  
  .blocGalerie {padding: 39px 0 17px; text-align: center;}
  .blocGalerie .play {
    position:absolute; 
    background-image:url('../images/penthouse/play-360.png');
    background-size: 64px;
    background-repeat: no-repeat;
    background-position: center center;
    width:64px;
    height:64px;
    top:calc(50% - 32px);
    left:calc(50% - 32px);
  }
  .blocGalerie .tour360{    
    position:absolute; 
    background-image:url('../images/penthouse/360-logo.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 77px 30px;
    width:77px;
    height:30px;
    top:23px;
    left:calc(50% - 38.5px);
  }
  .blocGalerie .caption {
    position:absolute;
    left:24px;
    bottom:18px;
    font-size: 13px;
    line-height: 23px;
    font-weight: 500;
    color:#ffffff;
  }
  
  
.blocGalerie .carousel-wrap {
    width: 1000px;
    margin: auto;
    position: relative;
}
.blocGalerie .owl-carousel .owl-nav{
    overflow: hidden;
    height: 0px;
}

.blocGalerie .owl-carousel .item {
    text-align: center;
}
.blocGalerie .owl-carousel .nav-btn{
    height: 47px;
    position: absolute;
    width: 28px;
    cursor: pointer;
    top: calc(50% - 47px);
}

.blocGalerie .owl-carousel .owl-prev.disabled,
.blocGalerie .owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.2;
}

.blocGalerie .owl-carousel .prev-slide{
    background: url(../images/owl-galerie-prev.png) no-repeat scroll center center;
    left: 21px;
    background-size: 14px 27px;
    opacity: 1;
}
.blocGalerie .owl-carousel .next-slide{
    background: url(../images/owl-galerie-next.svg) no-repeat scroll center center;
    right: 21px;
    background-size: 14px 27px;
    opacity: 1;
}
.blocGalerie .owl-carousel .prev-slide:hover{
    opacity: 1;
}
.blocGalerie .owl-carousel .next-slide:hover{
    opacity: 1;
}  
  
  
  
  
  .blocSection {
    padding-top:35px;
    padding-bottom:65px;
    font-size: 13px;
    line-height: 26px;
    font-weight:400;  
  }
  .blocDesign select,
  .blocSection select{
    border-radius: 0px;
  }
  .blocSection select {
      margin-bottom: 25px;
  }
  .blocSection .basicInfo {text-transform:uppercase;}
  .blocSection .basicInfo .col{margin: 5px auto;}
  .blocSection .basicInfo .bold {font-weight:700;}
  .blocSection .lineSep .lineCol{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color:#000;
    width: calc(100% - var(--bs-gutter-x));
    margin-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top:24px;
    margin-bottom:14px;
  }
  .blocSection ul {
    padding-left: 0;
    list-style: none;
  }
  .blocSection ul li {margin:7px auto;}
  .blocSection ul li .type {font-weight:700;}
  .blocSection .btn {
    border-radius: 0;
    margin: 10px auto;
    padding: 0.7692rem 1.4615rem;
    font-size: 13px;
    line-height: 23px;
    font-weight: 500;
  }



.imgPlans .caption {
    position:absolute;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 0px;
    font-size: 13px;
    line-height: 23px;
    font-weight: 500;
    color:#000000;
  }
.imgPlans.owl-carousel .owl-nav{
    overflow: hidden;
    height: 0px;
}

.imgPlans.owl-carousel .item {
    text-align: center;
}
.imgPlans.owl-carousel .nav-btn{
    height: 47px;
    position: absolute;
    width: 28px;
    cursor: pointer;
    top: calc(50% - 47px);
}

.imgPlans.owl-carousel .owl-prev.disabled,
.imgPlans.owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.2;
}

.imgPlans.owl-carousel .prev-slide{
    background: url(../images/owl-prev.png) no-repeat scroll center center;
    left: 21px;
    background-size: 14px 27px;
    opacity: 0.5;
}
.imgPlans.owl-carousel .next-slide{
    background: url(../images/owl-next.png) no-repeat scroll center center;
    right: 21px;
    background-size: 14px 27px;
    opacity: 0.5;
}
.imgPlans.owl-carousel .prev-slide:hover{
    opacity: 1;
}
.imgPlans.owl-carousel .next-slide:hover{
    opacity: 1;
}  








  /* CONDOS */
  #condominiums .blocSection .btn {
    color: #fff;
    background-color: #007CBB;
    border-color: #007CBB;
  }
  #condominiums .blocSection .btn:hover {
    color: #FFFFFF;
    background-color: #626262;
    border-color: #626262;
  }
  #condominiums .blocIntro .header div {border-left-color:#007CBB;color:#007CBB;}
  #condominiums .blocCaract{
    background-color:#EFF7FC;
  }
  #condominiums .blocCaract .card svg {
    max-width: 116px;
  }
  #condominiums .caracText:before {
    content: "";
    position: absolute;
    left: 8.3333333%;
    top: 149px;
    height: 3px;
    width: 83.33333333%;
    border-right: none;
    border-top: 1px solid #d1d3d4;
  }
  #condominiums .blocCaract .card {
      padding-top: 0px;
  }


  #condominiums .caracTitle{
    color:#007CBB
  }
  #condominiums .cls-1 {
    fill: none;
    stroke: #007CBB;
  }
  #condominiums .cls-2 {
    fill: #FFFFFF;
    stroke: #007CBB;
  }
  #condominiums .limit {
    stroke-miterlimit:10;
  }
  #condominiums .joint{stroke-linejoin:round;}
  #condominiums .strokehalf{stroke-width:0.5}
  #condominiums .fen-1, #condominiums .fen-2, #condominiums .fen-4 {
    fill: none;
  }
  #condominiums .fen-1, #condominiums .fen-2 {
    stroke: #007CBB;
  }
  #condominiums .fen-2 {
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  #condominiums .fen-3 {
    stroke: none;
  }
  #condominiums .blocDesign select,
  #condominiums .blocSection select{
    color: #007CBB;
    border: 1px solid #007CBB;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23007CBB' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  }
  
  #condominiums .blocSection {background-color:#FFFFFF;}
  
  #condominiums .blocSection .lineSep .lineCol{
    border-top-color:#007CBB;
  }
  /* PENTHOUSES */ 
  #penthouse .blocSection .btn {
    color: #fff;
    background-color: #AB823A;
    border-color: #AB823A;
  }
  #penthouse .blocSection .btn:hover {
    color: #FFFFFF;
    background-color: #626262;
    border-color: #626262;
  }
  #penthouse .blocIntro .header div {border-left-color:#DDC683;color:#DDC683;}
  #penthouse .blocCaract{
    background-color:#FDFAF4;
  }
  #penthouse .caracTitle{
    color:#AB823A
  }
  #penthouse .cls-1 {
    fill: none;
    stroke: #ab823a;
  }
  #penthouse .cls-2 {
    fill: #FFFFFF;
    stroke: #ab823a;
  }
  #penthouse .fen-1, #penthouse .fen-2, #penthouse .fen-4 {
    fill: none;
  }
  #penthouse .fen-1, #penthouse .fen-2 {
    stroke: #ab823a;
  }
  #penthouse .fen-2 {
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  #penthouse .fen-3 {
    stroke: none;
  }
  #penthouse .limit {
    stroke-miterlimit:10;
  }
  #penthouse .fill {fill: #ab823a;}
  #penthouse .joint{stroke-linejoin:round;}
  #penthouse .strokehalf{stroke-width:0.5}
  #penthouse .vide {
    fill:none;
  }
  #penthouse .blocDesign select,
  #penthouse .blocSection select{
    color: #AB823A;
    border: 1px solid #AB823A;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23AB823A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  }
  
  #penthouse .blocSection {background-color:#FDFAF4;}
  
  #penthouse .blocSection .lineSep .lineCol{
    border-top-color:#AB823A;
  }
  /* SKY CONDOS */
  #skycondos .blocSection .btn {
    color: #fff;
    background-color: #73BAC1;
    border-color: #73BAC1;
  }
  #skycondos .blocSection .btn:hover {
    color: #FFFFFF;
    background-color: #626262;
    border-color: #626262;
  }
  #skycondos .blocIntro .header div {border-left-color:#73BAC1;color:#73BAC1;}
  #skycondos .blocCaract{
    background-color:#EFFDFF;
  }
  #skycondos .blocCaract .card svg {
    max-width: 116px;
  }
  #skycondos .caracText:before {
    content: "";
    position: absolute;
    left: 8.3333333%;
    top: 149px;
    height: 3px;
    width: 83.33333333%;
    border-right: none;
    border-top: 1px solid #d1d3d4;
  }
  #skycondos .blocCaract .card {
      padding-top: 0px;
  }
  #skycondos .caracTitle{
    color:#73BAC1
  }
  #skycondos .cls-1 {
    fill: none;
    stroke: #73BAC1;
  }
  #skycondos .cls-2 {
    fill: #FFFFFF;
    stroke: #73BAC1;
  }
  #skycondos .fill {fill: #73BAC1;}
  #skycondos .limit {
    stroke-miterlimit:10;
  }
  #skycondos .joint{stroke-linejoin:round;}
  #skycondos .strokehalf{stroke-width:0.5}
  #skycondos .fen-1, #skycondos .fen-2, #skycondos .fen-4 {
    fill: none;
  }
  #skycondos .fen-1, #skycondos .fen-2 {
    stroke: #73BAC1;
  }
  #skycondos .fen-2 {
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  #skycondos .fen-3 {
    stroke: none;
  }
  #skycondos .blocDesign select,
  #skycondos .blocSection select{
    color: #73BAC1;
    border: 1px solid #73BAC1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2373BAC1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  }
  
  #skycondos .blocSection {background-color:#FFFFFF;}
  
  #skycondos .blocSection .lineSep .lineCol{
    border-top-color:#73BAC1;
  }
  /* TOWNHOMES */
  #townhouse .blocSection .btn {
    color: #fff;
    background-color: #007F79;
    border-color: #007F79;
  }
  #townhouse .blocSection .btn:hover {
    color: #FFFFFF;
    background-color: #626262;
    border-color: #626262;
  }
  #townhouse .blocIntro .header div {border-left-color:#007F79;color:#007F79;}
  #townhouse .blocCaract{
    background-color:#EFFFFB;
  }
  #townhouse .caracTitle{
    color:#007F79
  }
  #townhouse .cls-1 {
    fill: none;
    stroke: #007F79;
  }
	
  #townhouse .cls-2 {
    fill: #FFFFFF;
    stroke: #007F79;
  }
  #townhouse .fill {fill: #007F79;}
  #townhouse .limit {
    stroke-miterlimit:10;
  }
  #townhouse .joint{stroke-linejoin:round;}
  #townhouse .strokehalf{stroke-width:0.5}
  #townhouse .fen-1, #townhouse .fen-2, #townhouse .fen-4 {
    fill: none;
  }
  #townhouse .fen-1, #townhouse .fen-2 {
    stroke: #007F79;
  }
  #townhouse .fen-2 {
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  #townhouse .fen-3 {
    stroke: none; 
  }
  #townhouse .blocDesign select,
  #townhouse .blocSection select{
    color: #007F79;
    border: 1px solid #007F79;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23007F79' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  }
  
  #townhouse .blocSection {background-color:#FFFFFF;}
  
  #townhouse .blocSection .lineSep .lineCol{
    border-top-color:#007F79;
  }
  /* COUUTYARD */
  #courtyard .blocSection .btn {
    color: #fff;
    background-color: #529A1D;
    border-color: #529A1D;
  }
  #courtyard .blocSection .btn:hover {
    color: #FFFFFF;
    background-color: #626262;
    border-color: #626262;
  }
  #courtyard .blocIntro .header div {border-left-color:#529A1D;color:#529A1D;}
  #courtyard .blocCaract{
    background-color:#F7FFEB;
  }
  #courtyard .caracTitle{
    color:#529A1D
  }
  #courtyard .cls-1 {
    fill: none;
    stroke: #529A1D;
  }
  #courtyard .cls-2 {
    fill: #FFFFFF;
    stroke: #529A1D;
  }
  #courtyard .limit {stroke-miterlimit:10;}
  #courtyard .fill {fill: #529A1D;}
  #courtyard .joint{stroke-linejoin:round;}
  #courtyard .strokehalf{stroke-width:0.5}
  #courtyard .fen-1, #courtyard .fen-2, #courtyard .fen-4 {
    fill: none;
  }
  #courtyard .fen-1, #courtyard .fen-2 {
    stroke: #529A1D;
  }
  #courtyard .fen-2 {
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  #courtyard .fen-3 {
    stroke: none;
  }
  #courtyard .blocDesign select,
  #courtyard .blocSection select{
    color: #529A1D;
    border: 1px solid #529A1D;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23529A1D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  }
  
  #courtyard .blocSection {background-color:#FFFFFF;}
  
  #courtyard .blocSection .lineSep .lineCol{
    border-top-color:#529A1D;
  }




   
.btnTogglePromo{
  font-size:15px;
  line-height: 15px;
  color: #FFFFFF;
  position: fixed;
  bottom:0;
  width:100%;
  z-index: 999;
  background-color: #AB823A; 
  border-radius:0px;
   -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3); 
  box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
  padding: 10px 0px;
  
}
.btnTogglePromo:hover{  
  color: #FFFFFF;
}
  .btnTogglePromo:focus{
   -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3); 
  box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
  }
  .btnTogglePromo .offcanvas-header {
    position: absolute;
    top: 0;
    right: 0;
}
  .btnTogglePromo .offcanvas-body {
    padding: 0rem 4rem;
    overflow-y: auto;
  text-align: center;
  }
  .offcanvas-body img{margin-top:35px;margin-bottom: 40px;}

.btnTogglePromo.show{
  -webkit-animation-name: showPromo;
    animation-name: showPromo;
    animation-duration: 600ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;    
}
.btnTogglePromo.hide{
  -webkit-animation-name: hidePromo;
    animation-name: hidePromo;
    animation-duration: 600ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes showPromo{
  0%{      
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@-moz-keyframes showPromo{
  0%{      
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@keyframes showPromo{
  0%{      
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@-webkit-keyframes hidePromo{
  0%{      
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@-moz-keyframes hidePromo{
  0%{      
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@keyframes hidePromo{
  0%{      
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
.offcanvasPromo{
  background-color: #000000;
  width:100%;
  height: 100%;
  transform: translateY(100%);
  color:#FFFFFF;
}
.offcanvasPromo .btn-close{
  position: absolute;
  top:20px;
  right:20px;
  width:20px;
  height:13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.568' height='14.11' viewBox='0 0 21.568 14.11'%3E%3Cpath id='Tracé_10151' data-name='Tracé 10151' d='M-8461.065,623.317l-9.253-11-9.253,11-1.531-1.287,10.784-12.823.766.91,10.019,11.913Z' transform='translate(-8459.534 623.317) rotate(180)' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.promoToggleArrow{
  display: inline-block;
  width:20px;
  height:13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.803' height='13.011' viewBox='0 0 20.803 13.011'%3E%3Cpath id='Tracé_10956' data-name='Tracé 10956' d='M-8460.683,622.995l-9.636-11.458-9.636,11.458-.766-.644,10.4-12.368.383.455,10.019,11.913Z' transform='translate(8480.72 -609.983)' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.btnMorePromo{
  border:1px solid #FFFFFF; 
  color:#FFFFFF;
  border-radius:0px;
  width: 100%;
  margin-bottom:35px;
}

.videoModal .modal-content {
    background-color: #000;
}
.videoModal .modal-header {
    border-bottom: 1px solid #000;
    padding: 1rem 17px 1rem 1rem;
}

.videoModal .modal-body {
    padding: 0;
}
input#key {
    display: none;
}

.grecaptcha-badge{
  display:none !important;
}



.splide__track--fade>.splide__list>.splide__slide div.splideoverlay{
  background-color: rgba(0,0,0,0.09);
    width: 100%;
    height: 100%;
}
a.linkintro{
color: #212529;
text-decoration: underline;
}
a.linkintro:hover{
color: #0d6efd;
text-decoration: underline;
}
#penthouse a.linkintro:hover{
color: #AB823A;
text-decoration: underline;
}
#skycondos a.linkintro:hover{
color: #73BAC1;
text-decoration: underline;
}
#condominiums a.linkintro:hover{
color: #007CBB;
text-decoration: underline;
}
#courtyard a.linkintro:hover{
color: #529A1D;
text-decoration: underline;
}
#townhouse a.linkintro:hover{
color: #007F79;
text-decoration: underline;
}






.mention {
    margin-top: 15px;
}

#home .titleSlider {
    margin: 0 15px 10px 15px;
  }
#home .catchSlider {
  font-size: 25px;
  line-height: 33px;
  letter-spacing: 0.80px;
}





#map { height: 100%; min-height: 500px; }
  html, body { height: 100%; margin: 0; padding: 0; }


#virtualtour .modal-header {
    background-color: #000;
    border: none;
}
#virtualtour .modal-body {
    padding: 0;
}
#virtualtour iframe{
  width:100%;
  height:100%;
}


.slider360{
  height: 100px;
  width: 110px;
  z-index: 99;
  background: rgb(70,167,170);
  background: -moz-linear-gradient(135deg, rgba(70,167,170,1) 0%, rgba(115,187,193,1) 22%, rgba(128,206,215,1) 77%, rgba(70,167,170,1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(70,167,170,1) 0%, rgba(115,187,193,1) 22%, rgba(128,206,215,1) 77%, rgba(70,167,170,1) 100%);
  background: linear-gradient(135deg, rgba(70,167,170,1) 0%, rgba(115,187,193,1) 22%, rgba(128,206,215,1) 77%, rgba(70,167,170,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#46a7aa",endColorstr="#46a7aa",GradientType=1);
}

@keyframes menuAnim{
	from{
		transform: translateY(-100%);
	}
	to{
		transform: translateY(0);
	}
}

.menu.position-fixed{
	animation-name: menuAnim;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}

.menu.position-fixed .navbar-brand img{
	width: 90px;
	height: auto;
}

.menu.position-fixed .offcanvas{
	max-height: none!important;
}