@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display&family=Raleway:wght@300;400;600&display=swap");
#home181608 > section.featured.padding{display: none}
#home181608 > section.communities.link-effect.dark{display: none}
#home181608 > section.blog.padding{display: none}
#home181608 > section.about{display: none}
#home181608 > .dark-banner{display: none}
#home181608 div.clearfix:nth-child(16){display: none}
footer .logo {top: 2px!important;}
header .logo {top: 5px;}
footer:not(.no-logo):after, footer:not(.no-logo):before {background-color: transparent!important;}
div.clearfix:nth-child(15){display: none}

.feKCXL {
     display: none;
}
.home-quick-search .listings-count, .home-quick-search h1 {
    font-family: "Playfair Display", serif;
}
.custom-dark-banner {
	background-color: var(--si-secondary-color-500);
	color: var(--si-secondary-text-color);
	font-size: 17px;
	padding: 15px 0;
	text-align: center;
}
#home181608 > div.CY-custom-content > div.custom-dark-banner > div > a{margin-left:10px}
.temp-hero{
width : 100%;
height : 100vh;
max-height : 100vh;

background-size : cover;
background-position : center;
background-repeat : no-repeat;
display : flex;
align-items : center;
justify-content : center;
text-align : center;
padding : 0 1rem;
color : #fff;
box-sizing : border-box;
}
.home-quick-search {width : 100%;
height : calc(100vh - 65px);
max-height : 100vh;
box-sizing: border-box;
padding-top: 20vw;
padding-bottom: 100px;
min-height: 665px;}
.home-quick-search .listings-count, .home-quick-search .nearby-search{
	position: relative;
	z-index: 2;
	display: none;
}
.home-quick-search .js-qs-form {
	position: relative;

	left: 0;
	right: 0;}
