/*
	Theme Name: Lisa Lucky 2
	Theme URI: https://lisalucky.com
	Description: Custom theme made for Lisa Lucky
	Version: 1.0
	Author: Jonathan Joseph Limoanco (jonathan@bluenimbus.com)
	Author URI: https://bluenimbus.com
	Tags: HTML5, CSS3, Custom
*/


/*------------------------------------*\
    Fonts
\*------------------------------------*/

@font-face {
    font-family: "greycliff";
    src: url("fonts/greycliff.woff") format("woff"); 
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "serathine";
    src:url("fonts/serathine.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "avenir";
    src: url("fonts/avenir.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "avenir bold";
    src: url("fonts/avenirbold.woff") format("woff"); 
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*------------------------------------*\
    General
\*------------------------------------*/


div.sfm-label-metro {
    display: none;
}


html {
    width: 100%; 
}

body,
html {
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-width: 1280px;
    font-family: 'avenir';
    font-size: 18px;
    line-height: 28px;
    
}
body.home .sfm-navicon, body.home .sfm-navicon:after, body.home .sfm-navicon:before, body.home .sfm-label-metro body.home .sfm-navicon-button, body.home #sfm-mob-navbar {
    background-color: #fff !important; 
}

div.inside {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 100%; 
    font-family: 'greycliff';
    letter-spacing: 1px;
    font-weight: 400;
}

img {
    width: auto;
    height: auto;
    display: block;
}

input,
textarea,
select {
    font-family: 'avenir';
    font-size: 16px;
    line-height: 24px;
}

/*------------------------------------*\
    Hero
\*------------------------------------*/

#hero {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 1080px;
    overflow: hidden;
    height: 1080px; 
}

#hero div.text {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    z-index: 5;
}

#hero div.text h1 {
    text-align: center;
    color: #fff;
    margin-top: 310px;
    font-size: 255px;
    line-height: 255px;
    font-weight: 400;
    font-family: serathine; 
    text-transform: lowercase;
    text-shadow: 5px 5px 6px rgba(0,0,0,0.15);
    
}

#hero div.text h1 strong {
    display: block;
    font-size: 120px;
    line-height: 120px;
    letter-spacing: 0px;
    font-weight: 400;
    text-transform: uppercase;
    color: #c0a793;
    font-family: greycliff; 
    position: relative;
    margin-top: -40px; 
    text-shadow: 5px 5px 6px rgba(0,0,0,0.15);
}

#hero div.grad {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    z-index: 2;
    /*background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0) 75%);*/
}
#hero div.grad img {
    width: 100%;
    height: 1080px; 
}

#hero div.img {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    z-index: 1;
    background-color: #000;
    width: 100%; 
    overflow: hidden; 
}

#hero div.img video {
    min-width: 1920px; 
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translate(-50%);
    object-fit: cover;
    object-position: center; 
    opacity: 0.5;
}
#hero div.img div.pt-cv-wrapper {
    opacity: 0.75; 
}


/*------------------------------------*\
    Header
\*------------------------------------*/

#header {
    display: grid;
    grid-template-columns: 30% 40% 30%;
    align-items: flex-start;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 50;
    margin-bottom: -170px;
    padding-top: 50px;
}

#header.front a {
    color: #fff;
    white-space: nowrap; 
}

#header div.left {
    text-align: left;
}

#header div.left ul {
    display: grid;
    grid-template-columns: repeat(3, auto);
    column-gap: 50px;
    align-items: flex-start;
    padding: 0px;
    margin: 0px;
    justify-content: flex-start;
}

#header div.left li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#header div.left li a {
    font-size: 18px;
    line-height: 32px;
    padding-top: 0px;
    padding-bottom: 25px; 
}
#header div.left li a:hover {
    color: #845b47; 
}
#header div.right {
    text-align: right; 
}

#header div.right ul {
    display: grid;
    grid-template-columns: repeat(3, auto);
    column-gap: 35px;
    align-items: flex-end;
    padding: 0px;
    margin: 0px;
}

#header div.right li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#header div.right li a {
    font-size: 18px;
    line-height: 32px;
    display: block; 
    padding-top: 0px;
    padding-bottom: 15px; 
}
#header div.right li a:hover {
    color: #845b47; 
}

#logo {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    
}

#logo img {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: -18px;
    max-width: 405px; 
    position: relative;
    z-index: 99; 
}



#header div.left ul ul{
	display: none;
	position: absolute;
	text-align: left;
	padding: 0px;
	z-index: 50000;
	margin-top: 0px;
	margin-right: 0px;
	color: #FFFFFF;
	margin-bottom: 0px;
	float: right;
	padding-top: 0px; 
    box-shadow: 0px 44px 68px -57px rgba(0,0,0,0.75);
}
#header div.left ul ul li:hover {
	display: block;
}
#header div.left ul li:hover ul{
	display: block;
}
#header div.left ul li:hover ul li a{
	display: block;
    letter-spacing: 1px; 
}
#header div.left li li{
	margin-bottom: 0px;
	list-style-position: inside;
	color: #FFF;
	display: block;
}
#header div.left li li:first-child {

}
#header div.left li li a {
	color: #FFF !important;
	background-position: left; 
    padding-top: 5px !important; 
    padding-bottom: 5px !important; 
    padding-left: 20px; 
    padding-right: 20px; 
    display: block;
    width: auto; 
    font-size: 16px; 
    line-height: 24px; 
}
#header div.left li li a:hover {
	/*color: #c5851f !important;*/
    border-bottom: none !important; 
}
#header div.left li li:last-child a {
	padding-bottom: 15px !important; 	
}
#header div.left li li.current_page_item a {
	color: #c5851f !important;
    border-bottom: none !important; 
}
#header div.left li.current_page_item li a {
    color: #fff !important;
    border-bottom: none !important; 
}
#header div.left li.current_page_item li a:hover {
    color: #c5851f !important;
}
#header div.left li li:first-child a {
    padding-top: 15px !important; 
}




#header div.right ul ul{
	display: none;
	position: absolute;
	text-align: left;
	padding: 0px;
	z-index: 50000;
	margin-top: 0px;
	margin-right: 0px;
	color: #FFFFFF;
	margin-bottom: 0px;
	float: right;
	padding-top: 0px; 
    box-shadow: 0px 44px 68px -57px rgba(0,0,0,0.75);
    margin-left: 70%; 
}
#header div.right ul ul li:hover {
	display: block;
}
#header div.right ul li:hover ul{
	display: block;
}
#header div.right ul li:hover ul li a{
	display: block;
}
#header div.right li li{
	margin-bottom: 0px;
	list-style-position: inside;
	color: #FFF;
	display: block;
}
#header div.right li li:first-child {

}
#header div.right li li a {
	color: #FFF !important;
	background-position: left; 
    padding-top: 5px !important; 
    padding-bottom: 5px !important; 
    padding-left: 20px; 
    padding-right: 20px; 
    display: block;
    width: auto; 
    font-size: 16px; 
    line-height: 24px; 
    letter-spacing: 1px; 
}
#header div.right li li a:hover {
	/*color: #c5851f !important;*/
    border-bottom: none !important; 
}
#header div.right li li:last-child a {
	padding-bottom: 15px !important; 	
}
#header div.right li li.current_page_item a {
	color: #c5851f !important;
    border-bottom: none !important; 
}
#header div.right li.current_page_item li a {
    color: #fff !important;
    border-bottom: none !important; 
}
#header div.right li.current_page_item li a:hover {
    color: #c5851f !important;
}
#header div.right li li:first-child a {
    padding-top: 15px !important; 
}


