.hpwc-inner {
    display: flex;
    width: clamp(100px, 71.25vw , 1140px);
    margin: 0px auto;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.hpwc-l {
    width: calc((470 / 1140)* 100%);
}

.hpwc-r {
    width: calc((585 / 1140)* 100%);
}



.hpwc-txt p {
    font-size: clamp(12px, 0.9375vw , 15px);
    color: #000000;
    letter-spacing: 0.1em;
    font-weight: 400;
    line-height: 1.8;
}

.hpwc-l {
    position: relative;
}

.hpwc-l .accent {
    height: clamp(40px, 24.1875vw , 387px);
    left: clamp( -230px, -14.375vw, -100px);
    top: max( -6.375vw  , -102px );
    background: #042338;
}
.hpwc-l .image-holder {
    position: relative;
    z-index: 2;
}

.hpwc-inner {
    padding-top: min(6.375vw , 102px);
}

.hpwc-l .accent canvas {
    opacity: 20%;
    mix-blend-mode: luminosity;
}







.section.hpwc > .accent {
    width: clamp(50px, 6.25vw , 100px);
    left: auto;
    right: 0;
    height: auto;
    background: #fff;
}

.section.hpwc > .accent canvas {
    opacity: 20%;
    mix-blend-mode: luminosity;
}







.team-slider > .slick-list {
    margin-left: -15px;
    margin-right: -15px;
}

.agent-item {
    padding: 0 15px;
}

.team-slider {
    width: clamp(500px, 46.875vw, 750px);
    margin: 0px auto;
}

.hpteam-inner {
    position: relative;
    width: clamp(100px, 79.375vw , 1270px);
    margin: 0px auto;
}

.hpteam-inner .section-title {
    display: flex;
    justify-content: center;
}


























a.sc-arrow {
    position: absolute;
    top: 36%;
    transform: translateY(-50%);
    color: #000;
    font-size: 25px;
    text-decoration: none;
    transition: var(--default-transition);
}

a.sc-arrow:hover {
    opacity: 60%;
}

.sc-arrow-next {
    right: 0;
}

.sc-arrow-left {
    left: 0;
}

.agent-photo {
    position: relative;
    width: 100%;
    transition: var(--default-transition);
}

.agent-photo a {
    position: absolute;
    opacity: 0;
    bottom: 34px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
}

.section.hpteam {
    padding-bottom: clamp(200px, 27.750000000000004vw, 444px);
    padding-top: clamp(60px, 7.187499999999999vw, 115px);
}

.agent-info h2 {
    font-family: var(--font-family-title);
    color: #fff;
    text-align: center;
    font-size: clamp(24px, 2vw , 32px);
    font-weight: 400;
    margin-bottom: 14px;
}

.agent-info {
    padding-top: clamp(26px, 2.75vw , 44px);
}

.agent-info a {
    font-family: var(--font-family-small-title);
}

a.asis-mailto-obfuscated-email {}

.agent-info > a , .agent-info > em.ai-mobile-phone {
    display: flex;
    justify-content: center;
    color: #fff;
    font-weight: 300;
    font-size: clamp(12px, 0.8750000000000001vw , 14px);
    letter-spacing: 0.05em;
}

.agent-info > a {
    gap: 10px;
    align-items: center;
    margin-bottom: 18px;
}

.agent-info > em.ai-mobile-phone a {
    gap: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #fff;
    font-weight: 300;
    font-size: clamp(12px, 0.8750000000000001vw, 14px);
    letter-spacing: 0.05em;
}

.agent-info > a .ai-font-envelope-f {
    color: #f5f1c1;
    font-size: 10px;
}

.agent-info > em.ai-mobile-phone a i.ai-font-phone {
    font-size: 10px;
    color: #f5f1c1;
}

.agent-photo .image-holder:before {
    content: '';
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    width: 1px;
    background: #f5f1c1;
    z-index: 2;
    transition: var(--default-transition);
}

.agent-photo .image-holder {
    background: #042338;
}

.agent-photo .image-holder img {
    transition: var(--default-transition);
}

.agent-item:hover .agent-photo .image-holder img {
    mix-blend-mode: luminosity;
    opacity: 25%;
}

.agent-item:hover .agent-photo .image-holder:before {
    opacity: 0;
}

.agent-item:hover .agent-photo a {
    opacity: 1;
}







.hpteam-inner .site-btn {
    margin: 0px auto;
    margin-top: 65px;
}


.section.hpteam:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64%;
    background: #042338;
}



