body.home .search {
	background-color: rgba(0, 0, 0, 0.24);
	border: unset;
	backdrop-filter: unset;
	
    display: block;
    position: relative;
    z-index: 3
}
.home-quick-search .search input.location {
	background-color: rgba(213, 213, 213, 0.11);
	color: #fff !important;
	opacity: 1 !important;
	font-weight: 500;
	border: rgba(255, 255, 255, 0.34) solid 1px;
}
.home-quick-search .search input.location::placeholder {color:#fff!important}
.home-quick-search .search .range-input {
	background-color: rgba(213, 213, 213, 0.11);
	color: #fff;
}
.home-quick-search .search .range-input-ph {
	border-right: rgba(255, 255, 255, 0.34) solid 1px;
}
.home-quick-search .search .range-input-ph {
	border-right: rgba(255, 255, 255, 0.34) solid 1px;
	border-top: rgba(255, 255, 255, 0.34) solid 1px;
	border-bottom: rgba(255, 255, 255, 0.34) solid 1px;
}
body.home .search-holder, body.home .search {
	background-color: rgba(0, 0, 0, 0.43);
	border-radius: 4px;
	padding: 25px;
}
.si-range-lists {
	color: #000;
}
.home-quick-search .search .si-range-input {
background-color: rgba(213, 213, 213, 0.11);
	color: #fff;
}
.home .fade-in.key-1 {

	margin-bottom: 20px;
}
.listings-count{display: none}
.temp-hero:before{
content: "";
position: absolute;
top: 0;
left:0;
right: 0;
height: 100%;
background: rgba(0,0,0,0.31)}
.temp-hero-content {
max-width : 1100px;
}
@media (max-width: 1524px) {

 .home-quick-search {
    height: fit-content!important;
    position: relative;
    padding-top: 20vw;
    padding-bottom: 100px;
     overflow: hidden;
    min-height: 300px;}
}

@media (max-width: 768px) {
.temp-hero {
height : auto;
padding : 4rem 1rem;
}
.temp-hero {
background-image : url("https://cy-sierra-assets.s3.us-west-1.amazonaws.com/sites/whitedeerventures.com/images/top-banner-s.webp");
height : auto;
}
}
@media (max-width: 480px) {
.temp-hero-content h2 {
font-size : 1.8rem;
}
.temp-hero-content p {
font-size : 1rem;
}
}
.cy-hero-buttons {
margin-top : 2rem;
display : flex;
gap : 1rem;
justify-content : center;
}
.cy-hero-buttons a {
border-radius : 0;
background-color : #d11a27;
color : #fff;
text-transform : uppercase;
letter-spacing: 4px;
  font-size: 15px;
  font-weight: 500;
  padding: 15px 20px 15px 20px;
transition : all 300ms ease;
    text-decoration: none!important;
}
.cy-hero-buttons a.btn--primary:hover {
background-color : #000;
}
.cy-hero-buttons a.btn--primary  {
    background-color: #d11a27;
transition : background-color 0.5s ease;
}
.cy-hero-buttons a.btn--secondary {background-color: #000;}
.cy-hero-buttons a.btn--secondary:hover{background-color: #d11a27;}
@media (max-width: 480px) {
.cy-hero-buttons {
flex-direction : column;
gap : 1rem;
}
}
/* Contenedor del video */
.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;  /* Coloca el video detrás del contenido */
}

/* El iframe del video */
#video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: 100%; /* Asegura que el video cubra todo el ancho */
    min-height: 100%; /* Asegura que el video cubra toda la altura */
}
.container-fluid {
margin-left : auto;
margin-right : auto;
padding-left : 0;
padding-right : 0;
}
body {
margin : 0;
}
#home181608 {
font-family : "Raleway", "Montserrat", "Open Sans", Helvetica, sans-serif;
scroll-behavior : smooth;
font-weight : 300;
font-size : 16px;
}
#home181608 .cy-custom {
position : relative;
}
#home181608 .cy-custom html {
box-sizing : border-box;
}
#home181608 .cy-custom * {
box-sizing : inherit;
}
#home181608 .cy-custom *::before, #home181608 .cy-custom *::after {
box-sizing : inherit;
}
#home181608 .cy-custom .container, #home181608 .cy-custom .container-fluid {
width : 100%;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
@media (min-width: 576px) {
#home181608 .cy-custom .container {
max-width : 540px;
}
}
@media (min-width: 768px) {
#home181608 .cy-custom .container {
max-width : 720px;
}
}
@media (min-width: 992px) {
#home181608 .cy-custom .container {
max-width : 960px;
}
}
@media (min-width: 1200px) {
#home181608 .cy-custom .container {
max-width : 1140px;
}
}
#home181608 .cy-custom .row {
display : flex;
flex-wrap : wrap;
margin-right : -15px;
margin-left : -15px;
}
#home181608 .cy-custom .col-md-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%;
}
#home181608 .cy-custom .col-md-6 {
flex : 0 0 50%;
max-width : 50%;
}
#home181608 .cy-custom .col-md-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%;
}
#home181608 .cy-custom .container {
width : 100%;
max-width : 1600px;
}
#home181608 .cy-custom h2 {
font-family : "Playfair Display", serif;
font-size : 60px;
font-weight : 300;
margin-top : 10px;
}
#home181608 .cy-custom h4 {
font-family : "Raleway", "Montserrat", "Open Sans", Helvetica, sans-serif;
letter-spacing : 4px;
font-size : 20px;
font-weight : 300;
margin : 0;
}
#home181608 .cy-custom p {
font-size : 17px;
line-height : 1.5;
margin-bottom : 20px;
}
#home181608 .cy-custom .btn {
display : inline-block;
text-transform : uppercase;
letter-spacing : 4px;
font-size : 15px;
font-weight : 400;
text-decoration : none;
border : #000 solid 1px;
color : #fff;
background-color : #d11a27;
margin-top : 20px;
border-radius : 0;
transition : all 300ms ease;
}
#home181608 .cy-custom .btn:hover {
background : #000;
color : #fff;
}
#home181608 .cy-custom .btn.alt {
border : #d11a27 solid 1px;
padding : 15px;
color : #fff;
width : fit-content;
height : 50px;
line-height : normal;
box-sizing : border-box;
background-color : #d11a27;
}
#home181608 .cy-custom .btn.alt:hover {
background : #000;
color : #fff;
border : #000 solid 1px;
}
#home181608 .cy-custom .tagline {
color : #000;
font-weight : 600;
text-transform : uppercase;
letter-spacing : 5px;
font-size : 14px;
position : absolute;
}
#home181608 .cy-custom .tagline:before {
content : "";
position : absolute;
left : 0;
top : 50%;
width : 50px;
border-top : 1px solid #000;
margin-left : -60px;
}
#home181608 .cy-custom .tagline.left {
top : 50%;
left : 50px;
transform : rotate(-90deg) translateX(-50%);
transform-origin : 0 0;
}
#home181608 #action_bar {
height : 60px;
background : rgb(0, 0, 0, 0.4);
margin-top : 0;
position : absolute;
bottom : 0;
width : 100%;
z-index : 999;
}
#home181608 #action_bar .inner {
display : flex;
max-width : 1400px;
margin : 0 auto;
height : 60px;
}
#home181608 #action_bar .inner .bar-left {
width : 65%;
z-index : 9;
padding-left : 30px;
}
#home181608 #action_bar .inner .bar-right {
width : 35%;
border-left : 1px solid rgb(255, 255, 255, 0.5);
z-index : 9;
padding-left : 30px;
}
#home181608 #action_bar .inner a {
line-height : 60px;
color : #fff;
text-transform : uppercase;
letter-spacing : 4px !important ;
font-size : 15px;
display : inline-block;
text-decoration : none !important ;
font-family : "Playfair Display", serif;
}
#home181608 #action_bar .inner a .iconfont {
display : inline-block;
transform : rotate(90deg) translateX(3px);
}
#home181608 #action_bar .inner a:hover {
text-decoration : underline !important ;
}
#home181608 #welcome_box {
background-color : #fff;
padding-top : 100px;
padding-bottom : 100px;
color : #000;
box-sizing : border-box;
    overflow: hidden;
}
.welcome-links {
display : flex;
flex-direction : column;
justify-content : flex-start;
flex-wrap : wrap;
align-content : center;
max-width : 90%;
align-items : center;
}
#home181608 #welcome_box .content-box .heading {
padding-left : 30px;
margin-left : -30px;
border-left : 1px solid #000;
margin-bottom : 25px;
}
#home181608 #welcome_box .content-box .heading h2 {
color : #000;
}
#home181608 #welcome_box .lenders {
margin-top : 20px;
display : flex;
gap : 50px;
flex-wrap : wrap;
width : 200px;
}
#home181608 #welcome_box .lenders img {
max-width : 150px;
width : auto;
height : auto;
align-self : center;
}
#home181608 #welcome_box .image-box {
padding-right : 100px;
padding-left : 60px;
text-align : center;
padding-top : 130px;
}
#home181608 #welcome_box .image-box .agent-pic {
width : 100%;
}
#home181608 #welcome_box .image-box .agent-pic .agent-title {
padding-top : 15px;
}
#home181608 #welcome_box .image-box img {
max-width : 100%;
height : auto;
}
.welcome-btn {
align-self : flex-start;
}
.welcome-call-btn {
align-self : flex-start;
}
.logos h2 {text-align: center}
.logos-container{display: flex; justify-content: space-around; padding-bottom: 30px; flex-wrap: wrap}
.logos-container img{width: 150px; height: auto}
#home181608 .full-banner {
padding : 9vw 30px;
text-align : center;
color : #fff;
background-size : cover !important ;
position : relative;
}
#home181608 .full-banner:before {
content : "";
pointer-events : none;
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
background : rgb(0, 0, 0, 0.1);
z-index : 1;
}
#home181608 .full-banner .inner {
position : relative;
z-index : 9;
}
body .full-banner .inner {
width : fit-content;
margin : auto;
background : rgb(1, 1, 1, 0.5);
padding : 60px 90px;
}