#header div.right li:nth-child(1):hover ul {
    display: grid;
    grid-template-columns: repeat(3,auto); 
    background-color:#845b47;
    left: -500px; 
    margin-top: 0px; 
    border-radius: 10px; 
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.13);
}
#header div.right li:nth-child(1):hover ul:after { 
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: #845b47 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -10px;
    left: 530px;
}



#header div.right li:nth-child(2):hover ul {
    display: grid;
    grid-template-columns: repeat(3,auto); 
    background-color:#845b47;
    left: -360px; 
    margin-top: 0px; 
    border-radius: 10px; 
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.13);
}
#header div.right li:nth-child(2):hover ul:after { 
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: #845b47 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -10px;
    left: 530px;
}


#header div.left li:nth-child(1):hover ul {
    display: grid;
    grid-template-columns: auto; 
    background-color:#845b47;
    left: 0px; 
    margin-top: 10px; 
    border-radius: 10px; 
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.13);
}
#header div.left li:nth-child(1):hover ul:after { 
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: #845b47 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -10px;
    left: 60px;
}


#header div.left li:nth-child(3):hover ul {
    display: grid;
    grid-template-columns: auto; 
    background-color:#845b47;
    left: 240px; 
    margin-top: 10px; 
    border-radius: 10px; 
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.13);
}
#header div.left li:nth-child(3):hover ul:after { 
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: #845b47 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -10px;
    left: 60px;
}



#header div.left li:nth-child(2):hover ul {
    display: grid;
    grid-template-columns: auto; 
    background-color:#845b47;
    left: 130px; 
    margin-top: 10px; 
    border-radius: 10px; 
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.13);
}
#header div.left li:nth-child(2):hover ul:after { 
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: #845b47 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -10px;
    left: 60px;
}














/*------------------------------------*\
    Header Inner
\*------------------------------------*/

#header.inner {
    display: grid;
    grid-template-columns: 30% 40% 30%;
    align-items: flex-start;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 50;
    margin-bottom: 0px;
    padding-top: 50px;
    padding-bottom: 15px; 
}

#header a {
    color: #000;
    white-space: nowrap; 
}






/*------------------------------------*\
    Inside Hero
\*------------------------------------*/

#insidehero {
    width: 100%;
    background-color: #000; 
    margin-top: 25px; 
}
#insidehero .pt-cv-scrollable .pt-cv-carousel {
    padding-bottom: 0px !important; 
}

/*------------------------------------*\
    Content Inside
\*------------------------------------*/

#content.inner {
    display: block;
    clear: both; 
    margin-bottom: 100px; 
}

#content.inner div.inside {
    padding-top: 50px; 
    padding-bottom: 50px; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
    font-size: 18px !important;
    line-height: 24px !important;
    color: rgba(0, 0, 0, 0.75) !important;
}
#content.inner div.inside p {
    font-size: 18px !important;
    line-height: 26px !important;
    color: rgba(0, 0, 0, 0.75) !important;
}
#content.inner div.inside h1 {
    font-size: 42px;
    line-height: 42px;
    margin-top: 0px;
    margin-bottom: 25px;
    letter-spacing: 1px;
}
#content.inner div.inside div.card h1 {
    font-size: 25px;
    line-height: 25px;
    font-weight: normal;
}
#content.inner div.inside div.card h2 {
    font-size: 20px;
    line-height: 25px;
    font-weight: normal;
}
#content.inner div.inside div.card h3 {
    font-size: 20px;
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
}
#content.inner div.inside div.card p {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: normal;
    font-style: normal;
    margin-top: 9px;
}
#content.inner div.inside div.card {
    font-size: 16px !important;
    line-height: 24px !important;
    padding-top: 30px; 
    padding-bottom: 30px;
    min-height: 480px;
}
#content.inner div.inside div.card li {
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: normal;
    font-style: normal;
    margin-top: 9px;
}
#content.inner div.inside div.card ul {
    padding-left: 0px;
    padding-right: 0px;
}
#content.inner div.inside div.card canvas {
   max-height: 180px; 
   max-width: 180px;
}
#content.inner div.inside a {
    color: #000;
    text-decoration: underline; 
}
#content.inner div.inside p {
    font-size: 20px; 
    line-height: 30px; 
    color: rgba(0,0,0,0.70);
}
#content.inner div.inside h3 {
    font-size: 30px; 
    line-height: 30px; 
}
#content.inner div.inside ul {
    font-size: 18px; 
    line-height: 28px; 
    color: rgba(0,0,0,0.70);
}
#content.inner div.inside ul li {
    font-size: 18px; 
    line-height: 28px; 
    color: rgba(0,0,0,0.70);
}
#content.inner input[type="text"] {
    font-size: 24px; 
    line-height: 40px; 
    border: 1px solid rgba(0,0,0,0.15); 
    padding-left: 9px; 
    padding-right: 9px;
    padding-top: 6px; 
    padding-bottom: 6px; 
    color: rgba(0,0,0,0.70); 
    font-family: 'avenir'; 
}
#content.inner input[type="email"] {
    font-size: 24px; 
    line-height: 40px; 
    border: 1px solid rgba(0,0,0,0.15); 
    padding-left: 9px; 
    padding-right: 9px;
    padding-top: 6px; 
    padding-bottom: 6px; 
    color: rgba(0,0,0,0.70); 
    font-family: 'avenir'; 
}
#content.inner input[type="tel"] {
    font-size: 24px; 
    line-height: 40px; 
    border: 1px solid rgba(0,0,0,0.15); 
    padding-left: 9px; 
    padding-right: 9px;
    padding-top: 6px; 
    padding-bottom: 6px; 
    color: rgba(0,0,0,0.70); 
    font-family: 'avenir'; 
}
#content.inner textarea {
    font-size: 24px; 
    line-height: 40px; 
    border: 1px solid rgba(0,0,0,0.15); 
    padding-left: 9px; 
    padding-right: 9px;
    padding-top: 6px; 
    padding-bottom: 6px; 
    color: rgba(0,0,0,0.70); 
    font-family: 'avenir'; 
}
#content.inner label {
    text-transform: uppercase;
    font-size: 18px; 
    letter-spacing: 2px; 
}
#content.inner input[type="submit"] {
    background-color: #845b47;
    color: #fff;
    padding-left: 22px; 
    padding-right: 22px; 
    padding-top: 12px;
    padding-bottom: 12px; 
    letter-spacing: 2px; 
    font-size: 16px; 
    text-transform: uppercase; 
    font-weight: 700; 
    font-family: 'avenir'; 
    cursor: pointer; 
    border: none; 
    border: 1px solid #845b47; 
}
#content.inner input[type="submit"]:hover {
    background-color: #c0a793; 
    color: #ffff; 
    border: 1px solid #fff; 
}

/*------------------------------------*\
    Content : Blog
\*------------------------------------*/

#insidehero.blog {
    background-color: transparent;
    width: 100%; 
    max-width: 1200px; 
    margin-left: auto;
    margin-right: auto; 
    margin-top: 50px; 
    position: relative;
    z-index: 0; 
}
#insideblogtitle h1 {
    font-size: 70px; 
    line-height: 70px;
    text-align: center; 
    margin-top: 120px;
    margin-bottom: 30px; 
}

