/*
Blue : #c49127
grey: #EFF0F2
dark : #231F20;
gold: #c49127;

*/

 @font-face {
    font-family: 'Gotham';
    src: url('/fonts/Gotham-Book.otf') format('opentype'),
         url('/fonts/Gotham-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MontserratBold';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'MontserratItalic';
    src: url('../fonts/Montserrat-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'MontserratSemiBold';
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'MontserratMedium';
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
}


@font-face {
    font-family: 'jelytta';
    src: url('../fonts/JelyttaRegular.ttf') format('truetype');
}
/*

@font-face {
    font-family: 'Gotham Narrow';
    src: url('/fonts/GothamNarrow-Bold.woff2') format('woff2'),
        url('/fonts/GothamNarrow-Bold.woff') format('woff'),
        url('/fonts/GothamNarrow-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
} */
html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #000;
    padding: 15px;
    font-weight: 400;
}
p{
  line-height: 36px;
  margin-bottom: 2rem;
  color:#000;
}


a{-webkit-transition: all 0.32s ease-in-out; -moz-transition: all 0.32s ease-in-out; -o-transition: all 0.32s ease-in-out; -ms-transition:  all 0.32s ease-in-out; transition: all 0.32s ease-in-out; text-decoration:none; color:#000;}
a:hover{color: #c49127; text-decoration: none;}

strong{font-weight: 600;}
.text-bold{font-weight: 700;}

::placeholder { color: 000; opacity: 1; }
:-ms-input-placeholder { color: 000;}
::-ms-input-placeholder { color: 000;}

@media screen and (max-width: 767px){
  body{padding: 62px 5px 5px; font-size: 17px}
}
@media screen and (max-width: 576px){
  body{padding:  62px 5px 5px; font-size: 16px}
}

/*COMMOM STYLES*/

.bg-grey{background-color: #EFF0F2!important; }
.bg-blue{background-color: #c49127;}
.bg-navi {background-color:#00406E;}
.bg-dark{background-color: #231F20!important;}
.bg-black{background-color: #000!important;}

.btn-brand{background-color: #da1f31;  transition: all 0.32s ease-in-out; color: #FFF; font-weight: bold; font-size: 14px; padding: 15px 25px; letter-spacing: 1.5px; }
.btn-brand:hover{background-color: #484c4c; color: #FFF!important;}

.btn-white{background-color: #FFF; -webkit-transition: all 0.32s ease-in-out; -moz-transition: all 0.32s ease-in-out; -o-transition: all 0.32s ease-in-out; -ms-transition:  all 0.32s ease-in-out; transition: all 0.32s ease-in-out; text-decoration:none; color: #000; font-weight: 600; padding: 20px 30px; letter-spacing: 2px;}
.btn-white:hover{background-color: #c49127; color: #FFF; }

.btn-explore{background-color: transparent; -webkit-transition: all 0.32s ease-in-out; -moz-transition: all 0.32s ease-in-out; -o-transition: all 0.32s ease-in-out; -ms-transition:  all 0.32s ease-in-out; transition: all 0.32s ease-in-out; text-decoration:none; color: #FFF; font-weight: 400; padding: 20px 30px; letter-spacing: 2px; border:1px solid #FFF; }
.btn-explore:hover{color:#c49127; border:1px solid #c49127;}


.btn-black{-webkit-transition: all 0.32s ease-in-out; -moz-transition: all 0.32s ease-in-out; -o-transition: all 0.32s ease-in-out; -ms-transition:  all 0.32s ease-in-out; transition: all 0.32s ease-in-out; text-decoration:none; color: #FFF; background-color: #000; border: none; padding: 5px 30px; text-align:center; }
.btn-black:hover{background-color: #c49127; border:2px solid #c49127; color: #FFF;}

.btn-blue:hover{background-color: #000;}

.text-brand { color:#c49127!important; }
.text-black { color:#000!important; }
.text-light { color: #7F7F7F!important; }
.text-gold { color: #E4D620;}
.text-masters { color: #134a2c!important; }
.text-masters-2 { color: #666666!important; }
.text-blue { color: #00406E!important; }
.text-blue-2 { color:#3CC8FF; }

.has-bg { background-position: center; background-size: cover; }

.img-linked{
    -webkit-transition: all 0.12s ease-in-out;
    -moz-transition: all 0.12s ease-in-out;
    -o-transition: all 0.12s ease-in-out;
    -ms-transition:  all 0.12s ease-in-out;
    transition: all 0.12s ease-in-out;
}
.img-linked:hover{
    transform: scale(1.1);
    cursor: pointer;
}
.img-thumb:hover{cursor:zoom-in!important;}

.h-42{font-size: 42px;}
.h-32{font-size: 32px;}
.h-28{font-size: 28px;}
.h-24{font-size: 24px;}
.h-22{font-size: 22px;}
.h-16{font-size: 16px;}
.h-14{font-size: 14px;}

.lh-36{line-height: 36px;}

.ls-3{letter-spacing: 3px;}

.overlay{position: absolute; z-index: 199;}
.w-700{max-width: 700px;}

.fs-18 {font-size: 18px;}
.fs-22 {font-size: 22px;}
.fs-33 {font-size: 33px;}
.fs-60 {font-size: 60px;}
.fs-66 {font-size: 66px;}
.fs-77 {font-size: 77px;}
.fs-80 {font-size: 80px;}

.ls-30 {letter-spacing: 30px;}

.ff-jelytta {font-family: jelytta;}
.ff-Montserrat {font-family: Montserrat;}
.ff-MontserratBold {font-family: MontserratBold;}
.ff-MontserratMedium {font-family: MontserratMedium;}

.border-top{border-top: 1px solid #000!important;}
.border-left{border-left: 1px solid #000!important;}
.border-bottom{border-bottom: 1px solid #000!important;}

.blue-sep {
  border-top: 2px solid #00406E;
  max-width: 300px;
  margin: 0 auto;
}

.pdg-right {padding: 3rem calc(50% - 560px) 0 30px;}

.life-hdng {
  font-size: 66px;
}

.life-txt {
  font-size: 22px;
}

.flex-0 {flex-grow:0;}

.bg-navi ul li a {color:#fff;}

#subNavbar .nav-link {padding-left:1.5rem; padding-right:1.5rem;}

.all-0 {
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
}


@media (min-width:992px){
  .border-left-lg-1 {
    border-left:1px solid;
  }

  .border-white {
    border-color:#fff;
}
}

@media (max-width: 1650px){
  .life-hdng {
    font-size: 46px;
  }

  .life-txt {
    font-size: 18px;
  }

  .fs-80 {
    font-size: 60px;
  }

}

@media (max-width: 1400px){
  .life-hdng {
    font-size: 36px;
  }

  .life-txt {
    font-size: 14px;
  }

  .fs-80 {
    font-size: 40px;
  }

}

@media (max-width: 1150px){
  .life-hdng {
    font-size: 26px;
  }

  .life-txt {
    font-size: 13px;
  }

  .fs-80 {
    font-size: 26px;
  }

}


@media (max-width: 991px){

  .life-hdng {
    font-size: 18px;
  }

  .life-txt {
    font-size: 14px;
  }

  .fs-22 {
    font-size: 16px;
  }

  .fs-33 {
    font-size: 23px;
  }

  .fs-66 {
    font-size: 26px;
  }

  .fs-77 {
    font-size: 37px;
  }

  .fs-80 {
    font-size: 26px;
  }

  .ls-30 {
    letter-spacing: 10px;
  }

  .pdg-right {
    padding: 2rem 1rem 0rem 1rem;
  }

  ul.social {
    width: 130px!important;
  }

}


@media screen and (max-width: 576px){
  .h-42{font-size: 40px;}
  .h-32{font-size: 30px;}
  .h-28{font-size: 26px;}
  .h-24{font-size: 22px;}
  .h-22{font-size: 20px;}
}

@media screen and (max-width: 576px){
  .h-42{font-size: 36px;}
  .h-32{font-size: 28px;}
  .h-28{font-size: 24px;}
  .h-24{font-size: 20px;}
  .h-22{font-size: 18px;}
}

@media screen and (max-width: 350px){
  .h-42{font-size: 28px;}
  .h-32{font-size: 24px;}
  .h-28{font-size: 20px;}
  .h-24{font-size: 18px;}
  .h-22{font-size: 16px;}
}



/* Navigation */
.fixed-top{-webkit-transition: all 0.32s ease-in-out; -moz-transition: all 0.32s ease-in-out; -o-transition: all 0.32s ease-in-out; -ms-transition:  all 0.32s ease-in-out; transition: all 0.32s ease-in-out;}
#mainNav{position: relative; top:0; left:0; background-color: #FFF; z-index: 999; width: 100%; padding-right: 25px; }
.dropdown-toggle::after{display: none;}
#mainNav .navbar-brand{position: relative; top:0; left:0; padding:  0 0 5px 25px;}
#mainNav .navbar-brand  .logo-nav{display: block;}
#mainNav .navbar-brand  .logo-nav-1{display: none;}
#mainNav .navbar-nav li a{font-family: 'Gotham', sans-serif; color:#000;}
#mainNav .navbar-nav li a:hover{color:#c49127;}

#mainNav .dropdown-menu{border-radius: 0; border: none;}
#mainNav .dropdown-menu a{color: #3c3c3c!important;}
#mainNav .dropdown-item:hover{background-color: #c49127; color: #FFF!important;}

@media screen and (min-width: 768px){
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{ display: block; }
  .dropdown-menu{margin-top: 0;}
  .dropdown-toggle{margin-bottom: 2px;}
  .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{margin-bottom: 0;}
}
#Welcome #mainNav{position: absolute; top:15px; left:15px; background-color: #FFF; z-index: 999; width: calc( 100% - 30px);}
#Welcome  #mainNav.fixed-top{position: fixed; background-color: #FFF; top:0; left:0; width: 100%;}
#Welcome  #mainNav{background-color:transparent;}
#Welcome #mainNav .navbar-brand{position: absolute; top:0; left:0; padding: 0; z-index: 299;}
#Welcome #mainNav.fixed-top .navbar-brand{position: relative;}
#Welcome #mainNav .navbar-nav li a{font-family: 'Gotham', sans-serif; color:#FFF;}
#Welcome #mainNav .navbar-brand  .logo-nav-1{display: block;}
#Welcome #mainNav.fixed-top .logo-nav-1 {display: none;}
#Welcome #mainNav .navbar-brand  .logo-nav{display: none;}


#mainNav.fixed-top{position: fixed;  transition: all 0.15s ease-in-out; padding-right: 25px;}
#mainNav.fixed-top .logo-nav-1 {display: none;}
#mainNav.fixed-top .navbar-brand  .logo-nav {display: block!important;}
#Welcome #mainNav.fixed-top  .navbar-nav li a{color: #231F20;}
#Welcome  #mainNav.fixed-top  .navbar-nav li a:hover{color: #c49127;}
#mainNav.fixed-top  .drop-down-arrow{filter: brightness(0);}

#mainNav .nav-item .active{color: #c49127;}

@media screen and (max-width: 991px){
  #Welcome #mainNav,
  #mainNav {position: fixed; background-color: #FFF; width: 100%; top:0; left:0;}

  #mainNav .navbar-nav{padding-top: 10px;}
  #Welcome #mainNav .navbar-brand,
  #mainNav .navbar-brand{position: relative;}
  #Welcome #mainNav .navbar-brand  .logo-nav,
  #mainNav .navbar-brand  .logo-nav{width: 150px; display: block;}
  #Welcome #mainNav .navbar-nav li a,
  #mainNav .navbar-nav li a{color: #000; font-size: 16px;}

  #Welcome #mainNav .navbar-brand  .logo-nav-1{display: none;}
  #mainNav .navbar-toggler{ border: 1px solid #c49127;}
  #mainNav .navbar-toggler:focus{outline: #c49127;}

  #mainNav.navbar-toggler {
    border-color: #c49127;
}
#mainNav .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(196, 145,39, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }

   #subNav .navbar-toggler{ border: 1px solid #fff;}
  #subNav .navbar-toggler:focus{outline: #fff;}

  #subNav.navbar-toggler {
    border-color: #fff;
}
#subNav .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }

  #subNav {justify-content:center;}
}

@media (min-width:992px) and (max-width: 1199px){
#mainNav .navbar-nav li a {font-size: 13px;}
}



@media screen and (max-width: 575px){
  #Welcome #mainNav .navbar-brand  .logo-nav-1{height: 70px; margin-top: -10px; margin-left: -10px;}
}

/* WELCOME */
/* .hero-wrapper{} */
#homeCarousel .carousel-item{ height: calc(100vh - 20px); }
#homeCarousel .carousel-item .overlay{background-image: linear-gradient(rgba(0, 0, 0, .3) 20%, rgba(255, 255, 255, 0) 80%); position: absolute; top:0; left:0; height: 100%; width: 100%; z-index: 99;}
#hero-1{background-image: url('/images/hero/hero-1.jpg');}
#hero-2{background-image: url('/images/hero/hero-2.jpg');}
#hero-3{background-image: url('/images/hero/hero-3.jpg');}
#hero-4{background-image: url('/images/hero/hero-4.jpg');}
#hero-5{background-image: url('/images/hero/hero-5.jpg');}

#homeCarousel .carousel-caption{left: 50px; top:65%; right: 0; bottom: auto;  z-index: 199;  text-align: left;}

  .hero-video-wrapper {
    height: calc(100vh);
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 650px;
    z-index: 100;
}
.hero-video-wrapper .overlay{background-image: linear-gradient(rgba(0, 0, 0, .3) 20%, rgba(255, 255, 255, 0) 80%); position: absolute; top:0; left:0; height: 100%; width: 100%; z-index: 99;}
#hero-video {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -10;
    background-image: url('/images/hero/hero.jpg');
    background-position: center;
    background-size: cover;
}

@media screen and (max-width: 767px){
  #homeCarousel .carousel-item{height: 50vh;}
  .hero-video-wrapper {height: auto; min-height: auto;}
  #hero-video { position: relative;   max-width: 100%;}
}
#HomePageSlider .carousel-item{height: 100vh;}
#HomePageSlider .carousel-caption{text-align: left; width: 100%; left:50px; bottom: 150px;}
#HomePageSlider .carousel-caption h5{font-size: 100px; font-weight: 300; letter-spacing: 5px; text-shadow: 2px 2px 8px #999; white-space: nowrap;}


@media screen and (max-width: 1099px){
  #HomePageSlider .carousel-caption{ left:50px; bottom: 150px;}
  #HomePageSlider .carousel-caption h5{font-size: 42px;;}
}

@media screen and (max-width: 767px){
  #HomePageSlider .carousel-item{height: 100px; background-color: #c49127;}
  #HomePageSlider .carousel-caption{ left:0; bottom: 0; text-align: center;}
  #HomePageSlider .carousel-caption h5{font-size: 36px;}
}
@media screen and (max-width: 567px){
  #HomePageSlider .carousel-item{height: 80px;}
  #HomePageSlider .carousel-caption h5{font-size: 18px; text-align: center;}
}




#i-communities .community-status{width: 85%}
#i-communities .overlay{width: 100%; bottom: 0; left: 0;}
#i-communities .overlay .community-detail{background-color: rgba(0, 0, 0, .5);}
#i-communities .community-detail p{line-height: 32px; margin-bottom: 0;}

#i-communities .position-relative{overflow: hidden; }
#i-communities .position-relative img{transition: all .5s ease-in-out;}
#i-communities .position-relative img:hover{transform: scale(1.1);}

@media (min-width:1200px) and (max-width: 1500px){
  #i-communities .community-detail p{line-height: 24px;}
  #i-communities .h-32{font-size: 24px;}
  #i-communities .h-28{font-size: 20px;}
  #i-communities .h-22{font-size: 16px;}
}

#decor-studio .overlay{background-color: rgba(0, 0, 0, .5); width: 550px; height: 100%; right: 0; top:0;}
#decor-studio .overlay p{line-height: 32px;}

#decor-studio-carousel .carousel-indicators li{height: 15px; width: 15px; opacity: 1;}
#decor-studio-carousel .carousel-indicators .active{background-color: #c49127;}

@media (min-width: 768px) and (max-width: 1300px){
  #decor-studio .overlay p{font-size: 14px; line-height:22px;}
}
@media screen and (max-width: 767px){
  #decor-studio .overlay{width: 100%; position: relative;}
}



#i_foundation{background-image: url('/images/i_about_us.jpg'); background-position: center; background-size: cover; background-attachment: fixed; height: 850px; display: flex; align-items: center; justify-content: center;}
#i_foundation .overlay{background-color: rgba(0, 0, 0, .5); width:100%; height: 100%; left: 0; top:0; }
#i_foundation p{font-size: 26px; line-height: 42px; margin-bottom: 4rem; letter-spacing: 2px; }
#i_foundation .wrapper{max-width: 1600px;}

.vide-box{background-color: #000;}
@media screen and (max-width: 767px){
  #i_foundation{ height: auto;}
  .no-padding-xs{padding: 0;}
  #i_foundation p{font-size: 18px; line-height: 30px; margin-bottom: 2rem; letter-spacing: 1px; }
  .loraBay a{font-size: 13px; padding: 10px 15px;}
}

@media screen and (min-width:1200px){
  .loraBay{border-left: 1rem solid #FFF;}
}

@media (min-width:1200px) and (max-width:1399px){
  .loraBay .h-24{font-size: 18px!important; margin-bottom: 15px;}
  .loraBay p{line-height: 24px; font-size: 13px!important;}
  .loraBay a{font-size: 13px; padding: 10px 15px;}
}


#map-section .communities-wrapper{width: 540px;}
#map-section .project{background-color: #000; transition: all .25s ease-in-out; }
#currentProperties .project:hover{cursor: pointer; background-color: #999!important;}
#currentProperties #map{height: calc(100% - .5rem); min-height: 500px; width: calc(100% - 500px); float: left; position: relative;}

#currentProperties .projects{width: 500px; float: left;}
.w-40{width: 40%; float: left;}
.w-60{width: 60%; float: left;}

#projectDescription{ font-size: 17px; font-weight: 600;}
#projectAddress{ font-size: 15px; line-height: 25px;}
#projectCity{font-size: 16px;}
#projectMsg{font-size: 12px;}
#ProjectLink{font-size: 12px; border: 1px solid #000; padding: 15px 20px;}

/*CURRENT PROPERTIES */
#currentProperties .map-container .project-info {
  position: absolute;
  bottom: 0;
  right: 15px;;
  z-index: 999;
  width: 360px;
  display: none;
}
#currentProperties .map-container .project-info .top-section {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#currentProperties .map-container .project-info .footer-section p {
  padding-top: 6px;
  padding-left: 10px;
}
#currentProperties .map-container .project-info .footer-section .p-11 {
  line-height: 24px;
}

#currentProperties .legends-wrapper {
  position: relative;
  width: 250px;
  height: 591px;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  float: left;
}

.img-scroll-wrapper {
  position: sticky;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 500;
  height: 117px;
}
.img-scroll-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: 0px;
  width: 70px;
  transform: translate(-50%, -50%);
}

.projectLinkText {
  line-height: 22px;
}

#currentProperties .legends-wrapper .project {
  padding: 15px;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  transition: all 0.35s ease-in-out;
  border: 1px solid #000;
}

#currentProperties .legends-wrapper .project:hover {
  background-color: #3c3c3c;
  color: #fff;
  cursor: pointer;
}
#currentProperties .legends-wrapper .projects .bg-black {
  color: #FFF!important;
}

#currentProperties .legends-wrapper:hover .img-scroll-wrapper {
  display: none;
}
#map {
  width: calc(100% - 250px);
  height: 591px;
}

#currentProperties .map-container {
  position: relative;
}

/* width */
#currentProperties .legends-wrapper::-webkit-scrollbar {
  width: 10px;
}
@media screen and (max-width:1299px) {
  #currentProperties .communities-wrapper .projects  { width: 350px; }
  #currentProperties #map{width: calc(100% - 350px);}
}

@media screen and (max-width:991px) {
  #currentProperties .communities-wrapper,
  #currentProperties .communities-wrapper .projects  {
    width: 100%;
  }
  #currentProperties .communities-wrapper .project {
    width: 100%;
    display: inline-block;
    border: 3px solid #FFF;
  }
  #currentProperties .communities-wrapper .projects .project p{line-height: 18px;}
  #currentProperties .communities-wrapper .projects .project .h-32{font-size: 16px;}
  #currentProperties .communities-wrapper .projects .project .h-28{font-size: 12px;}
  #currentProperties .communities-wrapper .projects .project .h-22{font-size: 10px;}
  #currentProperties #map {
    width: 100%;
     height: 591px;
  }

  .scroll-wrapper {
    display:none!important;
  }

}

/*CURRENT PROPERTIES ENDS*/
#stay-informed{border-top: 1px solid #000;}
#stay-informed input, #stay-informed .btn-black {border-radius: 0; border:2px solid #000; margin: .75rem;  }
#stay-informed input::placeholder { color: #7F7F7F; font-size: 12px; opacity: 1; }
#stay-informed input:-ms-input-placeholder { color: #7F7F7F; }
#stay-informed input::-ms-input-placeholder { color: #7F7F7F; }

/* footer */
footer{background-color: #000;}
.footer-nav p{font-size: 15px;}
.footer-nav{margin-left: -35px;}
.footer-nav li{ list-style-type: none; }
.footer-nav li a{color: #FFF; transition: all .20s ease-in-out; font-size: 13px;  padding: 3px 0; display: block;}
.footer-nav li a:hover{color: #c49127;}
.footer-communities li a{border-top: 1px solid #FFF; padding: 10px 0; }
.footer-communities li a:last-child {border-bottom: 1px soldi #FFF;}
footer .copyright{font-size: 12px; line-height: 22px;}
footer .copyright a{color: #FFF;}
footer .copyright a:hover{color: #c49127;}



/*INNER PAGES*/
.hero-wrapper{height: 800px; position: relative;}
.hero-wrapper-sands{height: 1115px; position: relative;}
#About .hero-wrapper{background-image: url('/images/hero/hero-about-us.jpg');}
#Decor-studio .hero-wrapper{
    /* height: 530px;  */
    background-image: url('/images/hero/hero-decor-studio.jpg');}
#Customer-Service .hero-wrapper{background-image: url('/images/hero/hero-customer-service.jpg');}
#Contact .hero-wrapper{background-image: url('/images/hero/hero-contact.jpg');}
#TheCottages .hero-wrapper{background-image: url('/images/hero/hero-the-cottages.jpg');}
#RoyalWindsor .hero-wrapper{background-image: url('/images/hero/hero-royal-windsor.jpg');}
#theMasters .hero-wrapper{background-image: url('/images/hero/hero-the-masters.jpg');}
#cobbleBeach .hero-wrapper{background-image: url('/images/hero/hero-cobble-beach.jpg');}
#theSands .hero-wrapper{background-image: url('/images/masters/hero-the-sands.jpg');}

.img-communities{margin-top: -150px; border: 5px solid #FFF;}

.hero-caption{position: absolute; left: 0; bottom: -30px; width: 100%; text-align:center; padding: 25px 15px;color: #FFF; font-size: 66px; letter-spacing: 5px;}

#frm-registration input,
#frm-registration select{border-radius: 0; margin-bottom: 30px;}

#frm-registration label{margin-bottom: 1px;}

.caption-wrapper .btn-register{ color: #FFF; padding: 15px 30px; white-space: nowrap;}
.caption-wrapper .btn-register:hover{background-color: #c49127!important;}

#RoyalWindsor .caption-wrapper{max-width: 500px;}
#RoyalWindsor  .hero-caption{background-color: #2D3E4E; }

#theMasters .hero-caption{background-color: #134a2c;}
#theMasters .btn-register{background-color: #134a2c;}
#theMasters .caption-wrapper{max-width: 500px;}
.master-bg-blue {background-color:#00406e;}

#cobbleBeach .text-proj{color:#092f57;}
#cobbleBeach .hero-caption{background-color: #092f57;}
#cobbleBeach .caption-wrapper{max-width: 500px;}
#cobbleBeach .btn-register{background-color: #092f57;}

@media (min-width: 992px) and (max-width: 1199px){
  .hero-wrapper{height: 700px;}
  #Decor-studio .hero-wrapper{height: 420px; }
}

@media (min-width:768px) and (max-width: 991px){
  .hero-wrapper{height: 600px;}
  #Decor-studio .hero-wrapper{height: 320px; }
}
@media screen and (max-width: 991px){
   .caption-wrapper{max-width:250px!important; }
}
@media screen and (max-width: 767px){
  .hero-wrapper{height: 60vh;}
  #Decor-studio .hero-wrapper{height: 320px; }
  .img-communities{margin-top: 0;}
  #TheCottages .border-left{border-left: none!important; display: block!important;}
  .hero-caption{font-size:18px;}
  .caption-wrapper{max-width:150px!important; margin-top: 15px!important;}
}
@media screen and (max-width: 576px){
  .hero-wrapper{height: 45vh;}
  #Decor-studio .hero-wrapper{height: 320px; }
}

ul.social{
  padding-inline-start: 40px;
}
.social li {
  float: left;
  list-style-type: none;
  background-image: url("/images/social.png");
  background-repeat: no-repeat;
  margin: 5px;
  transition: all 0.25s ease-in-out;
}
.social li img {
  width: 20px;
  height: 20px;
}
.social #facebook {
  background-position: 0 3px;
}
.social #facebook:hover {
  background-position: 0 -23px;
}
.social #twitter {
  background-position: -26px 3px;
}
.social #twitter:hover {
  background-position: -26px -23px;
}
.social #instagram {
  background-position: -54px 3px;
}
.social #instagram:hover {
  background-position: -54px -23px;
}
.social #blog {
  background-position: -81px 3px;
}
.social #blog:hover {
  background-position: -81px -23px;
}

/* lightbox */
.lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/images/misc/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/images/misc/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/images/misc/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/images/misc/close2.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}