.hpwwu-inner {
    position: relative;
    z-index: 9;
    width: clamp(100px, 81.25vw , 1300px);
    margin: 0px auto;
    padding-top: clamp(44px, 5.5vw , 88px);
    padding-bottom: clamp(57px, 7.124999999999999vw , 114px);
    padding-left: clamp(24px, 3vw , 48px);
    padding-right: clamp(24px, 3vw , 48px);
    margin-top: clamp(-350px, -21.875vw ,  -175px  );
    background: #fff;
}

.wwwu-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.wwwu-item {
    width: calc(100% / 3);
    padding: 0 clamp(18.5px, 2.3125vw, 37px);
    position: relative;
}

.hpwwu-inner .section-title {
    display: flex;
    justify-content: center;
    margin-bottom: clamp(37.5px, 4.6875vw , 75px);
}

.wwwu-item h2 {
    font-family: var(--font-family-title);
    font-size: clamp(30px, 3.75vw , 60px);
    letter-spacing: 0.02em;
    text-align: center;
    display: block;
    color: #042338;
    margin-bottom: clamp(23px, 2.875vw , 46px);
}

.wwwu-item p {
    text-align: center;
    font-size: clamp(12px, 0.9375vw , 15px);
    letter-spacing: 0.05em;
    line-height: 1.8;
}

.wwwu-item:after {
    content: '';
    position: absolute;
    right: -0.5px;
    height: 100%;
    width: 1px;
    top: 0;
    background: #000;
}

.wwwu-item:last-child:after {
    display: none;
}

.section.hpwwu {
    position: relative;
    z-index: 9;
    padding-bottom: clamp(61px, 6.375vw , 102px);
}

.section.hpwwu > .accent {
    height: 55%;
    top: inherit;
    bottom: 0;
}

.section.hpwwu > .accent canvas {
    opacity: 10%;
    mix-blend-mode: luminosity;
}

.section.hpwwu > .accent {
    background: #fff;
}





















.section.hpcta {
    padding: 0;
}

.cta-wrapper {
    display: flex;
    flex-flow: row wrap;
}

.cta-item {
    width: calc(100% / 2);
    position: relative;
}

.cta-info {
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50% , 50%);
}

.cta-info h2 {
    font-family: var(--font-family-title);
    color: #fff;
    text-align: center;
    display: block;
    font-size: clamp(32.5px, 4.0625vw , 65px);
}

.cta-item .image-holder {
    background: #000;
    transition: var(--default-transition);
}

.cta-item .image-holder img {
    transition: var(--default-transition);
    opacity: 55%;
}

.cta-info a {
    margin: 0px auto;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    transition: var(--default-transition);
    background: #f5f1c1;
    color: #333333 !important;
    border-color: #f5f1c1 !important;
    position: relative;
    z-index: 99;
}

.cta-item .image-holder:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 50px;
    background: #f5f3d9;
    z-index: 2;
    transform: translateX(-50%);
    transition: var(--default-transition);
}

.cta-item:hover .cta-info a {
    opacity: 1;
    visibility: visible;
    max-height: 1000px;
    margin-top: 20px;
}

.cta-item:hover .image-holder {
    background: #042338;
}

.cta-item:hover .image-holder img {
    mix-blend-mode: luminosity;
    opacity: 25%;
}