#content.blog div.inside {
    width: 1200px; 
    display: grid;
    grid-template-columns: 70% auto; 
    column-gap: 50px; 
    align-items: flex-start; 
    padding-top: 75px; 
    padding-bottom: 75px; 
}
#insidehero.blog h4.pt-cv-title {
    padding-top: 0px !important; 
}
#content.blog div.inside div.left {
    border-right: 1px solid rgba(0,0,0,0.15); 
    padding-right: 50px; 
    min-height: 1300px; 
}
#content.blog div.inside div.right ul {
    padding: 0px; 
    margin: 0px; 
}
#content.blog div.inside div.right ul li {
    list-style-type: none; 
}
#content.blog div.inside div.right h3 {
    font-size: 30px; 
}
div.widget_recent_entries li {
    margin-bottom: 15px; 
    border-left: #845b47 8px solid; 
    padding-left: 15px; 
}
div.widget_recent_entries li a {
    font-size: 20px; 
    line-height: 28px; 
    font-weight: bold; 
    text-decoration: none !important; 
    display: block; 
    color: #845b47 !important;
    
}
div.widget_recent_entries li a:hover {
    text-decoration: underline !important; 
}
div.widget_recent_entries li span {
    font-size: 16px;
    line-height: 16px; 
    text-transform: uppercase;
    color: rgba(0,0,0,0.25); 
    letter-spacing: 0px; 
}
div.widget_categories ul {
    background-color: #f6f6f6; 
    padding-left: 25px !important; 
    padding-right: 25px !important;  
    padding-top: 25px !important; 
    padding-bottom: 25px !important;  
}
div.widget_categories ul li {
    font-size: 18px !important; 
    padding-top: 5px;
    padding-bottom: 5px; 
}
div.widget_categories ul li a {
    font-size: 18px; 
    line-height: 24px; 
}
#content.blog div.right form.search input[type="search"] {
    border: 1px solid rgba(0,0,0,0.15); 
    font-size: 16px; 
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 16px;
    line-height: 16px; 
    float: left; 
    width: 55%; 
}
#content.blog div.right form.search button {
    background-color: #845b47; 
    color: #fff;
    text-transform: uppercase;
    border: none; 
    cursor: pointer; 
    width: 45%; 
    font-weight: 700;
    font-family: 'avenir'; 
    font-size: 20px; 
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px; 
    letter-spacing: 5px; 
}
#content.blog div.right form.search button:hover{
    background-color: #c0a793; 
}

#theblogtitle {
    padding-top: 75px; 
    margin-left: auto;
    margin-right: auto;
    width: 900px; 
    text-align: center; 
    margin-bottom: 50px; 
}
#theblogtitle h1  {
    text-align: center;
    display: block; 
    margin-bottom: 9px; 
    margin-top: 0px; 
    font-size: 70px; 
    line-height: 70px; 
}
#theblogtitle span {
    text-transform: uppercase;
    opacity: 0.5; 
    font-size: 18px; 
    letter-spacing: 2px; 
}
#insidehero.blogimg {
    width: 1200px; 
    background-color: transparent; 
    margin-left: auto;
    margin-right: auto; 
    overflow: visible; 
}
#insidehero.blogimg img {
    width: 100%;
    height: auto;
    border-radius: 30px; 
}
#content.bloginside p {
    font-size: 20px; 
    line-height: 30px; 
}
#content.blogsingle div.inside {
    display: block; 
    width: 1100px;
    margin-left: auto;
    margin-right: auto; 
}
#content.blogsingle div.inside div.left {
    border-right: none; 
}
#content.blogsingle div.inside div.left img {
    width: 100%;
    height: auto; 
}


/*------------------------------------*\
    Single
\*------------------------------------*/



/*------------------------------------*\
    Footer Inner
\*------------------------------------*/

#footer div.one input[type="submit"] {
    background-color: #845b47;
    color: #fff;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 12px;
    padding-bottom: 12px;
    letter-spacing: 2px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'avenir';
    cursor: pointer;
    border: none;
    border: 1px solid #845b47;
}


#footer.inner {
    background-color: #efefef; 
}
#footer.inner div.inside {
    padding-top: 75px; 
    padding-bottom: 0px; 
}
#footer.inner div.inside div.one input[type="email"] {
    background-color: transparent;
}
#subfooter.inner {
    background-color: #efefef;
    width: 100%; 
    margin-top: 0px; 
    border-top: none; 
}
#subfooter.inner div.inside {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
    padding-bottom: 50px;
    border-top: 1px solid rgba(0,0,0,0.15); 
    padding-top: 50px; 
    margin-top: 0px; 
}
#copyrightcover {
    width: 100%;
    background-color: #efefef; 
}

/*------------------------------------*\
    Exclusive Listings
\*------------------------------------*/

#exclusivelistings {
    margin-bottom: 250px;
    display: block;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: -350px;
    margin-bottom: -30px; 
    z-index: 10;
}

#exclusivelistings h2 {
    text-align: left;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 1px;
    margin-top: 0px;
    margin-bottom: 20px;
}
#exclusivelistings div.pt-cv-wrapper {
    /*transform: scale(1.45); */
    /*margin-left: 205px; */
    /*margin-top: 125px; */
}
#exclusivelistings div.pt-cv-wrapper a {
    color: #000; 
    margin-top: -55px; 
}
#exclusivelistings div.pt-cv-wrapper .pt-cv-custom-fields p {
    font-size: 20px; 
    line-height: 28px; 
}
#exclusivelistings div.pt-cv-wrapper img {
    border-radius: 30px; 
}
#exclusivelistings .pt-cv-scrollable .carousel-inner {
    
}
.pt-cv-wrapper .carousel-control .glyphicon {
    background-color: transparent;
    color: #000;
    border-radius: 50%;
    border: 3px solid #000;
}
.pt-cv-wrapper .glyphicon-chevron-left:before {
    top: -3px;
    position: relative;
}
.pt-cv-wrapper .glyphicon-chevron-right:before {
    top: -3px;
    position: relative;
}
.pt-cv-wrapper .carousel-control:focus, .pt-cv-wrapper .carousel-control:hover {
    background: #000 !important;
    border-radius: 50% !important;
    color: #fff !important;
}
.pt-cv-wrapper .glyphicon:hover {
    color: #fff !important; 
}

/*------------------------------------*\
    About
\*------------------------------------*/

#about {
    background-color: #845b47;
    margin-bottom: 150px;
    margin-top: 200px;
    position: relative;
    z-index: 10;
}

#about div.inside {
    display: grid;
    grid-template-columns: 35% auto;
    column-gap: 50px;
    align-items: center;
}

#about div.inside p {
    color: #fff;
    font-size: 25px;
    line-height: 36px;
}

#about div.inside p a {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 9px;
    padding-bottom: 9px;
    border-radius: 30px;
}

#about div.inside p a i {
    margin-left: 10px;
}

#about div.inside div.left img {
    position: relative;
    margin-top: -125px;
    margin-bottom: -125px;
    border-radius: 30px;
}

#about div.inside div.right img {
    margin-top: -175px;
}

/*------------------------------------*\
    Pods
\*------------------------------------*/

#pods {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#pods h2 {
    text-align: center;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

