body {
	font-family: 'Roboto','Montserrat', sans-serif;
	height: 100%;
	padding-top: 62px;
	font-weight: 300;
  line-height: 2;
  color: #6E6E6D;
  letter-spacing: 0;
}

h5{
    font-size: 100%;
    letter-spacing: 0 !important;
}
h4{
    font-size: 150%;
}
h3{
    font-size: 200%;
    letter-spacing: 8px;
}
h2{
    font-size: 250%;
    letter-spacing: 12px;
}

h1{
    font-size: 400%;
    letter-spacing: 16px!important;
}

@media screen and (max-width: 767px){
    body {
        font-size: 14px;
    }
}

@media screen and (min-width: 768px){
    body {
        font-size: 18px;
    }
}



html { height: 100%;  }
strong{font-weight: 500!important;}
.sub-nav a:hover {
	color:#fff !important;
}
.nbr{white-space: nowrap;}
a {text-decoration: none !important; color:#A81C3B; } 

#accordion li {
	list-style:none;
	margin:1.1em 0;
}
/*
#accordion li:before {
    content: '\2713';
    display: inline-block;
    color: red;
    padding: 0 6px 0 0; 
    margin: 0px 0px -20px 0px; 
    left: -3px;
    position: absolute;
    font-size: 22px;
}
*/
#accordion ul {
    margin: 0;
    padding: 0;
}

#accordion .card-header {
	transition: all .2s ease-in-out;
	cursor:pointer;
}

#accordion .card-header:hover {
	transform: scale(1.02);
	background:#e8e8e8;
	
}


.dropdown-menu a {
	/*background:black !important;*/
}
.nav-link ,nav-link:hover {
	color:#000 !important;
}

.nav-item{
  border-bottom: 4px solid #FFF !important;
}

.nav-item:hover{
  border-bottom: 4px solid #577c35 !important;
}

/* COMMON STYLING */
.light{font-weight: 300;}
.regular{font-weight: 400;}
.medium{font-weight: 500;}
.semiBold{font-weight: 600;}
.bold{font-weight: 700;}
.overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, .1) ; z-index: 900;}

.img-thumb{background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; transition: all .25s ease-in-out; margin-bottom: 30px; position: relative;}
.img-zoom{position: absolute; top: 50%; left: 50%;  transition: all .25s ease-in-out; opacity: 1; transform: translate(-50%, -50%) scale(2);}
.img-thumb:hover .img-zoom{opacity: 1; transform: translate(-50%, -50%)  scale(1);}
.img-thumb:hover .img-blank{background-color:  rgba(255, 255, 255,.5);}


.img-linked{transition: all .25s ease-in-out;}
.img-linked:hover{transform: scale(.95);}
.sign-up-container{border-top: 1px solid #dee2e6; margin-top: 25px;}
#middle_name, #fax_number{display: none;}
@media screen and (max-width: 767px){
	.col-xs-6{width: 50%}
}
.custom-list li{
	list-style: none;
	margin-bottom: 15px;
	background-image: url('/images/misc/list.png');
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px;
	margin-left: -35px;
	
}
/* COMMON STYLING ENDS */

/* NAVIGATION STYLES  mainNavigation*/

#mainNavigation-- .dropdown:hover>.dropdown-menu { display: block;}
#mainNavigation{ background-color: #FFF; z-index: 9900; box-shadow: 0 0 5px #CCC;}
#mainNavigation .navbar-nav .nav-link{
    white-space: nowrap!important; 
    font-size: 13px;
    padding-right: 1rem!important; 
    padding-left: 1rem!important; 
}
#mainNavigation .navbar-nav .nav-item .dropdown-menu{border-radius: 0;}
#mainNavigation .navbar-nav .nav-item .dropdown-menu .dropdown-item{color: #FFF; display: inline; padding: 13px 1.5rem; font-size: 13px;}

