@font-face {
    font-family: 'Basis Grotesque Pro';
    src: url('fonts/BasisGrotesquePro-Medium.woff2') format('woff2'),
        url('fonts/BasisGrotesquePro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basis Grotesque Pro Off White';
    src: url('fonts/BasisGrotesquePro-OffWhite.woff2') format('woff2'),
        url('fonts/BasisGrotesquePro-OffWhite.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basis Grotesque Pro';
    src: url('fonts/BasisGrotesquePro-Regular.woff2') format('woff2'),
        url('fonts/BasisGrotesquePro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'basis_grotesque_probold';
    src: url('fonts/basis_grotesque_bold-webfont.woff2') format('woff2'),
         url('fonts/basis_grotesque_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'basis_grotesque_promedium';
    src: url('fonts/basis_grotesque_medium-webfont.woff2') format('woff2'),
         url('fonts/basis_grotesque_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Gestura Text';
    src: url('fonts/GesturaTextLight.woff2') format('woff2'),
        url('fonts/GesturaTextLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gestura Text';
    src: url('fonts/GesturaTextThin.woff2') format('woff2'),
        url('fonts/GesturaTextThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gestura Text';
    src: url('fonts/GesturaTextExtralight.woff2') format('woff2'),
        url('fonts/GesturaTextExtralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

.covertagent-acc-dropdown {
  display: inline-block !important;
}

.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 0.0625rem;
  height: 0.0625rem;
  overflow: hidden;
}

.covertagent-acc-dropdown .dropdown-toggler, .covertagent-acc-dropdown .dropdown-top {
  background: #000000 !important;
}

#filter_neighborhoods, .caFilters select, .covertagent-acc-dropdown .dropdown-toggler, .acc-options-grid .acc-option {
  cursor: pointer;
}

#filter_neighborhoods, #filter_status {
  background-color: #fff;
  font-family: 'Basis Grotesque Pro Off White';
  cursor: pointer;
  background-image: url(../../web-rare/img/regions.png);
  background-repeat: no-repeat;
}
#filter_status {
  background-color: #fff;
  font-family: 'Basis Grotesque Pro Off White';
  cursor: pointer;
  background-image: url(../../web-rare/img/status.png);
  background-repeat: no-repeat;
}


.caByNeighborhood .caFilters label {opacity:0;}


video{
  width: 100%;
  height: auto;
}

.caVideoContainer {
    position: relative;
    max-width: 65rem;
    margin: auto;
}

.caVidIcon{
    background-image: url(../img/playIcon.svg);
    background-repeat: no-repeat;
    width: 5rem;
    height: 5rem;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    margin: auto;
    background-position: center;
    background-size: 100%;
    cursor: pointer;
}

.caVidIcon{
  opacity: 1;
  transition: opacity 400ms;
}

.caVidIcon[hidden] {
  opacity: 0;
  display: block;
}

.caIntroAnimation{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: #FFF;
  animation-name: bg;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
@keyframes bg {
  from {background-color: #FFF !important;}
  to{background-color: #E7E0D3;}
}
header[data-scroll="in"] {
  background-color: #FFF;
}
iframe{
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
}
html,
*,
a,
input{
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Basis Grotesque Pro';
  font-weight: 400;
  line-height: 1.3;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Gestura Text';
}
.caClearfix::after{
  content: "";
  clear: both;
  display: table;
}
html{
  font-size: 14px;
}
/*** The new CSS Reset - version 1.4.5 (last updated 13.1.2022) ***/

/*
  Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
  - The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}
*{
	scroll-behavior: smooth;
}
/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Reapply the pointer cursor for anchor tags */
a {
  cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol, ul, menu {
  list-style: none;
}

/* For images to not be able to exceed their container */
img {
  max-width: 100%;
  display: block;
  width: 100%;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]){
  display:none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly. */
:where([contenteditable]){
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
  -webkit-user-drag: element;
}

input[type="checkbox"],
input[type="radio"] {
  all: revert;
}

 input,
 textarea,
 select {
  all: revert;
 }
[data-splitting] .char{
  opacity: 0;
}

.caShortDescription,
.caAboutUs,
.caWhatWeDo .caImages,
.caRare,
.caAbout{
  overflow: hidden;
  width: 100%;
}

/*
Text Animation
======================*/
.splitting .word{
  overflow: hidden;
}
.splitting[data-scroll=in] .char{
  will-change: transform !important;
  opacity: 1;
  -webkit-animation: font-transition 1.7s cubic-bezier(0.8, 0, 0.2, 1) both;
  -webkit-animation-delay: calc(15ms * var(--char-index));

  -moz-animation: font-transition 1.7s cubic-bezier(0.8, 0, 0.2, 1) both;
  -moz-animation-delay: calc(15ms * var(--char-index));

  -ms-animation: font-transition 1.7s cubic-bezier(0.8, 0, 0.2, 1) both;
  -ms-animation-delay: calc(15ms * var(--char-index));

  animation: font-transition 1.7s cubic-bezier(0.8, 0, 0.2, 1) both;
  animation-delay: calc(15ms * var(--char-index));
}

@-webkit-keyframes font-transition {
  from {
    -webkit-transform: rotate(35deg) translateY(110%);
    
  }
}
@-moz-keyframes font-transition {
  from {
    -moz-transform: rotate(35deg) translateY(110%);
    
  }
}
@-ms-keyframes font-transition {
  from {
    -ms-transform: rotate(35deg) translateY(110%);
    
  }
}
@keyframes font-transition {
  from {
    transform: rotate(35deg) translateY(110%);
    
  }
}
/*======================*/
.caFade{
  opacity: 0;
  will-change: transform !important;
  transition: 1.5s ease all;
}
.caFade[data-scroll="in"]{
  opacity: 1;
}
.caScale{
  opacity: 0;
  will-change: transform !important;
  transition: 1.5s ease all;
  -webkit-transform: translateY(2rem);
  -moz-transform: translateY(2rem);
  -ms-transform: translateY(2rem);
  transform: translateY(2rem);
}
.caScale[data-scroll="in"]{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.caFxLeft[data-scroll="in"]{
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.caFxLeft{
  transition: .8s ease all;
  -webkit-transform: translateX(-3rem);
  -moz-transform: translateX(-3rem);
  -ms-transform: translateX(-3rem);
  transform: translateX(-3rem);
  opacity: 0;
}
.caFxRight[data-scroll="in"]{
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.caFxRight{
  transition: .8s ease all;
  -webkit-transform: translateX(3rem);
  -moz-transform: translateX(3rem);
  -ms-transform: translateX(3rem);
  transform: translateX(3rem);
  opacity: 0;
}
.caFxUp[data-scroll="in"]{
  opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.caFxUp{
    transition: 1s ease all;
    -webkit-transform: translateY(3rem);
    -moz-transform: translateY(3rem);
    -ms-transform: translateY(3rem);
    transform: translateY(3rem);
    opacity: 0;
}
.caOurClients .caCols div.caFxUp:last-child{
    transition: 1s .3s ease all;
  }



/*
Filters
======================*/
.shuffle-filter {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 2rem;
}
.shuffle-filter li {
    display: inline-block;
    padding: 0.8rem;
    cursor: pointer;
    color: #626262;
    text-transform: uppercase;
    font-size: .9rem;
    padding-bottom: 0;
    border-bottom: 2px solid #FFF;
    transition: .3s ease all;
}
.selected {
  border-bottom: 2px solid #C2765E !important;
  color: #000 !important;
}

/*======================*/
/* ul shuffle-container*/
.shuffle-container {
  margin: 0 auto;
  padding: 0;
}
.shuffle-container li span {
  padding: 30px;
  margin: 20px;
  background: #eee;
  display: inline-block;
}
.shuffle-container li{
  width: 100%;
}
.caPortfolio{
  padding-bottom: 4rem;
}
.caPortfolio h3{
    text-align: center;
    margin: 4rem 0 2rem 0;
}

button,
textarea,
input,
select{
  box-sizing: border-box;
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  box-shadow: none;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  border: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.caWrapper{
  width: 90%;
  margin: auto;
}
h1{
  font-size: 2rem;
  font-weight: 100;
  letter-spacing: -1px;
  line-height: 1.1;
}
h2{
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1.2;
}
h3{
  font-size: 1.4rem;
  font-weight: 200;
}
p{
  color: #000;
  font-size: 1.1rem;
  line-height: 1.4;
}
h5{
  font-weight: 600;
  font-size: 1.2rem;
}
h6{
  font-size: 1.2rem;
}
a.caViewAll{
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  font-size: .9rem;
  position: relative;
  overflow: hidden;
  padding-bottom: 2px;
  transition: .3s ease all;
}
a.caViewAll:hover{
  color: #C2765E;
}
a.caViewAll::after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #C2765E;
  transition: .3s ease all;
}
a.caViewAll::before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #C2765E;
  -webkit-transform: translateX(130%);
  -moz-transform: translateX(130%);
  -ms-transform: translateX(130%);
  transform: translateX(130%);
  transition: .3s ease all;
}
a.caViewAll:hover::after{
  -webkit-transform: translateX(-130%);
  -moz-transform: translateX(-130%);
  -ms-transform: translateX(-130%);
  transform: translateX(-130%);
}
a.caViewAll:hover::before{
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.caOverline {
    font-size: .9rem;
    display: block;
    text-transform: uppercase;
    margin-bottom: 1.2rem;
    letter-spacing: 1px;
}
.caBreadcrums {
    margin: 3rem 0 2rem 0;
}
.caBreadcrums li{
  display: inline-block;
  position: relative;
  padding-right: 1.5rem;
  margin-right: .5rem;
  color: #000;
  text-transform: uppercase;
}
.caBreadcrums li::after{
  content: ">";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.caBreadcrums li:last-child{
  padding-right: 0;
  cursor: default;
}
.caBreadcrums li:last-child::after{
  display: none;
}
.caBreadcrums a{
  text-transform: uppercase;
  color: #5E5E5E;
  font-size: .9rem;
  transition: .3s ease all;
}
.caBreadcrums a:hover{
  color: #C2765E;
}
.caPagination {
    display: block;
    text-align: center;
    padding: 5rem 0;
}
.caPagination li{
  display: inline-block;
}
.caPagination li a {
    transition: .3s ease all;
    color: #535353;
    display: block;
    min-width: 1.5rem;
    font-size: .9rem;
}
.caPagination li.active a,
.caPagination li a:hover{
  color: #000;
  border-bottom: 1px solid #C2765E;
}
.caPagination .disabled *,
.caPagination .disabled{
  pointer-events: none !important;
  opacity: .8;
}
.caFilters > div{
  margin-bottom: 2rem;
}
.caFilters label{
  text-transform: uppercase;
  display: block;
  font-weight: 500;
  font-size: .8rem;
  letter-spacing: .5px;
}
.caFilters label::before{
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: 50% 50%;
  background-image: url(../img/icons/arrow.svg);
}
.caFilters select{
  display: block;
  width: 100%;
  border-bottom: 1px solid #C2765E;
  font-size: .9rem;
  color: #373737;
  padding: 1.2rem 0.5rem 0.2rem;
  position: relative;
  height: 57px;
  top: -20px;
}
.caQty{
    display: block;
    color: #373737;
    text-align: right;
    margin-bottom: 1.5rem;
    font-size: 1rem;
}
.caMessage {
    margin: auto;
    width: 90%;
    max-width: 45rem;
    padding: 3rem 0 12rem 0;
}
.caMessage h3{
  font-weight: 200;
}
.flickity-button:focus {
    outline: 0;
    box-shadow: none !important;
}
.flickity-prev-next-button .flickity-button-icon:hover{
      color: #C2765E;
}
.caOurStory{
  overflow: unset;
}
body > section:first-of-type{
  padding-top: 5.5rem;
}
/********************
Header
*********************/
header {
    padding: 1.5rem 0;
    position: fixed;
    top: 0;
    z-index: 10;
    transition: .4s ease all;
    width: 100%;
    left: 0;
    height: 5.4rem;
}
header .caWrapper{
  position: relative;
}
.caLogo {
    display: block;
    width: 11rem;
}

/********************
Main
*********************/
section.caMain h1 {
  padding: 1rem 0 3rem 0;
  line-height: 1.1;
}
/*
section.caMain img{
  height: 55vh;
  object-fit: cover;
  min-height: 20rem;
}
*/
.caSlideContainer .caSlide{
  width: 100%;
}
.caMainSlider .flickity-prev-next-button {
    width: 30px;
    height: 30px;
    border-radius: 100rem;
    transform: none;
    top: -45px;
}
.flickity-prev-next-button .flickity-button-icon {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 40% !important;
    height: 40% !important;
    right: 0;
    bottom: 0;
    margin: auto;
}
.flickity-button {
    background: #CDB79C !important;
}
.flickity-prev-next-button.previous {
    left: unset !important;
    right: calc(5% + 3rem) !important;
}
.flickity-prev-next-button.next {
    right: 5% !important;
}
.caMainSlider img{
    min-height: 17rem;
    object-fit: cover;
}
.caMain{
  background-color: #F5F3EE;
}

/********************
Short description
*********************/
.caShortDescription{
  background-color: #F5F3EE;  
  padding: 3rem 0 4rem 0;
}

.caShortDescription h1{
    max-width: 19rem;
    margin-bottom: 3rem;
}
.caShortDescription img{
    width: 75%;
        position: relative;
    z-index: 5;
}
.caShortDescription img:last-of-type {
    float: right;
    margin-top: -1rem;
    z-index: 1;
    position: relative;
}
/********************
Properties carousel
*********************/
.caPropertiesSlide {
    padding-top: 3rem;
    width: 95%;
    float: right;
}
.caPropertiesSlider {
  padding: 4rem 0 5rem 0;
}
.carousel {
  background: #FFF;
}

.carousel-cell {
  width: 17rem;
  margin-right: 1rem;
}
.caProperty {
    display: block;
    overflow: hidden;
    padding-bottom: 1rem;
    transition: .3s ease all;
    box-sizing: border-box;
    position: relative;
}
.caProperty::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #b56f5b;
  opacity: 0;
  transition: .3s ease all;
}
.caProperty:hover::after{
  opacity: 1;
}
.caProperty div img{
  width: 100%;
  height: 19rem;
  object-fit: cover;
  position: relative;
  z-index: 2;
  transition: .8s ease all;
}
.caProperty div img:last-of-type{
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 0;
}
.caProperty:hover div img:first-of-type{
  opacity: 0;
}
.caProperty:hover div img:last-of-type{
  opacity: 1;
}
.caProperty small {
    font-weight: unset;
    color: #6F6F6F;
    text-transform: uppercase;
    display: block;
    font-size: .8rem;
    margin-bottom: 0.4rem;
    letter-spacing: 1px;
}
.caProperty .caTagStatus{
    background-color: #CDB79C;
    color: #000;
    display: inline-block;
    font-size: .8rem;
    text-transform: uppercase;
    padding: 1rem 1.8rem;
    line-height: 0;
    margin: 1.3rem 0 1.5rem 0;
}
.caProperty h6{
    font-size: 1.1rem;
}

/********************
Our story
*********************/
.caOurStory {
    background-color: #D1B699;
}
.caOurStory .caTitle{
  display: none;
}
.caOurStory h1 {
  margin: 2.5rem 0;
  width: 90%;
  margin-left: 5%;
}
.caOurStory p.caIntro {
  font-family: 'Gestura Text';
  color: #000;
  font-weight: 200;
  font-size: 1.25rem;
  margin-bottom: 2rem;
}
.caOurStory p {
  margin-bottom: 2rem;
  font-size: 1.1rem;
}
.caOurStory .caContent div {
  width: 70%;
  margin-left: 25%;
  margin-bottom: 4rem;
}
.caOurStory h4 {
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: 1px;
  margin: 2.5rem 0 1.1rem 0;
}
/********************
Our story
*********************/
.caAboutUs {
    padding: 4rem 0;
    background-color: #fff;
}
.caAboutUs .caContent{
    width: 90%;
    margin: auto;
    padding-top: 4rem;
}
.caAboutUs .caContent > div{
  width: 70%;
}
.caAboutUs .caContent > div.caOurPhilosophy {
    float: right;
    max-width: 25rem;
}
.caAboutUs .caContent > div.caOurTeam {
    margin-bottom: 5rem;
    max-width: 30rem;
}
.caAboutUs .caContent h3{
  margin: 2rem 0;
}
.caAboutUs .caContent p{
  font-family: 'Basis Grotesque Pro Off White';
  color: #393939;
  font-size: 1.1rem;
  width: 95%;
}
.caAboutUs .caContent > div a{
  text-transform: uppercase;
  background-color: #C2765E;
  color: #FFF;
  font-weight: 500;
  line-height: 1.1;
  display: inline-block;
  padding: 1.05rem 1.2rem 0.9rem 1.2rem;
  margin-top: 2.5rem;
  letter-spacing: 1px;
  font-size: .9rem;
  transition: .3s ease all;
}
.caAboutUs .caContent > div a:hover{
  background-color: #000;
}
/********************
Our clients
*********************/
.caOurClients h4 {
  font-family: 'Gestura Text';
  font-weight: 300;
  font-size: 1.35rem;
  margin-bottom: 1rem;
  letter-spacing: .5px;
}
.caOurClients p{
  color: #393939;
  font-family: 'Basis Grotesque Pro Off White';
  font-size: 1.1rem;
}
.caOurClients .caCols > div {
  width: 70%;
  margin: 5rem 0;
  margin-left: 25%;
  position: relative;
}
.caOurClients .caCols > div:last-of-type::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -2.5rem;
  width: 100%;
  height: 1px;
  background-color: #ACACAC;
}
.caOurClients .caCols > div:first-of-type {
  width: 100%;
  margin: 0;
  padding: 4rem 0 0 0;
}
/********************
Press and news
*********************/
.caPressNews{
  background: url(../img/press.jpg) no-repeat center center;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  position: relative;
  height: 70vh;
  min-height: 26rem;
}
.caPressNews::after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5;
}
.caPressNews .caWrapper > div{
  position: absolute;
  z-index: 1;
  left: 5%;
  bottom: 3rem;
}
.caPressNews .caWrapper a,
.caPressNews .caWrapper h3{
  color: #FFF;
}
.caPressNews .caWrapper h3{
  margin-bottom: .7rem;
}
.caPressNews a.caViewAll::before{
  background-color: #FFF;
}
/********************
Newsletter
*********************/
.caNewsletter h3 {
  text-align: center;
  max-width: 14rem;
  margin: auto;
  margin-bottom: 4rem;
}
.caNewsletter .caForm div {
  background-color: #F5F3EE;
  overflow: hidden;
  width: 90%;
  margin: auto;
}
.caNewsletter .caForm input[type="email"]{
  display: block;
  width: 100%;
  background-color: transparent;
  padding: 1rem;
  border-bottom: 1px solid #000;
  padding-bottom: 0.8rem;
  font-size: .9rem;
  letter-spacing: .5px;
}
.caNewsletter .caForm input[type="submit"]{
  text-transform: uppercase;
  font-size: .9rem;
  letter-spacing: 1px;
  float: right;
  background-color: transparent;
  padding: 0.9rem;
  cursor: pointer;
  transition: .3s ease all;
}
.caNewsletter .caForm input[type="submit"]:hover{
  background-color: #C2765E;
  color: #FFF;
}
.caNewsletter .caForm label{
  text-align: center;
  display: block;
  padding-top: 3rem;
  cursor: default;
}
.caNewsletter {
    padding: 5rem 0;
}
/********************
Banner
*********************/
.caBanner{
text-align: center;
}
.caBanner {
  background-color: #E1DACD;
}
.caBanner > div{
  padding: 5rem 0;
}
.caBanner h3 {
  margin: auto;
  margin-bottom: 2rem;
  max-width: 15rem;
  font-size: 1.6rem;
}
.caBanner a{
  font-size: .9rem;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  border: 1px solid #000;
  padding: 1rem 1.5rem;
  transition: .3s ease all;
  overflow: hidden;
  position: relative;
}
.caBanner a:hover{
  color: #fff !important;
  background-color: #000;
}
.caBanner a:hover::before{
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
/********************
Our services
*********************/
.caMainOurservices h1{
  max-width: 30rem !important;
}
.caMainOurservices h3{
  margin-bottom: 1.5rem;
}
.caMainOurservices .caSplitCols{
    box-sizing: border-box;
    padding-left: 22%;
    margin-bottom: 3rem;
  padding-bottom: 3rem;
}
.caMainOurservices .caSplitCols > div{
  margin-top: 3rem;
}
/********************
Compass Concierge
*********************/
.caCompassConcierge {
  background-color: #F5F3EE;
}

.caCompassConcierge .caBlock01 .caTitle{
  display: none;
}
.caCompassConcierge .caTitle h3{
    margin: 2.5rem 0;
    width: 90%;
    margin-left: 5%;
}
.caCompassConcierge h3{
  font-weight: 200;
}
.caCompassConcierge .caBlock02 .caContent > div,
.caCompassConcierge .caBlock04 .caContent > ol{
    width: 70%;
    margin-left: 25%;
}
.caCompassConcierge .caBlock02 .caContent > div h3{
    margin-bottom: 3.5rem;
}
.caCompassConcierge p{
    font-size: 1.1rem;
    margin-bottom: 2.5rem;
}
.caCompassConcierge ul.caSteps{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
}
.caCompassConcierge .caSteps li {
    float: left;
    width: 50%;
    display: flex;
    padding: 0.25rem 1rem;
    margin-bottom: 3rem;
    box-sizing: border-box;
    border-left: 1px solid #000;
}
.caCompassConcierge .caSteps li h1{
  margin-bottom: 4rem;
}
.caCompassConcierge .caBlock04 .caContent > ol > li {
    font-family: 'Gestura Text';
    font-weight: 300;
    font-size: 1.2rem;
    position: relative;
    margin-bottom: 1rem;
    padding-left: 1.9rem;
}
.caCompassConcierge .caBlock04 .caContent > ol > li::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 1rem;
    height: 1px;
    background-color: #000;
    top: 0.7rem;
}
.caCompassConcierge .caBlock04 .caContent > ol:last-of-type{
  padding-bottom: 3rem;
}





.caTextTransform{
  display: none;
}
#WhyUs > h3,
#ServicesIncluded > h3,
#HowWorks > h3,
#PreMarketing > h3,
#DigitalAdvertising h3,
#OpenHouses > h3{
  padding: 2.5rem 0;
  padding-left: 5%;

}

#WhyUs div,
#ServicesIncluded ol,
#PreMarketing .caParagraphCols{
  width: 70%;
  margin-left: 25%;
}
#WhyUs div h3{
  margin-bottom: 3.5rem;
}  
.caDescriptionSide .caContent div > h3{
    margin: 2.5rem 0;
}
#HowWorks div,
#DigitalAdvertising img,
#DigitalAdvertising .caParagraphCols,
#OpenHouses img,
#OpenHouses .caSplit{
  width: 90%;
  margin: auto;
}
#OpenHouses img,
#DigitalAdvertising img{
  margin-bottom: 3rem;
}
#DigitalAdvertising .caParagraphCols > div,
#OpenHouses .caSplit > div{
  float: left;
  width: 47%;
  box-sizing: border-box;
}
#OpenHouses .caSplit > div h3{
  margin-top: 0;
  margin-bottom: 1.3rem;
}
#DigitalAdvertising .caParagraphCols > div:last-of-type,
#OpenHouses .caSplit > div:last-of-type{
  float: right;
}

#ServicesIncluded ol{
  padding-bottom: 3rem;
}
#ServicesIncluded ol li{
  font-family: 'Gestura Text';
  font-weight: 300;
  font-size: 1.2rem;
  position: relative;
  margin-bottom: 1rem;
  padding-left: 1.9rem;
}
#ServicesIncluded ol li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 1rem;
  height: 1px;
  background-color: #000;
  top: 0.7rem;
}

