/*
Theme Name: Agentpro Maven
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.3.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-lora: 'Lora', serif;
    --font-family-spartan: 'Spartan', sans-serif;
    --font-family-default: var(--font-family-lora);
    --font-family-title: var(--font-family-spartan);
    --font-size-default: 14px;
    --font-size-title: 18px;

    /** Use for input, button, and any other element */
    --primary: #323334;
    --primary-color-accent: #262626;
    --secondary: #ffffff;
    --primary-text-color: #6b6b6b;
    --background-color: #fff;
    --background-color-accent: #f9f9f9;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --font-color-default: var(--primary-text-color);
    --font-color-title: #6c757d;

}

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

/* Sub Menu */
#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    min-width: 201px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
    -webkit-transition: opacity .3s, visibility, .3s, -webkit-transform .3s;
    transition: opacity .3s, visibility, .3s, -webkit-transform .3s;
    -o-transition: transform .3s, opacity .3s, visibility, .3s;
    transition: transform .3s, opacity .3s, visibility, .3s;
    transition: transform .3s, opacity .3s, visibility, .3s, -webkit-transform .3s;
    padding-top: 3px;
}

#nav>li>.sub-menu {
    left: 50%;
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
}

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

#nav .sub-menu li:hover {
    background: var(--primary);
}

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

#nav .sub-menu a {
    color: var(--primary);
    display: block;
    padding: 10px;
    -webkit-transition: background .3s, color .3s;
    -o-transition: background .3s, color .3s;
    transition: background .3s, color .3s;
    font-size: 12px;
    letter-spacing: 0.05em;
    padding: 12px 0px;
}

#nav .sub-menu li:hover>a {
    text-decoration: none;
}

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

#nav li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#nav>li:hover>.sub-menu {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

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

#nav .sub-menu .sub-menu li a {
    color: var(--primary);
}

#nav .sub-menu .sub-menu li:hover > a {
    color: #fff;
}

.menu-item-children-to-right .sub-menu .sub-menu {
    margin-left: auto !important;
    left: auto !important;
    right: 100%;
}

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

/* Global */

body {
    font-family: var(--font-family-default);
    font-size: var(--font-size-default);
    background: var(--background-color);
    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; */
}

.container-spacer {
    padding: 1.25%;
}

.default_button {
    border: 2px solid var(--primary);
    color: var(--primary);
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    font-family: var(--font-family-spartan);
    padding: 18px 45px;
    display: inline-block;
    transition: all .6s ease;
}

.default_button:hover {
    background: var(--primary);
    color: var(--secondary);
}

.default-title {
    font-weight: 600;
    color: var(--primary-text-color);
    font-family: var(--font-family-title);
    text-transform: uppercase;
    font-size: 35px;
    text-align: center;
    letter-spacing: 0.02em;

}

.default-title span {
    text-transform: capitalize;
    display: block;
    font-size: 28px;
    color: var(--primary-text-color);
    font-family: var(--font-family-default);
    font-style: italic;
    font-weight: 400;
    padding-bottom: 10px;
}

.th-mobile-show {
    display: none;
}

/* Main Wrapper */
#main-wrapper {}

/** Fix Social Info **/
.fixed-social-info {
    position: fixed;
    z-index: 99;
    right: 94px;
    height: 100%;
    display: flex;
    align-items: center;
}

.fixed-social-info ul {}

