/*
Theme Name: Michele Matteazzi
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.6.1
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/*

TABLE OF CONTENTS

1. Variables
2. Custom CSS
3. IP styles
4. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css

*/

/*******************************************************
 *
 * 1. Variables
 *
 *******************************************************/

:root {
    /** Font default */
    --font-family-default: 'Metropolis', sans-serif;
    --font-family-title: 'Caslon Graphique', serif;
    --font-size-default: 14px;
    --font-size-title: 18px;
    --font-color-default: #000000;
    --font-color-title: #6c757d;

    /** Use for input, button, and any other element */
    --primary: #007bff;
    --primary: #eb1937;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --default-transition: .3s cubic-bezier(.4, 0, .2, 1);
}

/*******************************************************
 *
 * 2. Navigation
 *
 *******************************************************/

/* Sub Menu */
#nav li {
    position: relative;
    display: inline-block;
}

#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: rgba(0, 0, 0, 0.9) url("images/submenu-fixer.png");
    display: none;
    padding: 0;
    position: absolute;
    width: 100%;
    min-width: 180px;
}

#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}

#nav .sub-menu a:hover {
    background: none repeat scroll 0 0 var(--light);
    color: var(--font-color-default);
    text-decoration: none;
}

#nav .sub-menu .sub-menu {
    margin-left: 100%;
    top: 0;
}

#nav li:hover>.sub-menu {
    display: block;
}

#nav .sub-menu li {
    position: relative;
}


/*******************************************************
 *
 * 3. Custom CSS
 *
 *******************************************************/

/* Global */

body {
    font-family: var(--font-family-default);
    font-size: var(--font-size-default);
    background: #FFFFFF;
    color: var(--font-color-default);
    margin: 0;

    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
}

html,
body {
    margin: 0;
    overflow-x: hidden;
}

a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.canvas_img {
    position: relative;
}

.canvas_img canvas {
    width: 100%;
    height: auto;
    display: block;
}

.canvas_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: transform 0.75s, visibility 0.75s ease-in !important;
}


.non_parallax_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    font-size: 0;
}

.non_parallax_bg canvas {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

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

.site-title {
    position: relative;
}


.site-title h2 {
    font-family: var(--font-family-title);
    font-size: 59.95px;
    font-size: clamp(42px, 4vw, 62px);
    font-weight: 600;
    background: -webkit-linear-gradient(180deg, #eb1937 46%, #940015);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: normal;
    line-height: 1;
    text-align: center;
    padding-bottom: 8px;
}


.site-title span {
    display: block;
    font-family: var(--font-family-default);
    font-size: 23.98px;
    font-size: clamp(16.5px, 1.6vw, 22.98px);
    letter-spacing: 0.2em;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    text-align: center;

}

.site-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 62px;
    height: clamp(45px, 4vw, 62px);
    font-family: var(--font-family-default);
    font-size: 16px;
    font-size: 14.5px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    border-image: linear-gradient(to left, #940015, #eb1937, #940015) 20;
    border-width: 1px;
    border-style: solid;
    position: relative;
    z-index: 5;
    outline: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.site-btn:hover {
    color: #fff !important;
    border-image: linear-gradient(to right, #940015, #eb1937) 20 !important;
}

.site-btn:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #940015, #eb1937);
    pointer-events: none;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.site-btn:hover:before {
    opacity: 1;
}


body #pojo-a11y-toolbar {
    bottom: 0 !important;
    top: auto !important;
}

body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
    top: auto !important;
    bottom: 0 !important;
}

button:focus-visible,
a:focus-visible {
    outline-style: solid !important;
    outline-width: 5px !important;
    outline-color: red !important;
    transition: none !important;
}

/* High contrast and Negative contrast break canvas elements with backgrounds */
#pojo-a11y-toolbar .pojo-a11y-btn-high-contrast,
#pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast,
#pojo-a11y-toolbar .pojo-a11y-btn-grayscale,
#pojo-a11y-toolbar .pojo-a11y-btn-light-background {
    display: none !important;
}


/* Header Section */
.header {
    z-index: 7;
    position: fixed;
    top: 0;
    width: 100%;
    padding: 35px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hdr-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 95%;
    max-width: 1478px;
    margin: auto;
    flex-wrap: wrap;
}

.hdr-logo {
    max-width: 268px;
    width: 18.132611637348%;
}

.hdr-logo a {
    display: block;
    width: 100%;
}

.hdr-info {
    max-width: 1210px;
    width: 81.867388362652%;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
}



/*header nav*/
.hdr-nav {
    display: flex;
    justify-content: center;
    text-align: center;
    max-width: 1084px;
    /* width: 73.342354533153%; */
    max-width: 1021px;
    width: 84.43579766537%;
}

.hdr-nav>div {
    /* width: calc(100% - 171px); */
    display: flex;
    justify-content: right;
    align-items: center;
    position: relative;
    padding-right: 6px;
    margin: auto;
    margin-right: 0;
}

.hdr-nav ul#nav {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hdr-nav ul#nav>li {
    position: relative;
    display: inline-block;
    padding: 0 clamp(26px, 2.6vw, 38px);
}

.hdr-nav ul#nav>li>a {
    color: #fff;
    font-weight: 500;
    font-family: var(--font-family-default);
    letter-spacing: 0.075em;
    font-size: 16px;
    font-size: clamp(13.25px, 1vw, 15.25px);
    font-weight: 400;
    letter-spacing: 0.025em;
    text-align: center;
    display: block;
    position: relative;
    text-transform: uppercase;
    background: transparent !important;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hdr-nav ul#nav>li>a:before,
.hdr-nav ul#nav>li>a:after {
    position: absolute;
    content: "";
    height: 3px;
    width: clamp(50px, 5vw, 72px);
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(to right, #940015, #eb1937);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hdr-nav ul#nav>li>a:before {
    top: 25px;
}

.hdr-nav ul#nav>li>a:after {
    bottom: 25px;
}

.hdr-nav ul#nav>li:hover>a:before,
.hdr-nav ul#nav>li:hover>a:after {
    opacity: 1;
}


.hdr-nav ul#nav li ul.sub-menu {
    display: block;
    position: absolute;
    left: -150%;
    right: -150%;
    text-align: center;
    padding: 0;
    margin: 0 auto !important;
    list-style: none outside none;
    width: 100%;
    width: 144px;
    min-width: 170px;
    opacity: 0;
    background: transparent;
    padding-top: 35px;
    pointer-events: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hdr-nav ul#nav>li:hover>ul.sub-menu {
    padding-top: 28px;
    opacity: 1;
    pointer-events: auto;
}

.hdr-nav ul#nav li ul.sub-menu li {
    line-height: 1;
    width: 100%;
    background: #fff;
}

.hdr-nav ul#nav li ul.sub-menu li:first-child {
    padding-top: 9px;
}

.hdr-nav ul#nav li ul.sub-menu li:last-child {
    padding-bottom: 9px;
}

.hdr-nav ul#nav li ul.sub-menu li a {
    font-size: 14px;
    font-size: clamp(12.25px, 0.875vw, 13.45px);
    font-weight: 400;
    font-family: var(--font-family-default);
    letter-spacing: 0.025em;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #000 !important;
    height: 31px;
    z-index: 4;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.hdr-nav ul#nav li ul.sub-menu li a:hover {
    color: #fff !important;
}


.hdr-nav ul#nav li ul.sub-menu li a:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #940015, #eb1937);
    pointer-events: none;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hdr-nav ul#nav li ul.sub-menu li a:hover:before {
    opacity: 1;
}

.hdr-nav ul#nav li ul.sub-menu li a:hover {
    background: var(--secondary);
}