.modal{z-index: 9915;}
.modal-backdrop{background-color: #FFF; z-index: 9910;}
.modal-backdrop.show{opacity: .9!important;}
#dailyNews .embed-responsive{height: 100%;}
#dailyNews .modal-body{}
#dailyNews .modal-content{border: none;}
#dailyNews button.close{position: absolute; right: 0; top: -25px; font-weight: 300; font-size: 16px; opacity: 1; text-shadow: none;}
#dailyNews .cross{font-size: 20px; border: 1px solid #000; padding: 0; line-height: 13px; display: inline-block;}
#dailyNews .pop-up-text{line-height: 51px!important;}


@media (min-width: 600px){
	#dailyNews .modal-dialog {
		max-width: 570px;
	}
}

@media (min-width: 768px){
	#dailyNews .modal-dialog {
		max-width: 750px;
	}
}
@media (min-width: 992px){
	#dailyNews .modal-dialog {
		max-width: 850px;
	}
}
#explorearchitecture{z-index: 9999;}
#popUp { z-index: 9999;}
#popUp .modal-content{background-color: transparent; border: none;}
#popUp .close{opacity: 1; font-weight: 300; font-size: 40px; color: #FFF;text-align: right;}



#call-icon {position: fixed; top: 0; right: 0;z-index: 9999; transition: all .50s ease-in-out;}
#call-icon img{max-height: 62px; width: auto;}

@media screen and (min-width: 993px){
	#mainNavigation .navbar-collapse{margin-right: 70px;}
	#mainNavigation .navbar-nav{margin-bottom: -15px;}
	#mainNavigation .navbar-nav .dropdown{position: inherit;}
	#mainNavigation{background-color: #FFF; z-index: 9900; position: fixed; top: 0; left: 0; width: 100%;}
	#mainNavigation .navbar-nav .nav-item .dropdown-menu{background-color: rgba(0,0,0, .7); border-radius: 0; width: 100%; text-align: right; padding-right: 100px; top: 60px; z-index: 9999;}
	#mainNavigation .navbar-nav .nav-item .dropdown-menu .dropdown-item{color: #FFF; display: inline; padding: 13px 1rem; font-size: 16px; text-transform: uppercase;}
	#mainNavigation .navbar-nav .nav-item .dropdown-menu .dropdown-item:active{background-color: #FFF; color:#A81C3B!important; }
	#mainNavigation .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{color: #577c35;}
}

@media screen and (min-width: 1399px){
    #mainNavigation .navbar-nav .nav-item .dropdown-menu{top: 92px;}
}

@media screen and (max-width: 992px){
	#mainNavigation .navbar-toggler{border-color: #FFF; position: fixed; top: 24px; right: 5px;}
	#mainNavigation .navbar-nav{padding-top: 15px;}
	#mainNavigation .navbar-nav .nav-link{font-size: 16px;}
/*	#mainNavigation .navbar-brand{margin-left: 55px;} */
	#mainNavigation .navbar-nav .dropdown{position: inherit;}
	#mainNavigation .navbar-nav .nav-item .dropdown-menu{ border: none; padding-top: 0; margin-top: -5px;}
	#mainNavigation .navbar-nav .nav-item .dropdown-menu .dropdown-item{color: #000; display: block; padding: 6px 1rem; font-size: 15px;}
	#mainNavigation .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(0,0,0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}
}

@media screen and (max-width: 576px){
	.modal-open #call-icon img{display: none;}
}
/* NAVIGATION STYLES  ENDS*/

/* FOOTER STYLES */
.copyright-text{font-size: 13px;}
.disclaimer{font-size: 11px; letter-spacing: 0.075em; line-height: 20px;}
/* FOOTER STYLES  ENDS */






/* WELCOME PAGE */
#homepage{display: flex; align-items: center; align-content: center; min-height: 300px;}