.fixed-social-info li {
    margin: 7.5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed-social-info li a {
    width: 43px;
    height: 41px;
    border: 1px solid var(--secondary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: all .6s ease;
    background: var(--secondary);
    color: var(--primary);

}

.fixed-social-info li:hover a {
    background: var(--primary);
    border-color: var(--primary);
}

.fixed-social-info li a i {
    color: var(--primary);
    transition: all .6s ease;
}

.fixed-social-info li a i.ai-font-envelope-f {
    font-size: 12px;
}

.fixed-social-info li a i.ai-font-phone {
    font-size: 16px;
}

.fixed-social-info li:hover a i {
    color: var(--background-color);

}

.fixed-social-info li .fc-divider {
    width: 1px;
    height: 31px;
    background: #fff;
}

.fixed-social-info li a span {
    display: none;
}

/** Fix Social Info **/

/** Header **/
header.header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    padding: 65px 5%;
    transition: all .6s ease;
    z-index: 999;
}

header.header.fh-show {
    background: var(--primary);
    position: fixed;
    padding: 33px 5%;
}

header.header .hd-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/** Logo **/
header.header .hd-wrap .logo {
    flex-shrink: 0;
}

header.header .hd-wrap .logo a {
    display: flex;
    align-items: center;
}

header.header .hd-wrap .logo a .logo-divider {
    width: 2px;
    height: 45px;
    background: var(--secondary);
    opacity: 0.4;
    margin: 0 27px;
}

header.header .hd-wrap .logo a i {
    color: var(--secondary);
    font-size: 60px;
}

header.header .hd-wrap .logo a h3 {
    font-family: var(--font-family-title);
    color: var(--secondary);
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/** Logo **/
/** Menu **/
header.header .navigation {}

header.header .navigation .menu {
    display: flex;
}

header.header .navigation .menu li {
    position: relative;
    padding: 0 10px;
}

header.header .navigation .menu li a {
    color: var(--secondary);
    font-family: var(--font-family-title);
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 0;
    display: block;
    position: relative;
}

header.header .navigation .menu>li>a::after {
    display: block;
    content: "";
    width: 0;
    height: 2px;
    background: var(--secondary);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .6s ease;
}

header.header .navigation .menu li:hover a::after {
    width: 100%;
}

/** Menu **/

/** Header **/

/** Hero  **/
.hero .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-slide:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.2;
    pointer-events: none;
}

.hero .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-tagline {
    bottom: 30px;
    background: transparent !important;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    color: var(--secondary);
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.hero .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-tagline>* {
    transform: none !important;
    transition-property: opacity !important;
}

.hero .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-title {
    font-family: var(--font-family-default);
    line-height: 1.1;
    font-size: 35px;
    text-transform: capitalize;
    font-style: italic;
    padding-bottom: 20px;
}

.hero .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-description {
    font-size: 65px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--font-family-title);
    line-height: 1;
    letter-spacing: 0.02em;
}

/** Hero **/
/** HP Quick Search **/
.hp-quick-search {
    padding-top: 65px;
}

.hp-quick-search .hp-qc-wrap {
    display: flex;
    border: 2px solid var(--primary);
    padding: 23px 32px;
    flex-flow: wrap;
    align-items: center;
}

.hp-quick-search .hp-qc-wrap h2 {
    font-family: var(--font-family-title);
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    width: 14.4%;
    padding-top: 8px;
    color: var(--primary);
}


.hp-quick-search .hp-qc-wrap .qcforms {
    width: 60%;
    margin: 0 2.5%;
    display: flex;
}

.hp-quick-search .hp-qc-wrap .qcforms .qc-form {
    width: 12%;
    margin: 0 1%;
}

.hp-quick-search .hp-qc-wrap .qcforms .qc-form:first-child {
    margin-left: 0;
}

.hp-quick-search .hp-qc-wrap .qcforms .qc-form:last-child {
    margin-right: 0;
}

.hp-quick-search .hp-qc-wrap .qcforms .qc-form.qc-form-long {
    width: 22%;
}

.hp-quick-search .hp-qc-wrap .qcforms .qc-form select,
.hp-quick-search .hp-qc-wrap .qcforms .qc-form button.dropdown-toggle {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    width: 100%;
    display: block;
    font-style: italic;
    font-size: 13px;
    color: var(--primary);
    border: none;
    border-bottom: 1px solid var(--primary);
    height: 32px;
    padding: 0 4px;
    background: url(images/dd-bg.png) no-repeat center right transparent;
    -webkit-appearance: none;
    overflow-y: visible;
    border-radius: 0;
    box-shadow: none !important;
}

.hp-quick-search .hp-qc-wrap .qcforms .qc-form .filter-option {
    font-size: inherit;
}

.hp-quick-search .hp-qc-wrap .qcforms .qc-form .dropdown-backdrop,
.hp-quick-search .hp-qc-wrap .qcforms .qc-form .dropdown-menu {
    z-index: 100;
}

.hp-quick-search .hp-qc-wrap .qcforms .qc-form .dropdown-menu.inner {
    max-height: 250px !important;
}

.hp-quick-search .hp-qc-wrap .qc-bttn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20.3%;
}

.hp-quick-search .hp-qc-wrap .qc-bttn input {
    height: 36px;
    min-width: 104px;
    background: var(--primary);
    color: #fff;
    text-transform: uppercase;
    line-height: 36px;
    font-size: 12px;
    font-weight: 600;
    border: none;
    font-family: var(--font-family-title);
    transition: all .6s ease;
}

.hp-quick-search .hp-qc-wrap .qc-bttn input:hover {
    opacity: 0.7;
}

.hp-quick-search .hp-qc-wrap .qc-bttn a {
    font-weight: 600;
    color: var(--primary);
    font-family: var(--font-family-title);
    text-transform: uppercase;
    display: block;
    margin-left: 10px;
    font-size: 12px;
    transition: all .6s ease;
}

.hp-quick-search .hp-qc-wrap .qc-bttn a:hover {
    opacity: 0.7;
}

.hp-quick-search .hp-qc-wrap .qc-bttn a span {
    text-decoration: underline;
}

.hp-quick-search .hp-qc-wrap .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a {
    padding-right: 2.5rem;
}

