/*
Theme Name: Troy Palmquist
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: 'Outfit', sans-serif;
    --font-family-title: 'Noto Serif', 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; */
    /* --secondary: #6c757d; */
    --primary: #003478;
    --secondary: #f16130;
    --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; */
}

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

main {
    padding-top: 100px;
}

.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 {
    position: relative;
    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;
}

.slick-slide {
    font-size: 0;
}

.invert-white {
    filter: brightness(0) invert(1);
}

.invert-black {
    filter: brightness(0);
}

.filter-grayscale {
    filter: grayscale(1);
}

.site-title {
    width: fit-content;
    position: relative;
    padding-left: clamp(65px, 5.625vw, 90px);
}

.site-title span::before {
    position: absolute;
    content: "";
    width: clamp(47px, 4.8125vw, 77px);
    height: 1px;
    left: 0;
    left: clamp(-89px, -5.5625vw, -63px);
    top: 32%;
    transform: translateY(-50%);
    background: var(--secondary);
}

.site-title h2 {
    font-size: clamp(45px, 5vw, 80px);
    font-weight: 600;
    color: #000;
    margin-left: -1px;
}

.site-title span {
    width: fit-content;
    display: block;
    position: relative;
    font-size: clamp(12.5px, 0.875vw, 14px);
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    line-height: 1.65;
}

.site-title em {
    font-style: normal;
    position: absolute;
    left: 2px;
    top: 17px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.site-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(13px, 0.9375vw, 15px);
    font-weight: 700;
    width: clamp(180px, 12.5vw, 200px);
    height: clamp(45px, 3.1875vw, 51px);
    color: #fff !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: transparent;
    border: none;
    outline: 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;
    z-index: 1;
    position: relative;
    background: var(--primary);
}

.site-btn:before {
    background: linear-gradient(to right, var(--primary) 10%, #eaeaea);
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    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;
}

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

.site-btn:after {
    background: linear-gradient(to right, var(--secondary) 10%, #eaeaea);
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    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;
}

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

.slick-arrow {
    cursor: pointer;
    font-size: clamp(20px, 2.5vw, 40px);
    pointer-events: auto;
    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;
}

.slick-arrow.fw-popup-prev {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.slick-arrow:hover {
    color: var(--primary);
}

.slick-arrow-prev span i {
    transform: rotate(180deg);
    margin-left: 0;
    margin-right: 21px;
}

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;
}

p#breadcrumbs {
    display: none;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.71;
    color: #3f3f3f;
}

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


/* Header Section */

.header {
    z-index: 5;
    position: fixed;
    background: #fff;
    width: 100%;
    /* max-height: clamp(88px, 6.25vw, 100px); */
    -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;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    max-width: 1600px;
    margin: auto;
    -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-logo {
    width: 450px;
    width: 28.125%;
    width: 21%;
    position: relative;
    padding: 16.5px 0;
}

.hdr-logo-holder {
    position: absolute;
    top: -16.5px;
    top: 0;
    left: 0;
    /*width: 100%;*/
    width: 75%;
    min-width: 220px;
    /* height: 212px; */
    /* padding: clamp(30px, 2.5vw, 40px) 0; */
    z-index: 1;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1px;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.hdr-logo a {
    display: block;
}

.hdr-logo-holder a {
    width: 84.222222222222%;
    width: 100%;
}

.fxd-hdr-logo-holder {
    max-width: 193px;
    width: 57.440476190476%;
    margin-left: 45px;
    margin-left: 13.392857142857%;
    min-width: 150px;
}

.fxd-hdr-logo-holder a {}


/*header nav*/

.hdr-nav {
    display: flex;
    justify-content: right;
    align-items: center;
    text-align: center;
    /* margin-top: 38px; */
    width: 970px;
    width: 60.625%;
    width: 67.75%;
    padding-right: 16.4px;
    padding-right: 1.025%;
}

.hdr-nav ul#nav {
    font-size: 0;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
}

.hdr-nav ul#nav>li {
    position: relative;
    display: inline-block;
}

.hdr-nav ul#nav>li>a {
    font-size: clamp(12px, 0.875vw, 14px);
    font-size: clamp(11px, 0.875vw, 14px);
    text-align: center;
    color: #000;
    font-weight: 300;
    display: block;
    position: relative;
    letter-spacing: 0.1em;
    margin: 0 clamp(11px, 1.10625vw, 17.7px);
    padding: clamp(38px, 2.6875vw, 43px) 0;
    padding: 43px 0;
    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;
}

.hdr-nav ul#nav>li>a:before {
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    bottom: 0;
    background: var(--primary);
    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:hover>a:before {
    opacity: 1;
}

.hdr-nav ul#nav>li>a:hover {
    /* opacity: .75; */
}

.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%;
    min-width: 220px;
    opacity: 0;
    background: transparent;
    padding-top: 20px;
    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: 9px;
    opacity: 1;
    pointer-events: auto;
}

.hdr-nav ul#nav ul.sub-menu li {
    line-height: 1;
    width: 100%;
    padding: 0.5px 0;
}

.hdr-nav ul#nav ul.sub-menu li a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #000;
    font-size: clamp(12px, 0.875vw, 14px);
    font-weight: 300;
    height: 38px;
    background: #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;
}

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

.hdr-nav ul#nav .sub-menu .sub-menu {
    margin-left: 101% !important;
    top: 0;
    left: auto;
    right: auto;
    padding: 0 !important;
    opacity: 0;
    pointer-events: none;
}

.hdr-nav ul#nav li li:hover ul.sub-menu {
    opacity: 1;
    pointer-events: auto;
}

.hdr-smi {
    width: 180px;
    width: 11.25%;
    margin: auto;
}

.hdr-smi ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hdr-smi ul li {
    font-size: 18px;
    margin: 0 11.25px;
}

.hdr-smi ul li 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;
}

.hdr-smi ul li a:hover {
    color: var(--primary);
}


/* Fixed Header */

.hdr-fixed {
    background: rgba(255, 255, 255, 0.8);
}

.hdr-fixed .hdr-logo-holder {
    opacity: 0;
    pointer-events: none;
    /*display: none;*/
}


/**/

#fxd-smi {
    position: fixed;
    z-index: 4;
    transform: translateY(-50%);
    top: 59.75%;
    top: 50%;
    right: 29px;
}

#fxd-smi ul {
    padding-bottom: 1px;
}

#fxd-smi ul li.fl-smi {
    margin: 24px 0;
    position: relative;
    display: block !important;
}