#sectionWelcomeHome{
	background-image: url(/images/welcome-to-your-home.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#sectionWelcomeHome .contents{background-color: #FFF; padding: 50px 50px;}
#sectionWelcomeHome h2{font-size: 36px;}
#sectionWelcomeHome p{font-size: 14px;}


@media (min-width: 0) {
  .card-deck .card {
    flex: 0 0 calc(100% - 30px);
  }
}
@media (min-width: 576px) {
  .card-deck .card {
    flex: 0 0 calc(100% - 30px);
  }
}
@media (min-width: 768px) {
  .card-deck .card {
    flex: 0 0 calc(50% - 30px);
  }
}
@media (min-width: 992px) {
  .card-deck .card {
    flex: 0 0 calc(50% - 30px);
  }
}
@media (min-width: 1200px) {
  .card-deck .card {
    flex: 0 0 calc(33.3333333333% - 30px);
  }
}




.card-body h2{font-size: 21px; color: #7F7F7F;}
@media(min-width:993px) and (max-width:1199px){
	#card-2 h5{ min-height: 95px;}
	#card-3 h5{ min-height: 95px;}
	#card-3 p{ min-height: 56px;}
	#card-4 h3{ min-height: 70px;}
}
@media(min-width:768px) and (max-width:992px){
	#card-3 h5{ min-height: 95px;}
}
@media(min-width:576px) and (max-width:767px){
	#card-3 h5{ min-height: 120px;}
}


 
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-    input:focus {
    border-color: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    outline:0;
}
#short-head {
    /*min-height: 5rem;*/
}
/* generic */
img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
	border:0;
}

section {
/*    text-align: center;*/
}


.font-grey {
	color:#7F7F7F;
}

.font-yellow {
	color:#FFE673 !important;
}


.font-maroon {
	color:#AD073D;
}


.font-black {
	color:#000 !important;
}


.font-white {
	color:#fff;
}


.bg-grey {
	background:#7F7F7F;
}


.font-red {
	color:red;
}
.bg-light-grey {
	background:#F2F2F2;
}
.bg-maroon {
	background:#AD073D !important;
}

.bg-black {
	background:#000 !important;
}

.bg-white-opacity {
	background-color: rgba(245, 245, 245, 0.8);
}

.bg-brown ,.bg-brown a{
    background-color:#577C35;
    color:white!important;
}

.bg-green ,.bg-green a{
    background-color:#577C35;
    color:white!important;
}


.bg-maroon {
    background:#AD073D !important;
}


.font-light {
	font-weight:300;
}


.font-heavy {
	font-weight:700;
}

.font-small {
	font-size:.86em;
}
/* navigation */


#logo {
    position: relative;
    float: left;
    text-decoration: none;
    color: #333333;
    padding: 0 0 0 1em;
}


.custom-nav #nav-container {
	position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 3000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
}

.custom-nav #nav-bar {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px;
}


.custom-nav #nav-container li a  {
    display: block;
    text-align: center;
    text-decoration: none;
	color:black;
	
    padding: 15px;
    font-size: 15px;
    font-weight: 500;	
}

#map {
  /*  height: 100%;*/
 height:480px;
}


/* CLIENT CARE PAGES */
.page-hero{background-position: bottom center; background-repeat: no-repeat; background-size: cover; height: 60vh; display: flex; justify-content: center;; flex-direction: column; color: #FFF; /*padding-left: 10%; */ position: relative;}
.page-hero h2{z-index: 991;}
.page-hero h3{z-index: 991;}
.page-hero p{font-size: 2vw;  z-index: 991;}

.video-wrapper {
    height: 100vh;
    background-image: -webkit-linear-gradient(323deg, rgba(0, 0, 0, .6), transparent);
    background-image: linear-gradient(127deg, rgba(0, 0, 0, .6), transparent);
}

.static-header-wrapper {
   /* height: 47vh; */
    background-image: -webkit-linear-gradient(323deg, rgba(0, 0, 0, .6), transparent);
    background-image: linear-gradient(127deg, rgba(0, 0, 0, .6), transparent);
}
.custom-nav .nav-item {
	position:relative;
}
.custom-nav .nav-item.active:after {
	content:"\25B2";
	position:absolute;

	width:100%;
	text-align:center;
	padding:0;
    margin-top: 3px;
	
}

.custom-nav .sub-nav {
    float: left;
    width: 100%;
    background:#000000b5;
    position: fixed;
    top: 5em;
    line-height: 2.5em;
	z-index:9999;
	display:none;
    text-align: center;
	height: 3em;
}

.custom-nav .sub-nav a, .sub-nav li {
    line-height: 3.0em;
	color:#fff;
	
	
}


.hero-copy-div {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2100;
    display: block;
    max-width: 1170px;
    margin-bottom: 10%; 
    margin-left: 70px;
    padding-top: 55px;
    padding-bottom: 55px;
    text-align: left;
}
.hero-copy-wrapper{
	z-index: 99;
	padding-left: 100px;
    padding-right: 100px;
    min-height: 500px;
    width: 100%;
}



.heading-3 {
    display: inline-block;
    margin-bottom: 15px;
    padding: 5px 0px 12px 9px;
    border-bottom: 1px none #fff;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    text-align: left;
    letter-spacing: 8px;
}

.heading {
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 82px;
    line-height: 90px;
    font-weight: 100;
    text-align: left;
	margin-bottom: 15px;
	margin-top: 15px;
    letter-spacing: 1px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .7);
	max-width: 100%; 
}