/********************
Marketing
*********************/
.caMkt{
  overflow: hidden;
}
.caMarketing {
  background-color: #E1DACD;
}
.caMarketing .caTitle h3 {
    margin: 2.5rem 0;
    width: 90%;
    margin-left: 5%;
}
.caMarketing .caBlock02 .caContent > div{
  width: 70%;
  margin-left: 25%;
}
.caMarketing .caContent > div b{
  text-transform: uppercase;
  font-weight: 500;
  font-size: .9rem;
  display: block;
  margin-bottom: 1.3rem;
}
.caMarketing .caBlock03 .caContent .caParagraphCols > div {
  float: left;
  width: 47%;
  box-sizing: border-box;
}
.caMarketing .caBlock03 .caContent .caParagraphCols > div:last-of-type{
  float: right;
}
.caMarketing .caBlock03 .caContent .caParagraphCols{
  width:  90%;
  margin: auto;
}
.caMarketing p{
  font-size: 1.1rem;
  margin-bottom: 2.5rem;
}
.caMarketing .caBlock03 .caContent > img{
  width: 90%;
  margin: auto;
  margin-bottom: 3.5rem;
}
.caMarketing .caBlock04 .caContent > img{
  width: 90%;
  margin: auto;
  margin-bottom: 3.5rem;
}
.caMarketing .caBlock04 .caSplit > div{
  float: left;
  width: 47%;
  box-sizing: border-box;
}
.caMarketing .caBlock04 .caSplit > div h3{
  margin-bottom: 1rem;
}
.caMarketing .caBlock04 .caSplit > div:last-of-type{
  float: right;
}
.caMarketing .caBlock04 .caSplit{
  width: 90%;
  margin: auto;
}
/********************
What we do
*********************/
.caWhatWeDo {
    margin-bottom: 6rem;
}
.caWhatWeDo small {
    text-align: center;
}
.caWhatWeDo h3 {
    display: block;
    text-align: center;
    width: 90%;
    margin: auto;
    margin-bottom: 5rem;
    max-width: 35rem;
}
.caWhatWeDo .caDesc {
    padding: 3rem 0 3rem 0;
}
.caWhatWeDo img{
    width: 65%;
}
.caWhatWeDo img:last-of-type{
  float: right;
  margin-top: 5rem;
}
/********************
About
*********************/
.caAbout {
    padding-top: 2rem;
}