#pods ul {
    display: grid;
    grid-template-columns: repeat(4, auto);
    margin: 0px;
    padding: 0px;
    column-gap: 10px;
    margin-top: 75px;
}

#pods li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    align-items: center;
}

#pods li div.text {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    z-index: 5;
}

#pods li div.text a {
    display: block;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
    font-family: 'greycliff';
    letter-spacing: 1px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
}

#pods li div.img {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    z-index: 1;
}

#pods li div.img img {
    width: 100%;
    height: auto;
    max-height: 200px;
    border-radius: 30px;
}
#pods li:hover div.img img {
    filter: brightness(50%);
}
div.aboutbio {
    text-align: left;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
        font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.75);
}
div.aboutbio p {
        font-size: 16px !important;
    line-height: 24px !important;
    color: rgba(0, 0, 0, 0.75) !important;
}

/*------------------------------------*\
    Explore Our Communities
\*------------------------------------*/

#communities h3 {
    text-align: center;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

#communities div.communties_inside {
    display: grid;
    grid-template-columns: 47.31% auto;
    align-items: flex-start;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 75px;
}

#communities div.communties_inside div.left img {
    width: 100%;
    height: auto;
}

#communities div.communties_inside ul {
    display: grid;
    grid-template-columns: repeat(3, auto);
    margin: 0px;
    padding: 0px;
}

#communities div.communties_inside ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    align-items: center;
    overflow: hidden;
}

#communities div.communties_inside ul li div.text {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: ;
    z-index: 5;
}

#communities div.communties_inside ul li div.text p {
    display: block;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
    font-family: 'greycliff';
    letter-spacing: 1px;
    font-size: 22px;
    line-height: 28px;
    white-space: pre-wrap;
}

#communities div.communties_inside ul li div.img {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: ;
    z-index: 1;
    background-color: #845b47;
}

#communities div.communties_inside ul li div.img img {
    width: 100%;
    height: auto;
    opacity: 0.85;
}

#communities div.communties_inside ul li:hover div.img img {
    opacity: 0.25;
    transform: scale(1.25); 
    filter:blur(1px);
}
a, li, div {
	transition: all .18s cubic-bezier(0.64,0.20,0.02,0.35);
	-webkit-transition: all .18s cubic-bezier(0.64,0.20,0.02,0.35);
}
img {
	transition: all .3s cubic-bezier(0.64,0.20,0.02,0.35);
	-webkit-transition: all .3s cubic-bezier(0.64,0.20,0.02,0.35);
}
input, textarea, button, label, option, select, .button, .hndle {
	transition: all .25s cubic-bezier(0.64,0.20,0.02,0.35);
	-webkit-transition: all .25s cubic-bezier(0.64,0.20,0.02,0.35);
}



/*------------------------------------*\
    Divider
\*------------------------------------*/

#divider {
    width: 1050px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

#divider hr {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-left: none;
    border-right: none;
    border-bottom: none;
    position: relative;
    z-index: 1;
}

#divider hr.small {
    border-top: 8px solid rgba(0, 0, 0, 1);
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 5;
    margin-bottom: -12px;
}

/*------------------------------------*\
    News and Events
\*------------------------------------*/

#newsandevents {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-bottom: 200px;
}

#newsandevents h4 {
    text-align: center;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 1px;
    margin-top: 0px;
    margin-bottom: 25px;
}
#newsandevents .rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
    background-color: #fff !important;
}
#newsandevents .visibleNearbyZoom .rsGCaption {
    
    padding: 12px 0 16px;
    background: #fff !important;
    color: #000 !important;
    width: 100%;
    position: static;
    float: left;
    left: auto;
    bottom: auto;
    text-align: center;
}
#newsandevents .visibleNearbyZoom .rsGCaption span {
    font-size: 20px !important;
    line-height: 30px !important;
}
#newsandevents .visibleNearbyZoom .rsActiveSlide img {
    border-radius: 30px; 
}
#newsandevents .visibleNearbyZoom .rsSlide img {
    border-radius: 30px; 
}
#newsandevents .rsGCaption h5 {
    font-family: 'avenir bold';
    letter-spacing: 0px; 
    width: 40%; 
    margin-left: auto;
    margin-right: auto; 
    font-size: 30px; 
    line-height: 40px; 
}
.visibleNearbyZoom .rsGCaption span {
    font-size: 20px; 
    padding-top: 10px; 
    color :#000 !important; 
}

/*------------------------------------*\
    Footer
\*------------------------------------*/

#footer {
    width: 100%;
    height: auto;
    font-size: 16px; 
    line-height: 24px; 
    clear: both; 
    display: block;
}

#footer a {
    color: #000;
    font-size: 16px; 
    line-height: 24px; 
}

#footer div.inside {
    display: grid;
    grid-template-columns: repeat(4, auto);
    align-items: flex-start;
    column-gap: 73px;
}

#footer div.inside h5 {
    font-size: 40px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 30px;
}

#footer div.inside div.one input[type="email"] {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #000;
    padding-bottom: 5px;
    font-family: 'avenir';
    font-size: 20px;
    line-height: 30px;
    width: 100%; 
}

#footer div.inside div.one input[type="image"] {
    position: relative;
    top: -12px;
}

#footer div.inside h6 {
    font-size: 20px;
    font-family: 'avenir bold';
    margin-bottom: 18px;
    margin-top: 55px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

#footer div.inside div.three ul {
    display: grid;
    grid-template-columns: repeat(4, auto);
    margin: 0px;
    padding: 0px;
    justify-content: flex-start;
    column-gap: 20px;
}

#footer div.inside div.three ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#footer div.inside div.three ul li a {
    font-size: 24px;
}

#footer div.inside div.four img {
    position: relative;
    margin-top: -20px;
    margin-bottom: 20px;
}

#footer div.inside div.four ul {
    margin: 0px;
    padding: 0px;
    column-count: 2;
}

#footer div.inside div.four li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-bottom: 15px;
}
#footer form label {
    display: none; 
}
#footer .gform_legacy_markup_wrapper ul li:after, #footer .gform_legacy_markup_wrapper ul li:before, #footer .gform_legacy_markup_wrapper ul.gform_fields {
    display: grid !important;
    grid-template-columns: 80% auto; 
    align-items: center; 
    
}
#footer .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding: 0px !important;
    margin: 0px !important; 
}


/*------------------------------------*\
    Subfooter
\*------------------------------------*/

#subfooter {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 50px;
    margin-top: 50px;
    font-size: 16px; 
    line-height: 24px; 
}

#subfooter ul {
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: flex-start;
    padding: 0px;
    margin: 0px;
    column-gap: 25px;
    padding-bottom: 5px;
}

#subfooter li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#subfooter h6 {
    font-size: 30px;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    opacity: 0.5;
}

#subfooter img.logos {
    margin-top: 25px;
    opacity: 0.5;
    display: block; 
}

#subfooter p {
    opacity: 0.5;
}


/*------------------------------------*\
    Copyright
\*------------------------------------*/

#copyright {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 70% 30%;
    align-items: flex-start;
    padding-top: 25px;
    opacity: 0.5;
    font-size: 14px; 
}

#copyright div.right {
    text-align: right;
}

#copyright a {
    color: #000;
}


table {
    width: 100%; 
}
caption {
    margin-bottom: 50px; 
    margin
}