.heading-2 {
    margin-top: 20px;
	margin-bottom: 50px;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 32px;
    line-height: 42px;
    font-weight: 300;
    text-align: left;
    letter-spacing: 2.5px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .7);
}
.btn-design-link{
	letter-spacing: 1px;
	color: #FFF;
	font-size: 20px;
	padding: 15px 25px;
	background-color: #991D21;
	font-family: Montserrat, sans-serif;
	font-weight: 500;
	transition: all .15s ease-in-out;
    border: 2px solid #991D21;
    display: inline-block;
}
.btn-design-link:hover{
	background-color: #FFF;
	color: #991D21;
	border: 2px solid #991D21;
}

@media screen and  (max-width: 767px){
    .btn-design-link{
        font-size: 12px;
        padding: 5px 10px;
    }
}

.chat-girl-link {
    position: fixed;
    right: 0px;
    bottom: 0px;
    margin-right: 20px;
	z-index:9999;
}


/*top banner*/
header#homepage {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header#homepage video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#short-head {
	height:50%;
	position: relative;
}

#short-head .static-header-wrapper img {
    position: absolute;
    top: 80px;
    left: 50%;
    min-width: 100%;
    min-height: 0;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-0%);
}

header .container {
  /*position: relative;*/
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.4;
  z-index: 1;
/*	background-image: linear-gradient(to right, rgba(0,0,0,.5) , rgba(255,255,255,0));	*/
}

@media (pointer: coarse) and (hover: none) {
  header {
  }
  header video {
   /* display: none;*/
  }
}

#top-banner-container {
    display: inline-block;
    background-image: -webkit-linear-gradient(323deg, rgba(0, 0, 0, .6), transparent);
    background-image: linear-gradient(127deg, rgba(0, 0, 0, .6), transparent);
}

#welcome-to-your-home-text {
	background: #fff;
	padding: 4em 4em 6em 4em;
}

#welcome-to-your-home-wrapper {
	position:relative;
}

#welcome-to-your-home-wrapper:before {
	content:"";
    background: url("../images/welcome-to-your-home.jpg")  no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
	width:100%;
    position: absolute;
	z-index:-1;
}

.w-35 {
    width: 35%!important;
}

.mb-5, .my-5 {
    margin-bottom: 4.5rem!important;
}
.mt-5 {
    margin-top: 4.5rem!important;
}
.mb-6, .my-6 {
    margin-bottom: 6rem!important;
}
.mt-6 {
    margin-top: 6rem!important;
}

.form-control {
	border-color: #AD073D !important;
}


/*footer */


footer{
  color: white;
}
footer a{
  color: #fff;
}
footer a:hover{
  color: #fff;
}

.footer-bottom{

  padding: 2em;
}

.footer-middle{

  padding-top: 2em;
  color: #fff;
}

.mainfooter li {
	line-height:3em;
}


.mainfooter li {
	font-size:.85em;
}

.mainfooter h4 {
	font-size:1em;
}
@media (max-width: 575px) {

	

}