#home181608 .full-banner .icon {
margin-bottom : 25px;
filter : brightness(0) invert(1);
}
#home181608 .full-banner h2 {
margin-bottom : 0;
line-height : 1;
    color: #fff
}
#stats > div > h2{color: #fff;}
#home181608 .full-banner h4 {
margin-bottom : 10px;
}
#home181608 .full-banner .btn {
margin-top : 70px;
}
#home181608 .half-banners {
display : flex;
background : transparent;
margin-bottom : 0;
gap: 1px
}
#home181608 .half-banners .banner {
padding : 30px 30px;
text-align : center;
color : #fff;
background-size : cover !important ;
width : 50%;
position : relative;
box-sizing : border-box;
background-position: center center;
}
#home181608 .half-banners .banner::before {
content : "";
pointer-events : none;
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
transition : all 500ms ease;
background : rgb(0, 0, 0, 0.5);
z-index : 1;
}
#home181608 .half-banners .banner:hover::before {
background : rgb(0, 0, 0, 0.2);
transition : all 500ms ease;
}
#home181608 .half-banners .banner:hover .inner {
transition : 0.5s;
}

#home181608 .half-banners .banner .inner {
position : relative;
display : block;
z-index : 9;
padding-top : 100px;
padding-bottom : 100px;
padding-right : 30px;
padding-left : 30px;
transition : 0.5s;
}
#home181608 .half-banners .banner .icon {
max-width : 200px;
width : 60%;
margin-bottom : 25px;
filter : brightness(0) invert(1);
}
#home181608 .half-banners .banner h2 {
margin-bottom : 0;
line-height : 1;
width : 100%;
    color: #fff;