.cta-item:hover .image-holder:before {
    height: 7.75vw;
}



.cta-info a:hover {
    background: #042338 !important;
    color: #fff !important;
    border-color: #042338 !important;
}

.cta-info {
    z-index: 3;
}
















.section.hptl {
    padding: 0;
    padding-top: clamp(38px, 4.75vw , 76px);
    padding-bottom: clamp(60px, 7.5vw , 120px);
}

.hptl-items {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.tl-item {
    position: relative;
    width: calc(100% / 7 - 2.56px);
}
.tl-item a h2 {
    position: absolute;
    bottom: 5%;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: var(--font-family-small-title);
    letter-spacing: 0.075em;
    font-size: clamp(10px, 1.3125vw , 21px);
    transition: var(--default-transition);
    z-index: 3;
    line-height: 1.44;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tl-item .image-holder:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    z-index: 2;
    opacity: 70%;
    transition: var(--default-transition);
}

.hptl-title {
    display: flex;
    width: clamp(100px, 71.25vw , 1140px);
    margin: 0px auto;
    align-items: center;
    justify-content: space-between;
    margin-bottom: clamp(33px, 4.125vw , 66px);
}

.hptl-title p {
    font-family: var(--font-family-small-title);
    font-size: clamp(12px, 0.9375vw , 15px);
    font-weight: 400;
    letter-spacing: 0.1em;
    text-align: right;
    width: calc((707 / 1140)* 100%);
    line-height: 1.8;
}

.hptl-title .section-title {
    margin-bottom: 0;
}

.hptl-inner a.site-btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
}

.hptl-title .section-title .sc-innr span:after {
    width: clamp(75px, 9.375vw, 150px);
    margin-left: 12px;
}

.tl-item .image-holder:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    transition: var(--default-transition);
    background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
}

.tl-item:hover .image-holder:after {
    opacity: 70%;
}

.tl-item:hover .image-holder:before {
    opacity: 0;
}

.tl-item .image-holder {
    background: #042338;
}

.tl-item .image-holder img {
    transition: var(--default-transition);
}

.tl-item:hover .image-holder img {
    opacity: 25%;
    filter: grayscale(1);
}

.tl-item:hover a h2 {
    bottom: 50%;
    transform: translateY(50%);
}
















.section.hpfp {
    padding: 0;
}

.hpfp-inner .section-title {
    display: flex;
    justify-content: center;
}

.hpfp-inner .section-title .sc-innr span:after {
    width: clamp(114px, 14.249999999999998vw, 228px);
}

.fp-item {
    position: relative;
}

.fp-photo {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}

.fp-info-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    transition: var(--default-transition);
    opacity: 0;
    visibility: hidden;
    width: 100%;
}

.fp-info h2 {
    color: #042338;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: clamp(20px, 2.1875vw , 35px);
    text-align: center;
    margin-bottom: 10px;
}

.fp-info p , .fp-info span {
    text-align: center;
    display: block;
}

.fp-info p {
    font-size: clamp(14px, 1.25vw , 20px);
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-bottom: clamp(8px, 1.0625vw, 17px);
    color: #000000;
}

.fp-info span {
    font-size: clamp(9px, 0.6875vw, 11px);
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.25em;
    color: #000;
}

.fp-info {
    margin-top: clamp(25px, 3.125vw , 50px);
    transition: var(--default-transition);
}

.fp-photo .image-holder {
    background: #042338;
}

.fp-item:hover .fp-photo .image-holder img {
    mix-blend-mode: luminosity;
    opacity: 25%;
}

.fp-item .fp-photo .image-holder img {
    transition: var(--default-transition);
}

.fp-info-hover h2 {
    color: #fff;
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: clamp(20px, 2.1875vw, 35px);
    text-align: center;
    margin-bottom: 10px;
}

.fp-info-hover p {
    font-size: clamp(14px, 1.25vw, 20px);
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-bottom: clamp(8px, 1.0625vw, 17px);
    color: #fff;
    display: block;
    text-align: center;
}