/*------------------------------------*\
    Properties
\*------------------------------------*/

#slider2 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; 
    margin-top: 50px; 
    margin-bottom: 50px; 
}
#slider2 ul {
    margin: 0px;
    padding: 0px; 
}
#slider2 li {
    list-style-type: none; 
    margin: 0px;
    padding: 0px; 
}

#slider2 ul li img {
    width: 100%;
    height: auto; 
}
#slider2 ol {
    display: grid;
    grid-template-columns: repeat(13,auto);
    align-items: center; 
    padding: 0px;
    margin: 0px; 
    column-gap: 10px; 
    grid-row-gap: 10px; 
    width: 1300px; 
    margin-left: auto;
    margin-right: auto; 
    margin-top: 20px; 
}
#slider2 ol li img {
    width: 100%; 
    height: 50px;
    opacity: 0.5; 
    cursor: pointer; 
    
}
#slider2 ol li img.flex-active {
    opacity: 1; 
}
#slider2 ul.flex-direction-nav {
    display: none; 
}
#content.propertyinside div.inside {
    width: 1200px; 
    display: grid;
    grid-template-columns: 65% auto; 
    column-gap: 50px; 
    align-items: flex-start; 
    padding-bottom: 25px; 
}
#content.propertyinside div.inside div.left h1 {
    font-size: 42px;
    line-height: 42px; 
    margin-top: 0px;
    margin-bottom: 25px; 
    letter-spacing: 1px; 
}
#content.propertyinside div.inside div.left p {
    font-size: 18px; 
    line-height:26px; 
}
#content.propertyinside div.inside div.left a {
    color: #845b47; 
}
#content.propertyinside div.inside div.left div.bread {
    font-size: 14px;
    color: #000; 
    opacity: 0.5; 
}
#content.propertyinside div.inside div.left div.bread a {
    color: #000;
    margin-right: 5px; 
    margin-left: 5px; 
}
#content.propertyinside div.inside div.left div.bread a:first-child {
    margin-left: 0px; 
}
#content.propertyinside div.inside div.left div.dataview {
    background-color: #efefef; 
    border-radius: 10px; 
    padding-left: 30px; 
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 10px; 
    margin-top: 15px; 
    font-size:16px; 
    line-height: 24px; 
    color: #000; 
}
#content.propertyinside div.inside div.left div.dataview a {
        background-color: #845b47;
    /* text-decoration: underline; */
    font-weight: 800;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 3px;
}
#content.propertyinside div.inside div.left div.dataview h2 {
    font-size: 30px;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 0px; 
    opacity: 0.5; 
}
#content.propertyinside div.inside div.left div.dataview p {
    opacity: 0.5; 
}
#content.propertyinside div.propertycta {
    padding-top: 50px; 
    padding-bottom: 100px; 
    text-align: center; 
}
#content.propertyinside div.propertycta div.propertyclear {
    
}
#content.propertyinside div.propertycta div.propertyclear a {
    background-color: #845b47; 
    display: inline-block;
    color: #fff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 9px;
    padding-bottom: 9px;
    border-radius: 10px;
    color: #fff; 
    font-size: 22px; 
    line-height: 34px; 
    clear: both; 
    margin-bottom: 20px; 
}

#content.propertyinside div.propertyright ul {
    display: grid;
    grid-template-columns: repeat(3,1fr); 
    grid-row-gap: 10px; 
    align-items: flex-start; 
    padding: 0px;
    margin: 0px; 
    column-gap: 15px; 
}
#content.propertyinside div.propertyright h3 {
    line-height: 120%;
}
#content.propertyinside div.propertyright ul li {
    list-style-type: none; 
    margin: 0px;
    padding: 0px; 
    text-align: center; 
    line-height: 22px;
}
#content.propertyinside div.propertyright ul li div.imgcontainer {
    width: 115px;
    height: 115px; 
    overflow: hidden;
    border-radius: 10px; 
    margin-bottom: 5px; 
}
#content.propertyinside div.propertyright ul li img {
    width: 100%; 
    height: auto; 
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translate(-50%);
    object-fit: cover;
    object-position: center; 
    margin-left: auto;
    margin-right: auto; 
    border-radius: 15px;
}
#content.propertyinside div.propertyright ul li a {
    color: #000; 
    font-family: 'greycliff';
    font-size: 16px; 
    line-height: 18px; 
}
#content.propertyinside div.propertyright ul li a:hover img {
    filter: invert(100%);
}
#content.propertyinside div.propertyright ul li:first-child {
   /*grid-column: 1 / span 3;*/
}
#content.propertyinside div.propertyright ul li:first-child2 img {
    width: 100%; 
    height: auto; 
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translate(-50%);
    object-fit: cover;
    object-position: center; 
    margin-left: auto;
    margin-right: auto; 
   /* top: -30%; */
}
#slider2 div.flex-viewport {
    height: 675px; 
    overflow-y: hidden; 
}



/*------------------------------------*\
    FAQ
\*------------------------------------*/

.su-spoiler-title {
    font-size: 30px !important;
    line-height: 30px !important; 
    font-family: greycliff; 
    font-weight: 400 !important; 
}
.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f067';
    font-size: 20px !important;
    line-height: 30px !important;
    font-family: 'Font Awesome 6 pro' !important;
}
.su-spoiler-style-default>.su-spoiler-title {
    padding-left: 40px !important; 
    padding-right: 0; 
}

/*------------------------------------*\
    Slider for Maps & Communities
\*------------------------------------*/

#insidehero.maps {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    align-items: center; 
    max-height: 480px; 
    overflow: hidden; 
}
#insidehero.maps div.text {
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 5; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
}
#insidehero.maps div.text h1 {
    font-size: 80px; 
    line-height: 80px; 
    text-align: center; 
    color: #fff; 
    text-transform: uppercase;
    font-family: greycliff; 
    letter-spacing: 2px; 
}
#insidehero.maps div.img {
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 1; 
    background-color: #845b47; 
    overflow-x: hidden;
}
#insidehero.maps div.img .pt-cv-scrollable {
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translate(-50%);
    object-fit: cover;
    object-position: center; 
    min-width: 1920px; 
    opacity: 0.5; 
    mix-blend-mode: luminosity;
}
#insidehero.maps div.img .pt-cv-scrollable {
    margin-top: 0px !important;
    margin-bottom: 0px !important; 
}

/*------------------------------------*\
    Maps & Communities
\*------------------------------------*/