display: inline-block;
    max-width: 90%
}

#home181608 .half-banners .banner .fade-right-pre h2:nth-child(2) {
	padding: 2px 2.8px;
}
/*@media (max-width:1280px){#home181608 .half-banners .banner h2 {text-wrap:wrap!important; }*/
#home181608 .half-banners .banner h4 {
margin-bottom : 10px;
}
#home181608 .half-banners .banner .btn {
margin-top : 70px;
}
#home181608 #neighborhood_heading {
padding-top : 10px;
text-align : center;
background-color : white;
}
#home181608 #neighborhood_heading.lifestyle {
padding-top : 0 !important ;
}
#home181608 #neighborhoods {
display : flex;
margin-top : 25px;
flex-wrap : wrap;
padding-bottom : 30px;
justify-content : center;
}
#home181608 #neighborhoods a {
display : block;
width : calc(100% / 3);
position : relative;
background : #000;
overflow : hidden;
border : #fff solid 1px;
box-sizing : border-box;
}
#home181608 #neighborhoods a .inner {
position : absolute;
z-index : 9;
top : 50%;
left : 50%;
width : 90%;
transform : translateX(-50%) translateY(-50%);
text-align : center;
color : #fff;
}
#home181608 #neighborhoods a .inner .title {
font-weight : 500;
font-size : 32px;
text-transform : uppercase;
letter-spacing : 2px;
font-family : "Playfair Display", serif !important ;
}
#home181608 #neighborhoods a img {
width : 100%;
opacity : 0.9;
display : block;
transition : all 500ms ease;
margin : 0 !important ;
}
#home181608 #neighborhoods a:hover img {
opacity : 0.7;
transition : all 500ms ease;
}

    #home181608 #lifestyle_listings {
      background: #fff;}

      #home181608 #lifestyle_listings h2 {
text-align: center}

      #home181608 #lifestyle_listings .featured-grid {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-gap: 1px;
        grid-auto-rows: 8vw;
        grid-auto-flow: dense; }


        #home181608 #lifestyle_listings .featured-grid .grid-item {
          padding: 30px 30px 60px 30px;
          background-color: rgba(113, 144, 110, 0.82);
          display: flex;
          background-size: cover !important;
          position: relative;
          transition: 300ms ease all; }

          #home181608 #lifestyle_listings .featured-grid .grid-item:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.2);
            pointer-events: none;
            z-index: 1;
            transition: 300ms ease all; }