#fxd-smi ul li.fl-divider {
    background: #fff;
    margin: -1px auto -3px;
    margin-left: 8px;
    height: 100px;
    width: 1px;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.4));
    display: block !important;
}

#fxd-smi ul li.fl-smi a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: normal;
    margin: auto;
    font-size: 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;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.6);
}

#fxd-smi ul li.fl-smi:hover a {
    color: var(--secondary);
}

#fxd-smi ul li.fl-smi a i {
    font-size: 17px;
    font-family: agentimage !important;
}

#fxd-smi ul li.fl-smi a i.ai-font-phone {
    font-size: 13px;
}

#fxd-smi ul li.fl-smi a i.ai-font-envelope {
    font-size: 10.5px;
}

#fxd-smi ul li.fl-smi a span {
    display: none;
}

#fxd-smi.nav-active-section-hp-wc ul li a,
#fxd-smi.nav-active-section-hp-fw ul li a,
#fxd-smi.nav-active-section-hp-sm ul li a,
#fxd-smi.nav-active-section-hp-app ul li a,
#fxd-smi.nav-active-section-hp-ed ul li a,
#fxd-smi.nav-active-section-ftr-cf ul li a {
    color: var(--primary);
    text-shadow: none;
}

#fxd-smi.nav-active-section-hp-wc ul li.fl-divider,
#fxd-smi.nav-active-section-hp-fw ul li.fl-divider,
#fxd-smi.nav-active-section-hp-sm ul li.fl-divider,
#fxd-smi.nav-active-section-hp-app ul li.fl-divider,
#fxd-smi.nav-active-section-hp-ed ul li.fl-divider,
#fxd-smi.nav-active-section-ftr-cf ul li.fl-divider {
    background: var(--primary);
    filter: none;
}

#fxd-smi li {
    display: none;
}


/**/

.ss-wrap {
    position: relative;
}

.ss-wrap::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.1;
    pointer-events: none;
    z-index: 1;
}

.ss-content {
    position: absolute;
    right: 0;
    bottom: -50px;
    bottom: -6.6577896138482%;
    background: linear-gradient(to right, var(--primary) 30%, transparent);
    width: 502px;
    width: 31.375%;
    width: 20.375%;
    /* height: 150px; */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 30px;
    padding: 2.5% 1.875%;
}

.ss-logo {
    margin: auto 17px;
}


/**/

.wc-feeds {
    display: flex;
    justify-content: center;
}

.wc-agent {
    width: 483px;
    width: 30.1875%;
    /* height: 864px; */
    position: relative;
}

.wc-agent-photo {
    position: absolute;
    bottom: 0;
    /* left: 150px; */
    right: -139px;
    right: -28.778467908903%;
    width: 472px;
    width: 97.722567287785%;
}

.wc-txt {
    width: 1117px;
    width: 69.8125%;
    padding: 95px 15px 0;
    padding: 5.9375% 0.9375% 0;
    z-index: 1;
}

.wc-title {
    padding-left: clamp(30px, 3.8125vw, 61px);
}

.wc-desc {
    display: flex;
}

.wc-item-1 {
    width: 527px;
    width: 48.482060717571%;
}

.wc-item-1 span {
    display: block;
    font-size: clamp(15px, 1.25vw, 20px);
    font-weight: 700;
    color: #000;
    letter-spacing: 0.05em;
    line-height: 1.8;
    padding: 45px;
    padding-left: 152px;
    padding: 8.53889943074%;
    padding-left: 28.842504743833%;
}

.wc-img {
    padding: 23px 20px 0;
    padding: 4.3643263757116% 3.7950664136622% 0;
    background: #fff;
    width: 470px;
    width: 89.184060721063%;
    /* height: 381px;
    height: 358px; */
}

.wc-item-2 {
    width: 560px;
    width: 51.517939282429%;
    padding-top: 37px;
    padding-right: 80px;
    padding-left: 1px;
    padding-top: 3.4038638454462%;
    padding-right: 7.3597056117755%;
}

.wc-item-2 p {
    font-size: clamp(12px, 0.875vw, 14px);
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.71;
    color: #3f3f3f;
    padding: clamp(7px, 0.75vw, 12px) 0;
}

.wc-btn {
    margin-top: clamp(15px, 1.5vw, 24px);
}


/**/

html:has(body.home.show_popup_form) {
    overflow: hidden;
}

.popup-form {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1032;
    width: 100%;
    height: 100vh;
    /* max-height: 710px; */
    text-align: center;
    opacity: 0;
    visibility: hidden;
    /* overflow-y: scroll; */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    pointer-events: none;
}

