:root {
    --ip-default-transition: all 0.35s ease-in-out;
}
.site-easing{
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.desc p{
    font-size: 13px;
    color: #ffffff;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 300;
    margin-bottom: 0;
}
.desc.centered p{
    text-align: center;
}
.img-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.img-wrap canvas {
    position: relative;
    display: block;
    height: auto;
    width: 100%;
}
.img-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    outline: none;
    transition: var(--ip-default-transition);
}
.bg-section{
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    top: 0;
    left: 0;
    overflow: hidden;
}
.bg-section canvas {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.site-banner{
    display: none;
}
#inner-page-wrapper {
    margin-bottom: 0;
}
#inner-page-wrapper > .container {
    width: 100%;
    padding: 0;
}
.ip-banner{

}
.ip-sec{
    position: relative;
}
.flex-row{
    display: flex;
    flex-flow: row wrap;
}
/***** MAP START *****/
.map-wrap{
    position: relative;
}
.map_right_wrap {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.map_wrap {
    width: 1600px;
}
.map_wrap #map {
    width: 100%;
    position: relative;
}
.map_wrap img {
    width: auto;
    max-width: 100%;
}
.transparent {
    width: 1600px !important;
    height: 1267px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 4;
}
.map_hovers {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    pointer-events: none;
}
.map_hovers div {
/*    position: absolute;*/
/*    z-index: 1;*/
}
.map_hovers div img.maphover-img{
    opacity: 0;
    /* opacity: 1; */
    transition: var(--default-transition);
    position: absolute;
}
.map_hovers div.active img.maphover-img{
    opacity: 1;
/*    z-index: 3;*/
}
.map-txt{
    position: absolute;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0;
    /* text-transform: uppercase; */
    text-shadow: rgb(0, 0, 0) 2px 0px 0px, 
        rgb(0, 0, 0) 1.75517px 0.958851px 0px, 
        rgb(0, 0, 0) 1.0806px 1.68294px 0px, 
        rgb(0, 0, 0) 0.141474px 1.99499px 0px, 
        rgb(0, 0, 0) -0.832294px 1.81859px 0px, 
        rgb(0, 0, 0) -1.60229px 1.19694px 0px, 
        rgb(0, 0, 0) -1.97998px 0.28224px 0px, 
        rgb(0, 0, 0) -1.87291px -0.701566px 0px, 
        rgb(0, 0, 0) -1.30729px -1.5136px 0px, 
        rgb(0, 0, 0) -0.421592px -1.95506px 0px, 
        rgb(0, 0, 0) 0.567324px -1.91785px 0px, 
        rgb(0, 0, 0) 1.41734px -1.41108px 0px, 
        rgb(0, 0, 0) 1.92034px -0.558831px 0px;
    font-family: var(--font-family-compass-sans);
    transition: var(--ip-default-transition);
}
.active .map-txt{
  text-shadow: rgb(15, 117, 188) 2px 0px 0px, 
    rgb(15, 117, 188) 1.75517px 0.958851px 0px, 
    rgb(15, 117, 188) 1.0806px 1.68294px 0px, 
    rgb(15, 117, 188) 0.141474px 1.99499px 0px, 
    rgb(15, 117, 188) -0.832294px 1.81859px 0px, 
    rgb(15, 117, 188) -1.60229px 1.19694px 0px, 
    rgb(15, 117, 188) -1.97998px 0.28224px 0px, 
    rgb(15, 117, 188) -1.87291px -0.701566px 0px, 
    rgb(15, 117, 188) -1.30729px -1.5136px 0px, 
    rgb(15, 117, 188) -0.421592px -1.95506px 0px, 
    rgb(15, 117, 188) 0.567324px -1.91785px 0px, 
    rgb(15, 117, 188) 1.41734px -1.41108px 0px, 
    rgb(15, 117, 188) 1.92034px -0.558831px 0px;
}