#home181608 #lifestyle_listings .featured-grid .grid-item:hover:before{
    background: rgba(0, 0, 0, 0.4);
    transition: 300ms ease all;
}

          #home181608 #lifestyle_listings .featured-grid .grid-item:nth-child(odd) {
            background-color: rgba(113, 144, 110, 0.82);
} 

         #home181608 #lifestyle_listings .featured-grid .grid-item.span-2 {
            grid-column-end: span 2;
            grid-row-end: span 2; }

          #home181608 #lifestyle_listings .featured-grid .grid-item.span-2-tall {
            grid-column-end: span 2;
            grid-row-end: span 4; }

          #home181608 #lifestyle_listings .featured-grid .grid-item.span-4 {
            grid-column-end: span 4;
            grid-row-end: span 4; }

          #home181608 #lifestyle_listings .featured-grid .grid-item .area-content {
            margin: 60px auto;
            text-align: center;
            position: relative;
            z-index: 9; }
     
            #home181608 #lifestyle_listings .featured-grid .grid-item .area-content span.title {
               display: block;
                color: #fff;
    padding-bottom: 80px;
    font-weight: 500;
    font-size: 35px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: "Playfair Display", serif;} 

        
          #home181608 #lifestyle_listings .featured-grid .grid-item:hover {
            filter: grayscale(0); }
            
            #home181608 #lifestyle_listings .featured-grid .grid-item:hover:before {
              opacity: 0; }
 #home181608 #lifestyle_listings {
      padding: 0; margin-bottom: 1px; margin-top: 20px; }
 #home181608 #lifestyle_listings .featured-grid {
     display: grid;
     grid-template-columns: repeat(6, 1fr);
     grid-gap: 2px;
     grid-auto-rows: minmax(115px, auto);
     grid-auto-flow: dense;}
 #home181608 #lifestyle_listings .grid-item {
          background-color: #333;
     border-radius: 5px;
     display: flex;
     background-size: cover !important;
        grid-column-end: span 3;
        grid-row-end: span 4;
}
  #home181608 #lifestyle_listings .grid-item.span-8 {
        grid-column-end: span 8;
        grid-row-end: span 4; }
  #home181608 #lifestyle_listings .grid-item:hover:before {
          opacity: 1 !important; }
 
   #home181608 #lifestyle_listings .grid-item a.link {
         font-size: 20px;
  margin-bottom: 5px;
  padding: 10px 25px ;
  text-align: center;
  border-radius: 6px;
  transition: background-color .3s ease;
  color: #fff;
          display: inline-block;
          
          font-weight: 400;
          text-transform: capitalize;
          text-decoration: none }