.hdr-subs {
    max-width: 171px;
    width: 16.748285994123%;
    min-width: 140px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-image: linear-gradient(to left, #940015, #eb1937, #940015) 20;
    border-width: 2px;
    border-style: solid;
    font-family: var(--font-family-default);
    font-size: 16px;
    font-size: clamp(13.25px, 1vw, 15.25px);
    font-weight: 400;
    z-index: 2;
    letter-spacing: 0.025em;
    color: #fff !important;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hdr-subs:hover {
    border-image: linear-gradient(to right, #940015, #eb1937) 20 !important;
}



.hdr-subs:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #940015, #eb1937);
    pointer-events: none;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hdr-subs:hover:before {
    opacity: 1;
}


.hdr-subs i {
    font-size: 20px;
    margin-right: 10px;
}

.hdr-smis {
    max-width: 126px;
    min-width: 120px;
    width: 8.5250338294993%;
    width: 10.413223140496%;
    padding-left: 8px;
    padding-left: 0.66115702479339%;
}

.hdr-smis>div {
    height: 100%;
    width: 100%;
}

.hdr-smi {
    display: flex;
    align-items: center;
    height: 100%;
}

.hdr-smi a:first-child i {
    font-size: 13px;
}

.hdr-smi a:nth-child(2) i {
    font-size: 12px;
}

.hdr-smi a:nth-child(3) i {
    font-size: 16px;
}

.hdr-smi a {
    font-size: 0;
    margin-left: 25px;
    margin-left: 21.186440677966%;
    position: relative;
}

.hdr-smi a i {
    background: -webkit-linear-gradient(180deg, #fff 46%, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hdr-smi a:hover i {
    background: -webkit-linear-gradient(180deg, #eb1937 46%, #940015);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.hdr-smi a span {
    display: none;
}

.hdr-smi a:hover {
    color: var(--secondary);
}

.hdr-fixed {
    background: #fff;
    /* height: 85px; */
    padding: 20px 0;
}

.hdr-fixed .hdr-logo img,
.hdr-fixed .hdr-logo canvas {
    max-height: 60px;
    width: auto;
}

.hdr-fixed .hdr-nav>div {
    margin-right: -14px;
}

.hdr-fixed .hdr-nav ul#nav>li>a {
    color: #000;
    font-weight: 500;
}

.hdr-fixed .hdr-nav .hdr-subs {
    display: none;
}

.hdr-fixed .hdr-smi a i {
    background: -webkit-linear-gradient(180deg, #eb1937 46%, #940015);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.hdr-fixed .hdr-smi a:hover i {
    background: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000;
}

body:not(.home) .hdr-nav ul#nav>li>a,
body:not(.home) .hdr-subs {
    color: #000 !important;
}

#fxd-smi {
    position: fixed;
    z-index: 5;
    transform: translateY(-50%);
    top: 46.2%;
    /* right: -10px; */
    right: -38px;
}

#fxd-smi ul {
    width: 33.33%;
}

#fxd-smi ul li.fl-smi {
    margin: 17px 0;
    position: relative;
    padding-right: 3.5px;
}

#fxd-smi ul li.fl-smi a {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: linear-gradient(to right, #940015, #eb1937);
    color: #fff;
    font-size: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: auto;
}

#fxd-smi ul li.fl-smi a:hover {
    /* border-image: linear-gradient(to right, #940015, #eb1937) 20;
    border-width: 1px;
    border-style: solid; */
    border: 1px solid #eb1937;
    color: #eb1937;
    background: transparent;
}

#fxd-smi ul li.smi-divider {
    width: 1px;
    height: 42px;
    background: #fff;
    margin: 23px auto;
    filter: drop-shadow(1px 1px 4px #000);

}

#fxd-smi li.fl-follow {
    font-family: var(--font-family-default);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transform: rotate(-90deg);
    /* margin-top: 50px; */
    margin-top: unset !important;
    width: 133px;
    margin-left: -51px;
}

#fxd-smi li.fl-follow a {
    color: #fff;
    text-shadow: 1px 1px 4px #000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#fxd-smi li.fl-follow a:hover {
    color: #eb1937;
}

/**/

#hp-ss #aios-slider-hp-slideshow .aios-slider-splide .aios-slider-custom-video canvas {
    background: #000;
}

.ss-wrap {
    position: relative;
}

/* .ss-wrap::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 105%;
    width: 100%;
    background: linear-gradient(to bottom, #000, transparent);
    opacity: 76%;
    z-index: 1;
    pointer-events: none;
} */

.ss-tagline {
    position: absolute;
    width: 90%;
    max-width: 850px;
    left: 50%;
    top: 57%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
}

.ss-tagline h2 {
    font-family: var(--font-family-title);
    font-size: 60px;
    font-size: clamp(40px, 4vw, 62px);
    font-weight: 400;
    color: #fff;
    line-height: 1.15;
    letter-spacing: normal;
}

.ss-tagline span {
    font-family: var(--font-family-default);
    font-size: 24px;
    font-size: clamp(15px, 1.5vw, 22px);
    font-weight: 300;
    color: #fff;
    /* line-height: 1.9; */
    letter-spacing: normal;
    margin-top: clamp(20px, 2.2vw, 35px);
    display: block;
}

/**/
.hp-fi {
    padding: clamp(60px, 5.5vw, 87px) 0;
}

.fi-wrap {
    width: 95%;
    max-width: 1482px;
    margin: auto;
}

.fi-feeds {
    display: flex;
    align-items: center;
}

.fi-title {
    max-width: 345px;
    width: 23.279352226721%;
    border-right: 1px solid #808080;
}

.fi-title .site-title h2 {
    text-align: left;
    font-size: 47.04px;
    font-size: 49px;
    font-size: clamp(34px, 3.5vw, 49px);
}

.fi-title .site-title span {
    font-size: 18.82px;
    font-size: clamp(13.5px, 1.3vw, 17.5px);
    text-align: left;
}

.fi-img {
    max-width: 1137px;
    width: 76.720647773279%;
    display: flex;
    justify-content: right;
    padding-right: 5px;
}

.fi-img .slick-slide {
    /* margin-left: 66px;
    margin-left: 5.8303886925795%;
    margin-left: min(4.125vw, 66px); */
    margin: auto;
    padding: 0 min(1.25vw, 20px);
    /* max-height: 40px; */
}

.fi-img .slick-track {
    justify-content: center;
    align-items: center;
    display: flex !important;
}

.fi-img .canvas_img img {
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 50px;
    object-fit: contain;
    filter: brightness(0);
}

.hp-ssp {
    padding: 115px 0 175px;
    padding: clamp(100px, 7.3vw, 115px) 0 clamp(160px, 11vw, 175px);
    position: relative;
}

.ssp-bg,
.hp-ssp>.non_parallax_bg {
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
    width: clamp(670px, 45.188%, 723px);
    opacity: 35%;
}

.ssp-wrap {
    margin: auto;
    width: 72%;
    max-width: 1150px;
}

.ssp-title p {
    text-align: center;
    font-family: var(--font-family-default);
    font-size: 16px;
    font-size: clamp(11.6px, 0.975vw, 14.5px);
    line-height: 2;
    margin: 22px auto 25px;
}

.ssp-feeds {
    display: flex;
    justify-content: center;
    margin: auto;
    max-width: 892px;
}

.ssp-item {
    width: calc(100% / 3);
}

.ssp-item .canvas_img {
    margin: 35px auto;
    max-height: 82px;
}

.ssp-item .canvas_img canvas {
    height: auto;
    width: auto;
}