@media (max-width: 767px) {
	#top-banner-video {
	    height: 650px;
	}
	
	a {
/*		font-size:2.5em !important; */
	}
	
	img {
		/*width:100% !important;*/
	}
}

@media screen and (max-width: 1399px) and (min-width: 990px) {
	
	.force-new-line {
		margin-top: 10px;
	    max-width: initial !important;
	    flex: 1 1 100% !important;
	}
	
}




@media (max-width: 991px) {

}

#top-banner-video {
    height: 100vh;
    width: 100%;
    display: inline-block;
}

/* animations */
.scale-me {

	transition-timing-function: ease-out;

    transition: transform .2s ; /* Animation */
}


.scale-me:hover {
	
    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}



.arrow-down-link {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999;
  display: block;
  width: 5%;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 39px;
}

#pulse-arrow {
  width: 70%;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 70px;
  -webkit-animation: arrow-bounce 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate;
          animation: arrow-bounce 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate;
}




@media (max-width: 767px){
	.heading {
	    font-size: 53px;
	    line-height: 52px;
	}
	.heading-2 {
	    font-size: 18px;
	}
	
	.custom-nav #nav-bar {
	    /* position: absolute; */
	    /* top: 0; */
	    /* left: 50%; */
	    /* transform: translate(-9%, 1%); */

	}
}
@media (max-width: 991px){
	
	.hero-copy-div {
	    position: absolute;
	    max-width: 100%;
	    margin-bottom: 84px;
	    margin-left: 50px;
	}
	
	header#homepage {
	    position: relative;
	    height: 650px;
	}
	
	/*
	#short-head {
		position: relative;
		height: 250px;
	}
	*/
	.heading {
	    padding-right: 63px;
	    font-size: 74px;
	    line-height: 76px;
	
	}
	.heading-2 {
	    margin-top: 34px;
	    font-size: 25px;
	    letter-spacing: 1px;
	}
	
	
	.custom-nav #nav-bar {
		position: absolute;
		top: 0;
		/*
	    left: 50%;
	    transform: translate(-9%, 1%);
		*/
		background: #fff;
		width: 100%;
	}
	
	
}

@media (max-width: 479px){
	.heading {
	    padding-right: 10px;
	    font-size: 36px;
	    line-height: 39px;
	}
	.heading-2 {
	    font-size: 18px;
	    line-height: 27px;
	}
	
	.btn {
		width:100% !important;
	}
	


}

.heading-3 {
    margin-bottom: 0px;
    padding-left: 7px;
    font-size: 25px;
}

@-webkit-keyframes arrow-bounce {
    0% {
      -webkit-transform: translateY(10px);
              transform: translateY(10px);

    }
	
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);

    }
}


@keyframes arrow-bounce {
    0% {
      -webkit-transform: translateY(10px);
              transform: translateY(10px);

    }
	
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);

    }

}
/* hero animations */

#hero-copy-1 {
	-webkit-animation: hero-copy-one 0.7s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: hero-copy-one 0.7s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


#hero-copy-2 {
	-webkit-animation: hero-copy-two 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: hero-copy-two 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    		animation-delay: 0.8s;		
	-webkit-animation-delay: 0.8s;				
}

#hero-copy-3 {
	-webkit-animation: hero-copy-three 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: hero-copy-three 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    		animation-delay: 1.2s;		
	-webkit-animation-delay: 1.2s;				
}

#dailyNews-button {
	-webkit-animation: hero-copy-two 0.9s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: hero-copy-two 0.9s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes hero-copy-one {
    0% {
      -webkit-transform: translateY(-400px);
              transform: translateY(-400px);
	  -webkit-opacity: 0;
		  opacity: 0;
    }
    20% {
      -webkit-transform: translateY(0);
              transform: translateY(0);

    }
    40% {
      -webkit-transform: translateY(-20px);
              transform: translateY(-20px);

    }
	
    60% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);

    }
	
    80% {
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px);
	  -webkit-opacity: 1;
	  opacity: 1;
    }
	
	
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
	  -webkit-opacity: 1;
	  opacity: 1;
    }


}
@keyframes hero-copy-one {
    0% {
      -webkit-transform: translateY(-200px);
              transform: translateY(-200px);
	  -webkit-opacity: 0;
	  opacity: 0;
    }
    20% {
      -webkit-transform: translateY(0);
              transform: translateY(0);

    }
    40% {
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px);

    }
	
    60% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
	  -webkit-opacity: 1;
	  opacity: 1;
    }
	
    80% {
      -webkit-transform: translateY(-20px);
              transform: translateY(-20px);

    }
	
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);

    }

}