.popup-form.show_popup_form {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.popup_form_overlay {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

body.show_popup_form .popup_form_overlay {
    visibility: visible;
    pointer-events: auto;
    width: 100%;
    height: 100%;
    height: 120vh;
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    opacity: 1;
    z-index: -1;
    background: #000;
    opacity: 76%;
}

.popup-fw {
    position: absolute;
    height: 120vh;
    width: 100vw;
    overflow-y: scroll;
    max-height: 100vh;
    pointer-events: none;
}

.popup-form-content {
    position: absolute;
    /* background: #fff; */
    max-width: 764px;
    width: 80vw;
    height: 130vh;
    left: 50%;
    top: 69%;
    transform: translate(-50%, -50%);
    pointer-events: auto;
}

.popup-fw-feeds {
    max-width: 764px;
    width: 100%;
}

.popup-fw-item h2 {
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    z-index: 4;
}

.fw-item h2 {
    font-size: 20px;
    text-align: center;
    display: none;
}

.hp-fw {
    position: relative;
    /* height: 1110px; */
    padding: 114px 0 158px;
    padding: clamp(80px, 7.125vw, 114px) 0 clamp(80px, 9.875vw, 158px);
}

.hp-fw>.non_parallax_bg {
    opacity: 30%;
}

.fw-title {
    width: fit-content;
    margin: auto;
}

.fw-col {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 665px; */
    /* height: 665px; */
    padding: clamp(50px, 4.4375vw, 71px) 0;
    margin: 35px auto;
}

.fw-img {
    width: 671px;
    width: 41.9375%;
    position: relative;
}

.fw-photo {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1016px;
    width: 151.41579731744%;
}

.fw-list {
    width: 929px;
    width: 58.0625%;
    padding-right: 25px;
    padding-right: 23px;
    position: relative;
    /* padding-top: 45px; */
    padding-bottom: 6px;
}

.fw-btn {
    margin: auto;
    position: absolute;
}

.fw-btn {
    margin: auto;
    position: absolute;
    left: 49%;
    bottom: clamp(-143px, -8.9375vw, -100px);
    transform: translateX(-50%);
}

.fw-btn .site-btn {
    margin: auto;
}

.fw-popup-arrows {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    width: 115%;
    max-width: 1000px;
    /* padding-right: 23px; */
    z-index: 12;
}

.fw-feeds {
    max-width: 642px;
    width: 90%;
    /* max-width: 397px; */
    margin: auto;
    filter: drop-shadow(0px 16px 9px rgba(0, 0, 0, 0.1));
}

.fw-feeds-slider .splide__track {
    padding: 0 max(5.5vw, 30px) !important;
    padding: 0 122.5px !important;
}


/* .fw-feeds-slider .splide__list {
    perspective: 100px;
    perspective-origin: 50% 50%;
}

.fw-feeds-slider .splide__slide {
    transform: translateZ(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;
    opacity: 0;
} */

.fw-feeds-slider .splide__slide.is-prev,
.fw-feeds-slider .splide__slide.is-active,
.fw-feeds-slider .splide__slide.is-next {
    opacity: 1;
}

.fw-feeds-slider .splide__slide.is-prev .fw-item {
    transform: translateX(calc(100% - clamp(80px, 7.75vw, 124px))) scale(0.86901763224181);
    transform: translateX(calc(100% - clamp(80px, 7.75vw, 124px))) scale(0.85);
    transform-origin: left;
}

.fw-feeds-slider .splide__slide.is-active {
    z-index: 10;
}

.fw-feeds-slider .splide__slide.is-active .fw-item {
    transform-origin: center;
}

.fw-feeds-slider .splide__slide.is-next .fw-item {
    transform: translateX(calc(-100% + clamp(80px, 7.75vw, 124px))) scale(0.85);
    transform-origin: right;
}

.fw-item {
    cursor: pointer;
    transition-property: opacity, transform, transform-origin;
    -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;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 5%), 0 0px 10px rgba(0, 0, 0, 5%);
}

.fw-item>a {
    display: block;
}

.fw-feeds .splide__arrow {
    background: 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;
}

.fw-feeds .splide__arrow:hover {
    filter: invert(14%) sepia(73%) saturate(2350%) hue-rotate(201deg) brightness(94%) contrast(104%);
}

.fw-feeds .splide__arrow--prev {
    left: -3em;
    left: -2.5vw;
}

.fw-feeds .splide__arrow--next {
    right: -3em;
    right: -2.5vw;
}

.fw-feeds .splide__arrow svg {
    height: 9.2em;
    width: 2.2em;
}


/**/

.hp-sm {
    position: relative;
    /* height: 757px; */
    padding: clamp(170px, 14.5625vw, 233px) 0 clamp(35px, 3vw, 48px);
}

.hp-sm>.non_parallax_bg {
    height: 353px;
    height: 46.63143989432%;
    max-height: 400px;
}

.sm-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    max-width: 1361px;
    width: 95%;
}

.sm-txt {
    width: 415px;
    width: 30.492285084497%;
    padding-left: clamp(5px, 0.5625vw, 9px);
    padding-top: clamp(77px, 6.4375vw, 103px);
}

.sm-title .site-title {
    padding-left: clamp(60px, 5.9375vw, 95px);
}

.sm-title .site-title>div {
    margin-top: 10px !important;
    margin-left: 0;
    max-width: clamp(200px, 15.75vw, 252px);
}

.sm-title .site-title span::before {
    left: clamp(-94px, -5.875vw, -57px);
}

.sm-btn {
    padding-left: clamp(60px, 5.9375vw, 95px);
    padding-top: 19px;
}

.sm-btn .site-btn {
    width: clamp(200px, 15.625vw, 250px);
}

.sm-img {
    width: 946px;
    width: 69.507714915503%;
    display: flex;
}

.sm-main.sm-item {
    width: 474px;
    width: 50.105708245243%;
    pointer-events: none;
}

.sm-main.sm-item a {
    /*    pointer-events: none;*/
}

.sm-feeds {
    width: 472px;
    width: 49.894291754757%;
    display: flex;
    flex-wrap: wrap;
}

.sm-item {
    width: 50%;
    padding: clamp(7px, 0.6875vw, 11px) clamp(6px, 0.625vw, 10px);
}

.sm-item>a {
    display: block;
    position: relative;
    overflow: hidden;
}

.sm-item>a>div {
    -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;
}

.sm-item>a:hover>div {
    transform: scale(1.1);
}

.sm-item>a i {
    font-style: normal;
    font-size: 28px;
    color: #fff;
    position: absolute;
    left: 13px;
    left: min(6.0185185185185%, 16.5px);
    bottom: 12px;
    bottom: min(4.1666666666667%, 12px);
    z-index: 1;
    opacity: 70%;
    pointer-events: none;
}


/**/

.hp-app {
    position: relative;
    /* height: 1153px; */
    padding: clamp(80px, 8.5vw, 136px) 0 clamp(90px, 12.125vw, 194px);
}

.hp-app>.non_parallax_bg {
    opacity: 30%;
}

.app-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    /* max-width: 1280px; */
    max-width: 1600px;
    padding: 0 min(10vw, 160px);
    margin: auto;
}

.app-img {
    width: 756px;
    width: 596px;
    width: 46.5625%;
    position: relative;
    margin: auto;
    height: clamp(515px, 51.915322580645vw, 823px);
}

.app-accent {
    position: absolute;
    right: -1px;
    top: 52%;
    width: 475px;
    width: 79.697986577181%;
    transform: translateY(-50%);
}

.app-item {
    position: absolute;
    width: 63.255033557047%;
    transform: translateY(-50%);
}

.app-list {
    position: relative;
}

.app-list .slick-list {
    overflow: initial;
}

.app-list .slick-slide {
    opacity: 0;
}

.app-list .slick-slide.slick-current {
    opacity: 1;
}

.app-items {
    position: relative;
    width: clamp(369px, 37.25vw, 596px) !important;
    height: clamp(515px, 51.4375vw, 823px);
}

.app-item-1 {
    top: -57px;
    top: -6.9258809234508%;
    top: 21.8%;
    left: 72px;
    left: 12.080536912752%;
}