.ssp-item .canvas_img img {
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ssp-item p {
    text-align: center;
    font-family: var(--font-family-default);
    font-size: 16px;
    font-size: clamp(11.6px, 0.975vw, 14.5px);
    line-height: 1.5;
}

.ssp-item span {
    display: block;
    font-size: 18px;
    font-size: clamp(14px, 1.3vw, 16.5px);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.8;
}


.hp-wc {
    position: relative;
    max-width: 1600px;
    margin: auto;
}

.wc-arrows {
    position: absolute;
    top: 40%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 98%;
    left: 50%;
    display: flex;
    justify-content: space-between;
}

.wc-arrows div {
    width: clamp(50px, 4.75vw, 75px);
    height: clamp(50px, 4.75vw, 75px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-image: linear-gradient(to left, #940015, #eb1937, #940015) 20;
    border-width: 1px;
    border-style: solid;
    background: #fff;
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    outline: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wc-arrows div:hover {
    border-image: linear-gradient(to right, #940015, #eb1937) 20;
}

.wc-arrows div:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #940015, #eb1937);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wc-arrows div:hover:before {
    opacity: 1;
}

.wc-arrows div img {
    width: 41.304347826087%;
    height: 29%;
    filter: brightness(0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wc-arrows div:hover img {
    filter: brightness(0) invert(1);
}

/**/
.wc-wrap {
    width: 97%;
    width: 87%;
    max-width: 1544px;
    margin: auto;
    padding-bottom: clamp(60px, 6vw, 90px);
}

.wc-item {
    display: flex !important;
    justify-content: space-between;
    /* align-items: center; */
}

.wc-title {
    max-width: 548px;
    width: 35.492227979275%;
    /* padding-left: 32px;
    padding-left: 2.0725388601036%; */
    padding-top: calc(clamp(160px, 10vw, 185px) + 30px);
}

.wc-title .site-title {
    margin-top: -10px;
}

.wc-title .site-title h2,
.wc-title .site-title span {
    text-align: left;
}

.wc-vid {
    position: relative;
    margin-top: clamp(70px, 7.5vw, 120px);
    z-index: 3;
    display: block;
}

.wc-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    background: linear-gradient(to right, #940015, #eb1937);
    transform: translate(-50%, -50%);
    width: 76px;
    height: 76px;
    border-radius: 100%;
    z-index: 4;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wc-vid:hover .wc-video-play {
    background: transparent;
    border: 1px solid #eb1937;
}

.wc-video-btn {
    position: absolute;
    left: 54%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    width: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 22px solid #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wc-vid:hover .wc-video-btn {
    border-left-color: #eb1937;
}

.wc-img {
    max-width: 485px;
    width: 31.411917098446%;
    padding-top: clamp(60px, 5.5vw, 85px);
    padding-top: calc(clamp(60px, 5.5vw, 85px) + 30px);
}

.wc-agent {
    position: relative;
    margin-left: -73px;
    margin-left: -15.051546391753%;
    max-width: 580px;
    width: 119.58762886598%;
    z-index: 2;
}

.wc-awards p {
    font-family: var(--font-family-title);
    font-size: 36px;
    font-size: clamp(30px, 2.5vw, 37.5px);
    line-height: 1;
    text-align: center;
    color: #000;
    padding-right: 50px;
    padding-right: 10.309278350515%;
    padding-top: 10px;
    margin: clamp(5px, 1.3vw, 20px) auto;
}

.wc-list {
    display: flex;
    align-items: center;
    justify-content: left;
    margin-left: 2px;
}

.wc-list .canvas_img {
    margin: 18.5px;
}

.wc-list .canvas_img img {
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: brightness(0);
}

.wc-txt {
    position: relative;
    max-width: 511px;
    width: 33.09585492228%;
    /* height: 855px; */
    padding: 95px 43px 105px 65px;
    padding: clamp(50px, 6vw, 95px) 2.7849740932642% clamp(60px, 6.7vw, 105px) 4.2098445595855%;
}

.wc-txt:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #940015, #eb1937);
    opacity: 78%;
}

.wc-txt>.non_parallax_bg canvas {
    filter: grayscale(1);
}

.wc-desc {
    position: relative;
}

.wc-desc h3 {
    font-family: var(--font-family-title);
    font-size: 24px;
    font-size: clamp(15.5px, 1.55vw, 24.6px);
    color: #fff;
    line-height: 1.6;
}

.wc-desc p {
    font-family: var(--font-family-default);
    font-size: 16px;
    font-size: clamp(8.85px, 0.895vw, 14.27px);
    color: #fff;
    line-height: 2.1;
    font-weight: 300;
    text-align: justify;
    margin-bottom: clamp(20px, 2vw, 30px);
}

.wc-btn {
    position: relative;
    margin-top: clamp(35px, 3.2vw, 50px);
}

.wc-btn .site-btn {
    border-image: linear-gradient(to left, #fff, #fff) 20;
    color: #fff;
    width: 57.071960297767%;
    height: clamp(45px, 4vw, 62px);
}

/**/
.hp-wwu {
    position: relative;
    padding: 0 0 40px;
    width: 100%;
    max-width: 1600px;
    margin: auto;
}

.wwu-watermark {
    position: absolute;
    right: 3.25%;
    z-index: -1;
    bottom: -22%;
    width: 50.1878%;
    opacity: 5%;
}

.wwu-wrap {
    width: 95%;
    max-width: 1258px;
    margin: auto;
}

.wwu-feeds {
    display: flex;
    justify-content: center;
    margin: 35px auto 40px;
    margin: clamp(28px, 2.3vw, 35px) auto clamp(33px, 2.75vw, 40px);
}

.wwu-item {
    margin: 10px;
    margin: max(0.79491255961844%, 5px);
    border-image: linear-gradient(to left, #940015, #eb1937, #940015) 20;
    border-width: 1px;
    border-style: solid;
    /* height: 259px; */
    padding: clamp(35px, 3vw, 43px) 0 clamp(55px, 4.1vw, 65px);
}

.wwu-item:nth-child(1) {
    max-width: 227px;
    width: 18.044515103339%;
}

.wwu-item:nth-child(2) {
    max-width: 347px;
    width: 27.58346581876%;
    background: #000;
    color: #fff;
    border-image: linear-gradient(to left, #000, #000, #000) 20;
}

.wwu-item:nth-child(3) {
    max-width: 297px;
    width: 23.608903020668%;
}

.wwu-item:nth-child(4) {
    max-width: 297px;
    width: 23.608903020668%;
    border-image: linear-gradient(to left, #eb1937, #940015) 20;
    background: linear-gradient(to right, #940015, #eb1937);
    color: #fff;
}

.wwu-item h3 {
    font-family: var(--font-family-title);
    font-size: 60px;
    font-size: clamp(50px, 4vw, 64px);
    font-weight: 400;
    /* color: #fff; */
    line-height: 1.6;
    letter-spacing: -0.075em;
    text-align: center;
}

.wwu-item h3 i {
    font-style: normal;
}

.wwu-item h3 span {
    display: block;
    font-size: 16px;
    font-size: clamp(13.25px, 1vw, 15.25px);
    font-weight: 400;
    font-family: var(--font-family-default);
    letter-spacing: normal;
    line-height: 1.5;
}

/**/

.test-wrap {
    width: 100%;
    max-width: 1600px;
    margin: auto;
}

.test-col {
    display: flex;
    position: relative;
}

.test-img {
    width: 50%;
    position: relative;
    padding-right: 82px;
    padding-right: 5.125%;
    padding-top: 96px;
    padding-top: clamp(85px, 6vw, 96px);
    padding-bottom: 136px;
    padding-bottom: clamp(114px, 9vw, 136px);
}

.test-bg {
    width: 50%;
    position: relative;
    padding-left: 407px;
    padding-left: 25.4375%;
}

.test-bg .non_parallax_bg {
    width: 49.125%;
    right: 0;
    left: auto;
    top: auto;
    height: auto;
}

.test-bg .non_parallax_bg canvas {
    background-attachment: fixed;
}

.test-bg>.non_parallax_bg:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #eb1937;
    opacity: 89%;
    z-index: 1;
}

.test-block {
    position: absolute;
    bottom: 0;
    left: 59.2%;
    transform: translateX(-50%);
    z-index: 1;
    max-width: 848px;
    width: 53%;
}

.test-block .non_parallax_bg canvas {
    filter: grayscale(1);
}

.test-cont {
    position: relative;
    padding: 100px 68px 100px 83px;
    padding: clamp(70px, 6.5vw, 100px) 8.0188679245283% clamp(70px, 6.5vw, 100px) 9.7877358490566%;
}

.test-cont:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 75%;
}

.test-title .site-title h2,
.test-title .site-title span {
    text-align: left;
    color: #fff;
    background: transparent;
    -webkit-text-fill-color: #fff;
}

.test-feeds {
    position: relative;
    display: flex;
    margin: 78px 0 55px;
    margin: clamp(55px, 5vw, 78px) 0 clamp(35px, 4vw, 55px);
}

.test-item p {
    font-family: var(--font-family-default);
    font-size: 16px;
    font-size: clamp(9px, 0.9vw, 14.35px);
    color: #fff;
    line-height: 2.1;
    margin: clamp(20px, 2vw, 30px) 0;
}

.test-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.test-arrows {
    display: flex;
    justify-content: space-between;
}

.test-arrows div {
    width: clamp(70px, 6vw, 92px);
    height: clamp(70px, 6vw, 92px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid #fff;
    margin-left: clamp(20px, 2vw, 28px);
    cursor: pointer;
    position: relative;
    outline: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.test-arrows div:hover {
    border-image: linear-gradient(to right, #940015, #eb1937) 20;
    border-width: 1px;
    border-style: solid;
}

.test-arrows div:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #940015, #eb1937);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.test-arrows div:hover:before {
    opacity: 1;
}

.test-btn .site-btn {
    color: #fff;
    max-width: 190px;
    width: 27.259684361549%;
    font-weight: 400;
    font-size: clamp(10px, 0.95vw, 15px);

}

.test-arrows div img {
    width: 41.304347826087%;
    height: 29%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.test-arrows div:hover img {
    filter: brightness(0) invert(1);
}

/**/

.hp-fp {
    /* height: 1042px; */
    padding-bottom: clamp(140px, 11vw, 175px);
    padding-top: clamp(100px, 9vw, 136px);
}

.fp-wrap {
    width: 100%;
    /* max-width: 1600px;
    overflow: hidden; */
    margin: auto;
    position: relative;
    display: flex;
    flex-direction: column;
}

.fp-feeds {
    display: block;
    position: relative;
    /* margin: 0 -57% 0 0; */
    margin-right: -52.65%;
}

.fp-feeds .slick-list {
    padding-bottom: clamp(120px, 9.5vw, 150px);
}

.fp-item {
    display: block;
    position: relative;
    /* max-width: 1174px; */
    padding-right: 47px;
    padding-right: 3.85%;
}

.fp-item .fp-image:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #000, rgba(0, 0, 0, 0.2));
    opacity: 50%;
    z-index: 1;
}

.fp-img {
    position: relative;
    display: block;
}

.fp-img,
.fp-img canvas,
.fp-img img {
    min-height: 200px;
}

.fp-watermark {
    position: absolute;
    right: 0;
    width: 62.096%;
    top: 0;
    z-index: 1;
    filter: brightness(0) invert(1);
    opacity: 25%;
}

.fp-info {
    position: absolute;
    right: 47px;
    right: 3.85%;
    z-index: 2;
    bottom: -132px;
    bottom: min(-22.8%, -102px);
    /* width: 456px; */
    /* height: 227px; */
    width: 37.346437346437%;
    background: #fff;
    padding-left: 65px;
    padding-left: 5.3235053235053%;
    padding-top: 25px;
    padding-top: clamp(18px, 1.6vw, 25px);
    padding-bottom: 18px;
    padding-bottom: clamp(15px, 1.4vw, 18px);
    padding-right: 54px;
    padding-right: 4.4226044226044%;
}

.fp-info p {
    font-family: var(--font-family-title);
    font-size: 30px;
    font-size: clamp(24px, 2vw, 31px);
    background: -webkit-linear-gradient(180deg, #eb1937 46%, #940015);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 2.5;
}

.fp-info h4 {
    font-family: var(--font-family-title);
    font-size: 48px;
    font-size: clamp(31px, 3.125vw, 49px);
    color: #000;
    line-height: 1;
    text-transform: uppercase;
}


.fp-info h4 span {
    font-family: var(--font-family-default);
    font-size: 24px;
    font-size: 21.5px;
    font-size: clamp(14.5px, 1.5vw, 21.5px);
    color: #000;
    line-height: 1.4;
    display: block;
}

.fp-info h4 em {
    font-family: var(--font-family-title);
    font-size: 24px;
    font-size: clamp(19.5px, 1.8vw, 26.5px);
    color: #000;
    line-height: 1;
    display: block;
    font-style: normal;
}

.fp-btn {
    opacity: 0;
    margin-bottom: -62px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fp-btn .site-btn {
    width: 69%;
    max-width: 230px;
    font-size: clamp(12px, 1vw, 15px);
}

.fp-item:hover .fp-btn,
.fp-info:hover .fp-btn {
    margin-top: 30px;
    margin-bottom: 0;
    opacity: 1;
    height: auto;
}

.fp-feeds:not(.slick-initialized) .fp-item:nth-child(n+2) {
    display: none;
}


.slick-current.slick-active .fp-item {
    opacity: 1;
    visibility: visible;
}

.slick-current.slick-active+.slick-slide .fp-item {
    opacity: 1;
    visibility: visible;
}

.fp-txt {
    display: flex;
    justify-content: space-between;
    padding: 0 3.75%;
    position: absolute;
    bottom: 27px;
    width: 100%;
    align-items: flex-end;
    pointer-events: none;
}

.fp-title {
    background: linear-gradient(to right, #940015, #eb1937);
    /* width: 429px; */
    /* height: 171px; */
    padding-top: clamp(33px, 3vw, 43px);
    padding-left: 41px;
    padding-left: 2.7702702702703%;
    padding-right: 64px;
    padding-right: 4.3243243243243%;
    padding-bottom: clamp(25px, 2.4vw, 35px);
}

.fp-title .site-title h2,
.fp-title .site-title span {
    text-align: left;
    color: #fff;
    background: transparent;
    -webkit-text-fill-color: #fff;
}

.fp-arrows {
    display: flex;
    justify-content: space-between;
    padding-right: 6px;
    padding-bottom: 5px;
}

.fp-arrows div {
    width: clamp(70px, 6vw, 92px);
    height: clamp(70px, 6vw, 92px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-image: linear-gradient(to left, #940015, #eb1937, #940015) 20;
    border-width: 1px;
    border-style: solid;
    margin-left: clamp(20px, 2vw, 28px);
    background: #fff;
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    outline: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fp-arrows div:hover {
    border-image: linear-gradient(to right, #940015, #eb1937) 20;
}

.fp-arrows div:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #940015, #eb1937);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fp-arrows div:hover:before {
    opacity: 1;
}

.fp-arrows div img {
    width: 41.304347826087%;
    height: 29%;
    filter: brightness(0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fp-arrows div:hover img {
    filter: brightness(0) invert(1);
}

/**/
.hp-fc {
    position: relative;
    /* height: 729px; */
    padding: 83px 0 103px;
    padding: clamp(65px, 5.2vw, 83px) 0 clamp(85px, 7vw, 103px);
    z-index: 1;
}

.hp-fc .non_parallax_bg canvas {
    filter: grayscale(1) brightness(17%);
}

.fc-wrap {
    width: 80%;
    max-width: 1280px;
    margin: auto;
}

.fc-feeds {
    display: flex;
    align-items: center;
}

.fc-txt {
    width: 40%;
    margin-top: clamp(50px, 4.1vw, 65px);
}

.fc-txt .site-title h2,
.fc-txt .site-title span {
    text-align: left;
    color: #fff;
}

.fc-list {
    column-count: 2;
    padding-top: 47px;
    padding-top: clamp(30px, 3vw, 47px);
}

.fc-item {
    padding: 6px 0;
}

.fc-item a {
    height: 37px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    font-size: clamp(15px, 1.1vw, 17px);
    letter-spacing: 0.035em;
    padding: 0 10px;
    width: fit-content;
    min-width: clamp(125px, 9.1vw, 145px);
    margin-left: -10px;
    z-index: 5;
    position: relative;
}


.fc-item a:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #940015, #eb1937);
    pointer-events: none;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fc-item a:hover:before {
    opacity: 1;
    width: 100%;
}

.fc-map {
    width: 60%;
}

.fc-img {
    width: 75%;
    max-width: 566px;
    margin-left: 65px;
    margin-left: 8.4635416666667%;
}

.hp-mr {
    /* height: 953px; */
    padding-top: clamp(100px, 11.1vw, 177px);
    padding-bottom: clamp(50px, 5vw, 73px);
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: auto;
}

.mr-watermark {
    position: absolute;
    left: 8%;
    z-index: -1;
    opacity: 5%;
    width: 50.1878%;
    max-width: 1111px;
    bottom: 0%;
}

.mr-wrap {
    padding-top: clamp(85px, 7vw, 108px);
}

.mr-feeds {
    display: flex;

}

.mr-txt {
    max-width: 704px;
    width: 44%;
    padding-left: 111px;
    padding-left: 6.9375%;
    padding-right: 60px;
    padding-right: 3.75%;
    padding-top: 40px;
}

.mr-txt .site-title h2,
.mr-txt .site-title span {
    text-align: left;
}

.mr-txt p {
    font-family: var(--font-family-default);
    font-size: 16px;
    font-size: clamp(8.9px, 0.9vw, 14.35px);
    color: #000;
    line-height: 2.1;
    margin: clamp(25px, 2vw, 32px) auto clamp(45px, 4vw, 58px);
    max-width: 631px;
}

.mr-txt .site-btn {
    margin-top: -15px;
    width: 43.154%;
    max-width: 230px;
    font-size: clamp(10px, 0.95vw, 15px);
}

.mr-empty {
    max-width: 896px;
    width: 56%;
    padding-bottom: clamp(78px, 7.5vw, 119px);
    padding-bottom: clamp(55px, 4.5vw, 119px);
    position: relative;
}

.mr-img {
    margin-right: 65px;
    margin-right: 7.2544642857143%;
    position: relative;
    display: block;
    margin-right: 43.089286%;
    margin-left: 23%;
}

.mr-img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 45%;
    z-index: 1;
}

.mr-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    background: linear-gradient(to right, #940015, #eb1937);
    transform: translate(-50%, -50%);
    width: 112px;
    height: 112px;
    width: 76px;
    height: 76px;
    border-radius: 100%;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.mr-img:hover .mr-video-play {
    background: transparent;
    border: 1px solid #eb1937;
}

.mr-video-btn {
    position: absolute;
    left: 54%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    width: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 33px solid #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 22px solid #fff;

}

.mr-img:hover .mr-video-btn {
    border-left-color: #eb1937;
}

.mr-bg {
    position: absolute;
    max-width: 641px;
    width: 71.540178571429%;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.mr-empty .non_parallax_bg {
    width: 49.125%;
    right: 0;
    left: auto;
    top: auto;
    height: auto;
    bottom: 0;
    max-width: 641px;
    width: 71.540178571429%;
}

.mr-empty .non_parallax_bg canvas {
    background-attachment: fixed;
}

.mr-empty>.non_parallax_bg:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #940015, #eb1937);
    opacity: 78%;
    z-index: 1;
}

.mr-bg>.canvas_img img {
    filter: grayscale(1);
}

/**/
.ws-wrap {
    width: 100%;
    max-width: 1545px;
    margin: auto;
    padding-top: 70px;
    padding-top: clamp(30px, 5vw, 70px);
}

.ws-feeds {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ws-title p {
    font-family: var(--font-family-default);
    font-size: 16px;
    font-size: 14.35px;
    font-size: clamp(11.9px, 0.9vw, 14.35px);
    color: #000;
    line-height: 2.1;
    text-align: center;
    margin: clamp(25px, 2vw, 32px) auto clamp(45px, 4vw, 58px);
    max-width: 631px;
    width: 53%;
    min-width: 266px;
}

.ws-item {
    width: calc(100% / 3);
    display: flex;
    flex-wrap: wrap;
    padding: 0 28.5px;
    padding: 0 1.8446601941748%;
}

.ws-item>div {
    width: 100%;
}

.wsi-acct {
    width: fit-content;
    font-family: var(--font-family-default);
    font-size: 24px;
    font-size: clamp(16px, 1.5vw, 22px);
    padding-left: 5px;
    color: #000 !important;
    line-height: 2.2;
    font-weight: 500;
    position: relative;
    /* margin-right: 80px; */
}

.wsi-acct:before {
    position: absolute;
    content: "";
    bottom: -5px;
    left: 8px;
    width: calc(100% - 7px);
    height: 1px;
    background: linear-gradient(to right, #940015, #eb1937);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.wsi-acct:hover:before {
    opacity: 1;
}

.wsi-item {
    width: 50%;
    padding: 5px;
    display: block;
}

.wsi-item:not(.wsi-follow-us)>div:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 53.4%;
    background: linear-gradient(to top, #000, transparent);
    opacity: 50%;
    z-index: 1;
    z-index: 5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wsi-item:not(.wsi-follow-us):hover>div:before {
    opacity: 0;
}

.wsi-item:not(.wsi-follow-us)>div:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #940015, #eb1937);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wsi-item:not(.wsi-follow-us):hover>div:after {
    opacity: 50%;
}

.wsi-item:not(.wsi-follow-us)>div i {
    position: absolute;
    font-size: 20px;
    z-index: 6;
    color: #fff;
    bottom: 20px;
    right: 19px;
}

.wsi-follow-us {
    display: flex;
    align-items: center;
    justify-content: center;
    border-image: linear-gradient(to left, #940015, #eb1937, #940015) 20;
    border-width: 1px;
    border-style: solid;
    text-transform: uppercase;
    margin: 5px auto;
    width: calc(50% - 10px);
    font-size: 16px;
    font-weight: 500;
    font-size: clamp(12px, 1vw, 15.5px);
    position: relative;
    z-index: 5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wsi-follow-us:hover {
    color: #fff !important;
    border-image: linear-gradient(to right, #940015, #eb1937) 20 !important;
}

.wsi-follow-us:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #940015, #eb1937);
    pointer-events: none;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wsi-follow-us:hover:before {
    opacity: 1;
}

/**/

.hp-mo {
    padding: 72px 0;
}

.mo-wrap {
    width: 95%;
    max-width: 1476px;
    margin: auto;
}

.mo-feeds {
    display: flex;
    align-items: center;
}

.mo-title {
    max-width: 342px;
    width: 23.170731707317%;
    border-right: 1px solid #808080;
}

.mo-title .site-title h2 {
    text-align: left;
    font-size: 46.1px;
    font-size: clamp(33px, 3vw, 48px);
}

.mo-title .site-title span {
    font-size: 18.44px;
    font-size: clamp(13.5px, 1.3vw, 17.4px);
    text-align: left;
}

.mo-img {
    max-width: 1134px;
    width: 76.829268292683%;
    display: flex;
    justify-content: right;
}

.mo-img .slick-slide {
    /* margin-left: 48px;
    margin-left: 4.2328042328042%;
    margin-left: min(3vw, 48px); */
    margin: auto;
    padding: 0 min(1.25vw, 20px);
    /* max-height: 40px; */
}

.mo-img .slick-track {
    justify-content: center;
    align-items: center;
    display: flex !important;
}

.mo-img .canvas_img img {
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 80px;
    object-fit: contain;
}

.hp-cf {}

.cf-wrap {

    width: 100%;
    max-width: 1600px;
    margin: auto;
    padding: clamp(80px, 7vw, 100px) 0;
}

.cf-feeds {
    display: flex;
}

.cf-txt {
    width: 50%;
    /* padding: 0 45px; */
    padding-right: 40px;
    padding-right: 2.5%;
    padding-left: 50px;
    padding-left: 3.125%;
    padding-top: clamp(50px, 6vw, 95px);
    position: relative;
}

.cf-watermark {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 107.625%;
    right: -26%;
    opacity: 20%;
}

.cf-txt p {
    font-family: var(--font-family-default);
    font-size: 16px;
    font-size: clamp(10.5px, 0.9vw, 14.5px);
    color: #000;
    letter-spacing: 0.035em;
    line-height: 1.7;
    text-align: center;
    margin: clamp(25px, 2vw, 32px) auto clamp(40px, 4vw, 58px);
}

.cf-form form input,
.cf-form form textarea {
    border: none;
    outline: none;
    padding: 0 20px;
    width: 100%;
    font-family: var(--font-family-default);
    font-size: 16px;
    font-size: clamp(10.5px, 0.9vw, 14.5px);
    color: #000;
    height: clamp(40px, 4vw, 54px);
    border-bottom: 1px solid #000;
    letter-spacing: 0.035em;
    background: transparent;
}

.cf-form form textarea {
    height: clamp(100px, 8.5vw, 123px);
    resize: none;
    padding: clamp(15px, 1.4vw, 20px) 20px;
}

.cf-form form .info-holder {
    display: flex;
    flex-wrap: wrap;
}

.cf-form form .info-item {
    width: 695px;
    width: 100%;
    padding: clamp(5px, 0.9vw, 14px) 10px;
}

.cf-form form .info-item.ii-short {
    width: 335px;
    width: 50%;
}

.cf-form>.wpcf7 {
    position: relative;
}

.cf-form form .site-btn {
    margin: auto;
    margin-top: clamp(15px, 1.6vw, 25px);
    background: transparent;
    max-width: 190px;
    min-width: 100px;
    width: 28%;
    font-size: clamp(10px, 0.95vw, 15px);
    height: clamp(45px, 4vw, 62px);
    border-image: linear-gradient(to left, #940015, #eb1937, #940015) 20;
    border-width: 1px;
    border-style: solid;
    position: relative;
    z-index: 5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cf-form form .site-btn:hover {
    color: #fff !important;
    border-image: linear-gradient(to right, #940015, #eb1937) 20 !important;
}

.cf-form form .site-btn:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #940015, #eb1937);
    pointer-events: none;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cf-form form .site-btn:hover:before {
    opacity: 1;
}

.cf-form form .wpcf7-spinner {
    position: absolute;
    bottom: -30px;
    margin: 0;
    left: 50%;
    transform: translateX(-50%);
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    width: auto;
    top: -2px;
    left: 1em;
    right: auto;
    font-family: var(--font-family-default);
    z-index: 3;
    font-size: clamp(10.5px, 0.9vw, 14.5px);
    letter-spacing: 0.035em;

}

.cf-form .wpcf7 form .wpcf7-response-output {
    width: calc(100% - 20px);
    left: 0;
    right: 0;
    color: #000;
    bottom: -40px;
    margin: auto;
    font-size: clamp(10.5px, 0.9vw, 14.5px);
    letter-spacing: 0.035em;

}

.wpcf7 form .wpcf7-response-output {
    text-align: center;
    color: #fff;
    position: absolute;
    line-height: 1;
    font-size: 14px;
}

.cf-empty {
    width: 50%;
    position: relative;
    padding-bottom: clamp(75px, 7vw, 100px);
}

.cf-img {
    margin-right: 7.375%;
}

.cf-bg {
    position: absolute;
    width: 641px;
    width: 80.125%;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.cf-bg>.canvas_img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #940015, #eb1937);
    opacity: 78%;
    z-index: 1;
}

.cf-bg>.canvas_img img {
    filter: grayscale(1);
}

/**/
.footer {
    /* height: 743px; */
    position: relative;
    padding-top: clamp(80px, 6vw, 96px);
    padding-bottom: clamp(90px, 7vw, 106px);
}

.footer .non_parallax_bg canvas {
    background-attachment: fixed;
    background-position: top center;
}

.footer:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 74%;
    z-index: 1;
}

.ftr-wrap {
    width: 95%;
    max-width: 1144px;
    margin: auto;
    position: relative;
    z-index: 2;
}

.ftr-feeds {
    display: flex;
}

.ftr-item {
    width: 50%;
}

.ftr-logo {
    max-width: 476px;
    width: 84%;
}

.ftr-logo img {
    filter: brightness(0) invert(1);
}

.ftr-contact {
    padding-top: 25px;
}

.ftr-contact li {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.75;
    font-size: 14px;
    font-size: clamp(12px, 0.875vw, 13.25px);
    margin: clamp(24px, 1.7vw, 26px) 0;
}

.ftr-contact li a {
    text-transform: none;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.ftr-contact li a:hover {
    color: #eb1937;
}

.ftr-copyright {
    padding-top: 14px;
}

.ftr-copyright p {
    color: #9e9e9e;
    letter-spacing: 0.1em;
    line-height: 1.8;
    font-size: 14px;
    font-size: clamp(12px, 0.875vw, 13.1px);
    width: 80%;
}

.ftr-item:nth-child(2) {
    padding-left: 30px;
}

.ftr-nav {
    padding-top: 40px;
}

.ftr-nav ul#ftr-nav {
    column-count: 2;
}

.ftr-nav ul#ftr-nav>li {
    margin-bottom: 35px;
    margin-bottom: clamp(28px, 2.4vw, 35px);
}

.ftr-nav ul#ftr-nav>li:last-child {
    margin-bottom: 50px;
}

.ftr-nav ul#ftr-nav>li>a {
    font-size: 24px;
    font-size: clamp(20px, 1.5vw, 22.5px);
    letter-spacing: 0.05em;
    line-height: 1.4;
}

.ftr-nav li a {
    color: #fff;
    text-transform: uppercase;
    line-height: 1.7;
    font-size: 14px;
    font-size: clamp(12px, 0.875vw, 13.5px);
    letter-spacing: 0.05em;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.ftr-nav li a:hover {
    color: #eb1937;
}

.ftr-smi {
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
    /* font-size: 10.6px; */
    letter-spacing: 0.1em;
    padding-top: 32px;
}

.ftr-smi ul {
    display: flex;
    align-items: center;
    padding-top: 25px;
}

.ftr-smi li {
    margin-right: 19px;
}

.ftr-smi li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 17px;
    background: linear-gradient(to right, #940015, #eb1937);
    color: #fff;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ftr-smi li a:hover {
    /* border-image: linear-gradient(to right, #940015, #eb1937) 20;
    border-width: 1px;
    border-style: solid; */
    border: 1px solid #eb1937;
    color: #eb1937;
    background: transparent;
}

.ftr-disclaimer p {
    color: #9e9e9e;
    letter-spacing: 0.05em;
    line-height: 2.2;
    font-weight: 500;
    font-size: 12px;
    font-size: 11.5px;
    padding-top: clamp(32px, 3vw, 40px);
    font-size: 11.1px;
}

.ftr-disclaimer a,
.ftr-copyright a {
    color: #9e9e9e;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ftr-disclaimer a:hover,
.ftr-copyright a:hover {
    color: #eb1937 !important;
}

.ftr-copyright a[href="https://www.agentimage.com/"] {
    text-decoration: underline;
    font-weight: 700;
    color: #fff;
}

.ftr-mls {
    margin-top: 30px;
    font-size: clamp(35px, 3.5vw, 43px);
    font-size: 42px;
    color: #9e9e9e;
    text-align: center;
    display: flex;
    align-items: center;
}

.ftr-mls i.ai-font-eho {
    font-size: clamp(26px, 2vw, 29px);
    margin-right: 16px;
    margin-top: 2px;
}

/*******************************************************
 *
 * 4. IP Styles
 *
 *******************************************************/
.ip-banner {
    position: relative;
    width: 100%;
    display: none;
}

.ip-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .6);
}

.ip-banner canvas {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    min-height: 250px;
    background-color: var(--dark);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ip-banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.ip-banner h1 {
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.7;
}

.ip-banner h1 span {
    display: block;
    font-size: 24px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.01em;
}

#inner-page-wrapper {
    opacity: 0;
}

/* Adjust minimum height of page area */
#content-sidebar,
#content-full {
    min-height: 500px;
    margin-top: 20px;
}

/** Adjust width of content columns **/
#content-sidebar #content {
    width: 77.08%;
}

#content-full #content {
    width: 100%;
}

/* Adjust width of sidebar */
.sidebar {
    width: 20.83%;
}

/* fullwidth template */
.page-template-template-fullwidth #content {
    padding-left: 15px;
    padding-right: 15px;
}

.page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
    margin-left: -15px;
    margin-right: -15px;
}

/* Adjust line height of page elements */
#content h4,
aside h4,
#content p,
aside p,
#content blockquote,
aside blockquote,
#content ul,
aside ul,
#content fieldset,
aside fieldset,
#content form,
aside form,
#content ol,
aside ol,
#content dl,
aside dl,
#content dir,
aside dir,
#content menu,
aside menu {
    line-height: 1.7
}

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title {}

#content .entry-title h2,
#content .archive-title h2 {
    font-family: var(--font-family-title);
    font-size: clamp(28px, 5vw, 62px);
    font-weight: 600;
    background: -webkit-linear-gradient(180deg, #eb1937 46%, #940015);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: normal;
    text-transform: uppercase;
    line-height: 1;
    text-align: left;
    margin: 0;
    margin-bottom: 25px;
    padding-bottom: 8px;

}


#content .entry-title span,
#content .archive-title span {
    line-height: 1;
    display: block;
    font-family: var(--font-family-default);
    font-size: clamp(16.5px, 1.6vw, 22.98px);
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    /* text-shadow: 0px 6px 6px #fff; */
}


/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {}

/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */


/*#hp-wc,
#hp-fi,
#hp-test,
#hp-fp,
#hp-mo {
    opacity: 0;
}

#hp-ssp,
#hp-wwu,
#hp-fc,
#hp-mr,
#hp-ws,
#hp-cf,
#ftr {
    display: none;
}*/


/* Map */
.hp-map {
    position: relative;
    font-size: 0;
}

.map-inner {
    position: relative;
    width: 1600px;
}

.map-inner .global-site-title {
    position: absolute;
    z-index: 5;
    pointer-events: none;
    top: 52px;
    left: 105px;
}

.map-transparent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    opacity: 0;
    max-width: 100%;
}

.map-true {
    z-index: 1;
    max-width: 100%;
}

.map-hovers>div {
    position: absolute;
    top: 0;
    left: auto;
    pointer-events: none;
    z-index: 8;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.map-hovers>div.is-active {
    opacity: 1;
}

.hp-sbm-wrap {
    position: relative;
}

.hp-sbm-content {
    max-width: 565px;
    width: 100%;
    position: absolute;
    top: 138px;
    left: 75px;
    z-index: 8;
    pointer-events: none;
}

.hp-sbm-areas>ul {
    padding-left: 0;
    padding-top: 48px;
}

.hp-sbm-areas>ul>li {
    position: relative;
    padding: 20.5px 0 24.5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: fit-content;
}

.hp-sbm-areas>ul>li:hover,
.hp-sbm-areas>ul>li.is-active {
    /* margin-bottom: -40.5px; */
    padding-bottom: 4.5px;
}

.hp-sbm-areas>ul>li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 24px;
    /* transform: translateY(-50%); */
    width: 9px;
    height: 9px;
    background: #707070;
    border-radius: 100%;
}

.hp-sbm-areas ul li a {
    display: flex;
    align-items: center;
    width: fit-content;
    font-size: 20.5px;
    /* font-weight: 500; */
    letter-spacing: 0.04em;
    color: #707070;
    text-transform: uppercase;
    padding-left: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.hp-sbm-areas>ul>li>a {
    pointer-events: auto;
}

.hp-sbm-areas ul li.is-active>a,
.hp-sbm-areas ul li a:hover,
.hp-sbm-areas ul li a.map-hover {
    color: red;
    font-weight: 700;
}

.hp-sbm-areas>ul>li>ul {
    opacity: 0;
    height: 0;
    padding-left: 15px;
    padding-top: 6px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hp-sbm-areas ul li:hover>ul,
.hp-sbm-areas>ul>li.is-active>ul,
.hp-sbm-areas>ul>li>ul.is-active,
.hp-sbm-areas ul li ul li ul.is-active {
    opacity: 1;
    height: auto;
    pointer-events: auto;
}

.hp-sbm-areas>ul>li:hover>ul,
.hp-sbm-areas>ul>li.is-active>ul,
.hp-sbm-areas>ul>li>ul.is-active {
    height: auto;
}

.hp-sbm-areas ul ul>li {
    padding: 9px 0;
}

.hp-sbm-areas>ul>li:hover>ul>li,
.hp-sbm-areas>ul>li.is-active>ul>li {
    height: auto;
}

.hp-sbm-areas ul ul>li>a {
    font-size: 16.5px;
}

.hp-sbm-areas ul ul li.is-active a,
.hp-sbm-areas ul ul li a:hover {
    font-weight: 500;
}

.hp-sbm-areas ul ul ul {
    padding-left: 26px;
    padding-top: 8px;
    margin-bottom: -5px;
}


.hp-sbm-areas ul ul ul li {
    /* padding-top: 14px;
    height: auto;
    margin-bottom: -5px; */
    padding: 6px 0;
    pointer-events: none;
}

.hp-sbm-areas ul ul li ul li.is-active,
.hp-sbm-areas ul ul li:hover ul li,
.hp-sbm-areas ul ul li:hover ul.is-active li {
    pointer-events: auto;
}

.hp-sbm-areas ul ul li:hover ul>li,
.hp-sbm-areas ul ul li.is-active ul>li,
.hp-sbm-areas ul li ul li ul.is-active li,
.hp-sbm-areas ul li ul li ul li.is-active {
    padding: 6px 0;
    height: auto;
}

.hp-sbm-areas ul ul ul>li>a {
    font-size: 14.5px;
}

.hp-sbm-areas ul li span {
    display: inline-block;
}

.hp-sbm-outer canvas {
    position: relative;
    width: 100%;
    display: block;
    min-height: 695px;
    background-size: cover;
    background-position: center;
}

div#hp-sbm-wrap {
    /*overflow: hidden;*/
    position: relative;
}

#hp-sbm {
    position: relative;
    width: 1600px;
}

#hp-sbm-truemap {
    z-index: 2;
    position: absolute;
    width: 986px;
    right: 49.5px;
    bottom: 81px;
}

#hp-sbm-truemap-bg {
    z-index: 1;
    position: relative;
    filter: grayscale(1);
}

#hp-sbm-truemap-lights {
    position: absolute;
    right: 26px;
    bottom: 16px;
    z-index: 10;
    pointer-events: none;
}



.hp-sbm-title .site-title * {
    text-align: left;
}

.hp-sbm-maintitle {
    display: block;
    position: absolute;
    font-family: var(--font-family-title);
    font-size: 26px;
    text-align: center;
    color: #dedede;
    font-weight: 600;
    pointer-events: none;
    opacity: 1;
    z-index: 10;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

span[data-area="List Abbotsford"].hp-sbm-maintitle {
    bottom: 216px;
    right: 715px;
}

span[data-area="List Chilliwack"].hp-sbm-maintitle {
    bottom: 400px;
    right: 121px;
}

span[data-area="List Mission"].hp-sbm-maintitle {
    bottom: 515px;
    right: 789px;
}

.hp-sbm-submain {
    display: block;
    position: absolute;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.05em;
    pointer-events: none;
    opacity: 0;
    z-index: 10;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

span[data-area="List Abbotsford East"].hp-sbm-submain {
    bottom: 190px;
    right: 555px;
}

span[data-area="List Central Abbotsford"].hp-sbm-submain {
    right: 762px;
    bottom: 74px;
}

span[data-area="List Abbotsford West"].hp-sbm-submain {
    right: 911px;
    bottom: 129px;
}

span[data-area="List Sardis"].hp-sbm-submain {
    right: 329px;
    bottom: 341px;
}

span[data-area="List Yarrow"].hp-sbm-submain {
    right: 484px;
    bottom: 235px;
}

.hp-sbm-subtitle {
    display: block;
    position: absolute;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.175em;
    line-height: 1.4;
    pointer-events: none;
    opacity: 0;
    z-index: 10;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hp-sbm-subtitle:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background: #fff;
    top: -5px;
    left: 28px;
}

span[data-area="List Auguston"].hp-sbm-subtitle {
    bottom: 262px;
    right: 625px;
}

span[data-area="List Auguston"].hp-sbm-subtitle:before {
    top: -5px;
    left: 28px;
}

span[data-area="List Eagle Mountain"].hp-sbm-subtitle {
    bottom: 135px;
    right: 671px;
}

span[data-area="List Eagle Mountain"].hp-sbm-subtitle:before {
    top: -10px;
    left: 28px;
}

span[data-area="List U District"].hp-sbm-subtitle {
    bottom: 99px;
    right: 707px;
}

span[data-area="List U District"].hp-sbm-subtitle:before {
    top: 5px;
    left: -7px;
}

span[data-area="List Historic Downtown"].hp-sbm-subtitle {
    bottom: 136px;
    right: 766px;
}

span[data-area="List Historic Downtown"].hp-sbm-subtitle:before {
    top: -6px;
    left: 35px;
}

span[data-area="List Matsuqui Village"].hp-sbm-subtitle {
    bottom: 283px;
    right: 775px;
}

span[data-area="List Matsuqui Village"].hp-sbm-subtitle:before {
    top: -8px;
    left: 37px;
}

span[data-area="List Bradner"].hp-sbm-subtitle {
    bottom: 298px;
    right: 950px;
}

span[data-area="List Bradner"].hp-sbm-subtitle:before {
    top: -7px;
    left: 28px;
    left: 40px;
}

span[data-area="List Promontory"].hp-sbm-subtitle {
    bottom: 295px;
    right: 216px;
}

span[data-area="List Promontory"].hp-sbm-subtitle:before {
    top: 4px;
    left: -9px;
}

span[data-area="List Garrison Crossing"].hp-sbm-subtitle {
    bottom: 266px;
    right: 319px;
}

span[data-area="List Garrison Crossing"].hp-sbm-subtitle:before {
    top: -8px;
    left: 25px;
}

span.hp-sbm-list-abbotsford.is-active,
span.hp-sbm-list-chilliwack.is-active {
    opacity: 1;
}

/* .map-hovers>div[data-area="Abbotsford"] {
    top: 315.5px;
    right: 435px;
}

.map-hovers>div[data-area="Abbotsford"].is-active {
    pointer-events: all;
} */

.map-hovers>div[data-area="Abbotsford"],
.map-hovers>div[data-area="Abbotsford East"],
.map-hovers>div[data-area="Auguston"],
.map-hovers>div[data-area="Eagle Mountain"],
.map-hovers>div[data-area="Central Abbotsford"],
.map-hovers>div[data-area="Matsuqui Village"],
.map-hovers>div[data-area="Historic Downtown"],
.map-hovers>div[data-area="U District"],
.map-hovers>div[data-area="Abbotsford West"],
.map-hovers>div[data-area="Bradner"] {
    top: 316px;
    right: 433.5px;
}

.map-hovers>div[data-area="Chilliwack"],
.map-hovers>div[data-area="Sardis"],
.map-hovers>div[data-area="Garrison Crossing"],
.map-hovers>div[data-area="Promontory"],
.map-hovers>div[data-area="Yarrow"] {
    top: 236px;
    right: 50px;
}

/* .map-hovers>div[data-area="Chilliwack"].is-active {
    pointer-events: all;
} */

.map-hovers>div[data-area="Mission"] {
    top: 19px;
    right: 632px;
}

#main-area-abbotsford.-is-active {
    opacity: 1;
}

p#breadcrumbs {
    display: none;
}

p#breadcrumbs:first-child {
    display: block;
}

/* Map : END */

.post-page-featured-listings #content-full .entry-title,
.single-aios-communities #content-full .entry-title {
    width: 100% !important;
    padding: 0 !important;
}

/* .page-template-template-fullwidth #content-full {
    padding-top: 200px !important;
} */

.ihf-details-template #listings-details .listings-form form {
    position: relative;
}

body.aios-custom-ihomefinder-details-template .wpcf7-not-valid-tip {
    top: 20% !important;
    font-size: 12px !important;
}

body.aios-custom-ihomefinder-details-template .wpcf7-spinner {
    position: absolute;
    right: 10px;
}

.ai-font-tiktok {
    font-size: 16px;
}

.single-aios-communities #inner-page-wrapper>.container {
    width: 100%;
}

.page-id-16 #content .ai-contact-wrap a:hover {
    color: var(--primary);
}

.page-id-16 #content div#wpcf7-f15-p16-o1 form {
    position: relative;
}

.page-id-16 #content .aidefcf-wrapper .use-floating-validation-tip span.wpcf7-not-valid-tip {
    right: 3px;
    letter-spacing: normal;
    width: auto;
    line-height: 15px;
    top: 9px;
}

.page-id-16 #content .wpcf7 form .wpcf7-response-output {
    color: #000;
    margin: auto;
    padding-top: 5px;
    line-height: 18px;
}

#ihf-main-container.ihf-modal-container .modal .ihf-modal-submit .ihf-modal-form-response-output {
    display: none !important;
}

.error-page-content-wrapper .use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    width: auto;
    left: auto;
    right: 2px;
    font-size: 11px;
    top: 2px;
    letter-spacing: normal;
}

.error-page-content-wrapper .wpcf7 form .wpcf7-response-output {
    position: absolute;
    width: 100%;
    text-align: center;
    margin: auto;
    font-size: 12px;
    color: #000;
    font-family: var(--font-family-default);
    line-height: 18px;
    padding-top: 5px;
}

.ihf-eureka ul {
    list-style-type: none !important;
}

.page-id-22 .ihf-eureka.ihf-listing-details-overlay>.ihf-search.ihf-clearfix {
    overflow: hidden;
}

.page-id-22 .ihf-eureka.ihf-listing-details-overlay>.ihf-board-disclaimers {
    margin-top: 20px;
}

#listings-details .listings-form div.wpcf7-response-output {
    margin: 10px auto !important;
}

.single-aios-communities.aios-custom-ihomefinder-results-template #listings-results {
    margin-top: 25px;
}

.grecaptcha-badge {
    z-index: 9;
}