.caAbout h3{
  margin-bottom: 2rem;
}
.caAbout .caSplit .caOurMission,
.caAbout .caSplit .caOurValues{
  width: 90%;
  margin: auto;
  margin-bottom: 2.5rem;
}
.caAbout .caSplit .caOurValues h1{
  margin-bottom: 1rem;
}
.caAbout .caSplit:last-child{
  margin-top: 4rem;
}
.caRare {
    background-color: #F5F3EE;
    padding: 6rem 5% 3rem 5%;
}
.caRare .caSplit:last-child{
    margin-top: 5rem;
}
.caRare h3{
  margin: 3rem 0 1.5rem 0;
}
.caRare img{
    width: 80%;
}
.caRare .caCallTo {
  text-transform: uppercase;
  background-color: #C2765E;
  color: #FFF;
  font-weight: 500;
  line-height: 1.1;
  display: inline-block;
  padding: 1.1rem 1.2rem 0.9rem 1.2rem;
  margin-top: 2.5rem;
  letter-spacing: 1px;
  font-size: .9rem;
  transition: .3s ease all;
}
.caRare .caCallTo:hover{
  background-color: #000;
}
.caBanner p {
    width: 80%;
    margin: auto;
    font-size: 1.1rem;
    margin-bottom: 2rem;
    max-width: 28rem;
}
.caFind {
  background-color: #D1B699;
}
/********************
Team
*********************/
.caMemberList {
    padding-bottom: 2rem;
    overflow: hidden;
}
.caMemberList h3{
    text-align: center;
    margin: 3rem 0;
    font-weight: 200;
}
.caMemberList ul{
    max-width: 30rem;
    margin: auto;
}
.caMemberList ul li a{
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-bottom: 4px;
}
.caMemberList ul li {
    float: left;
    width: 48%;
    margin-bottom: 3rem;
}
.caMemberList ul li h6{
  margin-top: 1.2rem;
}
.caMemberList ul li:nth-child(odd) {
  margin-right: 4%;
}
/********************
Member Team
*********************/
.caContact{
  width: 100%;
  overflow: hidden;
}
.caMemberDetails .caMemberTop > div {
    padding: 3.5rem 5%;
}
.caMemberDetails .caMemberTop img {
    margin: 0;
    max-width: 30rem;
}
.caMemberDetails .caSocial li {
  float: left;
  width: 1.5rem;
  margin-right: 1.5rem;
}
.caMemberDetails i{
    font-size: .9rem;
    font-style: normal;
}
.caMemberDetails h1{
    margin-bottom: 1rem;
}
.caMemberInfo .caContact small{
    font-size: 80%;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 1rem;
}
.caMemberInfo .caContact a {
    display: block;
    font-family: 'Gestura Text';
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
    transition: .3s ease all;
}
.caMemberInfo .caContact a:hover{
  color: #C2765E;
}
.caMemberInfo .caContact .caSocial{
    padding: 1.5rem 0;
    overflow: hidden;
    width: 100%;
}
.caMemberInfo .caContact{
    padding: 0 5%;
    border-bottom: 1px solid #000;
}
.caMemberInfo h3 {
    margin-bottom: 2.5rem;
}
.caMemberInfo p{
    margin-bottom: 1.5rem;
    font-size: 1rem;
}
.caMemberInfo em{
    display: block;
    clear: both;
    font-style: italic;
    padding: 1rem 0;
}
.caMemberDetails .caMemberInfo .caContent{
    padding: 0 5%;
}
.caMemberDetails .caBreadcrums li,
.caMemberDetails .caBreadcrums li a{
  font-size: .8rem;
}
/********************
Properties
*********************/
.caRareListing h3{
    text-align: center;
    margin: 3rem 0;
}
.caRareListing .caPropertiesGrid{
  display: flex;
  flex-wrap: wrap;
}
.caRareListing .caPropertiesGrid li{
  display: flex;
  width: 48%;
  float: left;
}
.caRareListing .caPropertiesGrid li:nth-child(odd){
  margin-right: 4%;
}
.caRareListing .caProperty div img{
    height: 13rem;
}
.caRareListing .caPropertiesGrid a.caProperty {
  width: 100%;
}
/********************
properties detail
*********************/
.caPropertyDetails > h3{
  text-align: center;
  font-weight: 200;
}
.caPropertyDetails > h3:first-of-type{
  margin-top: 1rem;
}
.caPropertyDetails > img{
    margin: 3rem 0;
}
.caPropertyDetails .caSplit > div:first-of-type {
    padding: 0 5% 1.5rem 5%;
    border-bottom: 1px solid #000;
}
.caPropertyDetails .caSplit > div:first-of-type * {
  font-size: 1.1rem;
  font-family: 'Gestura Text';
  margin-bottom: 0.5rem;
}
.caPropertyDetails .caSplit > div span{
  display: block;
}
.caPropertyDetails .caSplit > div li{
  display: inline-block;
  margin-right: 1rem;
}
.caPropertyDetails .caPropDesc .caStatusTag {
    background-color: #CDB79C;
    color: #000;
    display: inline-block;
    font-size: .8rem;
    text-transform: uppercase;
    padding: 1rem 1.8rem;
    line-height: 0;
    margin: 3rem 0 2rem 0;
}
.caPropertyDetails .caSplit > div:last-of-type {
    padding: 0 5%;
}
.caPropertyDetails .caSplit > div:last-of-type h3{
  margin-bottom: 3rem;
}
.caPropertyDetails .caSplit > div:last-of-type p{
  margin-bottom: 2rem;
  font-size: 1.1rem;
}
.caLocation {
    padding: 4rem 0;
}
.caLocation h3{
  text-align: center;
  font-weight: 200;
}
.caMapContainer {
    position: relative;
    text-align: right;
    height: 400px;
    width: 80%;
    overflow: hidden;
    margin: 2rem auto 2rem;
    max-width: 55rem;
}
.caMapContainer iframe{
  width: 100%;
}