.app-item-1 .canvas_img:before {
    position: absolute;
    content: "";
    left: -19px;
    left: -5.0397877984085%;
    top: -20px;
    top: -4.2462845010616%;
    width: 99px;
    width: 26.259946949602%;
    height: 505px;
    height: 107.2186836518%;
    background: var(--secondary);
    z-index: -1;
}

.app-item-2 {
    right: -241px;
    right: -40.436241610738%;
    top: 293px;
    top: 35.601458080194%;
    top: 64.4%;
}

.app-item-2 .canvas_img:before {
    position: absolute;
    content: "";
    right: -20px;
    right: -5.3050397877984%;
    top: 0;
    width: 99px;
    width: 26.259946949602%;
    height: 491px;
    height: 104.24628450106%;
    background: var(--secondary);
    z-index: -1;
}

.app-item-3 {
    top: 424px;
    left: -6px;
    left: -1.006711409396%;
    top: 80.25%;
}

.app-arrow {
    position: absolute;
    width: clamp(50px, 4.5vw, 72px);
    height: clamp(50px, 4.5vw, 72px);
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.8);
    bottom: clamp(-48px, -3vw, -38px);
    left: 65.5%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    font-weight: bolder;
    font-size: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    -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;
}

.app-arrow:hover {
    background: var(--primary);
    color: #fff;
}

.app-txt {
    width: 844px;
    width: 684px;
    width: 53.4375%;
    padding-left: 25px;
    padding-left: 1.953125%;
}

.app-title .site-title {
    padding-left: clamp(60px, 5.9375vw, 95px);
}

.app-title .site-title h2 {
    margin-top: -3px;
    margin-left: -5px;
}

.app-btn {
    padding: clamp(30px, 2.75vw, 44px) 0;
    padding-left: clamp(63px, 6vw, 96px);
}

.app-desc {
    padding-top: 55px;
    padding-top: 8.3459787556904%;
    /* padding-left: 296px; */
    /* padding-right: 160px; */
    width: 363px;
    width: 55.083459787557%;
    margin-right: 0;
    margin-left: auto;
}

.app-desc p {
    font-size: clamp(13px, 0.9375vw, 15px);
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.855;
    color: #3f3f3f;
    padding: clamp(9px, 0.875vw, 14px) 0;
}


/**/

.hp-ed {
    background-color: #f2f2f2;
    position: relative;
    /* height: 1152px; */
    padding: clamp(70px, 6.0625vw, 97px) 0 clamp(72px, 6.40625vw, 102.5px);
}

.hp-ed>.non_parallax_bg {
    opacity: 8%;
    z-index: auto;
}

.ed-wrap {
    display: flex;
    justify-content: center;
    margin: auto;
    max-width: 1384px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.ed-wrap>div {
    width: 50%;
    padding: 0 39.5px;
    padding: 0 2.8540462427746%;
}

.ed-exp .site-title>div {
    max-width: clamp(125px, 9.125vw, 146px);
}

.ed-doora .site-title>div {
    max-width: clamp(215px, 16.375vw, 262px);
}

.ed-title .site-title {
    min-height: 108px;
}

.ed-title .site-title h2 {
    font-size: clamp(45px, 5vw, 74px);
}

.ed-title .site-title>div {
    margin-top: 9px !important;
}

.ed-title {
    padding: 0 clamp(5px, 0.5625vw, 9px);
}

.ed-title .canvas_img img {
    object-fit: contain;
}

.ed-wrap>div>p {
    font-size: clamp(13px, 0.9375vw, 15px);
    font-weight: 300;
    color: #3f3f3f;
    letter-spacing: 0.05em;
    line-height: 1.6;
    padding: 0 clamp(5px, 0.5625vw, 9px);
    padding-top: clamp(30px, 2.75vw, 44px);
    min-height: 188px;
}

.ed-feeds {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: clamp(17px, 1.375vw, 22px) auto;
}

.ed-item {
    width: 50%;
    padding: clamp(6px, 0.625vw, 10px) clamp(5px, 0.5625vw, 9px);
}

.ed-item-lg {
    width: 100%;
}

.ed-item>a {
    display: block;
    overflow: hidden;
    position: relative;
}

.ed-item>a>.ed-item-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 52, 120, 0.75);
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    -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;
}

.ed-item>a:hover>.ed-item-hover {
    opacity: 1;
}

.ed-item>a>.ed-item-hover span {
    width: 90%;
    text-align: center;
    height: auto;
    display: block;
    margin: auto;
    font-size: clamp(14px, 1.25vw, 18px);
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.ed-item>a>div.canvas_img {
    -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;
}

.ed-item>a:hover>div.canvas_img {
    transform: scale(1.1);
}

.ed-btn {
    padding: clamp(12px, 1.0625vw, 17px) clamp(5px, 0.5625vw, 9px);
}

.ed-exp .ed-item-lg img {
    object-fit: contain;
    background: var(--primary);
}


/**/

.hp-cf {
    position: relative;
    /* height: 920px; */
    padding: clamp(80px, 7.375vw, 118px) 0 clamp(120px, 9.5vw, 152px);
}

.cf-wrap {
    position: relative;
    margin: auto;
    width: 93%;
    max-width: 1480px;
    /* height: 650px; */
}

.cf-accent {
    width: 225px;
    width: 15.202702702703%;
    height: 550px;
    height: 84.615384615385%;
    z-index: 1;
}

.cf-bg {
    margin: auto;
    margin-right: 0;
    width: 1286px;
    width: 86.891891891892%;
}

.cf-block {
    position: absolute;
    top: 98px;
    top: 15.076923076923%;
    left: 86px;
    left: 5.8108108108108%;
    max-width: 612px;
    width: 41.351351351351%;
    /* height: 602px; */
    background: #fff;
    z-index: 2;
    padding: clamp(35px, 3.1875vw, 51px) 0 clamp(80px, 8.125vw, 130px);
    box-shadow: 0px 3px 50px rgba(0, 0, 0, 13%);
}

.cf-feeds {
    width: 464px;
    width: 90%;
    max-width: 500px;
    margin: auto;
    padding-left: 36px;
    padding-left: 5.8823529411765%;
}

.cf-title .site-title {
    margin-left: clamp(-29px, -1.8125vw, 0px);
}

.cf-title .site-title h2 {
    margin-top: -3px;
    margin-left: 1px;
}

.cf-title p {
    font-size: clamp(12px, 0.875vw, 14px);
    font-weight: 300;
    color: #3f3f3f;
    letter-spacing: 0.02em;
    line-height: 1.5;
    margin: auto;
    padding: clamp(10px, 1.125vw, 18px) 10px;
}

.cf-form {
    margin-top: clamp(0px, 0.5625vw, 9px);
}

.cf-form form .info-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

.cf-form form .info-item {
    width: 750px;
    width: 100%;
    padding: 1px 10px;
}

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

.cf-form form input:not([type="submit"]),
.cf-form form textarea {
    border: none;
    outline: none;
    padding: 0;
    width: 100%;
    height: clamp(45px, 3.75vw, 60px);
    font-size: clamp(12px, 0.875vw, 14px);
    color: #000;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: transparent;
    border-bottom: 1px solid #808080;
}

.cf-form form textarea {
    resize: none;
    padding: clamp(14px, 1.1875vw, 18px) 0;
    height: clamp(95px, 7.9375vw, 127px);
}

.cf-btn {
    position: absolute;
    bottom: clamp(-80px, -5vw, -65px);
    right: 10px;
}

.cf-btn button {
    padding: 0;
    outline: none;
    border: none;
    background: transparent;
    color: var(--primary);
    font-size: 33px;
    -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-btn button:hover {
    color: var(--secondary);
}

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

.cf-btn .ajax-loader {
    position: absolute;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    top: -23px;
}

.cf-btn .wpcf7-spinner {
    position: absolute;
    margin: auto;
    right: 1px;
    bottom: 36px;
}

.cf-form .use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    width: auto;
    top: -3px;
    left: auto;
    right: 0;
    z-index: 3;
    font-size: 12px;
    letter-spacing: 0.035em;
    line-height: 18px;
}

.cf-form .wpcf7 form .wpcf7-response-output {
    width: calc(100% - 70px);
    left: 10px;
    right: 0;
    color: #000;
    bottom: -70px;
    margin: 0;
    font-size: 12px;
    letter-spacing: 0.05em;
}

.wpcf7 form .wpcf7-response-output {
    text-align: center;
    color: #000;
    position: absolute;
    line-height: 1;
}


/**/

#ftr {
    position: relative;
    /* height: 550px; */
    padding: clamp(70px, 5.6875vw, 91px) 0 clamp(79.5px, 6.21875vw, 99.5px);
    background: var(--primary);
    z-index: 1;
}

.ftr-wrap {
    width: 90%;
    max-width: 1140px;
    margin: auto;
}

.ftr-feeds {
    display: flex;
    justify-content: space-between;
}

.ftr-contact {
    width: 30%;
    padding-top: 2px;
}

.ftr-contact ul {}

.ftr-info li.ftr-address {
    padding: 13px 0;
}

.ftr-info li a {
    font-size: clamp(12px, 0.8875vw, 14.2px);
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.7;
    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-info li a:hover {
    color: var(--secondary);
}

.ftr-smi {
    display: flex;
    padding-top: 1px;
}

.ftr-smi li a {
    color: #fff;
    font-weight: normal;
    margin-left: 1px;
    margin-right: 22.5px;
    font-size: 17px;
    -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 {
    color: var(--secondary);
}

.ftr-smi li a i {
    font-family: agentimage !important;
}

.ftr-logo {
    max-width: 401px;
    margin: 6px auto;
    width: 40%;
    padding: 0 30px;
}

.ftr-nav {
    width: 30%;
    text-align: right;
}

.ftr-nav ul {}

.ftr-nav ul li a {
    font-size: clamp(12px, 0.8875vw, 14.2px);
    font-weight: 400;
    line-height: 2.1;
    color: #fff;
    letter-spacing: 0.16em;
    text-align: center;
    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;
}

.ftr-nav ul li a:hover {
    color: var(--secondary);
}

.ftr-nav .sub-menu {
    display: none;
}

.ftr-wrap hr {
    border-color: #fff;
    opacity: 20%;
    margin: 32.5px auto;
}

.ftr-disclaimer p {
    font-size: clamp(11.5px, 0.8125vw, 13px);
    font-weight: 300;
    color: #fff;
    letter-spacing: 0.045em;
    line-height: 1.55;
    text-align: center;
    /* text-align-last: center; */
    margin: auto;
    padding: 4px 3px;
}

.ftr-disclaimer p 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;
}

.ftr-disclaimer p a:hover {
    color: var(--secondary);
}

.ftr-copyright p {
    font-size: clamp(11.5px, 0.8125vw, 13px);
    font-weight: 300;
    color: #fff;
    letter-spacing: 0.05em;
    line-height: 1.55;
    text-align: center;
    margin: 15px auto 0;
}

.ftr-copyright p span {
    text-transform: uppercase;
}

.ftr-copyright p 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;
}

.ftr-copyright p a:hover {
    color: var(--secondary);
}

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

.ftr-mls {
    font-size: 28px;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 13px;
}

.ftr-mls i.ai-font-eho {
    font-size: 21px;
    margin-left: 10px;
    margin-bottom: 2px;
}


/*******************************************************
 *
 * 4. IP Styles
 *
 *******************************************************/

.ip-banner {
    position: relative;
    width: 100%;
}


/*.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 top;
    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;
}


/* 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 {
    margin: 30px 0;
}

#content .entry-title h2,
#content .archive-title h2 {
    margin: 0;
    font-size: clamp(47px, 5vw, 60px);
    font-weight: 600;
    line-height: 1;
    color: #000;
    margin-left: -1px;
    text-transform: capitalize;
}

#content .entry-title span,
#content .archive-title span {
    margin: 0;
    display: block;
    /*font-size: 14px;
    font-weight: 700;*/
    color: #000;
    text-transform: capitalize;
    /*letter-spacing: 0.5em;*/
    /*line-height: 1.65;*/
    font-size: clamp(47px, 5vw, 60px);
    font-weight: 600;
    line-height: 1;
}

#content p,
#content li {
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.71;
    color: #3f3f3f;
}

#content b,
#content strong {
    font-weight: 700 !important;
}


/* Styles for category/archive/search/etc subheadings (h2) */

#content .archive-subtitle {}

.post-page-about-troy #content .alignleft {
    margin-right: 30px;
    margin-bottom: 20px;
}

.post-page-appearances .ip-banner canvas {
    background-position: 50% 36%;
}

.ip-writing-wrap {}

.ip-writing-item a {
    width: 100%;
    height: 100%;
    font-size: 0;
    display: block;
    overflow: hidden;
}

.ip-writing-item a img {
    transition: all 0.3s ease-in-out;
}

.ip-writing-item a:hover img {
    transform: scale(1.1);
}

.ip-btns-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.ip-btns-wrap .site-btn {
    margin: 10px;
    min-width: 200px;
    width: fit-content;
    padding: 0 20px;
    text-align: center;
}

.ip-site-btn {
    min-width: 200px;
    width: fit-content;
    padding: 0 20px;
    text-align: center;
    margin: 20px 0 !important;
}

.ip-smis-wrap {
    text-align: center;
    margin: 30px auto 0;
}

.ip-smis-wrap strong {
    font-size: clamp(15px, 1vw, 16px);
    text-transform: uppercase;
}

.ip-smis-wrap ul {
    margin: auto !important;
}

.ip-smis-wrap li {
    display: inline-block;
    margin: 0 7px;
}

.ip-smis-wrap li a {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.ip-smis-wrap li .site-btn:before,
.ip-smis-wrap li .site-btn:after {
    border-radius: 100%;
}

.ip-smis-wrap li a i {
    font-style: normal !important;
    font-size: 22px;
    margin-left: 2px;
}

.ip-app-img {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px auto;
}

.ip-app-img div {
    width: 25%;
    padding: 5px;
    max-width: 285px;
}

.ip-app-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-page-appearances #content a,
.post-page-exp #content a {
    color: var(--primary);
    -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;
}

.post-page-appearances #content a:hover,
.post-page-exp #content a:hover {
    color: #3f3f3f;
}

.post-page-exp .ip-banner canvas {
    background-position: center 75%;
}

.post-page-exp #content p b {
    font-weight: 700;
}

.page-id-755 #content .ip-nbp-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-id-755 #content .ip-nbp-img div {
    width: calc(100% / 3);
    padding: 10px;
}

.page-id-755 #content .ip-nbp-img img {
    width: 100%;
    height: 234px;
    object-fit: cover;
    margin: auto;
}

.page-id-755 .ip-banner canvas {
    background-position: center 35%;
}

.file-holder {
    position: relative;
    width: 100%;
    max-width: 640px;
    margin: auto;
}

.ip-app-vid {
    display: flex;
    justify-content: center;
}

.ip-app-vid>div {
    width: calc(100% / 3);
    padding: 10px;
    text-align: center;
}

.ip-app-vid>div h3 {
    /* min-height: 75px; */
    font-size: 14.7px !important;
}

.ip-app-vid>div div {
    position: relative;
}

.ip-app-vid>div div a {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.ip-app-vid>div div a+br {
    display: none;
}

.page-id-146 #content .row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.page-id-146 #content .row>div.no-image {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 180px;
}

.page-id-146 #content .ip-books a {
    display: block;
    position: relative;
    overflow: hidden;
}

.page-id-146 #content .ip-books a::before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.page-id-146 #content .ip-books a:hover::before {
    opacity: 0.6;
}

.page-id-146 #content .ip-books .ip-book-title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #ffffff;
    z-index: 3;
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    transform: translate(0, -50%);
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.page-id-146 #content .ip-books div.no-image .ip-book-title {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    color: #000;
    transform: none;
    opacity: 1;
}

.page-id-146 #content .ip-books a:hover .ip-book-title {
    opacity: 1;
}

.page-id-146 #content .ip-books img {
    width: 100%;
    height: 291px;
    max-width: 100%;
    margin: auto;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}

.page-id-146 #content .ip-books #ip-books-books img {
    object-position: top center;
}

.page-id-146 #content .ip-books a:hover img {
    transform: scale(1.1);
}

.page-id-146 #content .ip-books-books img {
    width: 100%;
    height: 193px;
    object-fit: cover;
    margin: auto;
    margin-bottom: 15px;
}

.page-id-146 #content center h2 {
    margin-bottom: 25px;
}

.page-id-142 .ip-btns-wrap {
    margin-top: 0;
}

.page-id-142 #content .row>div {
    padding: 10px;
}


/* Give Back START */

.ip-give-back {
    font-size: 0;
    margin-top: 40px;
}

.ip-give-back a {
    display: block;
    position: relative;
    overflow: hidden;
}

.ip-give-back a::before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.ip-give-back a:hover::before {
    opacity: 0.6;
}

.ip-give-back .ip-giveback-title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #ffffff;
    z-index: 3;
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    font-size: 27px;
    font-weight: 700;
    transform: translate(0, -50%);
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

#content .ip-give-back .ip-giveback-title em {
    display: block;
    font-size: 0.65em;
    font-style: normal;
    font-weight: 400;
}

.ip-give-back a:hover .ip-giveback-title {
    opacity: 1;
}

#content .ip-give-back img {
    width: 100%;
    /* height: 564px; */
    max-width: 100%;
    max-width: 360px;
    margin: auto;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}

.ip-give-back a:hover img {
    transform: scale(1.1);
}


/* Give Back END */


/*Custom Start | 11-29-2023*/

body.show_popup_verbiage {
    overflow: hidden;
}

.popup_content_wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1031;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    text-align: right;
}

.popup_content_wrap.show_popup_verbiage {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.popup_slide_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: #000;
}

.popup_content_wrap.show_popup_verbiage .popup_slide_overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    opacity: 75%;
}

.popup_wrap {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    position: relative;
    pointer-events: none;
}

.popup_content {
    width: 90vw;
    max-width: 600px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    font-size: 0;
    color: var(--font-color-secondary);
    overflow-y: scroll;
    overflow-y: hidden;
    overflow-x: hidden;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    background: #fff;
    pointer-events: auto;
}

.popup_top_wrap {
    position: relative;
}

.popup_close_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: center;
    cursor: pointer;
}

.popup_close_btn i {
    color: #000;
    font-size: 18px;
    font-style: normal !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;
}

.popup_close_btn i:hover {
    color: var(--secondary);
}

.popup_verbiage {
    padding: 45px 15px;
    text-align: center;
}

.popup_verbiage p {
    width: 95%;
    margin: auto;
    font-size: clamp(13px, 1.5vw, 15px);
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.5;
    color: #3f3f3f;
    padding: 7px 0;
}

.popup_verbiage p strong {
    font-size: clamp(14px, 1.5vw, 16px);
}

.popup_verbiage .site-btn {
    width: fit-content;
    padding: 0 15px;
    max-width: 300px;
    margin: 20px auto 0;
}


/*Custom End | 11-29-2023*/

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


/**/

.ip-ctcn {
    /* margin-top: 30px; */
    margin-bottom: 20px;
}

