
/* @font-face {
    font-family: 'Gotham Narrow Book';
    src: url('/fonts/GothamNarrow-Book.woff2') format('woff2'),
        url('/fonts/GothamNarrow-Book.woff') format('woff'),
        url('/fonts/GothamNarrow-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@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: 16px;
	line-height: 28px;
    color: #505151;
    font-weight: 300;
    padding-top: 122px;
}


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

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

/*COMMOM STYLES*/

.bg-white{background-color: #FFF!important; }
.bg-light{background-color: #F1F1F2!important; }
.bg-grey{background-color: #484c4c!important; }
.bg-brand{background-color: #005839;}
.bg-lgreen{background-color: #B3B79A;}
.bg-lgreen2{background-color: #8D936C;}
.bg-nav{background-color: #EEEEEE;}
.ls-28{ letter-spacing: 28px; }

.btn-brand{background-color: #005839;  transition: all 0.32s ease-out; color: #FFF; border:0; font-weight: 300; font-size: 17px; padding: 15px 25px; letter-spacing: 1.5px;  display: inline-block;}
.btn-brand:hover{background-color: #596656; color: #FFF!important; }

.btn-more{position: absolute; right: 15px; bottom: 15px; font-weight: 800; background-color: #FFF; width: 45px; height: 45px; text-align: center; color: #535850;; font-size: 33px;}
.btn-more:hover{color: #A0AA73;}

.btn-learn-more{ font-weight: 500; color: #999999; font-size: 18px; letter-spacing: 5px; display: block;}
.btn-learn-more:hover{color: #596656;}


.imgZoom{right: 0; bottom: 0; background-color: #A0AA73; color: #FFF;}
.imgZoom:hover{color: #535850;}

.btn-share{background-color: #4D5E4D; background-image: url('../images/misc/share.png'); background-position: 90% 52%; background-repeat: no-repeat; padding-right: 65px!important; border: 0;}
.btn-share:hover{background-color: #535850;}
.btn-share:focus {border: none;  }

.teamFont{
    font-size: 90px;
    font-weight: 600;
    color: #1b3d6e;
    padding-top: 25px;
}

.team-Right {
    padding-top: 25px;
    border-left: 2px solid #2e87cd;
    position: relative;
}

.team-Right p:first-of-type {
    font-size: 60px;
    font-weight: 500;
    color: #0087CD;

}

.team-Right .subtitle{
    
    font-size: 12px;
    font-weight: 500;
    color: #0087CD;
}

.teamFontLast{
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    text-align: center;
    margin-top: 12%;
    color: #999999;
    width: 80%
}
.boader-horizontal-line{

     top: -32px;
    border-left: 2px solid #2f87cd;
    height: 201px;
    position: absolute;
    left: 34%;
    transform: rotate(90deg);

}


.wide-boarder{
        border-top: 10px solid #a6a1a1;
        border-bottom: 10px solid #a6a1a1;
}
.hoursOfOperation p:first-of-type{
    font-weight: 500;
    color: #999;
    font-size: larger;
    border-bottom: 1px solid #999;
    margin-right: 10%;
    margin-bottom: 5px;

}

.line {
  width: 53px;
  height: 0;
  border: 1px solid #C4C4C4;
  margin: 3px;
  display:inline-block;
}

.text-brand{color:#005839!important;}
.text-black{color:#000!important;}
.text-grey{color:#999999!important;}
.text-dark-grey{color:#58595B!important;}
.text-lgreen{color:#4C5E49!important;}
.text-yellow{color:#F7FFB1!important;}


.has-bg{background-position: center; background-repeat: no-repeat;}

.isLinked:hover{cursor: pointer;}

.img-linked{
    -webkit-transition: all 0.32s ease-out;
    -moz-transition: all 0.32s ease-out;
    -o-transition: all 0.32s ease-out;
    -ms-transition:  all 0.32s ease-out;
    transition: all 0.32s ease-out;
}
.img-linked:hover{
    transform: scale(.95);
    cursor: pointer;
}
.text-linked{color: inherit;}
.text-linked:hover{text-decoration: underline;}
.teamFont{

}

.boader-vertical{ position: relative; }
.boader-vertical-line {
border-left: 2px solid #cccccc;
    height: 300px;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 150px;
}

.fw-th{font-weight: 200;}
.fw-li{font-weight: 300;}
.fw-re{font-weight: 400;}
.fw-me{font-weight: 500;}
.fw-sb{font-weight: 600;}
.fw-bo, strong{font-weight: 700;}

.fs-14{font-size: 14px;}
.fs-21{font-size: 21px;}
.fs-24{font-size: 24px;}
.fs-28{font-size: 28px;}
.fs-32{font-size: 32px;}
.fs-36{font-size: 36px;}
.fs-38{font-size: 38px;}
.fs-40{font-size: 40px;}
.fs-44{font-size: 44px;}
.fs-48{font-size: 48px;}


.ls-1{letter-spacing: 1px;}
.ls-3{letter-spacing: 3px;}
.ls-5{letter-spacing: 5px;}
.ls-10{letter-spacing: 10px;}
.ls-15{letter-spacing: 15px;}
.ls-20{letter-spacing: 20px;}

.lh-1{line-height: 1;}
.lh-13{line-height: 1.3;}
.lh-15{line-height: 1.5;}
.lh-2{line-height: 2;}

.f{top: 10px;
    bottom: 0;
    right: -120px;}
.border-tb{border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
.border-t{border-top: 1px solid #999999;}
@media screen and (max-width: 991px){
    body{padding-top: 165px;}
}
@media screen and (max-width: 767px){
    .fs-14{font-size: 14px;}
    .fs-28{font-size: 24px;}
    .fs-32{font-size: 26px;}
    .fs-36{font-size: 28px;}
    .fs-38{font-size: 30px;}
    .fs-40{font-size: 32px;}
    .fs-44{font-size: 36px;}
    .fs-48{font-size: 40px;}

    .ls-5{letter-spacing: 5px;}
    .ls-15{letter-spacing: 15px;}
    .ls-20{letter-spacing: 15px;}
}

@media screen and (max-width: 576px){
    .fs-14{font-size: 14px;}
    .fs-28{font-size: 22px;}
    .fs-32{font-size: 24px;}
    .fs-36{font-size: 26px;}
    .fs-38{font-size: 28px;}
    .fs-40{font-size: 29px;}
    .fs-44{font-size: 30px;}
    .fs-48{font-size: 32px;}

    .ls-5{letter-spacing: 5px;}
    .ls-15{letter-spacing: 15px;}
    .ls-20{letter-spacing: 10px;}

    .btn-brand{padding: 10px 8px ; font-size: 14px;}
        }



@media screen and (min-width:768px){
    .mt-md-lg{margin-top: 60px!important;}
    .mb-md-lg{margin-bottom: 60px!important;}

    .mt-md-xl{margin-top: 100px!important;}
    .mb-md-xl{margin-bottom: 100px!important;}

    .w-md-75{width: 75%!important;}
   
}


/* Navigation */

#topNavigation{max-width: 100%; padding: 0;}
#topNavigation .img-logo{width: 250px; }

#topNavigation  .menu-wrapper{ width:100%; position: absolute; top:-100vh; opacity: 0; z-index: 90; transition: all .25s ease-in-out; background-color: #535850;}
/* #topNavigation  .show{opacity: 1; left: 0; top:88px!important; height: calc(100vh - 88px); width: 100%; transition: all .25s linear; } */


.menu-wrapper .menu-items{list-style-type: none; text-align: right; padding-top: 100px;}
.menu-wrapper .menu-item{ color: #FFF; font-size: 38px; font-weight: 200; display: inline-block; margin-bottom: 20px; padding: 20px 0 0;  border-bottom:  1px solid transparent;}
.menu-wrapper .menu-item:hover, .menu-wrapper .activeNav{border-bottom:  1px solid #FFF;}


#topNavigation .nav-link{font-size: 13px; white-space: nowrap; font-weight: 600; color: #989898; letter-spacing: 1px; padding-left: 8px; padding-right: 8px;}
#topNavigation .activeNav{color: #005839;}
#topNavigation .navbar{padding-left: 0; }

#sideNav{position: fixed; top: 300px; right: 0; z-index: 89; width: 50px; display: block;}
#sideNav .nav-register{padding: 14px 15px;;  background-color: #005839;  transform: rotate(-90deg); top: -123px; position: absolute; width: 170px; left: -57px;}
#sideNav .nav-register:hover{background-color: #535850; }
#sideNav .nav-register a{color: #FFF; font-weight: 500; display: block; }
#sideNav .btn-social{padding: 11px;}
#sideNav .btn-fb{background-color: #336699;}
#sideNav .btn-ig{background-color: #3F896D;}
#sideNav .bt-share{background-color: #4D5E4D;}

    

footer .img-logo{width: 168px;}
footer .btn-social{margin: 4px;}

@media screen and (max-width: 991px){
    #topNavigation .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(84, 87,80, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    #topNavigation .navbar-toggler {border-color: rgba(4,63,131, 0); padding-right: 0;} 
    #topNavigation .navbar-toggler:focus, .navbar-toggler:active { box-shadow: none; }
    #topNavigation .img-logo{width: 150px; }
    #topNavigation  .navbar-nav{ background-color: #535850;  width: 100%; height: 100%; padding: 10px 20px; position: fixed;left: 0; top: 70px; margin-top: 0;}
    #topNavigation .show .navbar-nav{height: calc(100vh - 70px);}
   

    #topNavigation .nav-link{color: #FFF; text-align: right; }
    #topNavigation .activeNav{text-decoration: underline;}

    .boader-vertical-line{display: none;}
}




@media screen and (max-width: 576px){
    #topNavigation .img-logo{width: 125px; }
    #sideNav{top: 70px; max-width: 100%; width:auto; background-color: #FFF;}
    #sideNav .nav-register {padding: 11px 19px;transform: rotate(0); left: -174px; top: 0;}
}


@media(min-width:768px) and (max-width: 991px){
}


.memories-block{margin-top: -98px;}
.memories-block h1{width: 275px; background-color: #EEE; padding-top: 90px;}
.memories-block .bg-nav{background-image: url('../images/bg-memories.jpg'); background-size: contain; background-repeat: no-repeat; background-position: right;}

#lifestyle .memories-block{margin-top: -128px;}
#lifestyle  .memories-block .bg-nav{background-image: url('../images/bg-memories-inner.jpg');}

.lifestyle-text{line-height: 110px; margin-top: -90px;}

.lifestyle-wrapper{margin-top: -6px;}
.home-office-wrapper{margin-top: -6px;}


#builderslogo .p-1{padding: .075rem!important;}

.img-leaf{transform: rotate3d(266, -322, 13, 172deg); max-height: 100vw;}



.bg-logo{background-image: url('/images/bg-logo.png'); background-position: right;}
.topright{background-position: top right;}
.topLeft{background-position: top left;}

#map{height: 450px; width: 100%;}




@media screen and (max-width: 767px){
    .bg-logo{background-size: contain; min-height: 150px;}
    .bg-richmond-hill .bg-lgreen{width: calc(100% - 75px);}
}

@media screen and (max-width: 991px){
    .lifestyle-text{line-height: 70px;}
    .memories-block{margin-top: 0px;}
    #lifestyle .memories-block{margin-top: -80px;}
}

@media screen and (min-width: 992px){
    
}



/* @media screen and (min-width: 992px){

    .hasAnimation{ overflow: hidden; position: relative;} 

    .animateLeft{animation: moveInLeft 1s 0.2s both;}
    .animateRight{ animation: moveInRight  1s 0.2s both;}
    .animateDown{ animation: moveInDown  1s 0.2s both;}

    @keyframes moveInRight {
        0% { transform: translateX(-100%);  opacity: 0;}
        100% { transform: translateX(0); opacity: 1;}
    }

    @keyframes moveInLeft {
        0% { transform: translateX(100%); opacity: 0; }
        100% { transform: translateX(0); opacity: 1; }
    }

    @keyframes moveInDown {
        0% { transform: translateY(-100%); opacity: 0; }
        100% { transform: translateX(0); opacity: 1; }
    }

    .delay-1s{animation-delay: 1s;}
    .delay-15s{animation-delay: 1.5s;}
    .delay-2s{animation-delay: 2s;}
    .delay-3s{animation-delay: 3s;}
    .delay-4s{animation-delay: 4s;}
    .delay-5s{animation-delay: 5s;}
    .delay-6s{animation-delay: 6s;}
    .delay-7s{animation-delay: 7s;}
    .delay-8s{animation-delay: 8s;}
    .delay-9s{animation-delay: 9s;} 
    .delay-10s{animation-delay: 10s;} 

} */

.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.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-outerContainer:after{content:"";display:table;clear:both}.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{position:absolute;top:0;left: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{content:"";display:table;clear:both}.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/close.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}

.showMore{
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 49%;
    z-index: 15;
     -webkit-animation: bounce 2s infinite ease-in-out;
    -o-animation: bounce 2s infinite ease-in-out;
    -ms-animation: bounce 2s infinite ease-in-out; 
    -moz-animation: bounce 2s infinite ease-in-out; 
    animation: bounce 2s infinite ease-in-out;
}



@-webkit-keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

@keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

#registrationForm .form-control{border: none; border-bottom: 1px solid #4C4C4C; border-radius: 0; margin-bottom: 50px; font-size: 18px; font-weight: 300;}
#registrationForm .form-control:focus{ box-shadow: none;}
#registrationForm .form-control::placeholder { color: #4C4C4C; opacity: 1; font-weight: 300; }
#registrationForm .form-control:-ms-input-placeholder { color: #4C4C4C;}
#registrationForm .form-control::-ms-input-placeholder { color: #4C4C4C;}
#registrationForm label.for-sr{display: none;}

#registrationForm  select {
    display: block;
   line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236D470F%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

#sharePopUp .modal-header{border: none;}