@-webkit-keyframes hero-copy-two {
    0% {
      -webkit-transform: scale(3);
              transform: scale(3);
	  -webkit-opacity: 0;
			  opacity: 0;
    }

    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
	  -webkit-opacity: 1;
			  opacity: 1;
    }


}
@keyframes hero-copy-two {
    0% {
      -webkit-transform: scale(3);
              transform: scale(3);
	  -webkit-opacity: 0;
			  opacity: 0;
    }
	
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
	  -webkit-opacity: 1;
			  opacity: 1;
    }

}

@-webkit-keyframes hero-copy-three {
    0% {
      -webkit-transform: translateY(400px);
          transform: translateY(400px);
  	  -webkit-opacity: 0;
  		  opacity: 0;
    }
	
    100% {
      -webkit-transform: translateY(0px);
          transform: translateY(0px);
  	  -webkit-opacity: 1px
  		  opacity: 1px
    }


}
@keyframes hero-copy-three {
    0% {
      -webkit-transform: translateY(400px);
          transform: translateY(400px);
  	  -webkit-opacity: 0;
  		  opacity: 0;
    }
	
    100% {
      -webkit-transform: translateY(0px);
          transform: translateY(0px);
  	  -webkit-opacity: 1px
  		  opacity: 1px
    }
}

.text-box h3:first-of-type{
  padding-top: 0;
  margin-top: 0;
}

.text-box{
    display: block;
    padding-top: 80px;
    padding-left:4vw;
    padding-right:4vw;
    padding-bottom: 86px;
    width: 100%;
}

@media (max-width:575px){

  .text-box{
      padding-left:30px!important;
      padding-right:30px!important;
  }

}


.gallery .text-box{
    max-width: 350px;
    text-align: center;
    margin: auto;
    text-transform: uppercase;
}

.gallery .col-md-3 {
  padding-left: 0;
}

div.text-box h3{
    text-transform: uppercase;
}

.space{
    padding-top:70px;
    padding-bottom: 80px;
}

footer a{
    color: white;
}

.btn-link{
    border: 1px solid #577C35;
    color: #577C35;
    padding:8px 16px; 
    font-weight: 300;
    margin-top: 20px;
    display: inline-block;

}
.bg-brown .btn-link{
    border: 1px solid #fff;
    color: #fff;

}

h1,h2,h3,h4,h5{
    color: #577C35;
}



.bg-brown h1,.bg-brown h2,.bg-brown h3,.bg-brown h4,.bg-brown h5{
    color: #FFF;
}


.drawing{
    display: none;
    position: absolute;
    top:0px;
    z-index: 9;
    width: 200%;
}
.drawing .title{
    font-size: 120%;
    line-height: 1.6;
    font-weight:500;
    padding: 6px 10px !important;
    display: inline-block;
}

.drawing .line{
    width: 2px!important;
    top:0;
}

.page-hero h1 , .page-hero h2 ,.page-hero h3 ,.page-hero h4 {
    color: white !important;
}

/* LIGHT BOX */
.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=1);opacity:1;-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=1);opacity:1;-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{text-align:left;line-height:1.1em;text-transform: uppercase;}
.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:50px;height:30px;background:url(/images/misc/close.png) center right no-repeat;background-size:contain;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}
/* LIGHT BOX ENDS */


.lb-noteContainer{
    border-radius: 0;
    background-color: white;
    min-height: 100px;
    margin:auto;
    text-align: left;
    border-bottom: 2px solid #577C35;
    border-right: 2px solid #577C35;
    border-left: 2px solid #577C35;
    font-weight: 100;
    font-size: 80%;
    line-height: 1.2;
}