.maphover[data-map-id="topanga"] img{
  left: 263px;
  top: 547px;
}
.maphover[data-map-id="pacificpalisades"] img{
  left: 335px;
  top: 562px;
}
.maphover[data-map-id="brentwood"] img{
  left: 506px;
  top: 566px;
}
.maphover[data-map-id="santamonica"] img{
  left: 519px;
  top: 776px;
}
.maphover[data-map-id="venice"] img{
  left: 591px;
  top: 882px;
}
.maphover[data-map-id="shermanoaks"] img{
  left: 603px;
  top: 439px;
}
.maphover[data-map-id="belair"] img{
  left: 595px;
  top: 562px;
}
.maphover[data-map-id="westwood"] img{
  left: 628px;
  top: 695px;
}
.maphover[data-map-id="westla"] img{
  left: 618px;
  top: 764px;
}
.maphover[data-map-id="palmsmarvista"] img{
  left: 647px;
  top: 822px;
}
.maphover[data-map-id="studiocity"] img{
  left: 730px;
  top: 496px;
}
.maphover[data-map-id="beverlyhillspostoffice"] img{
  left: 680px;
  top: 564px;
}
.maphover[data-map-id="beverlyhills"] img{
  left: 709px;
  top: 611px;
}
.maphover[data-map-id="cheviothills"] img{
  left: 711px;
  top: 766px;
}
.maphover[data-map-id="beverlywood"] img{
  left: 760px;
  top: 757px;
}
.maphover[data-map-id="culvercity"] img{
  left: 726px;
  top: 819px;
}
.maphover[data-map-id="tolucalake"] img{
  left: 815px;
  top: 500px;
}
.maphover[data-map-id="sunsetstrip"] img{
  left: 778px;
  top: 558px;
}
.maphover[data-map-id="whollywood"] img{
  left: 786px;
  top: 652px;
}
.maphover[data-map-id="beverlycenter"] img{
  left: 791px;
  top: 689px;
}
.maphover[data-map-id="burbank"] img{
  left: 828px;
  top: 355px;
}
.maphover[data-map-id="hollywoodhillseast"] img{
  left: 885px;
  top: 511px;
}
.maphover[data-map-id="hollywood"] img{
  left: 842px;
  top: 628px;
}
.maphover[data-map-id="hancockpark"] img{
  left: 886px;
  top: 687px;
}
.maphover[data-map-id="parkhillsheights"] img{
  left: 793px;
  top: 847px;
}
.maphover[data-map-id="losfelizatwater"] img{
  left: 951px;
  top: 490px;
}
.maphover[data-map-id="lacanadaflintridge"] img{
  left: 1097px;
  top: 238px;
}
.maphover[data-map-id="pasadena"] img{
  left: 1218px;
  top: 401px;
}
.maphover[data-map-id="cwte-area"] img{
  left: 172px;
  top: 439px;
}
.maphover[data-map-id="malibu-area"] img{
  left: 119px;
  top: 562px;
}
.maphover[data-map-id="lcmg-area"] img{
  left: 984px;
  top: 255px;
}
.maphover[data-map-id="se-area"] img{
  left: 1003px;
  top: 620px;
}
.maphover[data-map-id="dm-area"] img{
  left: 1019px;
  top: 721px;
}
.maphover[data-map-id="ehgmc-area"] img{
  left: 1086px;
  top: 513px;
}
.maphover[data-map-id="mlmw-area"] img{
  left: 825px;
  top: 687px;
}
.maphover[data-map-id="mpp-area"] img{
  left: 621px;
  top: 901px;
}