#home181608 #lifestyle_listings .grid-item a.link:hover{background-color:rgba(255,255,255,0.25)}
#home181608 #google_heading, #home181608 #instagram_heading {
text-align : center;
padding : 30px 0;

}
#home181608 #google_heading{background-color:rgb(246, 246, 248)}
#home181608 #stats{background:#131313;background-size:contain;padding-top:75px;padding-bottom:75px;color:#fff;text-align:center}
#home181608 #stats #stat_list{display:-webkit-box;display:-ms-flexbox;display:flex;margin:50px 0 50px 0;padding:0;-ms-flex-wrap:wrap;flex-wrap:wrap; box-sizing: border-box}
#home181608 #stats #stat_list li{list-style:none;width:calc(100% / 3);padding:25px}
#home181608 #stats #stat_list li .num, #home181608 #stats #stat_list li .number{font-size:55px;color:#FFFFFF;display:block;font-weight:600;margin-bottom:15px}
#home181608 #stats #stat_list li .number{
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}
#home181608 #stats #stat_list li .label{display:block;font-weight:600;text-transform:uppercase;letter-spacing:5px;font-size:14px}
#home181608 #reviews {
background : #1f1f1f;
background-size : contain;
padding-top : 100px;
padding-bottom : 100px;
margin-bottom : 75px;
color : #fff;
text-align : center;
}
#home181608 #reviews .elfsight-holder {
padding-left : 30px;
padding-right : 30px;
}
.connect-border {
	display: flex;
	justify-content: center;
	border: #606060 solid 1px;
	max-width: 90%;
	padding: 70px 40px;
	margin: 0 auto;
}
.connect-container {
padding : 30px;
}
#home181608 .form-col h2{text-align: center; color: #fff}
#home181608 .form-col {color:#fff}
.contact-pic {
width : 250px;
}
.contact-logo {
width : 250px;
margin : 0 auto;
}
.contact-col {
display : flex;
flex-direction : column;
text-align : center;
width : 50%;
margin : 0 auto;
color : #fff;
align-items : center;
}
.contact-address {
display : flex;
flex-direction : column;
margin-top : 0;
letter-spacing : 0.135rem;
}
.contact-phone, .contact-email {
text-decoration : none;
color : #fff;
}
#form-holder > form > div:nth-child(1) {
display : none;
}
#form-holder > form {
width : 100%;
display : flex;
flex-wrap : wrap;
margin : 0;
}
#form-holder > form > div:nth-child(3), #form-holder > form > div:nth-child(4) {
width : 50%;
}
#form-holder > form > input {
background-color : unset;
border : unset;
border-bottom : 1px solid;
border-bottom-color : #c20000;
color : #fff;
}
#home-contact > div > div > div.contact-col > h4 {
font-size : 18px;
margin-bottom : 0;
letter-spacing : 0.135rem;
}
#home-contact > div > div > div.contact-col > h5 {
margin-top : 10px;
font-size : 18px;
letter-spacing : 0.135rem;
margin-bottom : 10px;
}
#home-contact > div > div > div.contact-col > a.contact-phone.text-blue, #home-contact > div > div > div.contact-col > a.contact-email.text-white {
letter-spacing : 0.135rem;
}
.contact-pic {
border-radius : 50%;
width : 150px;
margin-top : 20px;
}
#home181608 .cy-custom .btn-contact {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 15px;
	font-weight: 500;
	padding: 15px 20px 15px 20px;
	color: #fff;
	margin-top: 20px;
	border-radius: 0;
	transition: all 300ms ease;
	background-color: #d11a27;
	border: #d11a27 solid 1px;
	text-decoration: none;
	line-height: unset;
	height: unset;
	width: fit-content;
}
#home181608 .cy-custom .btn-contact:hover {
background-color : #000;
color : #fff;
border : #000 solid 1px;
}
.welcome-call-btn {
background-color : #d11a27;
color : #fff;
text-decoration : none;
text-transform : uppercase;
font-weight : 400;
font-size : 15px;
padding : 15px 30px 15px 35px;
transition : all 300ms ease;
margin-top : 20px;
letter-spacing : 4px;
text-align : center;
width : fit-content;
border : #d11a27 solid 1px;
}
.welcome-call-btn:hover {
background-color : #000;
color : #fff;
border : #000 solid 1px;
}
#welcome_box > div > div > div.col-md-5.content-box {
display : flex;
flex-direction : column;
}
#welcome_box > div > div > div.col-md-5.content-box > div.btn.alt.wow.fadeInUp.animated:hover {
background-color : unset;
cursor : unset;
color : #fff;
}
#welcome_box > div > div > div.col-md-5.content-box > a > i {
transform : rotate(45deg);
right : 1px;
position : relative;
bottom : -3px;
}
#welcome_box > div > div > div.col-md-5.content-box > a > i {
float : left;
color : #fff;
}
.fa-fw {
text-align : center;
width : 1.25em;
}
.fa-fw {
text-align : center;
width : 1.25em;
}
.fa, .fas {
        font-family: "FontAwesome";
        font-weight: 900;
    }