.lb-outerContainer{
    border-radius: 0;
    border-bottom: 0;
    border-top: 0;
    border-right: 2px solid #577C35;
    border-left: 2px solid #577C35;
}
.lb-dataContainer{
    background-color: white;
    border-radius: 0;
    border-top: 2px solid #577C35;
    border-right: 2px solid #577C35;
    border-left: 2px solid #577C35;
}
.lb-noteContainer div{
    padding: 30px 15px;
}

.lb-data .lb-details .info{
    width: 90%;
    float:left;

}
.lb-data .lb-details .download{
    width: 10%;
    float:left;
    text-align: right;
}

.download a{
  display: inline-block;
    color: #577C35 !important;
    background-image: url('/images/misc/download.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    width: 40px;
    height:55px;
    margin-left:10px;  
}


.lb-data .lb-details{
    color: #577C35;
    padding: 15px 4px 15px 15px;
    letter-spacing: 3px;
}

.lb-data .lb-caption {
    font-size: 120%!important;
    font-weight: 400;
    line-height: 1.2;
}

.lb-data .lb-closeContainer{
  margin-top:-40px;
  height: 40px;
}


.rooms a{
    margin-top: 40px;
    font-size: 120%;
}


.rooms a{
    text-transform: uppercase;
    font-weight: 400;
    line-height: 2.5; 
}


.list-style-dot{
    list-style: disc;
    list-style-position: outside;
    padding-left: 22px;
}

.list-style-dot li{
}

.bolder{
    font-weight: 700;
}

.neighbourhood-icon span{
    display: inline-block;
    padding-right: 2vw; 
    padding-top: 6px;
    font-weight: 400;
    text-transform: capitalize;
    white-space:nowrap;
}

@media (max-width: 767px){
  .neighbourhood-icon span{
    font-size: 80%;
    padding-right: 0.5vw; 
  }
}
.neighbourhood-icon img{
  width: 20%;
}

input, select , ::placeholder {
    border-color: #577C35!important;
    color: #577C35!important;
    border-radius: 0!important;
    border-width: 1px !important;
    padding: 10px 16px  !important;
}

button{
    padding: 4px 16px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  background: url("/images/icons/down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("/images/icons/down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}
/*For IE*/
select::-ms-expand { display: none; }

.ff-playfair{
    font-family: 'Playfair Display Regular' !important;
}
.ff-roboto{
    font-family: 'Roboto' !important;
}
.nav-link{
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    color: #1D1D1B!important;
}
.ls-12{
    letter-spacing: 12px!important;
}

@media (min-width:992px){
  .w-lg-80{
    width: 80%!important;
  }
  .w-lg-900 p{
    max-width: 920px;
    margin: auto;
  }
}

.slick-prev, .slick-next {
  width: 40px!important;
  height: 40px!important;
}

.slick-prev{
  left:10px!important;
  z-index: 999;  
}

.slick-prev::before {
    content: url(/images/icons/prev.png)!important;
}

.slick-next{
  right:30px!important;  
  z-index: 999;  
}
.slick-next::before {
    content: url(/images/icons/next.png)!important;
}

.w-max-600{
  max-width: 500px;
}

#ryanDesignCommunityMap-Wrapper .map-icons .iconSelected .img-map-arrow {
  display: none;
}

@media (min-width: 720px){
  .numbers .card{
    flex: 0 0 calc(50% - 15px);
    margin: 0 15px 6px 0 !important;
    border:0;
  }

}


@media (min-width: 1200px){
  .numbers .card{
    flex: 0 0 calc(25% - 15px);
    margin: 0 15px 6px 0 !important;
    border:0;
  }

}

.numbers .card .card-body{
  padding-top: 6px;
  padding-bottom: 6px;
}
.small-text-box{
    display: block;
    padding-top: 0;
    padding-left:3vw;
    padding-right:3vw;
    width: 100%;
}

.footer , .footer a{
  background-color: #AF8949; 
  color: white;
}