/***** MAP LABELS START *****/
.map-txt-topanga{
  left: 297px;
  top: 631px;
}
.map-txt-pacificpalisades{
  left: 385px;
  top: 684px;
}
.map-txt-brentwood{
  left: 521px;
  top: 644px;
}
.map-txt-santamonica{
  left: 551px;
  top: 843px;
}
.map-txt-venice{
  left: 610px;
  top: 918px;
}
.map-txt-shermanoaks{
  left: 663.572px;
  top: 497.706px;
}
.map-txt-belair{
  left: 629px;
  top: 636px;
}
.map-txt-westwood{
  left: 659px;
  top: 739px;
}
.map-txt-westla{
  left: 653px;
  top: 815px;
}
.map-txt-palmsmarvista{
  left: 683px;
  top: 852px;
}
.map-txt-studiocity{
  left: 766px;
  top: 529px;
}
.map-txt-beverlyhillspostoffice{
  left: 696px;
  top: 591px;
}
.map-txt-beverlyhills{
  left: 734px;
  top: 690px;
}
.map-txt-cheviothills{
  left: 719px;
  top: 790px;
}
.map-txt-beverlywood{
  left: 771px;
  top: 780px;
}
.map-txt-culvercity{
  left: 752px;
  top: 866px;
}
.map-txt-tolucalake{
  left: 826px;
  top: 494px;
}
.map-txt-sunsetstrip{
  left: 800px;
  top: 591px;
}
.map-txt-whollywood{
  left: 795px;
  top: 666px;
}
.map-txt-beverlycenter{
  left: 832px;
  top: 699px;
}
.map-txt-burbank{
  left: 908px;
  top: 425px;
}
.map-txt-hollywoodhillseast{
  left: 898px;
  top: 546px;
}
.map-txt-hollywood{
  left: 909px;
  top: 649px;
}
.map-txt-hancockpark{
  left: 900px;
  top: 717px;
}
.map-txt-parkhillsheights{
  left: 819px;
  top: 894px;
}
.map-txt-losfelizatwater{
  left: 989px;
  top: 559px;
}
.map-txt-lacanadaflintridge{
  left: 1174px;
  top: 346px;
}
.map-txt-pasadena{
  left: 1296px;
  top: 488px;
}
.map-txt-calabasas{
  left: 222px;
  top: 524px;
}
.map-txt-woodlandhills{
  left: 327px;
  top: 474px;
}
.map-txt-tarzana{
  left: 424px;
  top: 502px;
}
.map-txt-encino{
  left: 528px;
  top: 499px;
}
.map-txt-malibu{
  left: 197px;
  top: 673px;
}
.map-txt-malibubeach{
  left: 251px;
  top: 761px;
}
.map-txt-lacresentamontrose{
  left: 1047px;
  top: 291px;
}
.map-txt-glendale{
  left: 1073px;
  top: 454px;
}
.map-txt-silverlake{
  left: 1024px;
  top: 657px;
}
.map-txt-echopark{
  left: 1084px;
  top: 693px;
}
.map-txt-downtownla{
  left: 1031px;
  top: 803px;
}
.map-txt-metropolitan{
  left: 1124px;
  top: 784px;
}
.map-txt-eaglerock{
  left: 1154px;
  top: 537px;
}
.map-txt-highlandpark{
  left: 1183px;
  top: 587px;
}
.map-txt-mountwashington{
  left: 1184px;
  top: 652px;
}
.map-txt-cypresspark{
  left: 1101px;
  top: 652px;
}
.map-txt-glassellpark{
  left: 1117px;
  top: 603px;
}
.map-txt-midla{
  left: 901px;
  top: 810px;
}
.map-txt-midwilshire{
  left: 970px;
  top: 725px;
}
.map-txt-marinadelrey{
  left: 641px;
  top: 951px;
}
.map-txt-playadelrey{
  left: 668px;
  top: 991px;
}
.map-txt-playavista{
  left: 731px;
  top: 947px;
}
/***** MAP LABELS END *****/

.map_left_wrap{
  position: absolute;
  left: 177px;
  left: 11.063vw;
  top: 220px;
  top: 13.75vw;
}
.ip-fn-title h2{
  font-size: 75px;
  font-size: 4.688vw;
}
.ip-fn-title h2 span{
  display: block;
}
.bg-map{
  
}
.bg-map canvas{
  filter: grayscale(1);
  opacity: 10%;
}
.bg-map::after{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/wp-content/uploads/2025/03/bg-overlay.png);
  background-position: center;
  background-size: contain;
}
.fn-list{
  margin-top: 50px;
}
.fn-list ul{
  column-count: 2;
}
.fn-list ul li{
  margin-bottom: 3px;
  text-align: center;
}
.fn-list ul li a{
  font-size: 18px;
  color: var(--primary);
  padding: 10px;
  display: inline-block;
  transition: var(--ip-default-transition);
}
.fn-list ul li a:hover{
  color: #ffffff;
  background: var(--primary);
}
/**************************************************/
/*MEDIA AND OTHER MOBILE STYLES*/
/**************************************************/
@media only screen and (min-width: 1601px){

}
@media only screen and (max-width: 1480px){

}
@media only screen and (max-width: 1366px){

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

}
@media only screen and (max-width: 991px){
  .map-wrap{
    padding: 70px 15px;
  }
  .map_left_wrap{
    position: relative;
    top: unset;
    left: unset;
  }
  .ip-fn-title h2{
    text-align: center;
    font-size: 50px;
  }

}
@media only screen and (max-width: 767px){
  .ip-fn-title h2{
    font-size: 40px;
  }
}
@media only screen and (max-width: 480px){
  .ip-fn-title h2{
    font-size: 30px;
  }
  .fn-list ul{
    column-count: 1;
  }
}