.hp-quick-search .hp-qc-wrap .bootstrap-select.btn-group .dropdown-menu li a span.text {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/** HP Quick Search **/
/** HP Welcome Area **/
.hp-welcome-area {
    padding-top: 60px;
}

.hp-welcome-area .hp-welcome-wrap {
    display: flex;
    flex-flow: row-reverse wrap;
    align-items: center;
}

.hp-welcome-area .hp-welcome-wrap .hp-welcome-photo {
    width: 45%;
    position: relative;
}

.hp-welcome-area .hp-welcome-wrap .hp-welcome-photo canvas {
    display: block;
    width: 100%;
}

.hp-welcome-area .hp-welcome-wrap .hp-welcome-photo img {
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hp-welcome-area .hp-welcome-wrap .hp-welcome-content {
    width: 55%;
    padding-right: 8%;
    padding-left: 6%;
}

.hp-welcome-area .hp-welcome-wrap .hp-welcome-content h1 {
    font-weight: 600;
    font-size: 60px;
    color: var(--primary);
    font-family: var(--font-family-title);
    letter-spacing: 0.02em;
}

.hp-welcome-area .hp-welcome-wrap .hp-welcome-content h1 em {
    display: block;
    font-size: 30px;
    font-family: var(--font-family-default);
    color: var(--primary-color-accent);
    font-style: italic;
    font-weight: 400;
    padding-bottom: 15px;
}

.hp-welcome-area .hp-welcome-wrap .hp-welcome-content h1 span {
    display: block;
    color: var(--primary-color-accent);
}

.hp-welcome-area .hp-welcome-wrap .hp-welcome-content p {
    color: var(--primary-text-color);
    font-size: 17px;
    line-height: 1.7;
    padding: 61px 0;
}

/** HP Welcome Area **/

/** HP Featured Properties **/
.hp-featured-properties {
    position: relative;
    padding: 60px 0;
}

.hp-featured-properties .slick-list {
    padding: 0 216px !important;
}

.hp-featured-properties::after {
    display: block;
    width: 97.5%;
    content: "";
    background: var(--primary);
    height: 100%;
    max-height: 504px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.hp-featured-properties .hp-fp-lists {
    position: relative;
    z-index: 10;
}

.hp-featured-properties .hp-fp-list {
    padding: 0 20px;
}

.hp-featured-properties .hp-fp-list a {
    display: block;
    border: 16px solid #fff;
    background: #fff;
    position: relative;
}

.hp-featured-properties .hp-fp-list a .hp-fp-image {
    width: 100%;
    position: relative;
}

.hp-featured-properties .hp-fp-list a .hp-fp-image::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    bottom: 0;
    background: url(images/fp-gradient.png) repeat-x bottom left transparent;
    z-index: 3;
}

.hp-featured-properties .hp-fp-list a .hp-fp-image::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    bottom: 0;
    background-color: rgba(59, 60, 62, 0.4);
    z-index: 2;
    opacity: 0;
    transition: all .6s ease;
}

.hp-featured-properties .hp-fp-list a:hover .hp-fp-image::before {
    opacity: 1;
}

.hp-featured-properties .hp-fp-list a .hp-fp-image canvas {
    display: block;
    width: 100%;
}

.hp-featured-properties .hp-fp-list a .hp-fp-image img {
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hp-featured-properties .hp-fp-list a .hp-fp-content {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 55px 82px;
    z-index: 9;
    color: var(--secondary);
    transition: all .6s ease;
    opacity: 1;
}

.hp-featured-properties .hp-fp-list a .hp-fp-content h3 {
    font-size: 35px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-family-spartan);
}

.hp-featured-properties .hp-fp-list a .hp-fp-content span {
    display: block;
    font-size: 28px;
    font-family: var(--font-family-lora);
    font-style: italic;
    font-weight: 400;
    text-transform: capitalize;
    padding-bottom: 11px;
}

.hp-featured-properties .hp-fp-list a .hp-fp-content h4 {
    font-weight: 500;
    font-size: 30px;
    font-family: var(--font-family-spartan);
    padding-top: 47px;
}

.hp-featured-properties .hp-fp-list a .hp-fp-content h5 {
    font-style: italic;
    font-size: 20px;
    display: block;
    padding-top: 12px;
}

.hp-featured-properties .hp-fp-list a .fp-view-bttn {
    position: absolute;
    right: 82px;
    bottom: 55px;
    border: 2px solid var(--secondary);
    color: var(--secondary);
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    font-family: var(--font-family-spartan);
    padding: 18px 45px;
    display: inline-block;
    transition: all .6s ease;
    z-index: 5;
    opacity: 1;
}

.hp-featured-properties .hp-fp-list a .fp-view-bttn:hover {
    background: var(--primary);
    color: var(--secondary);
    border-color: var(--primary);
}

.hp-featured-properties .fp-button {
    position: relative;
    z-index: 6;
    text-align: center;
    margin-top: 52px;
}

.hp-featured-properties .default_button {
    color: var(--secondary);
    border-color: var(--secondary);
}

.hp-featured-properties .default_button:hover {
    background: var(--primary-color-accent);
    color: var(--secondary);
    border-color: var(--primary-color-accent)
}

.hp-featured-properties .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 6;
    width: 47px;
    display: block;
    height: 47px;
    border: none;
    background: #fff;
    font-size: 0;
    transform: translate(0, -50%);
}

.hp-featured-properties .slick-arrow::after {
    content: "";
    width: 11px;
    height: 17px;
    display: inline-block;
    background-color: #282828;
    content: "";
}

.hp-featured-properties .slick-arrow.slick-prev {
    left: 252px;
}

.hp-featured-properties .slick-arrow.slick-prev::after {
    -webkit-mask-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAARCAQAAACh6J5QAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflCwQOIiTjwAksAAAAnElEQVQY023QMQrCMBSH8S9JF8ExN3CJR/ACWulkwes46AU8RUEcdBIEL6DQVR0Ej+DmJnUI6SNp3/j7hgd/5UhuzJNGJzilZotSLsYjA6DQPbjhJDxrcQW6xYNg4AQ9B1wHBOUsb4bAmVy+G/vlRYlmxIerMNx5UKLJJRgLPcFzJwT2YYHxId5kSUVGwzyL9tsDFTsuqrP3hBu/P2/MLXmT/MAiAAAAAElFTkSuQmCC);

}

.hp-featured-properties .slick-arrow.slick-next {
    right: 252px;
}

.hp-featured-properties .slick-arrow.slick-next::after {
    -webkit-mask-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAARCAQAAACh6J5QAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflCwQOKxwaAAr7AAAAlklEQVQY023QIY4CQRRF0UM1CQ5V7IGwhEGRjMPCPsCyC3ovjCBBzBgQEByqF4HCkNCIDqG6hi/PNS+/M4SRi9YVkbmd2l+bo189E480FPHmbKbbDkWkcspDEfkQGqZyNH+HF2fhzVTuvjFxCMnYsRUobUOCP/ooLdQhw7WFmpDhUk3D/5BgYJNj85OrqTJFOkP4sk+RJ3RONjTI9HmLAAAAAElFTkSuQmCC);
}