.fp-info-hover span {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.25em;
    color: #fff;
    text-align: center;
    display: block;
    transition: var(--default-transition);
    font-size: clamp(9px, 0.6875vw, 11px);
}

.fp-item a.site-btn {
    border-color: #f5f1c1;
    background: #f5f1c1;
    color: #000;
    margin-top: 27px;
    margin-left: auto;
    margin-right: auto;
}

.fp-item a.site-btn span {
    color: #000;
}

.fp-item a.site-btn:hover {
    background: #042338;
    color: #fff;
    border-color: #042338;
}

.fp-item a.site-btn:hover span {
    color: #fff;
}

.fp-item:hover .fp-info-hover {
    visibility: visible;
    opacity: 1;
}

.fp-item:hover .fp-info {
    opacity: 0;
    visibility: hidden;
}

.section.hpfp .hpfp-inner > a.site-btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: clamp(35px, 4.375vw ,70px);
}


.fp-photo .image-holder:before {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%);
    height: 50px;
    width: 1px;
    background: #042338;
    z-index: 2;
    transition: var(--default-transition);
}

.fp-item:hover .fp-photo .image-holder:before {
    opacity: 0;
}
















.hplf-inner {
    display: flex;
    width: clamp(100px, 65vw , 1040px);
    margin: 0px auto;
    justify-content: space-between;
}

.hplf-l {
    width: calc((464/ 1040)* 100%);
}

.hplf-r {
    width: calc((507/ 1040)* 100%);
    padding-top: 27px;
}

.lf-btn-wrap{
    display: flex;
    flex-flow: wrap;
    margin-top: 25px;
    gap: 0 10px;
}
.hplf-r a.site-btn {
    width: clamp(220px, 19.375vw , 310px);
    width: calc(50% - 10px);
    margin-bottom: 10px;
    margin-top: 0;
    height: clamp(40px, 4.125vw, 50px);
    gap: 10px;
}
.hplf-r .section-title .sc-innr {
    line-height: 0.8;
}

.hplf-r .section-title .sc-innr span {
    margin-bottom: 20px;
}

.hplf-l .image-holder {
    border: 7px solid #fff;
    box-shadow: 0px 0px 40px rgba(0,0,0,30%);
}

.hplf-txt p {
    font-size: clamp(12px, 1.25vw  ,20px);
    font-family: var(--font-family-small-title);
    letter-spacing: 0;
    line-height: 1.68;
    color: #000000;
}
.section.hpfp {
    padding-bottom: clamp(55px, 7.187499999999999vw, 115px);
}











.section.hplf {
    padding-bottom: clamp(108px, 7.249999999999999vw , 116px);
    padding-bottom: clamp(180px, 14.38vw, 230px)
}

.hplf-inner {
    position: relative;
    z-index: 2;
}

.section.hplf .accent {
    height: clamp(100px, 13vw  , 208px);
    bottom: 0;
    top: inherit;
    background: #042338;
}

.section.hplf .accent canvas {
    opacity: 20%;
    mix-blend-mode: luminosity;
}







.hptesti-inner {
    display: flex;
    flex-flow: row wrap;
    width: clamp(100px, 71.25vw , 1140px);
    margin: 0px auto;
    justify-content: space-between;
}

.testi-l {
    width: calc((571 / 1140)* 100%);
}







.testi-item p {
    font-weight: 400;
    font-style: italic;
    font-size: clamp(12px, 1.25vw, 20px);
    font-family: var(--font-family-small-title);
    letter-spacing: 0;
    line-height: 1.68;
    color: #000000;
}
.testi-item span {
    font-family: var(--font-family-title);
    text-transform: uppercase;
    font-size: clamp(14px, 1.25vw , 20px);
    font-weight: 500;
    margin-top: 38px;
    display: block;
}

.testi-l a.site-btn {
    margin-top: 50px;
}