.caPropGallery {
    background-color: #F5F3EE;
    padding: 3rem 0;
}
.caPropGallery h3{
  margin-left: 5%;
  font-weight: 200;
}
.caGallery .carousel-cell{
  width: auto;
}
.caGallery .carousel-cell img{
  width: auto;
  height: 15rem;
}
.caGallery {
  margin-left: 5%;
  margin-top: 2rem;
}
.caGallery .flickity-button {
  top: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 0;
  transform: translateY(-3.8rem);
  background: transparent !important;
}
.caGallery .flickity-prev-next-button.next {
  right: 5%;
}
.caGallery .flickity-prev-next-button.previous {
    left: unset;
    right: calc(5% + 4rem);
}


.caBrokers{
  background-color: #E1DACD;
  padding: 4rem 0;
}
.caBrokers ul{
    width: 90%;
    margin: auto;
}
.caBrokers ul li{
  margin-bottom: 4rem;
  display: block;
}
.caBrokers ul li:last-child{
  margin-bottom: 0;
}
.caBrokers img{
  max-width: 13rem;
}
.caBrokers h6{
  margin-bottom: 1.1rem;
  margin-top: 1rem;
}
.caBrokers span, .caBrokers a {
    display: block;
    font-size: 1rem;
    margin-top: 0.3rem;
}
.caSimilarProps h3{
  font-weight: 200;
}
/********************
Press
*********************/
.caPress ul li{
  width: 100%;
}
.caPress ul li h6 {
    position: relative;    
    box-sizing: border-box;
    padding-right: 1.5rem;
}
.caPress ul li h6::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 0.7rem;
    height: 0.7rem;
    background-repeat: no-repeat;
    background-size: 95%;
    background-position: 50% 50%;
    background-image: url(../img/go.svg);
}
.caTvSection {
    background-color: #F5F3EE;
    padding: 1rem 0;
}
.caTvSection ul li h6{
padding: 0;
display: block;
width: 100%;
}
.caKant{
  overflow: hidden;
  width: 100%;
}
.caVideoBox {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #000;
}
.caVideoBox .caVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.caTvSection ul li h6::after{
  display: none;
}
#caHgTv{
  overflow: hidden;
  margin-top: 3rem !important;
}
#caHgTv a::before{
  display: none !important;
}
.caPressCategory{
    padding-top: 0;
    overflow: hidden;
    background-color: #FFF;
}
.caPressCategory .caBreadcrums{
  text-align: center;
}
.caPressCategory h3{
  margin-top: 0;
}


.caPressLinks {
    padding: 2rem 0 5rem 0;
}
.caPressLinks h3{
  text-align: center;
  font-weight: 200;
}
.caPressLinks ol{
  text-align: center;
  margin-top: 2.5rem;
}
.caPressLinks ol li{
  display: block;
  margin-bottom: 1rem;
}
.caPressLinks ol li a {
  display: inline-block;
  font-family: 'Gestura Text';
  padding-bottom: 2px;
  font-size: 1.1rem;
  padding-right: 1.5rem;
  position: relative;
  transition: .3s ease all;
  overflow: hidden;
}
.caPressLinks ol li a::after{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0.7rem;
    height: 0.7rem;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 90%;
    background-image: url(../img/go.svg);
}
.caPressLinks ol li a::before,
.caMemberList ul li a::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    margin: auto;
    background-color: #B66F58;
    transition: .3s ease all;
    -webkit-transform: translateX(-101%);
    -moz-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);
}
.caPressLinks ol li a:hover::before,
.caMemberList ul li a:hover::before{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.caInta ul li a::before{
  display: none !important;
}
.caInta ul li h6::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    margin: auto;
    background-color: #B66F58;
    transition: .3s ease all;
    -webkit-transform: translateX(-101%);
    -moz-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);
}
.caInta ul li a:hover h6::before{
  -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}

.caKant{
  position: relative;
}
/*
.caKant::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    margin: auto;
    background-color: #B66F58;
    transition: .3s ease all;
    -webkit-transform: translateX(-101%);
    -moz-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%);
}
.caKant:hover::before{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
*/
/********************
Blog
*********************/

.caBlog{
    padding: 4rem 0;
}
.caBlog .caTitle h3{
  font-weight: 200;
}
.caPost article{
  padding: 3rem 0;
  border-bottom: 1px solid #ACACAC;
}
.caPost .caCategoryTag {
    background-color: #D1B699;
    color: #000;
    display: inline-block;
    font-size: .8rem;
    text-transform: uppercase;
    padding: 1rem 1.8rem;
    line-height: 0;
    margin: 0 0 2rem 0;
}
.caPost .caDate{
    display: block;
    margin-bottom: 1rem;
}
.caPost h3{
    margin-bottom: 1rem;
}
.caPost p{
    margin-bottom: 1.5rem;
}

.caBlogPost{
    padding: 0;
}
.caBlogPost .caBreadcrums{
  margin-top: 2rem;
}
.caBlogPost article {
    padding-top: 1rem;
    border-bottom: none;
}
.caShare{
  margin-bottom: 3rem;
}
.caShare span {
    display: block;
    color: #393939;
    margin-bottom: 1.5rem;
}
.caShare ol li{
    float: left;
    width: 1.5rem;
    margin-right: 1.5rem;
}
.caShare ol li a {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    overflow: hidden;
    transition: .3s ease all;
}
.caShare ol li a img {
    width: 1.5rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: .3s ease all;
}
.caShare li a:hover img {
    width: 1.5rem;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
}
.caBlogPost nav ul li{
  display: inline-block;
}
.caBlogPost nav ul li:first-child{
  margin-right: 4rem;
}
.caBlogPost .caPost{
    padding-bottom: 5rem;
}