.hp-featured-properties .hp-fp-lists .slick-dots {
    display: none !important;
}

.hp-featured-properties .hp-fp-error {
    position: relative;
    z-index: 2;
    display: block;
    text-align: center;
    color: #fff;
    padding: 0 15px;
}

.hp-featured-properties .hp-fp-error * {
    color: inherit;
}

.hp-featured-properties .hp-fp-error>*+* {
    margin-top: 15px;
}

.hp-featured-properties .hp-fp-error .default-title {
    padding: 0;
}

.hp-featured-properties .hp-fp-error>p {
    position: relative;
    display: block;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
}

/** HP Featured Properties **/
/** HP Communities **/
.hp-communities {
    padding-top: 100px;
    padding-bottom: 100px;
}

.hp-communities .hpcom-lists {
    display: flex;
    flex-flow: row wrap;
    margin: 58px -1% 0;
}

.hp-communities .hpcom-lists .hpcom-list {
    width: calc(100% / 3);
    padding: 1%;
}

.hp-communities .hpcom-lists .hpcom-list a {
    display: block;
    position: relative;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
    border: 10px solid #fff;
}

.hp-communities .hpcom-lists .hpcom-list a:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    transition: all .6s ease;
    opacity: 1;
    z-index: 2;
}

.hp-communities .hpcom-lists .hpcom-list a:hover:after {
    opacity: 0;
}

.hp-communities .hpcom-lists .hpcom-list a:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--primary);
    transition: all .6s ease;
    opacity: 0;
    z-index: 3;
}

.hp-communities .hpcom-lists .hpcom-list a:hover:before {
    opacity: 0.5;
}

.hp-communities .hpcom-lists .hpcom-list a canvas {
    display: block;
    width: 100%;
}

.hp-communities .hpcom-lists .hpcom-list a img {
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hp-communities .hpcom-lists .hpcom-list a h3 {
    text-shadow: 0px 2px 2px rgb(0 0 0 / 50%);
    font-style: italic;
    font-size: 30px;
    text-transform: capitalize;
    position: absolute;
    bottom: 0;
    left: 0;
    color: var(--secondary);
    padding: 41px;
    z-index: 4;
}

.hp-communities .hp-comm-button {
    text-align: center;
    margin-top: 55px;
}

/** HP Communities **/
/** HP Testimonials **/
.hp-testimonials {}

.hp-testimonials-wrap {
    background: url(images/testimonials-bg.jpg) no-repeat center center transparent;
    background-size: cover;
    padding: 102px 0;
    position: relative;
}

.hp-testimonials-wrap::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--secondary);
    opacity: 0.5;
}

.hp-testimonials-wrap .container {
    position: relative;
    z-index: 5;
}

.hp-testimonials-wrap .slick-list {
    width: 90%;
    margin: 0 auto;
}

.hp-testimonials-wrap .hp-testimonials-lists {
    margin-top: 55px;
}

.hp-testimonials-wrap .hp-testimonial-list {}