#content.mapsmain div.inside {
    padding-top: 100px;
    padding-bottom: 100px; 
}
#content.mapsmain div.inside div.introtext {
    text-align: center; 
    font-family: greycliff; 
    font-size: 30px;
    line-height: 40px; 
    width: 75%;
    margin-left: auto;
    margin-right: auto; 
    color: rgba(0,0,0,0.65); 
    text-transform: uppercase; 
    letter-spacing: 2px; 
}
#content.mapsmain div.inside div.introtext strong {
    display: block;
    clear: both; 
    font-family: serathine; 
    font-weight: 400; 
    text-transform: lowercase; 
    font-size: 120px;
    line-height: 160px;
    color: #845b47; 
    letter-spacing: 1px; 
}
#content.mapsmain div.inside ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    align-items: flex-start; 
    padding: 0px;
    margin: 0px; 
    column-gap: 40px;
    grid-row-gap: 25px; 
    margin-top: 50px; 
}
#content.mapsmain div.inside li {
    list-style-type: none; 
    margin: 0px;
    padding: 0px; 
    text-align: center; 
}
#content.mapsmain div.inside li div.imgcontainer {
    width: 100%;
    height: auto; 
    overflow: hidden;
    
}
#content.mapsmain div.inside li img {
    width: 100%;
    height: auto; 
    display: block;
    margin-bottom: 15px; 
    filter: brightness(0.75); 
    border-radius: 8px; 
    
}
#content.mapsmain div.inside li div.imgcontainer:hover  {
    filter: brightness(1); 
    transform: scale(1.15); 
    border-radius: 8px; 
}
#content.mapsmain div.inside li a {
    text-decoration: none; 
}
#content.mapsmain div.inside li p {
    letter-spacing: 0px; 
    text-transform: capitalize;
    font-size: 18px;
    line-height: 18px; 
    font-weight: normal; 
    margin-top: 0px; 
    margin-bottom: 0px; 
}
#content.mapsmain div.inside li strong {
    font-weight: 400; 
}
#content.mapsmain div.cta {
    text-align: center; 
    padding-top: 50px; 
    padding-bottom: 50px; 
}
#content.mapsmain div.cta a {
    display: inline-block;
    background-color: #845b47;
    color: #fff;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 20px;
    text-decoration: none; 
    font-size: 30px; 
}
#content.mapsmain div.cta a i {
    padding-left: 10px; 
}
#content.mapsmain div.extranote {
    background-color: #ebebeb; 
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px; 
}

/*------------------------------------*\
    Testimonials
\*------------------------------------*/

#insidehero.testimonials {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    align-items: center; 
    max-height: 370px; 
    overflow: hidden; 
}
#insidehero.expanded {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    align-items: center; 
    max-height: 480px; 
    overflow: hidden; 
}
#insidehero.testimonials div.text {
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 5; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
}
#insidehero.testimonials div.text h1 {
    font-size: 80px; 
    line-height: 80px; 
    text-align: center; 
    color: #fff; 
    text-transform: uppercase;
    font-family: greycliff; 
    letter-spacing: 2px; 
}
#insidehero.testimonials div.img {
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 1; 
    background-color: #845b47; 
    overflow-x: hidden;
    display: block; 
}
#insidehero.testimonials div.img img {
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translate(-50%);
    object-fit: cover;
    object-position: center; 
    min-width: 1920px; 
    opacity: 0.5; 
    mix-blend-mode: luminosity;
}
#content.testimonials div.inside ul {
    display: grid;
    grid-template-columns: repeat(3,1fr); 
    column-gap: 50px; 
    grid-row-gap: 0px; 
    padding: 0px;
    margin: 0px; 
}
#content.testimonials div.inside li {
    list-style-type: none; 
    margin: 0px;
    padding: 0px;
    text-align: center; 
}
#content.testimonials div.inside li i {
    font-size: 50px; 
    display: block;
    margin-bottom: 30px; 
    color: #845b47; 
    position: relative;
    bottom: -50px; 
    z-index: 5; 
}
#content.testimonials div.inside li blockquote {
     clip-path: 
    polygon(0 100%,0 0,100% 0,100% 100%,
     min(100%,var(--p) + var(--b)/2) 100%,
     var(--p) calc(100% + var(--h)),
     max(0%  ,var(--p) - var(--b)/2) 100%);
    border-image: fill 0//var(--h)
    conic-gradient(var(--c,#f6f6f6) 0 0);
      /* triangle dimension */
  --b: 2em; /* base */
  --h: 1em; /* height*/
  
  --p: 50%;
    background-color: #845b47; 
    color: #fff; 
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px; 
    margin-bottom: 30px; 
        margin-left: 0px;
    margin-right: 0px;
}

#content.testimonials div.inside li blockquote p {
    color: #845b47; 
    margin-top: 10px;
    margin-bottom: 10px; 
    font-size: 20px; 
    line-height: 30px; 
}
#content.testimonials div.inside li strong {
    opacity: 0.75; 
    font-size: 18px; 
    line-height: 18px; 
    text-transform: uppercase;
    letter-spacing: 3px; 
}
#content.testimonials div.inside li em {
    font-style: normal;
    font-size: 12px; 
    line-height: 12px; 
    text-transform: uppercase;
    letter-spacing: 3px; 
    opacity: 0.75; 
    position: relative; 
    top: -10px; 
}

/*------------------------------------*\
    About
\*------------------------------------*/

#insidehero.about {
    display: block;
    width: 1000px; 
    height: 667px; 
    margin-left:auto;
    margin-right: auto;
}
#insidehero.about div.text {
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 5; 
    width: 1200px;
    margin-left: auto;
    margin-right: auto; 
    text-align: left; 
    display: grid;
    grid-template-columns: auto 600px;
    align-items: flex-end; 
    column-gap: 50px; 
}
#insidehero.about div.text div.right {
    position: relative;
    margin-bottom: -150px; 
}
#insidehero.about div.text div.right iframe {
    width: 100%;
    box-shadow: 0px 0px 36px -11px rgba(0,0,0,0.05);
    border-radius: 10px;
    height: 343px; 
    
}
#content.about24 div.herotext h1 p {
        font-size: 30px;
    line-height: 80px;
    color: #000;
    text-transform: uppercase;
    font-family: greycliff;
    letter-spacing: 1px;
    position: relative;
    text-align: center;
    margin-top: -220px;
}
#content.about24 div.herotext h1 p strong {
    display: block;
    clear: both;
    color: #845b47;
    margin-top: 0px;
    font-size: 200px;
    line-height: 200px;
    font-weight: 400;
    font-family: serathine;
    text-transform: lowercase;
    margin-top: 23px;
    white-space: nowrap;
}
#insidehero.about div.img {
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 1; 
    background-color: #845b47; 
    overflow: hidden;
    display: block; 
    max-height: 450px; 
}
#insidehero.about div.img img {
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translate(-50%);
    object-fit: cover;
    object-position: center; 
    min-width: 1920px; 
    opacity: 1; 
}
#content.about24 div.inside {
    min-height: 600px; 
    padding-top: 225px; 
}
#content.about24 div.inside blockquote {
    text-align: center; 
    width: 75%; 
    margin-left: auto;
    margin-right: auto; 
}
#content.about24 div.inside blockquote p {
    font-size: 30px; 
    line-height: 40px;
}

#content.about24 div.inside ul.team {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    align-items: flex-start; 
    column-gap: 50px; 
    margin: 0px;
    padding: 0px; 
    margin-top: 50px; 
}