testi-l .section-title {
    margin-bottom: 40px;
}

.section.hptesti {
    padding-top: clamp(60px, 7.5vw , 120px);
    padding-bottom: clamp(50px, 6.25vw , 100px);
}

.testi-arrow {
    position: absolute;
    top: 0;
    right: -91px;
    width: 48px;
    height: 150px;
    display: flex;
    flex-flow: row wrap;
    margin-top: 62px;
}

.testi-r {
    width: calc((471 / 1140)* 100%);
    position: relative;
}

.testi-arrow a.sc-arrow {
    position: relative;
    width: 100%;
    height: calc(100% / 2);
    top: inherit;
    transform: none;
    border-bottom: 1px solid #d9d9d9;
}

.testi-arrow a.sc-arrow i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}



.testi-r .accent {
    height: clamp(40px, 24.1875vw, 387px);
    right: clamp(-230px, -14.375vw, -100px);
    bottom: max(-6.375vw, -102px);
    background: #042338;
    top: inherit;
    left: inherit;
}

.testi-r .accent canvas {
    opacity: 20%;
    mix-blend-mode: luminosity;
}

.testi-r .image-holder {
    position: relative;
    z-index: 2;
}











.hpmg-inner {
    display: flex;
    width: clamp(100px, 65vw , 1040px);
    margin: 0px auto;
    justify-content: space-between;
}

.hpmg-l {
    width: calc((464/ 1040)* 100%);
}

.hpmg-r {
    width: calc((507/ 1040)* 100%);
    padding-top: 27px;
}

.hpmg-r a.site-btn {
    width: clamp(220px, 19.375vw , 310px);
}

.hpmg-r .section-title .sc-innr {
    line-height: 0.8;
}

.hpmg-r .section-title .sc-innr span {
    margin-bottom: 20px;
}

.hpmg-l .image-holder {
    border: 7px solid #fff;
    box-shadow: 0px 0px 40px rgba(0,0,0,30%);
}

.hpmg-txt p {
    font-size: clamp(12px, 1.25vw  ,20px);
    font-family: var(--font-family-small-title);
    letter-spacing: 0;
    line-height: 1.68;
    color: #000000;
}

.section.hpmg {
    padding-bottom: clamp(108px, 7.249999999999999vw , 116px);
    padding-top: clamp(68px, 8.5vw , 136px);
}

.hpmg-inner {
    position: relative;
    z-index: 2;
}

.section.hpmg .accent {
    height: clamp(100px, 13vw  , 208px);
    bottom: 0;
    top: inherit;
    background: #042338;
}

.section.hpmg .accent canvas {
    opacity: 20%;
    mix-blend-mode: luminosity;
}







.testi-arrow a.sc-arrow:nth-child(2) {
    border-bottom: 0;
}

.testi-l .section-title .sc-innr span:after {
    width: clamp(100px, 23.125vw , 370px);
}

















.hpmg-r .section-title .sc-innr span:after {
    width: clamp(40px, 9.375vw , 150px);
}


















.hpvideos-inner .section-title .sc-innr span:after {
    width: clamp(20px, 6.25vw , 100px);
}

.hpvideos-inner .section-title {
    display: flex;
    justify-content: center;
}





.hpvideos-inner {
    position: relative;
    width: clamp(100px, 87.5vw , 1400px);
    margin: 0px auto;
}

.videos-arrows .sc-arrow {
    position: relative;
    top: inherit;
    left: inherit;
    transform: none;
}

.videos-arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(15px, 4.5vw , 72px);
    margin-top: 62px;
}

.videos-arrows a.site-btn {
    margin-top: 0;
}

.videos-item {
    padding: 0 15px;
}

.hpvideos-slider > .slick-list {
    margin-left: -15px;
    margin-right: -15px;
}










.section.hpvideos {
    padding-top: clamp(47.5px , 5.9375vw , 95px);
}