.hp-testimonials-wrap .hp-testi-rating {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hp-testimonials-wrap .hp-testi-rating i {
    display: block;
    width: 25px;
    height: 23px;
    background: url(images/testi-star.png) no-repeat 0 0 transparent;
    margin: 0 3px;
}

.hp-testimonials-wrap .hp-testimonial-list p {
    color: var(--primary-text-color);
    font-size: 16px;
    line-height: 1.8;
    padding: 56px 25px;
    text-align: center;
}

.hp-testimonials-wrap .hp-testimonial-list span {
    font-size: 24px;
    text-transform: capitalize;
    color: var(--primary-text-color);
    font-family: var(--font-family-title);
    font-weight: 600;
    display: block;
    text-align: center;
}

.hp-testimonials-wrap .slick-arrow {
    position: absolute;
    width: 47px;
    height: 47px;
    top: 44%;
    z-index: 9;
    border: none;
    font-size: 0;
    background: transparent;
    transition: all .6s ease;
    border: 2px solid var(--primary);
    color: var(--primary);
    line-height: 42px;
}

.hp-testimonials-wrap .slick-arrow:hover {
    background: var(--primary);
    color: var(--secondary)
}

.hp-testimonials-wrap .slick-arrow::after {
    display: block;
    font-family: 'agentimage' !important;
    font-size: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.hp-testimonials-wrap .slick-arrow.slick-prev,
.hp-testimonials-wrap .hp-testimonials-button .hp-testimonials-prev {
    left: 0;

}

.hp-testimonials-wrap .slick-arrow.slick-prev::after,
.hp-testimonials-wrap .hp-testimonials-button .hp-testimonials-prev::after {
    content: "\b0007";
}

.hp-testimonials-wrap .slick-arrow.slick-next,
.hp-testimonials-wrap .hp-testimonials-button .hp-testimonials-next {
    right: 0;

}

.hp-testimonials-wrap .slick-arrow.slick-next::after,
.hp-testimonials-wrap .hp-testimonials-button .hp-testimonials-next::after {
    content: "\b0008";
}

.hp-testimonials-wrap .hp-testimonials-button {
    text-align: center;
    margin-top: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hp-testimonials-wrap .hp-testimonials-button .slick-arrow {
    position: relative;
}

.hp-testimonials-wrap .hp-testimonials-button a {
    height: 47px;
    margin: 0 10px;
}

.hp-testimonials-wrap .hp-testimonials-button .hp-testimonials-prev,
.hp-testimonials-wrap .hp-testimonials-button .hp-testimonials-next {
    display: none;
}

/** HP Testimonials **/
/** HP CTA **/
.hp-cta {}

.hp-cta .hp-cta-wrap {
    background: var(--primary);
    padding: 52px 0;
}

.hp-cta .hp-cta-wrap .hp-cta-container {
    display: flex;
    width: 100%;
    margin: 0 -1.32%;
}

.hp-cta .hp-cta-wrap .hp-cta-container .hp-cta-list {
    width: calc(100% / 3);
    text-align: center;
    padding: 0 1.32%;
}

.hp-cta .hp-cta-wrap .hp-cta-container .hp-cta-list a {
    display: block;
    border: 2px solid var(--primary-color-accent);
    color: #fff;
    font-family: var(--font-family-title);
    padding: 26px 0;
    transition: all .6s ease;
}

.hp-cta .hp-cta-wrap .hp-cta-container .hp-cta-list a:hover {
    background: var(--secondary);
    color: var(--primary);
    border-color: var(--secondary);
}

.hp-cta .hp-cta-wrap .hp-cta-container .hp-cta-list a h3 {
    color: var(--secondary);
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    transition: all .6s ease;
}

.hp-cta .hp-cta-wrap .hp-cta-container .hp-cta-list a:hover h3 {
    color: var(--primary);
}

.hp-cta .hp-cta-wrap .hp-cta-container .hp-cta-list a h3 span {
    display: block;
    font-family: var(--font-family-default);
    font-style: italic;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 400;
    padding-bottom: 10px;
}

.hp-cta .hp-cta-wrap .hp-cta-container .hp-cta-list a:hover h3 span {
    color: var(--primary);
}


/** HP CTA **/
/** HP Latest News **/
.hp-latest-news {
    padding-top: 100px;
    padding-bottom: 100px;
}

.hp-latest-news .default-title {
    color: var(--primary);
}

.hp-latest-news .default-title span {
    color: var(--primary);
}

.hp-latest-news .hp-latest-wrap {
    display: flex;
    margin: 65px -1% 0;
}

.hp-latest-wrap .ln-lists {
    width: calc(100% / 3);
    padding: 0 1%;
}

.hp-latest-wrap .ln-lists a {
    border: 1px solid #d6d6d6;
    display: block;
    background: #fff;
    transition: all .6s ease;
    padding-bottom: 35px;
    height: 100%;
    min-height: 585px;
}

.hp-latest-wrap .ln-lists a:hover {
    background: var(--primary);
}

.hp-latest-wrap .ln-lists a .ln-image {
    position: relative;
}

.hp-latest-wrap .ln-lists a .ln-image canvas {
    display: block;
    width: 100%;
}

.hp-latest-wrap .ln-lists a .ln-image img {
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hp-latest-wrap .ln-lists a h3 {
    color: var(--primary);
    font-weight: 600;
    font-size: 18px;
    font-family: var(--font-family-title);
    text-align: center;
    padding: 35px 97px 0;
    text-transform: uppercase;
    line-height: 1.4;
    transition: all .6s ease;
}

.hp-latest-wrap .ln-lists a:hover h3 {
    color: var(--secondary);
}

.hp-latest-wrap .ln-lists a p {
    color: var(--p);
    font-size: 15px;
    font-style: italic;
    padding: 20px 47px;
    line-height: 1.5;
    transition: all .6s ease;
}

.hp-latest-wrap .ln-lists a:hover p {
    color: var(--secondary);
}

.hp-latest-wrap .ln-lists .default_button {
    display: block;
    margin: 0 auto;
    max-width: 180px;
    padding: 18px 0;
    text-align: center;
    transition: all .6s ease;
}

.hp-latest-wrap .ln-lists a:hover .default_button {
    background: var(--secondary);
    border-color: var(--secondary);
    color: var(--primary);
}

/** HP Latest News **/
/** HP Facebook **/
.hp-fb {}

.hp-fb-wrap {
    position: relative;
    padding: 82px 0 105px;
    background: var(--background-color-accent);
}

.hp-fb .hp-fb-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
}


.hp-fb .hp-fb-header i {
    color: #3b5998;
    font-size: 41px;
}

.hp-fb .hp-fb-header a {
    color: var(--primary-text-color);
    font-family: var(--font-family-spartan);
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .6s ease;

}

.hp-fb .hp-fb-header a:hover {
    color: var(--primary-color-accent);
}

.hp-fb .hp-fb-header a i {
    color: var(--primary-text-color);
    font-size: 22px;
    display: block;
    margin-right: 10px;
    transition: all .6s ease;
}

.hp-fb .hp-fb-header a:hover i {
    color: var(--primary-color-accent);
}

.hp-fb .hp-fb-header a span {
    display: block;
    margin-top: 6px;
}

.hp-fb .hp-fb-content {
    display: flex;
    flex-flow: row wrap;
    margin: 62px -15px 0;
}

.hp-fb .hp-fb-content .hp-fb-list {
    width: calc(100% / 3);
    padding: 0 15px;
}

.hp-fb .hp-fb-content .hp-fb-list a {
    display: block;
    background: var(--background-color);
    border: 1px solid var(--primary-color-accent);
    color: #6b6b6b;
    overflow: hidden;
}

.hp-fb .hp-fb-content .hp-fb-list a .fb-main-head {
    display: flex;
    align-items: center;
    padding: 18px 20px;
}

.hp-fb .hp-fb-content .hp-fb-list a .fb-main-head .fb-head-img {
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #000;
    padding: 1px;
    position: relative;
    margin-right: 15px;
}

.hp-fb .hp-fb-content .hp-fb-list a .fb-main-head .fb-head-img img {
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hp-fb .hp-fb-content .hp-fb-list a .fb-main-head .fb-head-name {}

.hp-fb .hp-fb-content .hp-fb-list a .fb-main-head .fb-head-name h2 {
    font-size: 16px;
    color: #0f0f0f;
    font-weight: 600;
}

.hp-fb .hp-fb-content .hp-fb-list a .fb-main-head .fb-head-name span {
    color: #8f8f8f;
    font-family: var(--font-family-spartan);
    font-size: 12px;
}

.hp-fb .hp-fb-content .hp-fb-list a p {
    font-size: 16px;
    color: #6b6b6b;
    padding: 0 20px;
}

.hp-fb .hp-fb-content .hp-fb-list a .fb-photo {
    position: relative;
    margin-top: 25px;
}

.hp-fb .hp-fb-content .hp-fb-list a .fb-photo:after {
    display: block;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    content: "";
    opacity: 0;
    transition: all .6s ease;
}

.hp-fb .hp-fb-content .hp-fb-list a:hover .fb-photo:after {
    opacity: 0.4;
}

.hp-fb .hp-fb-content .hp-fb-list a .fb-photo:before {
    display: block;
    background: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAQAAAAGwfEYAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflCwMLDwkdKfXkAAACiElEQVRIx6WVy0tUcRTHvzMNolHiKLbIgqkQogc9rNDB7EHpPxC5qBAyokWbGpCiKFoESbWocBMRBRG4kGrjIiKEnBLGhdmiorKHYDUMqMxDzOZ+25yOvztz78wd5vwW53fPOffze9xzzvURDtKKfQijEUEAFn7jA6J4ibcoJLQPP4/xNZ1kgYM8QLgN+2Mzh1hY+hkqDjrOdN4u5pnNsU1yvxPIp3fUg17jxEN4jhHEkUUFGrAbHdiuvgyO4KnbHXUba77g3rwVl/AQxzUiw2bno21hSoPO0e9yoct5T6M+sTYfFGBU3Fl2uX8XguA1Rd3NB3Wq83wRDAg+0g+x2Q7ycURcr1wPZY4gJyX+vh20lX9JkhbbPGBA8IyAEqwzQRfFHPO0HxCsYVzeaV+0+tEkeTAAC95kBlGtSRU/QjIb94gBgGHRm0xQreTlzxJAX0WvMEGVAIAFZEoAJUUHTFAKAFCB6hJAdaLTJighs9UlgNaLnjJBn2XWUgJoj+gxw8bTkhNfWOUxj9Zo39plJmSIc2I+6hF0Q5deai/aJ+KYYI0HzEZtOVdzq79Nq/9xUcwyxiR2mivzG9tDRd0uUvmDGhlx6pD1nNCAAa5ywWzjqEY9Y8AJBLYyqUFTjLAhB9LI60Y7Ji/kLrP4FzmIfgQ1K6bxBmP4hlnUYy12YCeqbJlkoQc3bRaD2sR3LEVOOh3tf8vqZabAq794il205MlitxsIBDewj98dIO95ST74CbVleTj/jkypRhgtWIcgKpFGAh8xjFHMq/+s3s8fdMpf12NZ5I6I7mqOHc5H8zquKCrJ9nJA4GVFzTBcDgi8pagf5YHAOwKaLRcEPiBJpsoH+dnHOGP/AK7HHAvDlq9ZAAAAAElFTkSuQmCC') no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    content: "";
    opacity: 0;
    transition: all .6s ease;
}

.hp-fb .hp-fb-content .hp-fb-list a:hover .fb-photo:before {
    opacity: 1;
}

.hp-fb .hp-fb-content .hp-fb-list a .fb-photo canvas {
    display: block;
    width: 100%;
}

.hp-fb .hp-fb-content .hp-fb-list a .fb-photo img {
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 101%;
    height: 100%;
}

.hp-fb .fb-content-bttn {
    text-align: center;
    margin-top: 50px;
}

/** HP Facebook **/
/** HP Instagram **/
.hp-ig {
    position: relative;
}

.hp-ig-wrap {
    position: relative;
    padding: 82px 0 105px;
}

.hp-ig-wrap::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--primary);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    max-height: 548px;
}

.hp-ig-wrap .hp-ig-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
}

.hp-ig-wrap .hp-ig-header i {
    font-size: 68px;
    color: var(--primary)
}

.hp-ig-wrap .hp-ig-header a {
    color: var(--primary);
    font-family: var(--font-family-spartan);
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .6s ease;

}

.hp-ig-wrap .hp-ig-header a i {
    color: var(--primary);
    font-size: 24px;
    display: block;
    margin-right: 10px;
    transition: all .6s ease;
}

.hp-ig-wrap .hp-ig-header a:hover {
    color: var(--primary-color-accent)
}

.hp-ig-wrap .hp-ig-header a:hover i {
    color: var(--primary-color-accent)
}

.hp-ig-wrap .hp-ig-content {
    display: flex;
    flex-flow: row wrap;
    margin: 43px -15px 0;
    position: relative;
    z-index: 2;
}

.hp-ig-wrap .hp-ig-content .hp-ig-col {
    width: calc(100% / 4);
    padding: 15px;
}

.hp-ig-wrap .hp-ig-content .hp-ig-col a {
    display: block;
    position: relative;
    border: 16px solid #fff;
}

.hp-ig-wrap .hp-ig-content .hp-ig-col a::after {
    background: var(--primary);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .6s ease;
}

.hp-ig-wrap .hp-ig-content .hp-ig-col a:hover::after {
    opacity: 0.4;
}

.hp-ig-wrap .hp-ig-content .hp-ig-col canvas {
    display: block;
    width: 100%;
    height: auto;
}

.hp-ig-wrap .hp-ig-content .hp-ig-col img {
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hp-ig-wrap .hp-ig-content .hp-ig-col video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

/** HP Instagram **/

/** Contact Form **/
.hp-contact-us {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

.hp-contact-wrap {
    background: url(images/contact-bg.jpg) no-repeat center center transparent;
    background-size: cover;
    padding: 104px 0;
    position: relative;
}

.hp-contact-wrap::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--secondary);
    opacity: 0.8;
}

.hp-contact-us h2 {
    font-family: var(--font-family-title);
    color: var(--primary);
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.02em;
}

.hp-contact-us h2 span {
    color: var(--primary-color-accent);
    font-size: 16px;
    font-family: var(--font-family-lora);
    display: block;
    font-weight: 400;
    padding-top: 7px;
    text-transform: capitalize;
}

.hp-contact-us h2 em {
    color: var(--primary-color-accent);
    font-style: normal;

}

.hp-contact-wrap .container {
    position: relative;
    z-index: 6;
}

.global-default-form {
    padding-top: 50px;
    position: relative;
}

.global-default-form .form-row {
    display: flex;
    padding: 21px 0;
}

.global-default-form .form-row.form-col-3 {}

.global-default-form .form-col {
    width: 100%;
    padding: 0 20px;
}

.form-row.form-col-3 .form-col {
    width: calc(100%/3);
}

.global-default-form .form-col label {
    display: block;
    font-size: 15px;
    color: var(--primary);
    font-style: italic;
}

.global-default-form .form-col span {
    display: block;
}

.global-default-form .form-col input[type="text"],
.global-default-form .form-col input[type="email"],
.global-default-form .form-col input[type="tel"] {
    display: block;
    width: 100%;
    height: 41px;
    border: none;
    border-bottom: 2px solid var(--primary);
    background: transparent;
}

.global-default-form .form-col textarea {
    display: block;
    width: 100%;
    height: 61px;
    border: none;
    border-bottom: 2px solid var(--primary);
    background: transparent;
    resize: none;
}

.global-default-form .form-col input[type="submit"] {
    border: 2px solid var(--primary);
    height: 53px;
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    color: var(--primary);
    font-size: 13px;
    text-transform: uppercase;
    background: transparent;
    font-weight: 600;
    display: block;
    font-family: var(--font-family-title);
    transition: all .6s ease;
    margin-top: 25px;
}

.global-default-form .form-col input[type="submit"]:hover {
    background: var(--primary);
    color: var(--secondary);
}

.hp-contact-wrap .use-floating-validation-tip .wpcf7-not-valid-tip {
    top: 0;
    left: 0;
    width: auto;
    position: absolute;
    margin: 0;
}

.hp-contact-wrap .wpcf7 form .wpcf7-response-output {
    margin: 0;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
}

/** Contact Form **/
/** Footer **/
footer.footer {
    position: relative;
}

/* Footer Info */
.footer .footer-info {
    background: var(--primary);
    padding: 102px 0 62px;
}

.footer .footer-info h2 {
    color: var(--secondary);
    text-align: center;
    font-size: 45px;
    font-family: var(--font-family-title);
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.footer .footer-info ul.contact-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 54px;
}

.footer .footer-info ul.contact-info li {
    font-family: var(--font-family-title);
    font-size: 15px;
    color: var(--secondary);
    display: flex;
    align-items: center;
    text-align: left;
    padding: 3px 20px;
    justify-content: center;
    line-height: 1.4;
}

.footer .footer-info ul.contact-info li a {
    color: var(--secondary);
    transition: all .6s ease;
}

.footer .footer-info ul li i {
    margin-right: 14px;
    flex-shrink: 0;
}

.footer .footer-info ul.contact-info li a:hover {
    opacity: 0.7;
}

.footer .footer-info ul li i.ft-phone-icon {
    background-color: var(--secondary);
    -webkit-mask-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflCwIMAy/eYk71AAAArklEQVQY023QPU5CYRBG4QEkARrdgglLYAEktDSWNK7CWGBlqGAVgLFlAYSCzn0QKgsNGCiE+FhwCTfc70wzyUne+QnhydqbiihWeHZimNZfzrSKuhz7ONOIImbg6EUpFd4FW7fp2SVLMEjr0HLEQS+twwD8aKd12RhsPGTiXvOiQ80CHPTd6fq286p6CWqYZu9Z+8269/ykipE/efbXu3Z85PSkeOuNR3Mrn6bq/5PNFkHb4T/pAAAAAElFTkSuQmCC);
    width: 15px;
    height: 15px;
    display: block;
}