.ip-ctcn-left {
    position: relative;
    z-index: 1;
}

.ip-ctcn-form {
    font-size: 0;
    position: relative;
    width: 556px;
    max-width: 100%;
    padding: 13px 33px 16px;
    border: 1px solid var(--primary);
    background: var(--background-color, #ffffff);
}

.ip-ctcn-form h2 {
    font-size: 28px !important;
    line-height: 1;
    letter-spacing: 0.03em;
    text-align: center;
    text-transform: uppercase;
    color: var(--font-color-title);
}

.ip-ctcn-form h2 span {
    display: block;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.025em;
    color: var(--font-color-default);
    margin-top: 12px;
}

.ip-ctcn-form form {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    margin: 0;
}

.ip-ctcn-form form input[type="text"],
.ip-ctcn-form form input[type="email"],
.ip-ctcn-form form input[type="tel"],
.ip-ctcn-form form textarea {
    font-size: 15px;
    width: 100%;
    font-weight: 300;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    height: 50px;
    color: var(--font-color-default);
    font-family: inherit;
    padding: 0 0;
    border-radius: 0;
    resize: none;
    border: none;
    border-bottom: solid 1px var(--font-color-default);
}

.ip-ctcn-form form input[type="submit"] {
    appearance: none;
    outline: none;
    border: none;
    display: block;
    margin: 0 auto;
    padding: 0;
    width: auto;
    font-size: 18px;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    background: transparent;
    transition: all 0.3s ease-in-out;
}

.ip-ctcn-form form input[type="submit"]:hover {
    color: var(--primary);
}

.ip-ctcn-form form .cu-fields {
    display: block;
    margin-bottom: 12px;
    width: calc(100% / 2);
    position: relative;
    padding: 0 5px;
}

.ip-ctcn-form form .cu-fields.cu-textarea {
    height: 75px;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
}

.ip-ctcn-form form .cu-fields.cu-textarea textarea {
    padding-top: 16px;
    height: 75px;
}

.ip-ctcn-form form .cu-fields.cu-submit {
    width: 100%;
    margin-top: 19px;
}

.ip-ctcn-form form .ajax-loader {
    margin: 0 auto !important;
    display: block;
}

.ip-ctcn-form form span.wpcf7-not-valid-tip {
    position: absolute;
    top: 12px;
    left: auto;
    right: 0;
    width: auto;
    font-size: 12px;
}

.ip-ctcn-form form span.wpcf7-form-control-wrap {
    display: block;
}

.ip-ctcn-form form div.wpcf7-response-output {
    margin: 0;
    position: absolute;
    bottom: -28px;
    left: -33px;
    right: -33px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    transform: translateY(100%);
    background: #ffffff;
}

.ip-ctcn-img img {
    margin: 0 auto;
    max-width: 555px;
    width: 100%;
    height: 380px;
    object-fit: cover;
    /* object-position: center -21vw; */
}

.ip-ctcn-img-1 img {
    height: auto;
    max-height: 530px;
    object-position: bottom;
}


/**/

.ip-nbp-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ip-nbp-pass {
    position: relative;
    margin-bottom: 20px;
}

.ip-nbp-pass span {
    color: #dc3545;
    opacity: 0;
    position: absolute;
    bottom: -30px;
}

.ip-nbp-pass span.active {
    opacity: 1;
}

.page-id-351 #content .row .col-md-6 img {
    max-width: 100% !important;
}


/* Custom IP Books - Start || 12-06-23*/

#ip-books-custom {
    display: flex;
    flex-wrap: wrap;
}

#ip-books-custom .ip-books-block {
    overflow: hidden;
    cursor: pointer;
    position: relative;
    height: 100%;
}

#ip-books-custom .ip-books-block::before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}

#ip-books-custom .ip-books-block:hover::before {
    opacity: 0.2;
}

#ip-books-custom .ip-books-block img {
    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;
}

#ip-books-custom .ip-books-block:hover img {
    transform: scale(1.05);
}

body.page-id-146.show_popup_books {
    overflow: hidden;
}

body.page-id-146.show_popup_books #inner-page-wrapper {
    z-index: auto;
}

body.page-id-146.show_popup_books #pojo-a11y-toolbar {
    z-index: -1;
}

.popup_books {
    padding: 20px 15px 60px;
    text-align: center;
}

.popup_books>p {
    font-size: 23px;
    font-weight: 500 !important;
    margin-bottom: 25px !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase;
}

.popup_books-form {
    margin: auto;
    margin-top: clamp(0px, 0.5625vw, 9px);
    width: 100%;
    max-width: 500px;
}

.popup_books-form form .info-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

.popup_books-form form .info-item {
    width: 750px;
    width: 100%;
    padding: 1px 10px;
}

.popup_books-form form .info-item.ii-short {
    width: 360px;
    width: 50%;
}

.popup_books-form form input:not([type="submit"]),
.popup_books-form form textarea {
    border: none;
    outline: none;
    padding: 0;
    width: 100%;
    height: clamp(45px, 3.75vw, 60px);
    font-size: clamp(12px, 0.875vw, 14px);
    color: #000;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: transparent;
    border-bottom: 1px solid #808080;
}

.popup_books-form form textarea {
    resize: none;
    padding: clamp(14px, 1.1875vw, 18px) 0;
    height: clamp(95px, 7.9375vw, 127px);
}

.popup_books-form .cf-btn {
    position: absolute;
    bottom: 0;
    right: 10px;
}

.popup_books-form .cf-btn button {
    outline: none;
    border: none;
    background: transparent;
    color: var(--primary);
    font-size: 33px;
    -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;
}

.popup_books-form .cf-btn button:hover {
    color: var(--secondary);
}

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

.popup_books-form .cf-btn .ajax-loader {
    position: absolute;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    top: -23px;
}

.popup_books-form .use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    width: auto;
    top: -12px;
    left: auto;
    right: 0;
    z-index: 3;
    font-size: 12px;
    letter-spacing: 0.035em;
    line-height: 18px;
}

.popup_books-form .wpcf7 form .wpcf7-response-output {
    width: calc(100% - 20px);
    left: 10px;
    right: 0;
    color: #000;
    bottom: -41px;
    margin: 0;
    font-size: 12px;
    letter-spacing: 0.05em;
}

.page-id-146 #ip-books-popup .books-pdf {
    display: none;
}

.page-id-146 .popup_content {
    max-width: 800px;
    background: rgba(255, 255, 255, 0.95);
}