.section.hpvideos:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 58.2%;
    background: #042338;
}







.videos-item .vid-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    background-image: url(/wp-content/themes/mcleodteam/assets/images/play-icon.png);
    width: 79px;
    height: 59px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.videos-item {
    position: relative;
}

.videos-item .image-holder {
    background: #000;
}

.videos-item .image-holder img {
    opacity: 80%;
}

















.section.hpsm {
    padding: 0;
    width: calc(100% - 105px);
    margin-left: auto;
    padding-top: clamp(75px, 9.375vw , 150px);
    padding-bottom: clamp(60px, 7.5vw, 120px);
}

.hpsm-inner {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.hpsm-gallery {
    width: calc((997 / 1495 )* 100%);
}

.hpsm-title {
    width: calc((492 / 1495 )* 100%);
}

.sm-gallery-wrapper {
    display: flex;
    flex-flow: row wrap;
    width: calc(100% + 209px);
    margin-right: -209px;
    justify-content: space-between;
}

.sm-gallery-item {
    width: calc(100% / 5 - 19.5px);
    position: relative; 
    padding: 0 2px;
}

.sm-gallery-item i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    color: #f5f1c1;
    font-size: 68px;
    transition: var(--default-transition);
    opacity: 0;
}

.sm-gallery-item .image-holder {
    background: #042338;
}

.sm-gallery-item:hover .image-holder img {
    mix-blend-mode: luminosity;
    opacity: 25%;
}

.sm-gallery-item .image-holder img {
    transition: var(--default-transition);
}

.sm-gallery-item:hover i {
    opacity: 1;
}

.hpsm-title .section-title a {
    font-family: var(--font-family-title);
    color: #042338;
    font-size: 35px;
    font-weight: 500;
    text-decoration: none;
}

.hpsm-title .section-title .sc-innr {
    margin-bottom: 20px;
}

.hpsm-title .section-title .sc-innr span:after {
    width: clamp(10px, 9.875vw , 158px);
}

.sm-smi-inner {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    gap: 12px;
}

.sm-smi-inner a {
    background: #042338;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
}

.sm-smi {
    display: flex;
    justify-content: flex-end;
    padding-right: 6.25vw;
    margin-top: clamp(29px, 3.6249999999999996vw , 58px);
}


.sm-smi-inner a {
    text-decoration: none;
    transition: var(--default-transition);
}

.sm-smi-inner a:hover {
    background: #f5f1c1;
    color: #042338;
}


.hpssline {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #eee89b;
    height: 10px;
}

.hpssline:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 26.875%;
    z-index: 3;
    background: #f5f1c1;
    height: 100%;
}







.hpmap-inner {
    width: clamp(100px, 71.25vw , 1140px);
    margin: 0px auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.hpmap-r {
    width: calc((434/ 1140)* 100%);
}

.map-loc {
    display: flex;
    flex-flow: row wrap;
    gap: clamp(30px, 5.75vw , 92px);
    margin-left: clamp(27.5px, 3.4375000000000004vw , 55px);
}

.loc-list a {
    font-family: var(--font-family-small-title);
    text-transform: uppercase;
    color: #030303;
    font-size: clamp(12px, 1.25vw, 20px);
    letter-spacing: 0.05em;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: clamp(10px, 1.25vw , 20px);
    padding: 30px 0;
    border-bottom: 1px solid #f5f3d9;
    padding-right: 8px;
}

.loc-list a i {
    font-size: 24px;
    color: #a0a0a0;
}

.loc-list:last-child a {
    border-bottom: 0;
}

.section.hpmap {padding-top: clamp(56px, 7.000000000000001vw , 112px);}

.hpmap-l .section-title {
    margin-bottom: clamp(36px, 3vw , 48px);
}



.hpteam-inner .section-title .sc-innr span:after {
    width: clamp(40px, 16.875vw , 270px);
}



.hpwwu-inner .section-title .sc-innr span:after {
    width: clamp(40px, 8.75vw , 140px);
}





















.fix-bg canvas {
    background-attachment: fixed;
}

.safari-true .fix-bg canvas {
    background-attachment: scroll !important;
}

.hpsm-title .section-title a {
    font-size: clamp(22px, 2.1875vw , 35px);
}



  .section.hpwc {
      padding-top: clamp(41px, 5.125vw , 82px);
  }










  .hp-ss-inner > canvas {
      display: block;
      width: 100%;
      height: auto;
      position: relative;
  }



  .hp-ss-inner {
      overflow: hidden;
  }


  .hp-ss-inner .slider-fixed-pos {

      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;

  }







  .aios-scroll-section {
      background: #fff;
      position: relative;
      z-index: 9;
  }

#home-featured-properties{
    padding-top: 50px;
}

  footer.footer {
      background: #fff;
      position: relative;
      z-index: 9;
  }