.footer .footer-info ul li i.ft-mail-icon {
    background-color: var(--secondary);
    -webkit-mask-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAQAAADIBVVwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflCwIMCznib3GsAAAA8klEQVQY04WQvyuEARjHP3deKaUU5W6RhRI3sBjcYnM3Wa1GBiP+CgZ1FqOibjGwqFdist6qO5NSeLvBj67Ox3Dv+4Ze+U7Pj0/P99uTc5xVtuinQ7b6GKDGbs5zTmmzx9gfYJdNnqjmGeKAEhVuM7E7loBjpjBU9caSNX+r7ox1VcME1Miqa0Yp9OGOZVtxF+ZTk2HOGGU+jnDPIk2umUjW+R+JHllmnUOuqFAG2t92qfWn2x6pD664YEO9cMO3xDoBO554GQ+7vsZVw33fe2AQH35mjsk0zmBczTJCi2mAgB5aoJD5xyJFAIKAiBf+V/QFeH+wT1WX2k8AAAAASUVORK5CYII=');
    width: 20px;
    height: 12px;
}

.footer .footer-info ul li i.ft-location-icon {
    background-color: var(--secondary);
    -webkit-mask-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAQAAABaxGWsAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflCwIMEB13Wl7nAAAA80lEQVQoz22QMS+DYRRGz9dKSAirECbShMRqsUoMfoBE6IBETOKfWCUGg91ishjsEoMUjVhENwxtWoNj6P36tr4+0/uck7y592YSmWCdClDjhmYwETNP/DLPp8dmYshz/+csl3sOy45g5lvUR3etWov2IrgcpeW0iLN2giyWmIvJnmkA8E49yHyJVjwrzHQRC0GaOOlPfPPkvgfWo7UdR7wcOu1Fd5WVIerXpfwI1wV5lS60VpCrSeLdgLrt0lxuDsiNQZn50FP3wXoSt3tyqyjLvqpat1yUeKTqYSL9csyGH44mMkJKm1Okk0Bmn2UK+E71D2bEfKHg//u/AAAAAElFTkSuQmCC');
    width: 14px;
    height: 22px;
}