.page-id-146 .popup_books {
    padding: 15px;
}

.page-id-146 .popup_books .site-btn {
    margin: 20px auto 0;
}

.popup_books>p {
    display: none;
}

.popup_books {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.page-id-146 #ip-books-popup .books-pdf {
    width: 50%;
}

.books-form {
    width: 50%;
    padding: 3%;
}

.books-form .info-holder {
    font-size: 0;
}

.books-form .info-item {
    width: 100%;
    padding: 1px 10px;
}

.books-form .info-item input:not([type="submit"]) {
    border: none;
    outline: none;
    padding: 0;
    width: 100%;
    height: clamp(45px, 3.75vw, 60px);
    font-size: clamp(12px, 0.875vw, 14px);
    color: #000;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: transparent;
    border-bottom: 1px solid #808080;
}

.book-download {
    position: relative;
    margin: 30px 0 0;
}

.book-download .site-btn {
    position: relative;
}

.book-download .site-btn input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.book-download .site-btn .ajax-loader,
.book-download .site-btn .wpcf7-spinner {
    position: absolute;
    bottom: -30px;
    right: 0;
    left: 0;
    margin: auto;
}

.page-id-146 .popup_books .site-btn input.site-btn {
    margin: 0;
    opacity: 0;
}

#content .books-form h2 {
    font-size: 18px;
    margin: 0.75em 0;
}

.books-form .wpcf7 form .wpcf7-response-output {
    font-size: 12px;
    text-align: center;
    width: 100%;
    margin: 20px auto 0;
    position: relative;
}

.books-form .use-floating-validation-tip .wpcf7-not-valid-tip {
    font-size: 12px;
}


/* Custom IP Books - End|| 12-06-23*/

.archive.category .ip-banner canvas,
.page-id-146 .ip-banner canvas,
.page-id-1010 .ip-banner canvas,
.page-id-21 .ip-banner canvas {
    /* background-position: center -14.5vw; */
    background-position: center;
}

.page-id-926 #content #custom-ul {
    list-style-type: none;
    margin: 20px 0;
}

.page-id-926 #content #custom-ul li {
    margin: 15px 0;
}

#content .custom-anchor {
    color: var(--primary);
    -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;
}

#content .custom-anchor:hover {
    /* opacity: 0.75; */
    color: var(--secondary);
}

.page-id-146 #content .ip-books-suggested-reading .row>div>a>img {
    min-height: clamp(330px, 25vw, 400px);
    object-fit: cover;
}

.page-id-146 #content .ip-books-productivity .row>div>a>img {
    min-height: clamp(212px, 16.375vw, 262px);
    object-fit: cover;
}

.page-id-146 #content .ip-books-last .row {
    margin-top: 25px;
}

.amh-header-buttons.amh-3a .amh-center .amh-phone,
.amh-header-buttons.amh-3a .amh-center a.amh-phone,
.amh-header-buttons .amh-header-right-btn {
    display: none !important;
}

.page-id-166 .ip-banner canvas {
    background-position: center 27%;
}

.page-id-741 .ip-banner canvas,
.page-id-24 .ip-banner canvas {
    background-position: center 39%;
}

.page-template-template-category canvas {
    background-position: center;
}

body:not(.home) .cf-title .site-title em {
    display: none;
}

.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;
}

.error-page-content-wrapper .wpcf7 form .wpcf7-response-output {
    position: absolute;
    width: 100%;
    text-align: center;
    margin: auto;
}

[class^=ai-font-]::before {
    font-family: 'agentimage';
}

#HTMLCS-wrapper #HTMLCS-settings-use-standard > select {
    color: #000!important;
}


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

.aios-mobile-header-wrapper {
    display: none !important;
}

.mobile-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-image: url('images/mobile-header-bg.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0 20px;
    display: none;
}

.mobile-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.mobile-header-logo {}

.mobile-header-logo-inner {}

.mobile-header-logo-inner a {
    display: block;
}

.mobile-header-logo-inner a img {
    width: 147px;
}

.off-canvas-trigger {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.off-canvas-trigger[data-off-canvas="open"] {
    width: 30px;
}

.off-canvas-trigger i {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--default-transition);
}

.off-canvas-trigger[data-off-canvas="open"] i {
    width: 100%;
    height: 2px;
    background: #fff;
}

.off-canvas-trigger[data-off-canvas="close"] i {
    font-size: 18px;
    color: #fff;
}

.off-canvas-trigger[data-off-canvas="close"]:hover i {
    color: var(--secondary);
}

.off-canvas-open {
    overflow: hidden;
}

.off-canvas-backdrop {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    pointer-events: none;
    opacity: 0;
    transition: var(--default-transition);
}

.off-canvas-open .off-canvas-backdrop {
    opacity: 0.5;
    pointer-events: auto;
}

.off-canvas {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    overflow: hidden;
    overflow-y: auto;
    pointer-events: none;
    transform: translateY(-100%);
    opacity: 0;
    transition: var(--default-transition);
    background: #000;
    padding: 0 20px;
}

.off-canvas-open .off-canvas {
    pointer-events: auto;
    transform: translateY(0);
    opacity: 1;
}

.off-canvas-inner {
    padding: 30px 0;
}

.off-canvas-logo-trigger {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.off-canvas-navigation {
    margin: 60px 0 0;
    padding: 0 0 0 30px;
}

.off-canvas-nav {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 40px;
}

.off-canvas-nav > li {}

.off-canvas-nav > li > a {
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.1em;
    color: #fff;
    text-transform: uppercase;
    transition: var(--default-transition);
}

.off-canvas-nav > li:hover > a {
    color: var(--secondary);
}

.off-canvas-nav .sub-menu {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 10px;
    padding: 20px 0 0 20px;
}

.off-canvas-nav .sub-menu li {}

.off-canvas-nav .sub-menu li a {
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.1em;
    color: #ccc;
    text-transform: uppercase;
    transition: var(--default-transition);
}

.off-canvas-nav .sub-menu li:hover a {
    color: var(--secondary);
}

.off-canvas-smi {
    margin: 40px 0 0;
    padding: 0 0 0 30px;
}

.off-canvas-smi-inner {
    display: flex;
    align-items: center;
    gap: 20px;
}

.off-canvas-smi-inner a {
    display: block;
    color: #fff;
    transition: var(--default-transition);
}

.off-canvas-smi-inner a:hover {
    color: var(--secondary);
}

.off-canvas-smi-inner a i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}