.hpwwu:before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 45%;
      background: #042338;
  }


  .videos-item .image-holder img {
      transition: var(--default-transition);
  }

  .videos-item:hover .image-holder img {
      opacity: 50%;
  }

  .hpsm-title .section-title a {
      transition: var(--default-transition);
  }

  .hpsm-title .section-title a:hover {
      opacity: 80%;
  }











  #scroll-down ul.aios-section-nav {
      display: none;
  }

  #scroll-down {
      position: fixed;
      right: 40px;
      z-index: 99;
      top: 50%;
      transform: translateY(-50%);
  }

  #scroll-down a {
      color: #fff;
      font-size: 23px;
      display: flex;
      justify-content: center;
      margin-bottom: clamp(20px, 3.0625vw , 49px);
    transition: var(--default-transition);
    text-decoration: none;

  }



  #scroll-down a:last-child {
      margin-bottom: 0;
  }

  body[sidebar-active-section="home-welcome"] #scroll-down a ,  body[sidebar-active-section="home-team"] #scroll-down a,
  body[sidebar-active-section="home-map"] #scroll-down a ,
  body[sidebar-active-section="home-featured-properties"] #scroll-down a ,
  body[sidebar-active-section="home-lake-front"] #scroll-down a ,
  body[sidebar-active-section="home-testimonials"] #scroll-down a ,
  body[sidebar-active-section="home-magazine"] #scroll-down a ,
  body[sidebar-active-section="home-socialmedia"] #scroll-down a ,
  body[sidebar-active-section="home-footer-form"] #scroll-down a
  {
      color: #042338;
  }


  #scroll-down a:hover {
    transform: scale(1.1);
    opacity: 90%;
  }


  .agent-info a {
      transition: var(--default-transition);
  }
  .agent-info a:hover{
      opacity:60%;
  }





  .loc-list a {
      text-decoration: none;
      transition: var(--default-transition);
  }

  .loc-list a:hover i {
      color: #042338;
  }

  .loc-list a i {
      transition: var(--default-transition);
  }

#aios-slider-home-slider .aios-slider-volume{
    bottom: 230px !important;
}

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

  .fix-bg canvas {
      background-attachment: scroll !important;
  }

}










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

    .cta-item:hover .image-holder:before {
        height: 9.75vw;
    }

}











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


  .hp-ss-inner .slider-fixed-pos {
    position: relative;
}