.footer .ft-logo-smi {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 64px 0;
}

.footer .ft-logo-smi .ft-brokerage-logo {}

.footer .ft-logo-smi .ft-brokerage-logo i {
    color: var(--secondary);
    font-size: 60px;
}

.footer .ft-logo-smi .ft-smi {

    margin-left: 47px;
}

.footer .ft-logo-smi .ft-smi .ft-smi-wrap {
    display: flex;
    align-items: center;
}

.footer .ft-logo-smi .ft-smi a {
    margin: 0 8px;
    transition: all .6s ease;
}

.footer .ft-logo-smi .ft-smi a:hover {
    opacity: 0.7;
}

.footer .ft-logo-smi .ft-smi span {
    font-size: 0;
    display: block;
}

.footer .ft-logo-smi .ft-smi i {
    display: block;
    width: 43px;
    height: 42px;
    background: var(--secondary);
    color: var(--primary);
    font-size: 22px;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
}

.footer .footernav {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .footernav li {
    font-family: var(--font-family-title);
    padding: 0 36px;
}

.footer .footernav li a {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--secondary);
    transition: all .6s ease;
}

.footer .footernav li:hover a {
    opacity: 0.6;
}

/* Footer Info */
/* Footer Copyright */
.footer .footer-copyright {
    background: var(--primary-color-accent);
    padding: 40px 0;
    text-align: center;
}