.caAwards {
    background-color: #e2dacd;
}
.caAwards,
.caSeenOn{
  padding: 3rem 0;
}
.caAwards ul,
.caSeenOn ul{
    text-align: center;
    margin: 3rem auto;
    max-width: 60rem;
}
.caAwards ul li,
.caSeenOn ul li{
    width: 90%;
    margin: auto;
    max-width: 11rem;
    display: inline-block;
}
.caAwards h3,
.caSeenOn h3{
  text-align: center;
}
/********************
Contact
*********************/
.caContact small:last-of-type{
    padding-top: 2.5rem;
}
.caContact .caInformation{
    padding-top: 1.5rem;
}
.caContact .caInformation a {
    font-family: 'Gestura Text';
    font-size: 1.45rem;
    font-weight: 200;
    position: relative;
    margin-bottom: 1rem;
    display: block;
    transition: .3s ease all;
}
.caContact .caInformation a:hover{
  color: #C2765E;
}
.caContact .caSocial{
  overflow: hidden;
}
.caContact .caSocial img{
  margin: 0;
}
.caContact .caContactImage{
    max-width: unset !important;
    margin-bottom: 0 !important;
}
.caContact .caInformation .caEmail{
  display: inline-block;
}
.caContact .caInformation .caEmail::after{
  content: "";
  display: block;
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.caContact .caInformation .caEmail:hover::after{
  background-color: #C2765E;
}
/********************
Testimonial
*********************/
.caTestSide{
    padding-top: 3rem;
}
button.caAccordion {
  background-color: transparent;
  color: #000;
  cursor: pointer;
  padding: 1.5rem 0;
  width: 100%;
  border-top: 1px solid #D7D7D7;
  text-align: left;
  outline: none;
  font-size: 1.4rem;
  transition: 0.4s;
  line-height: 1.5em;
  font-family: 'Gestura Text';
  font-weight: 200;
  transition: .3s ease all;
}
.caTestSide > button:first-of-type{
  border-top: none;
}
button.caAccordion:after {
  content: '\002B';
  color: #000;
  font-weight: 100;
  float: right;
  margin-left: 5px;
  transition: .3s ease all;
}
button.caAccordion.active::after {
  content: "\2212";
}
button.caAccordion:hover,
button.caAccordion:hover::after,
button.caActive,
button.caActive::after {
  color: #C2765E;
}

div.caPanel {
  padding: 0;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  width: 100%;
  color: rgba(0,0,0,.88);
}
div.caPanel p{
  color: #393939;
  margin-bottom: 3rem;
  margin-top: 1rem;
}



/********************
Footer
*********************/
footer{
  padding: 3rem 0;
  background-color: #F5F3EE;
}
footer .caWrapper {
  position: relative;
  margin-bottom: 2.5rem;
}
footer .caWrapper > a{
    max-width: 23rem;
    display: block;
}
footer .caSocial ul{
  overflow: hidden;
  display: block;
}
footer .caSocial li {
  float: left;
  margin-right: 1.5rem;
}
.caSocial li a {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    overflow: hidden;
    transition: .3s ease all;
    position: relative;
}
.caSocial li a img{
  width: 1.5rem;
  height: 3rem;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transition: .3s ease all;
}
.caSocial li a:hover img{
  transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
}
.caDesktopNav a.caInstagram {
    width: 1.5rem;
    display: block;
    position: absolute;
    right: -0.5rem;
    height: 1.5rem;
    top: 40%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    
    background-image: url(../img/icons/in.svg);
    
  }
.caDesktopNav a.caInstagram:hover{
      background-position: 50% %;
  }
footer .caSocial {
  position: absolute;
  bottom: 0;
  left: 0;
}
footer .caFooterNav {
    margin-top: 3rem;
}
footer .caFooterNav > div {
  float: left;
  width: 50%;
  margin-bottom: 4rem;
}
footer .caFooterNav > div:last-of-type{
width: 100%;
}
footer .caFooterNav > div:last-of-type ul li:first-child{
  padding-right: 2rem;
}
footer .caFooterNav > div:last-of-type ul li{
  width: 50%;
  float: left;
}
footer span {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 1rem;
  margin-bottom: 1rem;
  display: block;
}
footer ul a{
  font-size: .9rem;
  display: block;
  transition: .3s ease all;
}
footer ul a:hover{
  color: #C2765E;
}
footer ul li{
  margin-bottom: .5rem;
}
footer small {
    font-size: 90%;
    display: block;
    border-top: 1px solid #000;
    padding: 3rem 5% 0 5%;
    line-height: 1.5;
}
footer i{
    font-size: 90%;
    display: block;
    padding: 2rem 5% 0 5%;
}
.caRealmIntro{
  background-color: #FFF;
}
.caRealmIntro .caOverline{
  margin-bottom: 0;
  padding-top: 2rem;
}
.caRealmIntro h1{
  font-size: 1.85rem !important;
}
.caRealmIntro .caCallTo {
    text-transform: uppercase;
    background-color: #C2765E;
    color: #FFF;
    font-weight: 500;
    line-height: 1.1;
    display: inline-block;
    padding: 1.1rem 1.2rem 0.9rem 1.2rem;
    margin-bottom: 3rem;
    letter-spacing: 1px;
    font-size: .9rem;
    transition: .3s ease all;
}
.caRealmIntro .caCallTo:hover{
  background-color: #000;
}
.caRealmIntro h1 {
    padding: 1rem 0 1rem 0 !important;
}
.caFeaturedSection {
    background-color: #E2DACD;
    padding: 3rem 0;
}
.caFeaturedSection h3{
  text-align: center;
}
.caFeaturedSection ul{
  text-align: center;
}
.caFeaturedSection ul li{
  display: inline-block;
}
.caFeaturedSection ul li {
    max-width: 8rem;
    margin: auto;
    padding: 0 1rem;
}
.caBecomeMember{
    padding: 4rem 0;
}
.caBecomeMember h3 {
    text-align: center;
    max-width: 25rem;
    margin: auto;
    margin-bottom: 3.5rem;
}
.caBecomeMember .caOverline {
  text-align: center;
  margin-bottom: 1rem;
}
.caBecomeMember  p{
  text-align: center;
}
.caBecomeMember ul{
  text-align: center;
}
.caBecomeMember li {
    display: block;
    max-width: 18rem;
    width: 100%;
    margin: auto;
    margin-bottom: 3.5rem;
}
.caBecomeMember li:nth-child(2) {
  transition: 1s .2s ease all;
}
.caBecomeMember li:last-child {
  transition: 1s .3s ease all;
}
.caRealmVideo {
    background-color: #F5F3EE;
    padding: 5rem 0;
}
.caRealmVideo .caVidCont {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin: auto;
}
.caVidCont iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.caRealmVideo h1 {
    text-align: center;
    font-size: 1.85rem !important;
    margin-bottom: 1.2rem;
}
.caRealmCommunity{
    background-color: #E2DACD;
    padding: 5rem 0;
}
.caRealmCommunity h1 {
    font-size: 1.85rem !important;
    margin-bottom: 1rem;
}
.caRealmCommunity ul li{
    margin: 2rem 0;
}
.caRealmCommunity ul li:nth-child(2){
  transition: 1s .2s ease all;
}
.caRealmCommunity ul li:last-child{
  transition: 1s .2s ease all;
}
.caRealmCommunity ul,
.caRealmCommunity .caOverline{
    max-width: 25rem;
    margin: auto;
}
.caBrLiGl{
    padding: 0 !important;
}
.caBrLiGl .caContent p {
    margin-bottom: 1.5rem;
    max-width: 16rem;
}
.caBrLiGl .caContent h3 {
    margin: 0 0 1rem 0;
}
.caBrLiGl .caContent > div.caLifeSty{
  margin-bottom: 5rem;
}
.caBrLiGl .caContent > div.caGlobalColl{
    max-width: 30rem;
    margin: auto;
    clear: both;
}
.caBrLiGl .caContent {
    width: 90%;
    margin: auto;
    padding: 4rem 0 6rem 0;
}
.caRealmVideo h3{
    text-align: center;
    margin: 2rem auto 1rem auto;
    max-width: 30rem;
}
.caRealmVideo .caOverline{
    margin-bottom: 0;
    margin: auto;
    display: block;
    text-align: center;
}
.caRealmVd{
  background-color: #E2DBCD;
}
.caOurServMain h1 {
    max-width: 28rem !important;
    font-size: 1.85rem !important;
}
.caOurServMain .caOverline {
    margin-bottom: 0;
    padding-top: 2rem;
}
.caOurServMain {
    padding-bottom: 3rem;
}
.caOurServMain  .caWrapper > img{
  margin-top: 1rem;
}
.caSecz{
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.caCompConGif img{
  width: 100%;
}
.caCompassConciergex{
  margin-bottom: 3rem;
}
.caCompassConciergex h3 {
    margin-top: 2rem;
    max-width: 30rem;
}
.caCompassConciergex .caOverline{
    margin-top: 2.5rem;
}
.caCompassConciergex p{
  margin-bottom: 1rem;
}
.caHowServs{
  padding: 2rem 0;
}
.caHowServs .caOverline {
  margin-top: 1.5rem;
}
.caHowServs ol li{
    display: block;
    padding: 1.5rem 0;
    border-bottom: 1px solid #000;
    position: relative;
    padding-left: 2rem;
    counter-increment: num;
    font-size: 1rem;
}
.caHowServs ol li::before {
    content: counter(num)".";
    position: absolute;
    left: 0;
}
.caHowServs ol li:last-child{
  border-bottom: none;
}
.caHowServs ul li{
  position: relative;
  margin:1rem 0;
  padding-left: 1rem;
} 
.caHowServs ul li::after{
  content: "-";
  position: absolute;
  left: 0;
}
.caMktx {
    background-color: #E0DACE;
    padding: 1rem 0 3rem 0;
}
.caMktx .caSideInfox{
  padding-bottom: 3rem;
}
.caPreMkt {
  padding: 5rem 0 3rem 0;
}
.caPreMkt img{
  width: 50%;
}
.caPreMkt b,
.caDigiAd b{
  font-family: 'basis_grotesque_promedium';
}
.caPreMkt p,
.caDigiAd p{
    margin-bottom: 1.5rem;
}
.caDigiAd {
  padding: 3rem 0 3rem 0;
}
.caSplitImgx img{
  float: left;
  width: calc(50% - .5rem);
}
.caSplitImgx img:last-of-type{
  float: right;
  transition: 1s .3s ease all;
}
.caOpenHousx{
  padding-top: 3rem;
}
.caOpenHousx h1 {
    font-size: 1.8rem;
    margin-bottom: 0.7rem;
}
.caOpenHousx p {
    margin-bottom: 1.8rem;
}
.caWhatWeDo p {
    width: 90%;
    margin: auto;
    text-align: center;
    max-width: 47rem;
    padding-bottom: 3rem;
}
.caFormx label{
    font-weight: 500;
    display: block;
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.caFormx small,
.caFormx .error{
    color: #DA2727;
    font-size: .8rem;
    display: block;
}
.caFormx input,
.caFormx textarea{
    display: block;
    width: 100%;
    background-color: #F3F3F3;
    border-bottom: 2px solid transparent;
    padding: 1rem 1.5rem 0.5rem 1.5rem;
    font-size: 1rem;
    color: #393939;
    margin: 0.3rem 0;
}
.caFormx textarea{
  min-height: 8rem;
}
.caFormx input:focus,
.caFormx textarea:focus{
  border-bottom: 2px solid #B97A63;
  outline: 0 !important;
}
.caFormx li{
    box-sizing: border-box;
    display: block;
    padding: 0.6rem 0;
}
.caFormx li > div:first-of-type{
  padding-bottom: 1.2rem;
}
.caContactForm h1 {
    max-width: 17.5rem;
    margin-bottom: 1rem;
}
.caFormx {
    padding-top: 3rem;
}
.caFormx span{
  color: #B97A63;
  font-size: .9rem;
  display: block;
}
.caSubmit {
    text-transform: uppercase;
    background-color: #C2765E;
    color: #FFF;
    font-weight: 500;
    line-height: 1.1;
    display: block;
    padding: 1rem 3rem 0.8rem 3rem;
    margin-top: 2.5rem;
    font-size: .9rem;
    transition: .3s ease all;
    float: right;
    cursor: pointer;
}
.caSubmit:hover{
  background-color: #000;
}
.caContactForm p{
    max-width: 28rem;
}
.caContactForm .caFxRight,
.caPkm{
  transition: 1s .8s ease all;
}
.caContactForm {
    padding: 8rem 0 !important;
}
.caBackToRealm {
    text-transform: uppercase;
    background-color: #C2765E;
    color: #FFF;
    font-weight: 500;
    line-height: 1.1;
    display: inline-block;
    padding: 1rem 1.5rem 0.8rem 1.5rem;
    margin-top: 1.5rem;
    margin-left: .7rem;
    font-size: .9rem;
    transition: .3s ease all;
    cursor: pointer;
}
.caBackToRealm:hover{
  background-color: #000;
}
.caNwDe li{
  flex-direction: column;
}
.caMoreDetails{
  display: block;
  width: 100%;
  clear: both;
  margin-top: 1rem;
}
.caMoreDetails small {
    font-size: .8rem;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.caMoreDetails a{
    font-family: 'Gestura Text';
    font-weight: 300;
    display: inline-block !important;
    margin-top: -0.3rem;
    width: auto !important;
    padding-right: 1.2rem;
    margin-bottom: 0 !important;
    padding-bottom: 2px;
}
.caMoreDetails a::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0.4rem;
    width: 0.6rem;
    height: 0.6rem;
    background-repeat: no-repeat;
    background-size: 95%;
    background-position: 50% 50%;
    background-image: url(../img/go.svg);
}
.caOneCenter{
  margin: auto;
  width: 100%;
  max-width: 35rem;
}
.caOneCenter h6{
  margin-top: 1.2rem;
}
.caSlideContainer span{
  display: block;
  text-align: right;
  padding: 1rem 0;
}



/**Responsive**/
@media screen and (min-width: 500px) {
  .caCompassConcierge ul.caSteps {
      width: 70%;
      float: left;
      margin-left: 25%;
  }
  .caMarketing .caBlock04 .caContent > img {
    height: 32rem;
    object-fit: cover;
    object-position: 50% 25%;
  }
  .caFilters > div{
    float: left;
    width: 48%;
  }
  .caFilters > div:first-of-type{
    margin-right: 4%;
  }
  .caSeenOn ul li {
    margin: 1rem;
  }
  .shuffle-container li{
    width: 50%;
    padding: .5rem;
  }
  .caHowServs ul{
    column-count: 2;
  }
  .caHowServs ul li:first-child{
    margin-top: 0;
  }
  .caXtx > div{
    float: left;
    width: 50%;
    padding-right: 1rem;
  }
  .caXtx > div:last-of-type{
    float: right;
    width: 48%;
  }
  .caFormx li:nth-child(6) > div {
    width: calc(50% - 0.7rem);
    display: block;
    float: left;
  }
  .caFormx li:nth-child(6)::after{
    content: "";
  clear: both;
  display: table;
  }
  .caFormx li:nth-child(6) > div:last-of-type{
    float: right;
  }
}

@media screen and (min-width: 600px) {
  .caWrapper{
    max-width: unset;
  }
  section.caMain h1 {
    max-width: 41rem;
  }
  section.caMain h1 br{
    display: none;
  }
  .caShortDescription h1 {
    max-width: 37rem;
  }
  .caAboutUs h1{
    max-width: 31.5rem;
  }
  footer .caFooterNav > div {
    width: 25%;
  }
  footer .caFooterNav > div:last-of-type{
    width: 50%;
  }
  footer .caFooterNav > div:last-of-type ul li {
    width: 100%;
  }
  footer .caFooterNav > div:last-of-type ul li a{
    display: block;
  }
  footer .caFooterNav > div:last-of-type ul li:last-child a:first-of-type{
    margin-bottom: .5rem;
  }
  footer .caSocial {
    position: absolute;
    bottom: unset;
    left: unset;
    top: 0.7rem;
    right: 0;
  }
  footer .caSocial li:last-child{
    margin-right: 0;
  }
  footer .caFooterNav {
    margin-top: 4rem;
  }
  footer .caFooterNav > div {
    margin-bottom: 0;
  }
  footer small {
    font-size: 85%;
    border-top: none;
    max-width: 60rem;
  }
  footer i{
    font-size: 85%;
  }
  .caNewsletter h3 {
    max-width: unset;
  }
  .caNewsletter .caForm input[type="submit"] {
    width: 6rem;
    float: right;
  }
  .caNewsletter .caForm input[type="email"] {
    width: calc(100% - 6rem);
    float: left;
    border: none;
  }
  .caNewsletter .caForm div {
    max-width: 30rem;
  }
  .caBanner h3 {
    max-width: unset;
  }
  .caOurClients > div{
    overflow: hidden;
  }
  .caOurClients > div img{
    float: left;
    width: 50%;
  }
  .caOurClients .caCols > div {
    margin-left: 30%;
  }
  .caMainOurservices .caSplitCols > div {
    margin-top: 0;
    float: left;
    width: 47%;
    box-sizing: border-box;
  }
  .caMainOurservices .caSplitCols > div:last-of-type{
    float: right;
  }
  .caMainOurservices .caSplitCols {
    padding-left: 22%;
    margin-bottom: 2rem;
    padding-bottom: 3rem;
    padding-top: 2rem;
  }
  .caAbout {
    padding-top: 0;
  }
  .caAbout .caSplit {
    position: relative;
    height: 35rem;
  }
  .caAbout .caSplit .caOurMission {
    left: 0;
    width: 50%;
    padding: 0 5%;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .caAbout .caSplit .caOurValues {
    right: 0;
    width: 50%;
    position: absolute;
    top: 50%;
    padding: 0 5%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .caAbout .caSplit .caOurValues h1 {
      margin-bottom: 30%;
  }
  .caAbout .caOurMissionImg{
    position: absolute;
    right: 0;
    height: 100%;
    width: 50%;
  }
  .caAbout .caOurValuesImg{
    position: absolute;
    left: 0;
    height: 100%;
    width: 50%;
  }
  .caAbout .caSplit img{
    object-fit: cover;
  }
  .caAbout .caSplit:last-child {
    margin-top: 0;
  }
  .caRare .caSplit{
    position: relative;
  }
  .caRare img{
    width: 50%;
  }
  .caRare .caOurPhImg{
    float: right;
  }
  .caRare .caFamilyImg{
    float: left;
  }
  .caRare h3 {
    margin: 0 0 1.5rem 0;
  }
  .caRare .caSplit .caOurPh {
    position: absolute;
    width: 50%;
    left: 0;
    padding-right: 5%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .caRare .caSplit .caFamily {
    position: absolute;
    width: 50%;
    right: 0;
    padding-left: 5%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .caRare .caCallTo {
    margin-top: 1.5rem;
  }
  .caFind a {
    padding: 0.9rem 2.5rem 0.8rem 2.5rem;
  }
  .caRare {
    padding: 5rem 5% 5rem 5%;
  }
  .caGallery .carousel-cell img {
    height: 25rem;
  }
  .caBrokers ul {
    text-align: center;
  }
  .caBrokers ul li {
    display: inline-block;
    margin: 1.5rem;
  }
  .caBrokers ul li *{
    text-align: left;
  }
  section.caRealmIntro h1 {
    max-width: 40rem;
  }
  .caFeaturedSection ul li {
    max-width: 11rem;
    margin: auto;
    padding: 0 2rem;
  }

}
@media screen and (min-width: 700px) {
.caBecomeMember ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}
  .caBecomeMember li{
    display: flex;
    width: 50%;
    max-width: unset;
    margin-bottom: 0;
    padding: 2rem;
    margin: 0 !important;
}
.caRealmCommunity ul,
.caRealmCommunity .caOverline{
    max-width: unset;
    margin: auto;
}
.caRealmCommunity ul li {
    margin: 0;
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    padding-right: 3rem;
}
.caRealmCommunity .caOverline{
    margin-bottom: 3rem;
}
.caBrLiGl .caContent {
    float: unset !important;
}
.caOurServMain .caWrapper > img {
    float: right;
    width: 50%;
    min-height: 25rem;
    object-fit: cover;
}
.caSecz .caWrapper > img {
    float: left;
}
.caOurServMain .caTxt{
    float: left;
    width: 45%;
}
.caSecz .caTxt {
    float: right;
}
  .caSideInfox{
    float: right;
    width: 55%;
  }
  .caCompassConciergex h3{
    margin-top: 4rem;
    max-width: 42rem !important;
  }
  .caCompassConciergex .caWrapper > h3{
    float: left;
  }
  .caCompassConciergex .caOverline {
    margin-top: 3.5rem;
  }
  .caCompassConciergex p {
    max-width: 30rem;
  }
  .caHowServs img{
    float: left;
    width: 50%;
  }
  .caWksx img{
    float: right;
  }
  .caHowServs .caSplitx > div{
    width: 45%;
  }
  .caSrvx .caSplitx > div{
    float: right;
  }
  .caHowServs img {
    width: 50%;
    min-height: 25rem;
    object-fit: cover;
  }
  .caHowServs {
    padding: 3rem 0;
  }
  .caPreMkt img {
    float: left;
    width: 40%;
  }
  .caPreMkt > div {
    float: left;
    width: 50%;
    max-width: 20rem;
    margin-left: 10%;
  }
  .caMktx .caOverline{
    margin-top: 0 !important;
  }
  .caDigiAd img{
    float: right;
    width: 55%;
  }
  .caDigiAd > div{
    float: left;
    width: 40%;
  }
  .caOpenHousx .caSplitImgx{
    float: left;
    width: 60%;
  }
  .caXtx {
    float: right;
    width: 35%;
  }
  .caXtx > div {
    float: left;
    width: 100% !important;
    padding-right: 0;
  }
  .caFormx li {
    float: left;
    width: calc(50% - 0.7rem);
  }
  .caFormx li > div{
    padding-bottom: 0 !important;
  }
  .caFormx li:nth-child(even) {
    float: right;
  }
  .caFormx li:last-child{
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  html{
    font-size: 15px;
  }
  /*
  section.caMain img {
    height: 70vh;
    object-fit: cover;
    min-height: 20rem;
  }
  */
  .caShortDescription img {
    width: 52%;
  }
  .caShortDescription img:last-of-type {
    margin-top: -11rem;
    position: relative;
  }
  .caSplitView .caTitle,
  .caSplitView .caContent{
    width: 50%;
  }
  .caSplitView .caTitle {
    display: block;
    position: sticky;
    top: 0;
    overflow: hidden;
    padding-bottom: 3.5rem;
    float: left;
  }
  .caSplitView .caTitle h1 {
    float: left;
    margin: 0;
    margin-top: 2.5rem;
    margin-left: 10%;
  }
  .caSplitView .caContent h1{
    display: none;
  }
  .caSplitView .caContent{
    float: right;
  }
  .caOurStory .caContent div {
    width: 95%;
    margin-left: unset;
    margin-bottom: 4rem;
    margin-top: 3rem;
  }
  .caAboutUs {
    padding: 7rem 0;
  }
  .caShortDescription .caWrapper,
  .caAboutUs .caWrapper{
    width: 80%;
  }
  .caAboutUs .caContent {
    width: 90%;
    float: right;
  }
  .caAboutUs .caContent > div.caOurTeam{
    max-width: unset;
    width: 50%;
    margin-bottom: unset;
  }
  .caAboutUs .caContent > div.caOurPhilosophy{
    max-width: unset;
    width: 45%;
    margin-bottom: unset;
  }
  .caOurClients .caCols > div {
    margin: 0;
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    padding: 0.5rem 1.5rem 1.5rem 1.5rem;
  }
  .caOurClients .caCols > div:first-of-type {
    width: 33.33%;
    margin: 0;
    padding: 0.5rem 0;
  }
  .caOurClients h4 {
    font-size: 1.1rem;
    letter-spacing: 0;
  }
  .caOurClients p {
    font-size: 1rem;
  }
  .caOurClients .caCols {
    position: relative;
    overflow: hidden;
    margin: 5rem 0;
  }
  .caOurClients .caCols::before{
    content: "";
    width: 33.33%;
    height: 100%;
    border-left: 1px solid #ACACAC;
    border-right: 1px solid #ACACAC;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .caPropertiesSlide {
    padding-top: 4rem;
    width: 97%;
    float: right;
  }
  .caPropertiesSlide .flickity-slider .carousel-cell:last-child{
        padding-right: 2.5% !important;
    box-sizing: border-box;
    width: calc(17rem + 2.5%);
  }
  .caPropertiesSlider h3{
    float: left;
  }
  .caPropertiesSlider a.caViewAll{
    float: right;
    margin-top: .5rem;
  }
  .caCompassConcierge .caSplitView .caContent,
  .caMarketing .caSplitView .caContent{
    float: right;
    width: 65%;
  }
  .caCompassConcierge .caSplitView .caTitle,
  .caMarketing .caSplitView .caTitle{
    width: 35%;
  }
  .caMainOurservices .caSplitCols {
    padding-left: 33%;
  }
  .caCompassConcierge .caBlock02 .caContent > div, 
  .caCompassConcierge .caBlock04 .caContent > ol {
    width: 95%;
    margin-left: 0%;
  }
  .caCompassConcierge ul.caSteps {
    width: 95%;
    margin-left: 0;
  }
  .caCompassConcierge .caSteps li h1 {
    margin-bottom: 4rem;
    display: block !important;
  }
  .caCompassConcierge .caBlock04 .caContent > ol:last-of-type {
    column-count: 2;
    column-gap: 1rem;
  }
  .caMarketing .caBlock02 .caContent > div {
    width: 95%;
    margin-left: 0;
  }
    .caMarketing .caBlock02 .caContent .caParagraphCols > div:first-of-type{
    width: 60%;
  }
  .caMarketing .caBlock02 .caContent .caParagraphCols > div:last-of-type {
    width: 50%;
    float: right;
    margin-top: 2rem;
  }
  .caMarketing .caBlock03 .caContent > img {
    width: 95%;
    float: left;
  }
  .caMarketing .caBlock03 .caContent .caParagraphCols {
    width: 95%;
    float: left;
  }
  .caMarketing .caBlock04 .caContent > img {
    height: 25rem;
  }
  .caMarketing .caBlock04 .caContent > img {
    float: right;
    width: 65%;
  }
  .caMarketing .caBlock04 .caSplit {
    width: 95%;
    float: left;
  }
  .caCompassConcierge h3,
  .caMarketing .caTitle h3 {
    margin-top: 0 !important;
  }
  .caMarketing .caBlock01 h3,
  .caCompassConcierge .caBlock01 .caTitle{
    display: block
  }
  .caCompassConcierge .caBlock01,
  .caCompassConcierge .caBlock02,
  .caCompassConcierge .caBlock03,
  .caCompassConcierge .caBlock04,
  .caMarketing .caBlock01,
  .caMarketing .caBlock02,
  .caMarketing .caBlock03,
  .caMarketing .caBlock04{
    padding: 4rem 0;
  }
  .caMkt .caTitle h3{
    margin: 0;
    margin-left: 10%;
  }
  .caMkt .caTitle{
    position: sticky;
    top: 1rem;
  }
  .caWhatWeDo img {
    width: 47%;
  }
  .caWhatWeDo img:first-of-type {
    float: left;
  }
  .caWhatWeDo img:last-of-type {
    margin-top: 10%;
  }
  .caRare {
    padding: 5rem 10% 5rem 10%;
  }
  .caMemberDetails .caSplit{
    position: relative;
  }
  .caMemberDetails .caMemberTop img {
    margin: 0;
    max-width: unset;
    width: 50%;
    float: right;
  }
  .caMemberDetails .caMemberTop > div {
    float: left;
    width: 50%;
  }
  .caMemberDetails .caMemberTop > div i {
    position: absolute;
    bottom: 2.5rem;
    left: 0;
    display: block;
    padding-left: 5%;
  }
  .caMemberDetails .caMemberInfo {
    padding: 4rem 0;
  }
  .caMemberDetails .caMemberInfo > div {
    float: left;
    width: 50%;
    border-bottom: none;
  }
  .caMemberDetails .caMemberInfo .caBreadcrums {
    margin: 0 0 1.5rem 0;
  }
  .caMemberDetails .caMemberInfo .caContent {
    padding: 0 5% 0 0;
  }
  .caMemberDetails h1 {
    margin-bottom: unset;
    margin-top: 2rem;
  }
  .caMemberList ul {
    max-width: unset;
  }
  .caMemberList ul li:nth-child(odd) {
    margin-right: unset;
  }
  .caMemberList ul li {
    width: 29%;
    margin: 2% !important;
    margin-bottom: 4rem !important;
  }
  .caRareListing .caPropertiesGrid li:nth-child(odd){
    margin-right: unset
  }
  .caRareListing .caPropertiesGrid li {
    width: 29.2%;
    margin: 2% !important;
  }
  .caRareListing .caProperty div img {
    height: 18rem;
  }
  .caFilters > div {
    max-width: 15rem;
  }
  .caFilters {
    position: relative;
    width: 95%;
    margin: auto;
  }
  .caQty{
    position: absolute;
    right: .5rem;
    top: 1.2rem;
    font-size: .9rem;
  }
  .caPropertyDetails .caSplit > div{
    float: left;
    width: 50%;
    border-bottom: none !important;
  }
  .caPropertyDetails .caPropDesc .caStatusTag{
    margin-top: 0;
  }
  .caPropertyDetails .caSplit > div h6{
    margin-top: .5rem;
  }
  .caGallery {
    margin-left: unset;
    margin-top: 0;
    width: 80%;
    float: right;
  }
  .caPropGallery h3 {
    float: left;
    box-sizing: border-box;
    width: 15%;
  }
  .caGallery .flickity-prev-next-button.previous {
    left: -19% !important;
    right: unset !important;
  }
  .caGallery .flickity-prev-next-button.next {
    right: unset;
    left: calc(-19% + 3rem);
  }
  .caGallery .flickity-prev-next-button {
    transform: unset;
    bottom: 0;
    top: unset;
  }
  .caPropertyDetails .caPropDesc{
    padding: 2rem 0 3rem 0;
  }
  .caSimilarProps .carousel-cell {
    margin-right: 2rem;
  }
  .caPress ul {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
  }
  .caPress ul li {
    display: flex;
    width: 46%;
    margin: 2% !important;
    margin-bottom: 3rem !important;
  }
  .caMemberList {
    padding-bottom: 3rem;
  }
  .caTvSection {
    padding: 2rem 0;
  }
  .caBlog .caSplitView .caTitle {
  width: 35%;
  box-sizing: border-box;
  padding-left: 5%;
  }
  .caBlog .caSplitView .caPost{
    width: 65%;
    float: right;
  }
  .caPost article:first-of-type{
    padding-top: 0;
  }
  .caBlog .caSplitView .caPagination{
    float: left;
  }
  .caBlog {
    padding: 5rem 0 0rem 0;
  }
  .caAwards ul li {
    margin: 1rem;
    max-width: 13rem;
  }
  .caBlogPost .caBreadcrums {
    margin-top: 0;
  }
  .caContact .caSocial img {
    width: 100% !important;
    max-height: unset !important;
    min-height: unset !important;
    object-fit: unset !important;
    height: 3rem !important;
  }
  .caContact .caInformation {
    padding-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .caTestSide > button:first-of-type {
    padding-top: 0;
  }
  .caTestSide{
    padding-top: 0;
  }
  .shuffle-filter li {
    margin: 0 1rem;
  }



  #WhyUs div{
    width: 95%;
    margin-left: 0;
  }


  .caDescriptionSide {
    float: right;
    width: 65%;
  }
  .caTextTransform {
    width: 35%;
    float: left;
    display: block;
    position: sticky;
    top: calc(45% - 7rem);
  }
  .caTextTransform h3 {
    width: 90%;
    margin-left: 10%;
    margin-bottom: 3rem;
    margin-top: 6rem !important;
  }
  #WhyUs > h3, 
  #ServicesIncluded > h3, 
  #HowWorks > h3, 
  #PreMarketing > h3, 
  #DigitalAdvertising h3, 
  #OpenHouses > h3 {
    display: none;
  }
  .caMkt{
    padding: 4rem 0 0 0;
  }
  #HowWorks div{
    width: 100%;
  }
  #ServicesIncluded ol {
    width: 95%;
    margin-left: 0;
    column-count: 2;
    column-gap: 1rem;
  }
  #PreMarketing .caParagraphCols {
    width: 95%;
    margin-left: 0;
  }
  #PreMarketing .caParagraphCols > div:first-of-type {
    width: 60%;
  }
  #PreMarketing .caParagraphCols > div:last-of-type {
    width: 50%;
    float: right;
    margin-top: 2rem;
  }
  #DigitalAdvertising img {
    width: 95%;
    margin: unset;
    margin-bottom: 3.5rem;
  }
  #DigitalAdvertising .caParagraphCols{
    width: 95%;
    margin: unset;
  }
  #OpenHouses img{
    margin: unset;
    float: right;
    width: 65%;
  }
  #OpenHouses .caSplit{
    overflow: hidden;
    width: 95%;
    margin: unset;
    padding-top: 3rem;
  }
  .caCompassConcierge .caBlock01 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .caCompassConcierge .caBlock01 h3{
    margin: 0;
    padding-left: 10%;
    width: 90%;
    padding-top: 3rem;
  }
  #HowWorks,
  #WhyUs,
  #PreMarketing,
  #DigitalAdvertising,
  #OpenHouses{
    padding: 6rem 0;
  }
  #OpenHouses{
    padding-bottom: 3rem;
  }
  .caMarketing{
    padding-bottom: 6rem;
  }
  .caCompassConcierge{
    padding-bottom: 6rem;
  }
  .caMemberInfo p {
    font-size: 1.15rem;
  }
  #ServicesIncluded ol {
    padding-bottom: 2rem;
  }
  #WhyUs{
    padding-top: 3rem;
  }
  #Blank{
    padding-bottom: 6rem;
  }
  .caMkt{
    display: none;
  }
  #Mks {
    padding: 6rem 0;
  }
  .caVidIcon{
    width: 8rem;
    height: 8rem; 
  }
  .caTesSec {
    padding-top: 14rem !important;
  }

}
@media screen and (min-width: 900px) {
  html{
    font-size: 16px;
  }
  h1 {
    font-size: 3rem;
  }
  h3 {
    font-size: 1.7rem;
  }
  .caLogo {
    width: 13rem;
  }
  section.caMain h1 {
    max-width: 57rem;
        padding: 2rem 0 3rem 0;
  }
  .caShortDescription h1 {
    max-width: 53rem;
    margin-bottom: 6rem;
  }
  .caShortDescription {
    background-color: #F5F3EE;
    padding: 7rem 0 10rem 0;
  }
  .caAboutUs .caContent {
    width: 83%;
  }
  .caAboutUs h1 {
    max-width: 44rem;
  }
  .caAboutUs .caContent > div.caOurTeam{
    float: left;
  }
  .caAboutUs .caContent > div.caOurPhilosophy {
    width: 40%;
    margin-top: 10rem;
  }
  .caAboutUs .caContent h3 {
    margin: 2.5rem 0 1.5rem 0;
  }
  .caOurStory p.caIntro {
    font-size: 1.5rem;
  }
  .caOurStory p {
    font-family: 'Basis Grotesque Pro Off White';
  }
  .caOurClients h4 {
    font-size: 1.2rem;
  }
  .caNewsletter h3{
    font-weight: 200;
  }
  .caBanner > div {
    padding: 7rem 0;
  }
  .caBanner h3 {
    font-size: 1.7rem;
    font-weight: 200;
  }
  .caMainOurservices h1 {
    max-width: 42.5rem !important;
  }
  .caWhatWeDo h3 {
    max-width: 43rem;
  }
  .caCompassConcierge .caSteps li {
    width: 25%;
    padding: 0.25rem 1rem;
  }
  .caCompassConcierge .caSteps li h1 {
    margin-bottom: 8rem;
  }
  .caCompassConcierge .caSteps li h6 {
    margin-bottom: 5rem;
  }
  .caCompassConcierge .caBlock04 .caContent > ol > li{
    font-size: 1.1rem;
  }
  h6{
    font-size: 1.2rem;
  }
  button.caAccordion {
  font-size: 1.7rem;
  }
  .caMapContainer {
    height: 500px;
  }
  .caPropGallery {
    padding: 5rem 0;
  }
  #HowWorks .caSteps li div {
    width: 100%;
    display: block;
    height: 100%;
  }
  .caCompassConcierge p {
    padding-left: 25%;
  }
  section.caRealmIntro h1 {
    max-width: 60rem !important;
    padding: 1.5rem 0 0.7rem !important;
  }
  .caRealmIntro h1 {
    font-size: 2.7rem !important;
  }
  .caRealmIntro .caOverline {
    padding-top: 2.5rem;
  }
  .caBecomeMember h3 {
    max-width: 31rem;
}
.caBrLiGl .caContent {
    width: 90% !important;
}
.caBrLiGl .caContent > div.caLifeSty {
    width: 45%;
    margin-top: 16rem;
    margin-right: -3%;
}
.caOurServMain h1 {
  font-size: 2.7rem !important;
}
.caOurServMain .caWrapper > img {
    min-height: 32rem;
    object-fit: cover;
}
.caSideInfox {
    width: 60%;
    margin-right: 5%;
}
.caPreMkt > div {
    max-width: 24rem;
  }
  .caPreMkt {
    padding: 8rem 0 4rem 0;
}
.caDigiAd img {
    width: 50%;
}
.caSrvx {
    padding: 3rem 0 6rem 0;
}
.caOpenHousx h1{
  font-size: 2.7rem;
}
.caFormx label {
    font-size: .8rem;
}
.caFormx input, .caFormx textarea {
    padding: 0.9rem 1.5rem 0.4rem 1.5rem;
}
.caSpt > div{
    float: left;
    width: 50%;
}
.caContactForm p {
    max-width: 30rem;
    padding-top: 0.7rem;
    padding-left: 0.7rem;
}
.caContactForm h1 {
    max-width: 26rem;
    margin-bottom: 0;
}
.caContactForm {
    max-width: 67rem;
    margin: auto;
}
.caFormx {
    padding-top: 5rem;
}
}
@media screen and (min-width: 1024px) {
  body::before{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: transform 0s, opacity 1s;
    z-index: 6;
  }
  body.caRareListOpen::before{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: .6;
  }

  header .caWrapper {
    width: 95%;
    position: relative;
    z-index: 9;
  }
  header .caLogo{
    float: left;
  }
  
  .caCompassConcierge .caBlock02 .caContent > div p{
    padding-left: 25%;
  }
  .caMarketing .caBlock02 .caContent .caParagraphCols > div:first-of-type {
    width: 55%;
  }
  .caMarketing .caBlock02 .caContent .caParagraphCols > div:last-of-type {
    width: 40%;
    float: right;
    margin-top: 2rem;
  }
  .caMarketing .caBlock03 .caContent .caParagraphCols {
    width: 75%;
  }
  .caMarketing .caBlock04 .caSplit {
    width: 50%;
    float: left;
  }
  .caMarketing .caBlock04 .caContent > img {
    width: 40%;
    height: unset;
  }
  .caRare .caSplit .caOurPh {
    padding-right: 15%;
  }
  .caRare .caSplit .caFamily {
    padding-left: 10%;
    padding-right: 5%;
  }
  .caAbout .caSplit .caOurMission p,
  .caAbout .caSplit .caOurValues p{
    width: 80%;
    font-size: 1.1rem;
  }
  .caMemberDetails .caMemberInfo .caContent {
    padding: 0 10% 0 0;
  }
  .caMemberList ul {
    width: 82%;
  }
  .caRareListing .caPropertiesGrid {
    width: 90%;
    margin: auto;
  }
  .caRareListing .caProperty div img {
    height: 22rem;
  }
  .caFilters {
    width: 86.5%;
  }
  .caGallery .carousel-cell img{
    height: auto;
  }

  footer .caWrapper {
    width: 95%;
    margin: auto;
  }
  footer small,
  footer i{
    padding-left: 2.5%;
  }
  .caCompassConcierge .caSteps li h6 {
    margin-bottom: 2rem;
  }
  .caCompassConcierge .caSteps li h1 {
    margin-bottom: 12rem;
  }
  .caPress ul li{
    width: 31.3%;
    margin: 1% !important;
    margin-bottom: 2rem !important;
  }
  #caHgTv li {
    width: 48% !important;
    margin-bottom: 3rem !important;
  }
  .caBlog .caSplitView .caPost {
    padding-right: 10%;
  }
  .caPressLinks ol li a::after {
    width: 0.75rem;
    height: 0.75rem;
  }
  .caContact .caInformation {
    padding-left: 5%;
  }
  .caContact .caContactImage{
    height: calc(100vh - 93.45px);
    object-fit: cover;
    object-position: 50% 50%;
  }
  .shuffle-container li{
    width: 33.33%;
    padding: 1rem;
  }
  .shuffle-container .caProperty div img {
    height: 24rem;
  }
  .caPortfolio{
    padding-bottom: 7rem;
  }
  #DigitalAdvertising img {
    width: 80%;
  }
  #PreMarketing .caParagraphCols > div:first-of-type {
    width: 50%;
  }
  #DigitalAdvertising .caParagraphCols {
    width: 80%;
    margin: unset;
  }
  #OpenHouses img {
    width: 45%;
  }
  #OpenHouses .caSplit {
    float: left;
    width: 50%;
    padding-top: 0;
  }
  #WhyUs div h3 {
    width: 65%;
  }
  .caWrapper{
    width: 95%;
  }
  .caMemberDetails .caMemberTop > div {
    padding: 3.5rem 2.5%;
  }
  .caMemberDetails .caMemberTop > div i {
    padding-left: 2.5%;
  }
  .caMemberInfo .caContact{
    padding: 0 2.5%;
  }
  .caMemberDetails .caMemberTop img {
    height: calc(100vh - 93px);
    object-fit: cover;
    max-height: 45rem;
    min-height: 35rem;
  }
  .caPortfolio .caWrapper{
    width: 85%;
  }
  .caMainOurservices {
      position: relative;
      height: calc(100vh - 93px);
      overflow: hidden;
      min-height: 35rem;
  }
  .caMainOurservices .caSplitCols {
    position: absolute;
    bottom: 0;
    right: 0%;
    padding-left: 0;
    width: 65%;
    padding-right: 5%;
  }
  .caMainOurservices h1{
    margin-top: 5rem !important;
  }
  h3 {
    font-size: 1.9rem;
  }
p,
.caAbout .caSplit .caOurMission p, 
.caAbout .caSplit .caOurValues p,
.caBanner p,
.caCompassConcierge p,
.caMarketing p,
.caOurStory p,
.caAboutUs .caContent p,
.caPropertyDetails .caSplit > div:last-of-type p{
  font-size: 1.2rem;
}
.flickity-prev-next-button.next {
    right: 2% !important;
}
.flickity-prev-next-button.previous {
    right: calc(2% + 3rem) !important;
}
.caFeaturedSection ul li {
    margin: auto;
    padding: 1rem 2rem;
}
.caFeaturedSection {
    padding: 3rem 0 1rem 0;
}
.caBecomeMember li {
      width: 33.33%;
    max-width: 26rem;
}
.caRealmVideo .caVidCont{
  width: 100%;
  height: 574px;
  padding-bottom: 0 !important;
  max-width: 1000px;
}
.caRealmCommunity .caWrapper{
  width: 90%;
}
.caOurServMain .caWrapper{
  position: relative;
}
.caOurServMain p{
    position: absolute;
    bottom: -0.5rem;
    max-width: 27.5rem;
}
.caSecz h1 {
    max-width: unset !important;
}
.caCompConGif img {
    height: calc(100vh - 5vw);
    object-fit: cover;
    min-height: 40rem;
}
.caHowServs img {
    width: 45%;
}
.caPreMkt > div {
    max-width: 26.5rem;
    margin-left: 15%;
}
.caDigiAd img {
    width: 45%;
}
.caPreMkt b, .caDigiAd b {
    font-size: 1.2rem;
}
.caOpenHousx p{
  width: 90%;
}
}


@media screen and (min-width: 1400px) {
  html{
    font-size: 17px;
  }
  .caLogo {
    width: 15rem;
  }
  .caAbout .caSplit {
    height: 40rem;
  }
  .caMemberDetails .caMemberInfo .caContent {
    padding: 0 15% 0 0;
  }
  .caMemberList ul {
    width: 75%;
  }
  .caRareListing .caProperty div img {
    height: 26rem;
  }
  .caCompassConcierge .caSteps li h1 {
    margin-bottom: 15rem;
  }
  #WhyUs div {
    width: 85%;
  }
  .caCompassConcierge p {
    padding-left: 28%;
  }
  .caCompConGif img {
    min-height: 45rem;
  }
  .caHowServs ul {
    margin-top: 3rem;
  }
  .caHowServs ul li {
    margin: 1.5rem 0;
  }
}
@media screen and (min-width: 1700px) {
  html{
    font-size: 18px;
  }
  .caCompConGif img {
    min-height: 55rem;
  }
}