.fa, .fas, .far, .fal, .fad, .fab {
display : inline-block;
font-style : normal;
font-variant : normal;
text-rendering : auto;
line-height : 1;
}
@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fade-in {
    animation: fade-in 2s ease forwards;
    transition: .5s;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

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

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
.fade-left {
    opacity: 0;
    transform: translateX(20px);
    animation: fadeLeft 2s ease forwards;
}
@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.fade-down {
    opacity: 0;
    transform: translateY(-20px);
    animation: fadeDown 2s ease forwards;
}
@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.fade-right {
    opacity: 0;
    transform: translateX(-20px);
    animation: fadeRight 2s ease forwards;
}
@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@media (max-width: 1650px) {
#home181608 #welcome_box {
padding-left : 140px;
    }}
@media (max-width: 1350px) {    
    #home181608 #lifestyle_listings .featured-grid .grid-item .area-content {
	margin: 10px auto;
}
    
    
}
@media (max-width: 1199px) {
#home181608 #welcome_box .image-box {
padding-left : 40px;
}
#home181608#stats #stat_list li .num{font-size:45px}

    
    body.home #custom_content #lifestyle_listings .featured-grid {
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 12vw; }
}
@media (max-width: 991px) {
#home181608 .cy-custom h2, #home181608 #lifestyle_listings h2 {
font-size : 50px;
}
#home181608 #action_bar {
height : 80px;
}
#home181608 #action_bar .inner {
flex-wrap : wrap;
}
#home181608 #action_bar .inner .bar-left, #home181608 #action_bar .inner .bar-right {
display : flex;
align-items : center;
width : 100%;
border-left : none;
}
    #home181608 #action_bar .inner a {
	line-height: 40px;
	
}
#home181608 #welcome_box .lenders {
margin-top : 20px;
align-self : center;
}
.welcome-links {
display : flex;
flex-direction : column;
justify-content : flex-start;
flex-wrap : wrap;
align-content : center;
max-width : 90%;
align-items : center;
}
.welcome-links a.btn {
align-self : center;
}
#home181608 #welcome_box {
padding-left : 100px;
margin-bottom : 0;
padding-top: 50px;
padding-bottom: 30px
}
#home181608 #welcome_box .image-box, #home181608 #welcome_box .content-box, #home181608 #welcome_box .image-box .agent-pic {
width : 100%;
flex : 100% !important ;
max-width : 100%;
padding-left : 0;
padding-right : 30px;
}
#home181608 #welcome_box .image-box {
padding-top : 25px;
padding-left : 0;
text-align : left;
}
#home181608 #welcome_box .image-box img {
max-width : 95%;
margin-top : 0;
}
.welcome-btn {
align-self : center;
}
/*.welcome-call-btn {
padding : 15px 10px 15px 10px;
}*/
#home181608 #neighborhoods a {
width : 50%;
}
#home181608 #lifestyle_listings ul {
    flex-wrap: wrap; }
    #home181608 #lifestyle_listings ul li {
      width: calc(100% / 3);
      padding: 5px; }
    #home181608 #lifestyle_listings .featured-grid .grid-item .area-content span.title {

	padding-bottom: 44px;
	
}
.connect-border {
flex-wrap : wrap;
}
.contact-col {
width : 100%;
}
.form-col {
width : 100%;
}
}
@media (max-width: 800px) {
body .full-banner .icon, .half-banners .banner .icon {
width : 50% !important ;
margin-left : auto;
margin-right : auto;
}
#home181608 #welcome_box {
padding-top : 40px;
background-position : center;
background-attachment : fixed;
padding-bottom : 40px;
margin-bottom : 45px;
}
}

@media (max-width: 767px) {
.half-banners .banner:first-of-type::after {
content : '';
position : absolute;
right : 0;
top : 10%;
bottom : 10%;
width : 2px;
background-color : white;
filter : brightness(1000);
}
#home181608 .half-banners .banner {
width : 100%;
padding : 30px 30px;
}
#home181608 #welcome_box .content-box .heading {
border-left : transparent !important ;
}
#home181608 #stats #stat_list li{width:50%}