#content.about24 div.inside ul.team li img {
    width: 100%;
    height: auto; 
    display: block;
    border-radius: 30px; 
}
#content.about24 div.inside ul.team li {
    list-style-type: none; 
    margin: 0px;
    padding: 0px; 
    text-align: center; 
} 
#content.about24 div.inside ul.team li img {
    width: 100%;
    height: auto; 
    display: block;
    border-radius: 30px; 
}
#content.about24 div.inside ul.team li a  {
    text-decoration: none !important; 
}
#content.about24 div.inside ul.team li a:hover img {
    transform: scale(1.2); 
    border-radius: 30px; 
    filter: brightness(1.15);
}
#content.about24 div.inside ul.team li strong {
    display: block;
    font-size: 30px;
    line-height: 30px; 
    text-decoration: none; 
    text-transform: uppercase;
    letter-spacing: 1px; 
}
#content.about24 div.inside ul.team li div.img {
    display: block; 
    overflow: hidden; 
    height: auto; 
    margin-bottom: 30px; 
    border-radius: 30px; 
    border: 1px solid #e7ddd2;
}
#content.about24 div.inside ul.team li p {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 16px; 
    line-height: 24px; 
}
#content.about24 div.inside h2 {
    text-transform: uppercase;
    letter-spacing: 1px; 
    font-size: 40px; 
    text-align: center; 
}
#content.about24 div.inside h3 {
    text-transform: uppercase;
    letter-spacing: 1px; 
    font-size: 40px; 
    text-align: center; 
}
#content.about24 div.inside hr.divider {
    border-top: 6px solid #e7ddd2; 
    border-left: none; 
    border-right: none; 
    border-bottom: none; 
    width: 100px;
    margin-top: 50px;
    margin-bottom: 50px; 
}


#content.about24 div.inside ul.extended  {
    grid-template-columns: repeat(2, 1fr); 
    width: 70%;
    margin-left: auto !important;
    margin-right: auto !important; 
    align-items: flex-start; 
    column-gap: 50px; 
    margin: 0px;
    padding: 0px; 
    margin-top: 50px; 
}
#content.about24 div.inside ul.extended li img {
    width: 100%;
    height: auto; 
    display: block;
    border-radius: 30px; 
}
#content.about24 div.inside ul.extended li {
    list-style-type: none; 
    margin: 0px;
    padding: 0px; 
    text-align: center; 
}


#content.about24 div.inside ul.extended li a  {
    text-decoration: none !important; 
}
#content.about24 div.inside ul.extended li a:hover img {
    transform: scale(1.2); 
    border-radius: 30px; 
    filter: brightness(1.15);
}
#content.about24 div.inside ul.extended li strong {
    display: block;
    font-size: 30px;
    line-height: 30px; 
    text-decoration: none; 
    text-transform: uppercase;
    letter-spacing: 1px; 
}
#content.about24 div.inside ul.extended li div.img {
    display: block; 
    overflow: hidden; 
    height: auto; 
    margin-bottom: 30px; 
    border-radius: 30px; 
    border: 1px solid #e7ddd2;
}
#content.about24 div.inside ul.extended li p {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 16px; 
    line-height: 24px; 
}
#content.about24 div.inside div.video {
    text-align: center; 
}
#content.about24 div.inside div.video iframe {
    width: 900px; 
    height: 506px; 
    border-radius: 30px; 
}

/*------------------------------------*\
    Property Main
\*------------------------------------*/

#content.propertymain div.inside h1 {
    text-align: center;
    color: #000;
    font-size: 120px !important;
    line-height: 10px;
    font-weight: 400;
    font-family: serathine;
    text-transform: capitalize;
    line-height: 120px;
    margin-top: 30px;
}
#content.propertymain div.inside h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    margin-top: 0px;
    position: relative;
    margin-top: 0px;
    letter-spacing: 6px;
}








/*------------------------------------*\
    SU Button
\*------------------------------------*/

.su-button {
    display: inline-block !important;
    text-decoration: none !important;
    box-sizing: content-box !important;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 9px;
    padding-bottom: 9px;
    vertical-align: top;
    min-height: 100px;
    max-height: 100px;
    float: none !important;
    width: 200px !important;
    height: 100px !important;
    margin-right: 15px !important;
    clear: none !important;
    border-radius: 10px !important; 
}
.su-button-style-default {
    background-color: #845b47 !important;
    border: none !important;
    font-weight: 700 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    
}
.su-button-style-default span i {
    display: block !important;
    font-size: 36px !important;
    margin-bottom: 2px !important;
    text-align: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 15px !important;
}
.su-button-style-default span {
    border-color: #002349 !important;
    font-size: 16px !important;
    border-radius: 0px !important;
    text-align: center !important;
    border: none !important;
    line-height: 18px !important;
    font-family: 'avenir'; 
    font-weight: normal; 
}

/*------------------------------------*\
    2024 About Bio
\*------------------------------------*/

#content.aboutbio div.inside {
    
}
#content.aboutbio div.inside p {
    opacity: 0.95; 
}
#content.aboutbio div.inside li {
    opacity: 0.95; 
}
#content.aboutbio div.inside img.alignright {
    margin-left: 35px;
    margin-bottom: 35px;
    border-radius: 30px; 
}
#content.aboutbio div.inside div.thecontent p:nth-child(1) {
    font-size: 26px; 
    line-height: 38px; 
    font-weight: bold; 
}
#content.aboutbio div.inside blockquote {
    border-left: 12px solid #efefef;
    padding-left: 30px;
    margin-left: 0px;
    font-family: 'georgia';
    font-style: italic;
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    
}
#content.aboutbio div.inside blockquote p {
    margin-top: 22px !important; 
    margin-bottom: 28px !important; 
    width: 75%;
    font-size: 22px !important; 
    line-height: 32px !important; 
    font-weight: normal !important; 
}
#content.aboutbio div.inside h1 {
    text-align: center; 
    font-family: 'serathine';
    font-size: 120px; 
    line-height: 120px; 
    color: #845b47;
    letter-spacing: 1px; 
    margin-bottom: 0px; 
    margin-top: 20px; 
}
#content.aboutbio div.inside div.dataview ul {
    display: grid;
    grid-template-columns: repeat(2,auto);
    margin-left: auto;
    margin-right: auto;
    width: auto; 
    justify-content: space-evenly; 
    width: 30%; 
    padding: 0px; 
    margin-bottom: 50px; 
    background-color: #f6f6f6; 
    padding-top: 6px;
    padding-bottom: 6px; 
}
#content.aboutbio div.inside div.dataview li {
    list-style-type: none; 
    padding: 0px;
    margin: 0px; 
    font-size: 14px; 
}
#content.aboutbio div.inside div.dataview li:first-child:before {
    content: '\f0e0';
    font-family: 'Font Awesome 6 Pro'; 
    margin-right: 10px; 
}
#content.aboutbio div.inside div.dataview li:last-child:before {
    content: '\f095';
    font-family: 'Font Awesome 6 Pro'; 
    margin-right: 10px; 
}
#content.aboutbio div.inside p.position strong {
    display: block;
    text-transform: uppercase;
    letter-spacing: 10px; 
    font-size: 16px; 
    text-align: center; 
    font-size: 20px; 
    line-height: 30px; 
}
#content.aboutbio div.inside h2 {
    letter-spacing: 2px; 
    font-weight: 'avenir bold'; 
    font-weight: 700; 
    color: #845b47;
    line-height: normal;
}
#content.aboutbio div.inside h3 {
    letter-spacing: 2px; 
    font-weight: 'avenir bold'; 
    font-weight: 700;
    color: #845b47;
    line-height: normal;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

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

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

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

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

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

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-webkit-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky {}

.bypostauthor {}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " ("attr(href) ")";
    }

    abbr[title]:after {
        content: " ("attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

#footer p.gform_required_legend {
    display: none;
}
#footer div.gfield--type-email {
    width: 250px;
}

/*------------------------------------*\
    Mobile
\*------------------------------------*/

@media all and (max-width: 999px) {
    body, html {
        min-width: 100%;
        overflow-x: hidden;
        width: 100%;
        max-width: 100%;
    }
    #subfooter.inner div.inside {
        width: 95%;
        margin-left: auto;
        margin-right: auto; 
        border-top: none;
    }
    #footer.inner div.inside {
        width: 95%;
        margin-left: auto;
        margin-right: auto;  
        padding-top: 25px; 
        padding-bottom: 5px; 
        min-height: 10px; 
    }
    #footer div.inside {
        display: block; 
    }
    #footer div.inside div.four {
        display: none; 
    }
    #footer div.inside div.three {
        display: none; 
    }
    #footer div.inside div.two {
        display: none; 
    }
    #subfooter {
        padding-top: 0px; 
    }
    #footer div.inside div.one input[type="image"] {
        top: 0px;
        margin-bottom: -10px; 
    }
    #content.inner div.inside {
        padding-top: 25px; 
        padding-bottom: 25px; 
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #content.inner {
        margin-bottom: 0px; 
    }
    #header.inner {
        display: block; 
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #header {
        grid-template-columns: auto; 
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #header div.left {
        display: none; 
    }
    #header div.right ul li:first-child {
        display: none; 
    }
    #header div.right ul li:nth-child(2) {
        display: none;
    }
    #header div.right {
        float: right; 
        position: relative;
        top: -43px; 
        z-index: 99999999; 
    }
    #logo {
        width: 85%;
        margin-left: 0px; 
        margin-right: auto; 
        margin-left: 0px; 
    }
    #logo img {
        width: 100%; 
    }
    #insidehero.maps div.text {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #insidehero.maps {
        height: 200px; 
        align-items: center;
    }
    #insidehero.maps div.text h1 {
        font-size: 40px ;
        line-height: 40px;
        margin: 0px;  
    }
    #insidehero.expanded {
        height: 200px; 
        align-items: center;
    }
    #insidehero.expanded div.text {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #insidehero.expanded div.text h1 {
        font-size: 60px ;
        line-height: 60px;
        margin: 0px;  
    }
    
    
    #insidehero.testimonials {
        height: 200px; 
        align-items: center;
    }
    #insidehero.testimonials div.text {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #insidehero.testimonials div.text h1 {
        font-size: 50px ;
        line-height: 50px;
        margin: 0px; 
    }
    #content.testimonials div.inside ul {
        display: block; 
    }
    #content.mapsmain div.inside div.introtext strong {
        font-size: 60px; 
        line-height: 40px; 
        margin-top: 40px; 
    }
    #content.mapsmain div.inside ul {
        grid-template-columns: repeat(2,auto); 
    }
    #content.mapsmain div.inside li img {
        max-height: 100px; 
    }
    #content.blog div.inside {
        grid-template-columns: auto;
    }
    #content.blog div.inside div.right {
        display: none; 
    }
    #content.blog div.inside div.left {
        border-right: none; 
        padding-right: 0px;
        min-height: auto; 
    }
    #theblogtitle {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #theblogtitle h1 {
        font-size: 50px; 
        line-height: 50px; 
    }
    #theblogtitle span {
        font-size: 16px; 
    }
    #insidehero.blogimg {
        width: 90%;
        height: auto; 
    }
    #content.blog div.inside div.left img {
        max-width: 100%;
        height: auto; 
    }
    #content.propertymain div.inside h1 {
        font-size: 60px !important;
        line-height: 60px;
    }
    #content.propertyinside div.inside {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
        grid-template-columns: auto; 
    }
    #slider2 {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #slider2 div.flex-viewport {
        height: 250px; 
    }
    #content.propertyinside div.propertycta {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    div.aboutbio {
        width: 100%; 
    }
    #content.about24 div.inside div.video iframe {
        width: 100%;
        height: 220px; 
    }
    #content.about24 div.inside ul.extended {
        width: 100%;
        grid-template-columns: auto; 
    }
    #content.about24 div.inside ul.team {
        width: 100%;
        grid-template-columns: auto; 
    }
    #content.about24 div.herotext h1 p strong {
        font-size: 90px; 
        line-height: 90px; 
        display: block;
        text-align: center; 
    }
    #insidehero.about {
        width: 100%;
        height: 400px; 
    }
    #insidehero.about img {
        width: 145%; 
        position: relative;
        display: inline-block;
        left: 50%;
        transform: translate(-50%);
        object-fit: cover;
        object-position: center; 
    }
    #content.about24 div.herotext h1 p {
        margin-top: 0px; 
    }
    #content.aboutbio div.inside h1 {
        font-size: 70px;
        line-height: 70px;
    }
    #content.aboutbio div.inside p.position strong {
        font-size: 16px; 
        line-height: 20px; 
    }
    #content.aboutbio div.inside div.dataview ul {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #content.aboutbio div.inside img.alignright {
        float: none; 
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 15px; 
        margin-bottom: 25px; 
    }
    #content.aboutbio div.inside blockquote p {
        width: 100%; 
    }
    #exclusivelistings {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
        margin-top: -400px; 
    }
    #hero {
        width: 100%;
        margin-left: auto;
        margin-right: auto; 
    }
    #hero div.text h1  {
        font-size: 80px;
        line-height: 135px;
    }
    #hero {
        grid-template-rows: 100%; 
    }
    #hero div.text h1 strong {
        font-size: 50px;
        line-height: 50px;
    }
    #exclusivelistings h2 {
        position: relative;
        top: -30px; 
    }
    #about div.inside {
        grid-template-columns: 100%; 
    }
    div.inside {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #about {
        margin-bottom: 0px; 
    }
    #about div.inside div.left img {
        width: 100%;
        height: auto; 
        margin-bottom: 30px; 
    }
    #about div.inside div.right img {
        margin-top: 0px; 
        width: auto;
        max-width: 100%;
    }
    #about div.inside p {
        font-size: 18px; 
        line-height: 24px; 
    }
    #about div.inside p a {
        margin-bottom: 25px; 
    }
    #pods {
        width: 90%; 
    }
    #pods ul {
        grid-template-columns: 100%;
    }
    #pods li {
        margin-bottom: 20px; 
    }
    #pods h2 {
        width: 90%; 
        font-size: 40px; 
        line-height: 40px; 
    }
    #communities h3 {
        width: 90%; 
        font-size: 40px; 
        line-height: 40px; 
    }
    #communities div.communties_inside {
        width: 90%; 
        grid-template-columns: auto; 
    }
    #communities div.communties_inside div.left img {
        width: 90%;
        
    }
    #communities div.communties_inside {
        margin-top: 0px; 
    }
    #communities div.communties_inside ul {
        grid-template-columns: repeat(2, auto);
    }
    #newsandevents {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
        display: none;
    }
    #newsandevents h4 {
        font-size: 40px; 
        line-height: 40px; 
    }
    #subfooter {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
        padding-top: 25px; 
    }
    #copyright {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        grid-template-columns: auto; 
    }
    #copyright div {
        text-align: center;
        font-size: 16px;
        line-height: 22px;
    }
    #copyright div.right {
        text-align: center;
    }
    #newsandevents {
        
    }
    #insidehero {
        background-color: #fff;
        margin-top: 0px;
    }
    #subfooter img.logos {
        max-width: 100%;
    }
    #footer {
        display: none;
    }
    #content.mapsmain div.cta a {
        font-size: 18px;
    }
}