/* Global overwrite */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height:inherit;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .content-blog p {font-family: 'Amiri', serif;}
p, label, .btn, .form-control, .title h5, .navbar, .brand, .btn-simple, a, .td-name, td, small, .media h5, .subtitle, ul, li {font-family: 'Open Sans', 'Lato', sans-serif;}
p {margin-top:0.75em;}

a {font-size:inherit;opacity: 1;}
a:hover {opacity: .9;}
a[href^="tel"] {
    color: inherit; 
    font-family: inherit;
    text-decoration: none; 
    /* Additional css `propery: value;` pairs here */
  }  

body {color:#313131;}
::selection {background:#0099ac;}

.section {background-color: transparent;}
.section-white {background-color: #ffffff;}
.section-gray {background-color: #e8eceb; }

.title-modern {font-family: 'Open Sans', 'Lato', sans-serif;font-weight: 700;}

.separator-primary {color:#72b1cf;}
.separator.separator-primary::before, .separator.separator-primary::after {border-color:#72b1cf;}

.container-wrap {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}

.section-gray hr {border-color:#bbbbbb; }

ul.description, ol.description, .description > ol, .description > ul {margin:1.5em 0 1.5em 1.5em;}
ul.description li, ol.description li, .description > ol > li, .description > ul > li {font-size: 16px;color: #777777;line-height: 1.6em;font-weight: 400;margin-bottom:0.5em;}

.card a {opacity:1;}
.card:hover a img, .card:hover a > * {opacity:.9;}

/* Navbar anchor links close after clicking */
.navbar-toggle.nav-item {float:inherit;margin:0;padding:0; width:100%; text-align:left;}

/* Additional Utility */
.border-top-none {border-top-color: transparent !important;}
a.anchor-offset {display: block;position: relative;visibility: hidden;top:-50px;}

/* Custom nav btn */ 
.navbar.navbar-transparent .navbar-nav > li > a.btn.btn-fill.btn-teal {border: rgba(255,255,255,0.8) 1px solid;color:rgba(255,255,255,0.8);background:transparent;}
.navbar.navbar-transparent .navbar-nav > li > a.btn.btn-fill.btn-teal:hover {background:transparent;color:#ffffff;border: rgba(255,255,255,1) 1px solid;}
.btn.btn-fill.btn-teal, .navbar .navbar-nav > li > a.btn.btn-fill.btn-teal {background:#457379;border-color:transparent;}
.btn.btn-fill.btn-teal:hover, .navbar .navbar-nav > li > a.btn.btn-fill.btn-teal:hover {background:#49979C;}

/* Hero Image: Slick slider */
.carousel-gallery .slick-slide img {width:100%;}
.carousel-gallery .slick-slide p {text-align:center;margin-top:1em;color:#777777;}

/*.slick-prev, .slick-next {top:96%;width:36px; height:36px; z-index:1000;}*/
.section .parallax .carousel-gallery {height:100%;}
.carousel-gallery .slick-list, .carousel-gallery .slick-list .slick-track {height:inherit;}
.carousel-gallery .slick-list .slick-track .slick-slide img {object-fit:cover;height:inherit;}
.carousel-gallery .slick-prev, .slick-next {top:50%;width:33%; height:100%; z-index:1000;width:10%;}
.carousel-gallery .slick-prev {left:0;}
.slick-next {right:0;}
.carousel-gallery .slick-prev:before, .carousel-gallery .slick-next:before {font-family: 'pe-icon-7-stroke';font-size: 48px;color:#313131;color:rgba(255,255,255,1);}
.carousel-gallery .slick-prev::before {content: '\e686';}
.carousel-gallery .slick-next::before {content: '\e684';}

/* Modal Gallery - photo spacing */
.modal-body .img-responsive {margin-bottom:1rem;}

/* Hero Image: Adjust background image height & color */
.section .parallax-xs {height: 300px;}

.filter.filter-color-blue::before {background: #12709D;}
.filter.filter-33::before {opacity: .33;}
.filter.filter-55::before {opacity: .55;}

/* .section-presentation-page .parallax {height: 66.6667vw; max-height: unset;} */

.section-header h1, .section-header-blog h1, .section-presentation-page h1 {text-shadow: -2px 2px 6px rgba(0, 0, 0, 0.3), -2px 4px 2px rgba(0, 0, 0, 0.1);}

/*.section-header {margin-top:70px;}*/

/* Hero Image: Header Text Box -  not in use */
.hero .panel-overlay {display: flex;height: 100%;flex-direction: column;justify-content: center;}
.panel-card {background: rgba(255, 255, 255, 0.9);padding: 2.5rem 2rem 4.5rem;}
.section-presentation-page .container {width:80%;left:10%;}


/* Nav */
/* .navbar-fixed-top.affix-top {top:53px;} /* Use with top message */
.navbar-transparent {padding-top:0;}
.navbar-brand > img.logo-white {display:none;}
.navbar-transparent .navbar-brand > img.logo-white {display: block;}
.navbar-transparent .logo-bk {display: none;}
/*.navbar-transparent {background:#ffffff; padding-top:0;}
.navbar-transparent .navbar-nav > li > a:not(.btn) {color:#434547;opacity:.85;}
.navbar-transparent .navbar-nav > li > a:hover:not(.btn) {color:#434547;}
.navbar-transparent .navbar-nav > .active > a:not(.btn), .navbar-transparent .navbar-nav > .active > a:hover:not(.btn), .navbar-transparent .navbar-nav > .active > a:focus:not(.btn), .navbar-transparent .navbar-nav > li > a:hover:not(.btn), .navbar-transparent .navbar-nav > li > a:focus:not(.btn), [class*="navbar-ct"] .navbar-nav > .active > a:not(.btn), [class*="navbar-ct"] .navbar-nav > .active > a:hover:not(.btn), [class*="navbar-ct"] .navbar-nav > .active > a:focus:not(.btn), [class*="navbar-ct"] .navbar-nav > li > a:hover:not(.btn), [class*="navbar-ct"] .navbar-nav > li > a:focus:not(.btn) {color:#434547;}
.navbar-transparent .navbar-nav > .dropdown > a .caret, .navbar-transparent .navbar-nav > .dropdown > a:hover .caret, .navbar-transparent .navbar-nav > .dropdown > a:focus .caret, [class*="navbar-ct"] .navbar-nav > .dropdown > a .caret, [class*="navbar-ct"] .navbar-nav > .dropdown > a:hover .caret, [class*="navbar-ct"] .navbar-nav > .dropdown > a:focus .caret {border-bottom-color:#434547;border-top-color:#434547;}
*/

/* Additional Card Style */
.card-blog.card-left .content {text-align:left; padding:16px 0;}
.card-left p {font-size:inherit;}

.card.card-simple {box-shadow:none;}
.card.card-simple .content {padding:16px 25px;}

.card.card-hover-zoom {object-fit:cover;overflow:hidden}
.card.card-hover-zoom img {
    will-change: transform;
    -webkit-transition: -webkit-transform 1.8s cubic-bezier(.2,1,.2,1);
    transition: -webkit-transform 1.8s cubic-bezier(.2,1,.2,1);
    -o-transition: transform 1.8s cubic-bezier(.2,1,.2,1);
    transition: transform 1.8s cubic-bezier(.2,1,.2,1);
    transition: transform 1.8s cubic-bezier(.2,1,.2,1),-webkit-transform 1.8s cubic-bezier(.2,1,.2,1);
}
.card.card-hover-zoom:hover img {transform: scale(1.03);}

.card-square {display: inline-block;position: relative;}
.card-square .card-spacer {margin-top: 100%;}
.card-wrapper {position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: silver;
    overflow:hidden;}

/*** Residence Section - Unit Details ***/
/* Breadcrumb */
.section-residence .breadcrumb {padding:0; background-color:transparent;font-size:larger;}

/* Summary Icons */
.section-residence i.fa {margin:0 0.25em 0 0.75em;color:#94a6a3;}
.section-residence i.fa:first-of-type {margin-left:0;}
.section-residence i.fa:nth-of-type(3) {margin-left:0;}

/* Content Formats */

.section-residence .marks {display: inline-block;min-width: 10px;padding: 3px 7px;font-size: 12px;font-weight: bold;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;background-color: #94a6a3;border-radius: 10px;margin-left:0.25em;}
.section-residence .marks.mark-ensuite::before {content:'en-suite';}
.section-residence .marks.mark-oceanview::before {content:'ocean view';}
.section-residence .marks.mark-patio::before {content:'terrace access';}

/*********/
/* Adjust background image height 
.section .parallax-xs {height: 35vh;}
.section-get-started .parallax .image {height:120% !important;}
#intro-tina {padding-top:0;}
#intro-tina .image {height:150%;}
*/

/* Align icon to text 
.section-get-started .info-pricing .icon {margin-top: 25px;}

#intro-tina .avatar {max-width:75%;}
*/
/* New Styles 
ul.list-simple {font-size: medium;font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#777777;}
ul.list-simple li {margin-bottom: 0.33em;}
*/
/* Page overwrite: our services 
.project.services img {width:auto; height:600px;margin-left:-40%;}

.project.services .over-area {opacity:.95;background: rgba(0, 0, 0, 0);}
.project.services .over-area .content {opacity:1;}
.project.services a.over-area:hover {pointer-events:none;}
.project.services .content {opacity:.95;background:#ffffff;text-align:left;padding:2.5rem;height:85%;}
.project.services h3, .project.services p {opacity:1; transform:none;color: initial;}
.project.services p {color: #777777;}
*/
/* Accordion - clean style */
.panel-group.panel-group-clean .panel {border-radius: 0;}
.panel-group.panel-group-clean .panel + .panel {margin-top: 0;}

.panel-group-clean .panel-default {border-color:transparent; border-top-color:#dddddd;}
.panel-group-clean .panel-default:last-of-type{border-bottom-color:#dddddd;}
.panel-group-clean .panel-default > .panel-heading {background-color:#ffffff; padding:0;}

.panel-group-clean .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: transparent;padding-top:0;}


.panel-group-clean .panel-heading h4 {color:#000000;font-weight:bold;margin-top:0;margin-bottom:0;padding:20px 15px;}
.panel-group-clean .panel-body p > strong {color:#333333;}
.panel-group-clean .panel-body p.description {margin-bottom:0;}

.panel-group-clean .panel-default > .panel-heading > a > h4:after {content:"\2013";float:right;font-size:x-large;color:#777777;}
.panel-group-clean .panel-default > .panel-heading > a.collapsed > h4:after {content:"+";}

/* Card Overwrite- w/ text details 
.card-blog.card-details .content {text-align:left;}
.card.card-details .description {font-size:14px;}
*/

/* Carousel - Other Units */
#units .card-wrapper1 {width:90%;margin:0 auto; text-align:center;}
#units .slick-prev, #units .slick-next {top:45%;width:72px;height:72px;}
#units .slick-prev {left:-72px;}
#units .slick-next {right:-72px;}
#units .slick-prev:before, #units .slick-next:before {font-family: 'pe-icon-7-stroke';font-size: 72px;color:#313131;}
#units .slick-prev::before {content: '\e686';}
#units .slick-next::before {content: '\e684';}


/* Contact Us Page - Remove contact us block at bottom */
#contact #contact-us {display:none;}

/* Contact Us Page - Thank you page adjustment */
iframe#223397380480056 {height: 600px !important; min-height: fit-content;}

/* Footor backrgound color */
#address, .footer {background:#e8eceb;}

/*** Youtube Video ***/
.youtube-video { aspect-ratio: 16/9; width: 100%; }
/***
/*** Animation ***/

.animated {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }


.slick-active {animation: kenburns 12s linear infinite;}

/* Isotope Masonary Filter Style */
.sortable .menu { margin: 0 1em 3.5em 1em; text-align:center; }
.sortable .menu > button.btn-default.active {color:#ffffff;background-color:#393b3d;border-color:#393b3d;}

/* Source: https://www.kirupa.com/html5/ken_burns_effect_css.htm */
@keyframes kenburns {
    0% {
      opacity: 1;
    }
    50% {
        transform: scale3d(1.02, 1.02, 1.02);
        opacity: 1;
    }
    100% {
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }

}




/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    .container-wrap {width:750px;}

    .carousel-gallery .slick-prev:before, .carousel-gallery .slick-next:before {font-size: 90px;}

    /* Adjust background image height & color */
    .hero .parallax {height: calc(MIN(100vw, 1920px)*169/360);max-height: MAX(500px,calc(100vh - 120px));}
    .hero .parallax {height: calc(MIN(100vw, 1920px)*169/330);max-height: MAX(600px,calc(100vh - 120px));}

    /*** Residence Section - Unit Details ***/
    .section-residence i.fa:nth-of-type(3) {margin-left:0.75em;}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .container-wrap {width:970px;}
    .carousel-gallery .slick-prev:before, .carousel-gallery .slick-next:before {font-size: 180px;}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .container-wrap {width:1170px;}
    /*.container-wrap, .container {width: 92%;max-width: 1440px;}*/

    .section-residence h5.unit-summary {font-size:17.6px;}
}

/*          Changes for small display      */
@media (max-width: 767px) {
    .navbar-transparent {
      padding-top: 0;
      background-color: transparent;
    }
}