#home181608 #lifestyle_listings .featured-grid {
    display: block; }
    #home181608 #lifestyle_listings .featured-grid .grid-item {
      border-bottom: 2px solid #fff;
      background-position: center;
      padding: 60px 30px; }
#home181608 .half-banners {
margin-bottom : 0 !important ;
flex-wrap : wrap;
}
#home181608 .half-banners .banner {
width : 100%;
}
#form-holder > form > div:nth-child(3), #form-holder > form > div:nth-child(4) {
width : 100%;
}
}
@media (max-width: 600px) {
    .video-background{display: none}
#home181608 .half-banners .banner .inner {
padding-top : 50px;
padding-bottom : 50px;
padding-left : 25px;
padding-right : 25px;
}
#home181608 #action_bar .inner a {
letter-spacing : 2px;
line-height : 40px;
}
#home181608 #neighborhoods a {
width : 100%;
}
#home181608 .cy-custom .tagline.left {
white-space : nowrap;
left : 20px;
top : 30%;
}
#home181608 .cy-custom h2, #home181608 #lifestyle_listings h2 {
font-size : 10vw;
}
#home181608 .cy-custom h4 {
font-size : 3.5vw;
}
#home181608 #welcome_box {
padding-left : 60px;
}
.welcome-links {
display : flex;
flex-direction : column;
justify-content : flex-start;
flex-wrap : wrap;
align-content : center;
max-width : 96%;
margin-left : -7px;
}
#home181608 #welcome_box .image-box {
flex-direction : column;
padding-top : 20px;
row-gap : 15px;
padding-left : 0;
margin-left : -7px;
}
#home181608 #welcome_box {
margin-bottom : 0;
}
.welcome-call-btn {
font-size : 18px;
}
#home181608 #stats #stat_list div {
width : 100%;
}
#home181608 #welcome_box .lenders img {
max-width : 60%;
margin-left : auto;
margin-right : auto;
}
  #home181608 #lifestyle_listings {
    padding-top: 0; }
  #home181608 #lifestyle_listings ul li {
    width: 100%; }
 #home181608 #lifestyle_listings .featured-grid .grid-item .area-content span.title {font-size: 30px; }
}
@media (max-width: 450px) {
    body.home .search-holder, body.home .search {

    padding: 10px;

}
#home181608 .half-banners .banner {
padding : 30px 30px;
}
.welcome-call-btn {
letter-spacing : 2px;
}
#home181608 .md-featured-area.template6 .style-container .city-style {
min-width : 100%;
padding-top : 66%;
}
.connect-border {
padding : 40px 10px;
}
.contact-logo {
width : 70%;
}
.contact-pic {
max-width : 90%;
}
}
@media (max-width: 400px) {
#home181608 .cy-custom .btn {
font-size : 12px !important ;
letter-spacing : 4px !important ;
}
#home181608 #action_bar .inner a {
font-size : 10px !important ;
}
#home181608 #welcome_box {
padding-left : 30px;
padding-right : 30px;
}
#home181608 #welcome_box .image-box, #home181608 #welcome_box .content-box, #home181608 #welcome_box .image-box .agent-pic {
width : 100%;
flex : 100% !important ;
max-width : 100%;
padding-left : 0;
padding-right : 0;
margin-left : 0;
}
.welcome-links {
display : flex;
flex-direction : column;
justify-content : flex-start;
flex-wrap : wrap;
align-content : center;
max-width : 100%;
margin-left : 0;
}
#home181608 #welcome_box .image-box img {
max-width : 100%;
margin-top : 0;
}
.cy-custom p {
margin-right : 0;
padding-left : 0;
}
#home181608 .cy-custom .tagline {
font-size : 12px !important ;
display : none;
}
.intro {
padding-top : 50px;
}
.cy-custom h4 {
letter-spacing : 4px !important ;
}
.cy-custom .tagline.left {
left : 5px !important ;
}
.full-banner .inner {
padding : 30px 30px !important ;
}
}