.hp-ss-inner > canvas {
    display: none;
}



  .section.hpwc > .accent {
      display: none;
  }

  .hpwc-l {
      width: 100%;
  }
  .hpwc-r {
      width: 100%;
      margin-top: 40px;
  }

  .hpwc-txt p {
      text-align: center;
  }
  .hpwc-inner {
      max-width: 600px;
      width: 100%;
  }

  .section-title .sc-innr em{
    margin-top: 0px;
  }

  .hptl-title p {
      width: 100%;
      text-align: center;
  }

  .hptl-title {
      flex-flow: row wrap;
  }

  .hptl-title .section-title {
      width: 100%;
      margin-bottom: 20px;
  }

  .tl-item {
      width: calc(100% / 3 - 2.56px);
      margin-bottom: 4px;
  }

  .tl-item:last-child {
      display: none;
  }












  .hplf-inner {
      flex-flow: row wrap;
  }

  .hplf-l {
      width: 100%;
      margin-bottom: 20px;
  }

  .hplf-r {
      width: 100%;
      padding-bottom: 60px;
  }

  .hplf-l .image-holder {
      max-width: 400px;
      margin: 0px auto;
  }

  .hplf-txt p {
      text-align: center;
  }











    .hpmg-inner {
        flex-flow: row wrap;
    }

    .hpmg-l {
        width: 100%;
        margin-bottom: 20px;
    }

    .hpmg-r {
        width: 100%;
        padding-bottom: 60px;
    }

    .hpmg-l .image-holder {
        max-width: 400px;
        margin: 0px auto;
    }

    .hpmg-txt p {
        text-align: center;
    }























  .testi-l {
      width: 100%;
  }

  .testi-r {
      width: 100%;
      display: flex;
      flex-flow: row wrap;
      flex-direction: column-reverse;
      max-width: 400px;
      margin: 0px auto;
  }

  .testi-arrow {
      position: relative;
      width: auto;
      right: 0;
      margin-top: 0;
      flex-direction: row-reverse;
      justify-content: center;
      height: auto;
      margin: 20px 0;
  }

  .testi-r .image-holder {
      width: 100%;
  }

  .testi-arrow a.sc-arrow {
      width: 64px;
      border-bottom: 0;
      height: 64px;
  }

  .testi-item {
      text-align: center;
  }






  .videos-arrows {
      width: 287px;
      margin-left: auto;
      margin-right: auto;
  }




  .hpsm-inner {
      flex-flow: row wrap;
  }

  .hpsm-title {
      width: 100%;
      margin-bottom: 40px;
  }

  .hpsm-gallery {
      width: 100%;
  }

  .sm-gallery-wrapper {
      margin-right: 0;
      width: 100%;
  }

  .section.hpsm {
      width: 100%;
      padding: 0 15px;
      padding-top: clamp(75px, 9.375vw, 150px);
      padding-bottom: clamp(60px, 7.5vw, 120px);
  }

  .hpsm-title .section-title {
      flex-flow: row wrap;
  }

  .hpsm-title .section-title a {
      width: 100%;
      text-align: center;
  }

  .sm-smi {
      justify-content: center;
      padding-right: 0;
  }
    #aios-slider-home-slider .aios-slider-volume{
        bottom: 20px !important;
    }
    .hplf-r a.site-btn{
        width: 100%;
    }

}







/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 767px) {
  .wwwu-item:after {
      display: none;
  }

  .wwwu-item {
      width: 100%;
      margin-bottom: 30px;
  }

  .cta-item {
    width: 100%;
}














.cta-item {
    width: 100%;
}

.hpmap-l {
    width: 100%;
}

.hpmap-r {
    width: 100%;
    margin-bottom: 30px;
}

.hpmap-inner {
    flex-direction: column-reverse;
}

.map-loc {
    margin: 0;
    justify-content: center;
}

.hpmap-r .image-holder {
    max-width: 260px;
    margin: 0px auto;
}




.hptl-title {
    width: 100%;
    padding: 0 15px;
}




}



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





  .team-slider{
    width: clamp(235px, 46.875vw, 750px);
  }


  .videos-item .vid-play-btn {
    width: 40px;
    height: 30px;
}

.sm-gallery-item {
    width: calc(100% / 2 - 8.5px);
    margin-bottom: 17px;
}


}









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



.map-col {
    width: 100%;
}

.map-loc {
    gap: initial;
}

.loc-list:last-child a {
    border-bottom: 1px solid #f5f3d9;
}

.loc-list a {
    justify-content: center;
}
}