.footer .footer-copyright p {
    font-size: 12px;
    color: var(--secondary);
    font-family: var(--font-family-title);
    line-height: 1.7;
}

.footer .footer-copyright p span {
    font-size: 12px;
}

.footer .footer-copyright span {
    font-size: 13px;
    color: var(--secondary);
    font-family: var(--font-family-title);
    padding-top: 13px;
}

.footer .footer-copyright .ft-df-logo {
    color: var(--secondary);
    padding-top: 13px;
    font-size: 28px;
}

/* Footer Copyright */
/** Footer **/
/* Main Wrapper */

/*******************************************************
 *
 * 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: 450px;
    background-image: url(images/banner-1.jpg);
    background-color: var(--dark);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

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

.ip-banner h1 {
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    color: var(--secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.5;
}

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

.inner-page-breadcrumbs {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* 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: 0 1.25%;
}

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

.post-page-communities .container-spacer{
    padding: 0;
}

#content-full{
    padding: 0 calc(1.25% - 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 {
    color: var(--primary);
}

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

#content .entry-thumbnail img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    width: auto;
}

.aios-contact-form div.wpcf7-response-output {
    margin: 0 0 !important;
}

body:not(.aios-custom-ihomefinder-results-template):not(.aios-custom-ihomefinder-shortcode) #listings-results .listings-sort .sort-dropdown button:after {
    display: none !important;
}

/** Archive Default Layout (Archive Page) */
#content .archive-list {
    position: relative;
    display: flex;
    flex-flow: row wrap;
}

#content .archive-list h2 a:hover {
    color: var(--primary-color);
}

#content .archive-list:before,
#content .archive-list:after {
    display: none;
}

#content .archive-list>article {
    float: none;
}

#content .archive-list .post {
    border-bottom: none;
}

#content .archive-list .archive-thumbnail,
#content .archive-list .archive-content {
    width: 100%;
}

#content .archive-list .archive-thumbnail a {
    display: block;
    outline: none;
    transition: all 0.3s ease-in-out;
}

#content .archive-list .archive-thumbnail canvas {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#content .archive-list .article-long .archive-thumbnail {
    width: 60%;
}

#content .archive-list .article-long .archive-has-thumbnail {
    width: 37%;
    margin-left: 3%;
}

#content .archive-list .article-long .archive-has-thumbnail .archive-subtitle {
    margin-top: 0;
    font-size: 27px;
    transition: all 0.3s ease-in-out;
}



#content .archive-list .article-long p {
    font-size: 22px;
}

#content .archive-more {
    font-style: normal;
    text-decoration: none;
}

/** End of Archive Default Layout (Archive Page) */

/** Single Default Layout (Post Content) */
#content .entry-thumbnail {
    position: relative;
    margin-bottom: 50px;
}

#content .entry-thumbnail img {
    display: block;
    margin: 0 auto;
    width: 100%;
}


/** End of Single Default Layout (Post Content) */
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */