/*

Theme Name: Michael Chen

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 */

    --body-font: 'Yantramanav', sans-serif;

    --title-font: 'Cormorant Garamond', serif;

    --font-size-default: 16px;

    --font-size-title: 18px;

    --font-color-default: #081628;

    --font-color-title: #081628;

    /** Use for input, button, and any other element */

    --primary-color: #081628;

    --secondary-color: #ba902b;

    --primary: #081628;

    --secondary: #ba902b;

    --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 */

.main-nav li {

    position: relative;

    display: inline-block;

    margin-right: 45px;

}



.main-nav li a {

    font-size: 15px;

    letter-spacing: 0.100em;

    color: #fff;

    text-transform: uppercase;

    position: relative;

    line-height: 1;

}



.main-nav > li > a:before {

    content: '';

    position: absolute;

    bottom: -10px;

    left: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 0 auto;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 0;

    height: 2px;

    background-color: var(--secondary-color);

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    opacity: 0;

}



.main-nav > li:focus-within > a:before, .main-nav > li:hover > a:before {

    opacity: 1;

    width: 100%;

}



.main-nav li:last-child {

    margin-right: 0;

}



.navigation {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 0;

}



.main-nav .sub-menu {

    list-style: none outside none;

    margin: 0;

    padding: 0;

    position: absolute;

    width: 100%;

    min-width: 210px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    text-align: center;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

}



.main-nav .sub-menu li a {

    display: block;

    padding: 10px 5px;

    color: #fff;

    text-transform: uppercase;

    -webkit-transition: 0.4s all ease-in-out;

    -o-transition: 0.4s all ease-in-out;

    transition: 0.4s all ease-in-out;

}



.main-nav .sub-menu > li {

    position: relative;

    display: block;

    background-color: var(--primary-color);

    margin: 0 auto 1px;

    -webkit-transition: 0.4s all ease-in-out;

    -o-transition: 0.4s all ease-in-out;

    transition: 0.4s all ease-in-out;

}



.main-nav .sub-menu li:hover {

    background-color: var(--secondary-color);

}



.main-nav .sub-menu li:hover > a {

    color: #fff;

    text-decoration: none;

}



.main-nav li:focus-within > .sub-menu, .main-nav li:hover > .sub-menu {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    padding-top: 20px;

}



.main-nav li > .sub-menu .sub-menu {

    margin-left: calc(100% + 1px);

    top: 0;

    padding-top: 0!important;

}



/*******************************************************

 *

 * 3. Custom CSS

 *

 *******************************************************/

/* Global */

body {

    font-family: var(--body-font);

    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; */

}



/*CSS Reset*/

a, a:hover, a:visited, a:focus, textarea {

    text-decoration: none;

    outline: 0;

    cursor: pointer;

}



a:hover, a:focus {

    color: var(--secondary-color);

}



.slick-track * {

    outline: none;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

    -webkit-transition: 0.3s all ease-in-out;

}



select::-ms-expand {

    display: none;

}



input:focus, select:focus, textarea:focus {

    outline: none;

}



input[type="radio"] {

    -webkit-appearance: radio;

    -moz-appearance: radio;

    appearance: radio;

}



input[type="checkbox"] {

    -webkit-appearance: checkbox;

    -moz-appearance: checkbox;

    appearance: checkbox;

}



select {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    outline: none;

}



textarea {

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    -o-appearance: none;

    border-radius: 0;

}



[class*="ai-icon-"] {

    display: inline-block;

    vertical-align: middle;

    width: auto;

    height: auto;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



#main-wrapper {

    overflow: hidden;

}



.attachment-fixed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

}



.attachment-fixed canvas {

    background-attachment: fixed!important;

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}



.site-img {

    display: block;

    position: relative;

}



.site-img canvas {

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

}



.site-img img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: block;

    -o-object-fit: cover;

       object-fit: cover;

    -o-object-position: center;

       object-position: center;

    z-index: 1;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.custom-container {

    padding: 0 15px;

    width: 100%;

    max-width: 1430px;

    margin: 0 auto;

}



/*Global Button*/

.global-btn {

    position: relative;

    font-size: 18px;

    line-height: 1;

    letter-spacing: 0.050em;

    color: #fff;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

    display: inline-block;

    border: none;

    padding: 0;

    background-color: transparent;

}



.global-btn em[class^=ai-font] {

    position: relative;

    width: 54px;

    height: 54px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    font-size: 14px;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    border: 1px solid var(--secondary-color);

    color: #fff;

    border-radius: 50%;

    margin-left: 25px;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

    font-weight: 700;

}



.global-btn > span {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



.global-btn:hover em[class^=ai-font], .global-btn:focus em[class^=ai-font] {

    background-color: var(--secondary-color);

    color: #fff!important;

}



.global-btn:hover, .global-btn:focus {

    color: var(--secondary-color);

}



/* Global Title */

.global-title {

    display: block;

    position: relative;

    z-index: 2;

}



.global-title.is-center {

    text-align: center;

}



.global-title h2 {

    font-size: 85px;

    line-height: 1;

    color: #fff;

    font-family: var(--title-font);

    display: block;

    position: relative;

}



.global-title h2 span {

    position: relative;

    display: inline-block;

}



.global-title h2 span:before {

    position: absolute;

    content: '';

    top: 50%;

    left: calc(100% + 25px);

    width: 85px;

    height: 1px;

    background-color: var(--secondary-color);

}



/* Custom Title */

.custom-title, .custom-title h2 {

    display: block;

    position: relative;

}



.custom-title h2 span {

    font-size: 85px;

    line-height: 1;

    color: var(--primary-color);

    display: block;

    font-family: var(--title-font);

    text-transform: uppercase;

}



.custom-title h2 small {

    font-size: 35px;

    line-height: 1;

    letter-spacing: 0.200em;

    color: var(--primary-color);

    text-transform: uppercase;

    font-family: var(--title-font);

    display: inline-block;

    position: relative;

}



.custom-title h2 small:before {

    position: absolute;

    content: '';

    top: 50%;

    left: calc(100% + 20px);

    width: 85px;

    height: 1px;

    background-color: var(--secondary-color);

}



.custom-title.is-white h2 small, .custom-title.is-white h2 span {

    color: #fff;

}



.custom-title.is-center h2 {

    display: inline-block;

    text-align: left;

}



.custom-title.is-center {

    text-align: center;

}



/*Popup Form*/

body.popup-active {

    overflow: hidden;

}



.popup-container {

    position: fixed;

    z-index: 9999;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.40);

    visibility: hidden;

    pointer-events: none;

    opacity: 0;

    -webkit-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    transition: all 0.6s ease;

    overflow: hidden;

    font-size: 0;

}





.popup-container.active {

    visibility: visible;

    pointer-events: auto;

    opacity: 1;

}



.popup-wrapper {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    /* display: flex; */

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}



.popup-main {

    position: relative;

    width: 100%;

    -webkit-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    transition: all 0.6s ease;

    -webkit-transform: scale(0.7);

        -ms-transform: scale(0.7);

            transform: scale(0.7);

    opacity: 0;

    background-color: #040d18;

    padding: 65px 60px 0 25px;

    margin: 100px auto;

}



.popup-main > div {

    display: block;

    width: 100%;

    height: 100%;

}



.popup-container.active .popup-main {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}



.popup-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 347px;

    height: 100%;

    width: 21.921%;

	display: none;

}



.popup-bg canvas {

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.popup-row,

.popup-agent-photo,

.popup-content,

.popup-form-container,

.popup-form-widget,

.popup-form-widget form,

.popup-form,

.popup-form-field{

    display: block;

    position: relative;

}



.popup-agent-photo img {

    max-width: 100%;

    height: auto;

    width: 100%;

    -webkit-filter: grayscale(1);

            filter: grayscale(1);

}



.popup-col {

    display: inline-block;

    vertical-align: top;

    position: relative;

    width: calc(100% / 3);

}



.popup-content h3 {

    font-size: 35px;

    letter-spacing: 0.200em;

    line-height: 1;

    font-family: var(--title-font);

    color: #fff;

    display: block;

    margin-top: 30px;

    margin-bottom: 40px;

    text-transform: uppercase;

}



.popup-content p {

    font-size: 18px;

    line-height: 1.667;

    letter-spacing: 0.005em;

    color: #fff;

    display: block;

    width: 76%;

}





.popup-close {

    position: absolute;

    top: 25px;

    right: 20px;

    font-size: 17px;

    color: #c3c5c7;

    padding: 0;

    background-color: transparent;

    border: none;

    z-index: 5;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.popup-form-container {

    padding: 80px 75px 75px;

    background-color: #fff;

    margin-top: -110px;

    height: 100%;

}



.popup-form-container .custom-title h2 {

    display: inline-block;

    text-align: left;

}



.popup-form-field:not(:last-child) {

    margin-bottom: 15px;

}



.popup-form-field input:not([type=submit]), .popup-form-field textarea {

    width: 100%;

    height: 40px;

    border: none;

    border-bottom: 1px solid #cdced0;

    font-size: 14px;

    text-transform: uppercase;

    line-height: normal;

    letter-spacing: 0.050em;

    padding: 0;

}



.popup-form-field.form-submit {

    text-align: center;

    margin-top: 30px;

}



.popup-form-field.form-submit button {

    color: #040d18;

}



.popup-form-field.form-submit button em[class^=ai-font] {

    color: #040d18;

}



.popup-form-field textarea {

    height: 60px;

    resize: none;

    padding: 10px 0;

}



.popup-close:hover {

    color: var(--secondary-color);

}





.popup-col:first-child {

    width: 26.77%;

}



.popup-col:nth-child(2) {

    width: 42.388%;

}



.popup-col:last-child {

    width: 30.842%;

}



.popup-form-container .custom-title h2 span {

    font-size: 70px;

    font-weight: 500;

}



.popup-form-container .custom-title h2 small {

    font-size: 40px;

    letter-spacing: normal;

}



.popup-form-container .custom-title {

    margin-bottom: 37px;

    text-align: center;

}



.popup-content .global-title h2 {

    text-transform: uppercase;

    font-size: 70px;

    line-height: 1.2;

}



.popup-content .global-title h2 em {

    font-style: normal;

    font-family: 'Playfair Display', serif;

    font-size: 70px;

}



.popup-content {

    padding: 90px 0 0 45px;

}



.popup-form-widget .wpcf7 form .wpcf7-response-output {

    position: absolute;

    bottom: -45px;

    left: 0;

    right: 0;

    margin: 0 auto;

    font-size: 11px;

    text-align: center;

}





/*Fixed Header*/

#fixed-header {

    position: fixed;

    z-index: 1029;

    top: 0;

    left: 0;

    width: 100%;

    -webkit-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    transform: translateY(-100%);

    -webkit-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    font-size: 0;

    background-color: var(--primary-color);

    padding: 12px 0;

    min-height: 92px;

}



#fixed-header.active {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

}



#fixed-header:not(.active) {

    opacity: 0;

    pointer-events: none;

}



#fixed-header .burger-menu-wrap {

    display: inline-block;

    position: relative;

    top: 0;

}



#fixed-header > .container {

    width: 100%;

    padding: 0 100px;

}



.fixed-header-nav, .fixed-logo {

    display: inline-block;

    vertical-align: middle;

    position: relative;

}



.fixed-header-wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

}



.fixed-header-nav {

    margin-left: auto;

    margin-right: 99px;

}



#fixed-header .main-nav li:hover > .sub-menu {

    padding-top: 38px;

}



/* Header */

.header-wrapper {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1028;

    width: 100%;

    font-size: 0;

    -webkit-transition: 0.4s all ease-out;

    -o-transition: 0.4s all ease-out;

    transition: 0.4s all ease-out;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 40px 0;

}



.header-wrap {

    display: block;

    position: relative;

}



.header-nav {

    display: block;

    position: relative;

    text-align: center;

}



.header-wrapper > .container {

    width: 100%;

    /* max-width: 1430px; */

    padding: 0 100px;

}



.logo {

    display: block;

    position: relative;

    text-align: center;

    margin-bottom: 38px;

}



.logo a {

    display: inline-block;

    position: relative;

}



.logo img {

    max-width: 100%;

    height: auto;

}



/*Burger Menu*/

.burger-menu-wrap {

    z-index: 10;

    position: absolute;

    top: 40px;

    right: 0;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.burger-menu-icon {

    cursor: pointer;

    position: relative;

    display: block;

}



.burger-menu-icon.active span {

    height: 3px;

}



.burger-menu-icon span {

    display: block;

    position: absolute;

    height: 2px;

    width: 100%;

    background-color: #fff;

    left: 0;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

    top: 0;

}



.bm-lines {

    display: block;

    width: 31px;

    height: 9px;

    position: relative;

    margin: 0 auto;

}



.burger-menu-icon:hover .bm-lines span {

    background-color: var(--secondary-color);

}



.burger-menu-icon span:last-child {

    bottom: 0;

    top: auto;

}



/*Side Menu*/

html.burger-menu-active {

    overflow: hidden!important;

}



.side-menu {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1035;

    width: 100%;

    height: 100%;

    font-size: 0;

    pointer-events: none;

}



.side-menu.active .side-menu-bg {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}



.side-menu-bar, .side-menu-overlay {

    height: 100%!important;

}



.side-menu-bg {

    position: absolute;

    top: 0;

    right: 0;

    max-width: 100%;

    width: 100%;

    height: 100%;

    z-index: 1056;

    background-color: var(--primary-color);

    -o-transition: all ease .6s;

    -webkit-transition: all ease .6s;

    transition: all ease .6s;

    opacity: 0;

    pointer-events: none;

}



.side-menu-bg .simplebar-scrollbar:before {

    background: #eee;

}



.side-menu-container {

    width: 100%;

    position: relative;

    height: 100%;

}



.side-menu-overlay {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1054;

    width: 100%;

    height: 100%;

    visibility: hidden;

    pointer-events: none;

    -webkit-transition: 0.4s all ease;

    -o-transition: 0.4s all ease;

    transition: 0.4s all ease;

    opacity: 0;

}



.side-menu-overlay.active {

    visibility: visible;

    pointer-events: auto;

    opacity: 1;

}



.side-menu.active {

    visibility: visible;

    pointer-events: auto;

}



.side-menu-wrapper {

    position: relative;

    height: 100%;

    width: 100%;

    padding: 40px 30px 50px;

    overflow-y: auto;

    overflow-x: hidden;

}



.side-menu-inner {

    width: 100%;

    margin: 0 auto;

    position: relative;

    z-index: 5;

}



.side-menu-logo {

    display: block;

    text-align: center;

    margin-bottom: 98px;

}



.side-menu-logo a {

    display: inline-block;

    position: relative;

}



.side-menu-logo a img {

    max-width: 100%;

    height: auto;

}



.sidemenu-nav > li > a {

    font-size: 24px;

    line-height: 1;

    letter-spacing: 0.050em;

    color: #fff;

    -webkit-transition: 0.4s all ease-in-out;

    -o-transition: 0.4s all ease-in-out;

    transition: 0.4s all ease-in-out;

    position: relative;

    font-family: var( --title-font);

    text-transform: uppercase;

    display: block;

}



.sidemenu-nav > li > a:hover {

    color: var(--secondary-color);

}



.sidemenu-nav .sub-menu {

    margin-top: 30px;

}



.sidemenu-nav .sub-menu li {

    display: block;

    position: relative;

}



.sidemenu-nav .sub-menu li:not(:last-child) {

    margin-bottom: 17px;

}



.sidemenu-nav .sub-menu li a {

    color: #aebbca;

    font-size: 14px;

    letter-spacing: 0.050em;

    line-height: 1;

    -webkit-transition: 0.4s all ease-in-out;

    -o-transition: 0.4s all ease-in-out;

    transition: 0.4s all ease-in-out;

    font-weight: 300;

}



.sidemenu-nav .sub-menu li a:hover {

    color: var(--secondary-color);

}



.sidemenu-nav {

    position: relative;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

}



.sidemenu-nav > li {

    position: relative;

    text-align: left;

    display: inline-block;

    vertical-align: top;

}



.sidemenu-nav > li:last-child {

    margin-bottom: 0;

}



.side-menu-nav {

    display: block;

    position: relative;

    width: 100%;

    max-width: 1280px;

    margin: 0 auto;

    overflow: hidden;

}



.side-menu-nav h2 {

    font-size: 35px;

    line-height: 1;

    color: #fff;

    font-family: var(--title-font);

    display: inline-block;

    margin-bottom: 57px;

    text-transform: uppercase;

    position: relative;

}



.side-menu-nav h2:before {

    position: absolute;

    content: '';

    top: 50%;

    left: calc(100% + 40px);

    background-color: var(--secondary-color);

    width: 100vw;

    height: 1px;

}



.sidemenu-nav > li > ul {

    display: block;

}



.side-menu-main-bg {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    overflow: hidden;

}



.side-menu-main-bg:before, .side-menu-main-bg:after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 20%;

    pointer-events: none;

}



.side-menu-main-bg:before {

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(3,13,24,0.9)),to(rgba(0,0,0,0)));

    background: -o-linear-gradient(top, rgba(3,13,24,0.9) 0%,rgba(0,0,0,0) 100%);

    background: linear-gradient(to bottom, rgba(3,13,24,0.9) 0%,rgba(0,0,0,0) 100%);

}



.side-menu-main-bg:after {

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(3,13,24,0.9)));

    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(3,13,24,0.9) 100%);

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(3,13,24,0.9) 100%);

    top: auto;

    bottom: 0;

}



.side-menu-main-bg > div {

    display: block;

    position: relative;

    width: 100%;

    height: 100%;

}



.side-menu-main-bg canvas {

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    opacity: .08;

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

}



.side-menu-close {

    border: none;

    background-color: transparent;

    position: absolute;

    top: 0;

    right: 0;

    -webkit-transition: 0.4s all ease-in-out;

    -o-transition: 0.4s all ease-in-out;

    transition: 0.4s all ease-in-out;

    font-size: 19px;

    color: var(--secondary-color);

    padding: 0;

    cursor: pointer;

    z-index: 20;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

}



html.burger-menu-active button.side-menu-close {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}



.side-menu-close:hover {

    color: #7e7e7e;

}



.side-menu-smis a {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    font-size: 26px;

    color: var(--secondary-color);

    line-height: 1;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.side-menu-smis a:hover {

    color: #aebbca;

}



.side-menu-smis a:not(:last-child) {

    margin-right: 47px;

}



.side-menu-smis {

    position: relative;

    text-align: center;

    display: block;

    margin-top: 108px;

}



.side-menu-contacts span {

    color: #aebbca;

    font-size: 14px;

    letter-spacing: 0.050em;

    line-height: 2.2;

    -webkit-transition: 0.4s all ease-in-out;

    -o-transition: 0.4s all ease-in-out;

    transition: 0.4s all ease-in-out;

    font-weight: 300;

    display: block;

}



.side-menu-contacts span a {

    color: inherit;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.side-menu-contacts span a:hover {

    color: var(--secondary-color);

}



.side-menu-contacts {

    display: inline-block;

    position: relative;

    margin-top: 21px;

}



/*Slideshow*/

.slideshow-container {

    display: block;

    position: relative;

    overflow: hidden;

}



.slideshow-wrapper {

    position: relative;

    display: block;

}



.slideshow-container .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img {

    background-color: #000;

    height: 100%;

}



.slideshow-container .aios-slider-img:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,.30);

    pointer-events: none;

    z-index: 1;

}



.slideshow-container .aios-slider-img:after {

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    width: 100%;

    height: 30%;

    pointer-events: none;

    z-index: 1;

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.9)));

    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);

}



.slideshow-container .aios-slider.aios-slider-template-default .aios-slider-splide, .slideshow-container .splide__track , .slideshow-container .splide__track--fade>.splide__list, .slideshow-container .splide__track--fade>.splide__list>.splide__slide {

    height: 100%;

}



.slideshow-container .slide-spacer {

    display: block;

    width: 100%;

    height: 100%;

}



/*Slideshow Tagline*/

body #aios-slider-hp-slideshow.aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-tagline {

    background-color: transparent!important;

    z-index: 10;

    color: #fff;

    overflow: visible;

    display: block;

    bottom: 44px;

    width: 100%;

    max-width: 1430px;

    margin: 0 auto;

    /* padding: 0 100px; */

    padding: 0 15px;

}



body #aios-slider-hp-slideshow.aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-description {

    font-size: 0;

}



body #aios-slider-hp-slideshow.aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-title {

    font-size: 72px;

    line-height: 1.3;

    font-family: var(--title-font);

    color: #fff;

}



body #aios-slider-hp-slideshow .splide__pagination {

    bottom: 60px;

    right: calc((100vw - 1390px) / 2);

    left: auto;

    padding: 0;

}



body #aios-slider-hp-slideshow .splide__pagination__page {

    background-color: transparent!important;

    width: 16px!important;

    height: 16px!important;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    margin: 0;

}



body #aios-slider-hp-slideshow .splide__pagination li:not(:last-child) {

    margin-right: 12px;

}



body #aios-slider-hp-slideshow .splide__pagination__page.is-active {

    width: 12px;

    height: 12px;

}



body #aios-slider-hp-slideshow .splide__pagination__page:before {

    position: absolute;

    content: '';

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

        -ms-transform: translate(-50%,-50%);

            transform: translate(-50%,-50%);

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background-color: #fff;

}



body #aios-slider-hp-slideshow .splide__pagination__page:after {

    position: absolute;

    content: '';

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

        -ms-transform: translate(-50%,-50%);

            transform: translate(-50%,-50%);

    border-radius: 50%;

    border: 1px solid #fff;

    width: 100%;

    height: 100%;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



body #aios-slider-hp-slideshow .splide__pagination__page.is-active:after {

    opacity: 1;

    visibility: visible;

}



body .aios-slider-tagline-description {

    margin-top: 30px;

}



.slideshow-btn {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    margin-left: 30px;

}



.slideshow-counter {

    display: inline-block;

    vertical-align: middle;

    position: relative;

}



.slideshow-counter span {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    font-size: 18px;

    color: var(--secondary-color);

    line-height: 1;

    letter-spacing: 0.300em;

}



.slideshow-counter span.divider {

    margin-left: 5px;

    margin-right: 3px;

}



/*Exclusive Listings*/

.prop-container, .prop-main, .prop-btn, .prop-list, .prop-item a, .prop-price, .prop-address, .prop-info, .prop-main-title-inner, .prop-more-btn-inner, .prop-more-btn, .prop-col {

    display: block;

    position: relative;

}



.prop-container {

    font-size: 0;

    padding: 107px 0 111px;

}



.prop-bg {

    background-color: var(--primary-color);

}



.prop-main {

    z-index: 5;

}



.prop-item {

    display: inline-block;

    vertical-align: middle;

    width: calc(100% / 3);

    position: relative;

    padding: 3px;

}



.prop-price span {

    font-size: 24px;

    line-height: 1;

    letter-spacing: 0.100em;

    color: #fff;

}



.prop-address span {

    font-size: 18px;

    line-height: 1;

    letter-spacing: 0.020em;

    color: #fff;

    font-family: var(--title-font);

}



.prop-info span {

    display: inline-block;

    vertical-align: middle;

    font-size: 12px;

    letter-spacing: 0.200em;

    color: #fff;

    text-transform: uppercase;

    font-weight: 300;

    padding: 3px 10px;

    border-right: 1px solid var(--secondary-color);

}



.prop-info span:first-child {

    padding-left: 0;

}



.prop-info span:last-child {

    padding-right: 0;

    border: none;

}



.prop-details {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    display: block;

    text-align: center;

    z-index: 5;

    padding: 0 15px 37px;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.prop-price {

    margin-bottom: 12px;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.prop-address {

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.prop-info {

    opacity: 0;

    height: 0;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

    margin-top: 0;

}



.prop-item a:hover .prop-info {

    opacity: 1;

    visibility: visible;

    height: 18px;

    margin-top: 15px;

    -webkit-transform: scale(0.98);

        -ms-transform: scale(0.98);

            transform: scale(0.98);

}



.prop-item a {

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

    -webkit-transform: scale(1);

        -ms-transform: scale(1);

            transform: scale(1);

}



.prop-item a:hover .prop-details {

    padding: 0 15px 30px;

}



.prop-item a:before {

    position: absolute;

    content: '';

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    border: 5px solid var(--secondary-color);

    z-index: 3;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

    opacity: 0;

    visibility: hidden;

}



.prop-list {

    margin: -3px;

	min-height: 600px;

}



.prop-item a:hover:before {

    opacity: 1;

    visibility: visible;

}



.prop-item a:hover {

    z-index: 2;

    -webkit-transform: scale(1.11);

        -ms-transform: scale(1.11);

            transform: scale(1.11);

}



.prop-item a:hover .prop-price, .prop-item a:hover .prop-address {

    -webkit-transform: scale(0.98);

        -ms-transform: scale(0.98);

            transform: scale(0.98);

}



.prop-more-btn a {

    font-size: 33px;

    line-height: 1;

    color: #fff;

    font-family: var(--title-font);

    display: inline-block;

    position: relative;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.prop-more-btn a:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 60px;

    height: 1px;

    background-color: var(--secondary-color);

    margin-right: 15px;

}



.prop-more-btns {

    position: absolute;

    bottom: 0;

    right: 0;

    width: calc(100% / 3);

    height: calc(100% / 3);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}



.prop-more-btn:not(:last-child) {

    margin-bottom: 50px;

}



.prop-more-btn a:hover {

    color: var(--secondary-color);

}



.prop-main-title {

    position: absolute;

    top: 0;

    right: 0;

    width: calc(100% / 3);

    height: calc(100% / 3);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    z-index: 5;

}



.prop-main-title-inner {

    padding: 0 30px 0 60px;

}



.prop-btn {

    margin-top: 35px;

}



.prop-img:before {

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    width: 100%;

    height: 50%;

    pointer-events: none;

    z-index: 2;

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.85)));

    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);

}



.prop-img canvas {

    min-height: 300px;

}



.prop-img img {

    -webkit-transform: scale(1.01);

        -ms-transform: scale(1.01);

            transform: scale(1.01);

}



.prop-img {

    background-color: var(--primary-color);

    overflow: hidden;

}



/*About*/

.about-container, .about-main, .about-row, .about-content-container, .about-title, .about-content, .about-more-btn, .about-agent-photo {

    display: block;

    position: relative;

}



.about-container {

    font-size: 0;

    padding: 45px 0 0;

}



.about-bg,
.about-bg.attachment-fixed {

    position: absolute;

    bottom: 0;

    left: 0;

    top: auto;

    height: 584px;

    background-color: var(--primary-color);

    z-index: 1;

}



.about-agent-photo img {

    max-width: 100%;

    width: 100%;

    height: auto;

    -webkit-filter: grayscale(1);

            filter: grayscale(1);

}



.about-col {

    display: inline-block;

    vertical-align: bottom;

    width: 50%;

    position: relative;

}



.about-container .custom-container {

    /* max-width: 1420px; */

}



.about-title h2 {

    display: block;

    position: relative;

}



.about-title h2 span {

    font-size: 120px;

    line-height: 0.85;

    color: var(--primary-color);

    display: block;

    font-family: var(--title-font);

    text-transform: uppercase;

}



.about-title h2 small {

    font-size: 35px;

    line-height: 1;

    letter-spacing: 0.200em;

    color: var(--primary-color);

    text-transform: uppercase;

    font-family: var(--title-font);

    display: inline-block;

    position: relative;

}



.about-title h2 small:before {

    position: absolute;

    content: '';

    top: 50%;

    left: calc(100% + 20px);

    width: 85px;

    height: 1px;

    background-color: var(--secondary-color);

}



.about-content p {

    font-size: 16px;

    line-height: 1.813;

    color: #fff;

    letter-spacing: 0.005em;

}



.about-content p:not(:last-child) {

    margin-bottom: 30px;

}



.about-content {

    margin-bottom: 27px;

    margin-top: 46px;

    padding-right: 10px;

}



.about-content-container {

    padding-bottom: 126px;

}



.about-content-container .custom-title h2 span {

    font-size: 120px;

    line-height: 0.8;

}



.about-row {

    width: 100%;

    max-width: 1170px;

    margin: 0 auto;

    padding: 0 15px;

    z-index: 2;

}



.about-col:first-child {

    width: 48.685%;

}



.about-col:last-child {

    width: 51.315%;

}



.about-agent-photo {

    margin-right: calc((100vw - 1140px) / -2);

    padding-bottom: 160px;

    margin-left: -70px;

}



.about-border {

    position: absolute;

    top: 70px;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    border-top: 1px solid #e6e7e9;

}



.about-border:before, .about-border:after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 1px;

    height: 100%;

    background-color: #e6e7e9;

}



.about-border:after {

    left: auto;

    right: 0;

}



/*Stats*/

.stats-container, .stats-main, .stats-list, .stats-item ul, .stats-item li {

    display: block;

    position: relative;

}



.stats-container {

    font-size: 0;

    padding: 118px 0 160px;

}



.stats-bg {

    background-color: #000;

}



.stats-bg canvas {

    opacity: .45;

}



.stats-item li {

    font-size: 18px;

    line-height: 31px;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 0.050em;

}



.stats-item li span {

    font-size: 70px;

    letter-spacing: 0.060em;

    color: #fff;

    display: block;

    margin-bottom: 22px;

    font-family: 'Playfair Display', serif;

    line-height: 1;

}



.stats-item li span em {

    font-style: normal;

}



.stats-item {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    width: calc(100% / 4);

}



.stats-list {

    width: 100%;

    max-width: 1300px;

    margin: 0 auto;

    padding: 0 15px;

    text-align: center;

}



.stats-item ul {

    text-align: center;

    padding: 10px 0;

}



.stats-item ul {

}



.stats-item:not(:last-child) ul {

    border-right: 2px solid var(--secondary-color);

}



.stats-main .global-title {

    margin-bottom: 50px;

}



/*Client Quote*/

.border-container {

    display: block;

    position: relative;

    padding: 85px 50px 70px;

    font-size: 0;

    letter-spacing: normal;

    overflow: hidden;

    width: 100%;

    margin: 0 auto;

}



.border-container:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    width: 1px;

    margin: 0 auto;

    height: 18px;

    background-color: #163153;

}



.border-container:after {

    position: absolute;

    content: '';

    top: 25px;

    left: 0;

    right: 0;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background-color: #163153;

    margin: 0 auto;

}



.border-container.is-bottom:before {

    top: auto;

    bottom: 0;

}



.border-container.is-bottom:after {

    top: auto;

    bottom: 25px;

}



.border-outer {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

}



.border-outer span {

    position: absolute;

    width: calc(100% - 80px);

    height: 1px;

    border: none;

    border-top: 1px solid #163153;

}



.border-outer span.left {

    top: 50%;

    left: 0;

    width: 1px;

    height: calc(100% - 80px);

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    border-left: 1px solid #163153;

}



.border-outer span.right {

    top: 50%;

    right: 0;

    width: 1px;

    height: calc(100% - 80px);

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    border-right: 1px solid #163153;

}



.border-outer span.bottom {

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

            transform: translateX(-50%);

    border-top: none;

    border-bottom: 1px solid #163153;

}



.border-outer span.top {

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

            transform: translateX(-50%);

}



.border-accent {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

}



.border-accent span {

    width: 80px;

    height: 40px;

    background-color: transparent;

    border-top-left-radius: 80px;

    border-top-right-radius: 80px;

    border: 1px solid #163153;

    border-bottom: 0;

    position: absolute;

    -webkit-transform: rotate(90deg);

        -ms-transform: rotate(90deg);

            transform: rotate(90deg);

}



.border-accent span.top-left {

    top: -20px;

    left: -20px;

}



.border-accent span.top-right {

    top: -20px;

    right: -20px;

    -webkit-transform: rotate(-90deg);

        -ms-transform: rotate(-90deg);

            transform: rotate(-90deg);

}



.border-accent span.bottom-left {

    bottom: -20px;

    left: -20px;

}



.border-accent span.bottom-right {

    bottom: -20px;

    right: -20px;

    -webkit-transform: rotate(-90deg);

        -ms-transform: rotate(-90deg);

            transform: rotate(-90deg);

}



.border-outer:before, .border-outer:after {

    position: absolute;

    content: '';

    top: 0;

    left: 10px;

    width: 3px;

    height: 14px;

    background-color: var(--secondary-color);

}



.border-outer:after {

    right: 10px;

    left: auto;

}



.border-accent:before, .border-accent:after {

    position: absolute;

    content: '';

    bottom: 0;

    left: 10px;

    width: 3px;

    height: 14px;

    background-color: var(--secondary-color);

}



.border-accent:after {

    left: auto;

    right: 10px;

}



.cq-container, .cq-main, .cq-content {

    display: block;

    position: relative;

}



.cq-container {

    font-size: 0;

    padding: 120px 0 124px;

    background-color: var(--primary-color);

    overflow: hidden;

}



.cq-container > .custom-container {

    max-width: 1330px;

}



.cq-main:before {

    position: absolute;

    content: '';

    bottom: 100%;

    left: 0;

    right: 0;

    width: 1px;

    margin: 0 auto;

    height: 100vh;

    background-color: #163153;

}



.cq-content p {

    font-size: 40px;

    line-height: 1.375;

    color: #fff;

    font-family: var(--title-font);

    display: block;

}



.cq-content {

    text-align: center;

}



.cq-content span {

    font-size: 25px;

    line-height: 1;

    color: var(--secondary-color);

    font-family: var(--title-font);

    text-transform: uppercase;

    margin-top: 33px;

    display: block;

}



/*Meet the Team*/

.mtt-container, .mtt-img {

    display: block;

    position: relative;

}



.mtt-container {

    font-size: 0;

}



.mtt-img img {

    max-width: 100%;

    height: auto;

    width: 100%;

}



/*Call to Action*/

.cta-container, .cta-main, .cta-item a, .cta-holder, .cta-holder canvas, .cta-title, .cta-text, .cta-more-btn {

    display: block;

    position: relative;

}



.cta-item {

    display: inline-block;

    vertical-align: middle;

    width: calc(100% / 3);

    position: relative;

    height: 100%;

}



.cta-main {

    z-index: 5;

    height: 100%;

}



.cta-holder canvas {

    width: 100%;

    height: 100%;

    position: relative;

}



.cta-content {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    padding: 0 40px;

    text-align: center;

}



.cta-bg {

    background-color: #000;

}



.cta-bg canvas {

    -webkit-filter: grayscale(1);

            filter: grayscale(1);

    opacity: .30;

}



.cta-container {

    font-size: 0;

}



.cta-title h2 {

    font-size: 54px;

    line-height: 1;

    color: #fff;

    font-family: var(--title-font);

}



.cta-text p {

    font-size: 21px;

    line-height: 1.524;

    color: #fff;

}



.cta-text {

    text-align: center;

    width: 100%;

    max-width: 90%;

    margin: 0 auto 80px;

}



.cta-title {

    margin-bottom: 25px;

}



.cta-holder:before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    background: -webkit-gradient(linear, left top, right top, from(rgba(183,151,93,1)),to(rgba(118,84,31,1)));

    background: -o-linear-gradient(left, rgba(183,151,93,1) 0%,rgba(118,84,31,1) 100%);

    background: linear-gradient(to right, rgba(183,151,93,1) 0%,rgba(118,84,31,1) 100%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.cta-item a:hover .cta-holder:before {

    opacity: 1;

    visibility: visible;

}



.cta-item a {

    height: 100%;

}



.cta-item:not(:last-child):before {

    position: absolute;

    content: '';

    top: 0;

    right: 0;

    width: 2px;

    height: 100%;

    background-color: #fff;

    z-index: 1;

}



.cta-main:before, .cta-main:after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 2px;

    background-color: #fff;

    z-index: 1;

}



.cta-main:after {

    top: auto;

    bottom: 0;

}



.cta-more-btn .global-btn {

    color: #fff;

    font-size: 24px;

}



.cta-more-btn .global-btn em[class^=ai-font] {

    width: 74px;

    height: 74px;

}





/*Record Breaking Sales*/

.rbs-container, .rbs-main, .rbs-slide, .rbs-inner, .rbs-price, .rbs-address, .rbs-more-btn {

    display: block;

    position: relative;

}



.rbs-container {

    font-size: 0;

    overflow: hidden;

}



.rbs-main-title {

    position: absolute;

    top: 120px;

}



.rbs-slide-control button {

    position: relative;

    width: 54px;

    height: 54px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    font-size: 14px;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    border: 1px solid var(--secondary-color);

    color: #fff;

    border-radius: 50%;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

    background-color: transparent;

    padding: 0;

    font-weight: 700;

}



.rbs-slide-control button:hover {

    background-color: var(--secondary-color);

}



.rbs-slide-control {

    position: absolute;

    bottom: 47px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    z-index: 5;

}



.rbs-item {

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    position: relative;

}



.rbs-slide:not(.slick-initialized) .rbs-item:nth-child(n+2) {

    display: none;

}



.rbs-content {

    position: absolute;

    bottom: 47px;

    right: 100px;

    z-index: 5;

    display: block;

    text-align: right;

}



.rbs-slide-control button:not(:last-child) {

    margin-right: 14px;

}



.rbs-price span {

    font-size: 36px;

    letter-spacing: 0.100em;

    line-height: 1;

    color: #fff;

    display: block;

}



.rbs-price {

    margin-bottom: 10px;

}



.rbs-address span {

    font-size: 27px;

    letter-spacing: 0.020em;

    color: #fff;

    display: block;

    line-height: 1;

    font-family: var(--title-font);

}



.rbs-content-inner {

    display: inline-block;

    position: relative;

}



.rbs-address {

    margin-bottom: 30px;

}



.rbs-more-btn a {

    color: #fff;

}



.rbs-main-title, .rbs-slide-control {

    left: 218px;

    z-index: 5;

}



.rbs-img:before {

    position: absolute;

    content: '';

    bottom: 0;

    right: 0;

    z-index: 4;

    background-image: url(images/accent-shadow.png);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    pointer-events: none;

    width: 100%;

    height: 100%;

}



.rbs-img {

    background-color: var(--primary-color);

}



/*Featured Areas*/

.fa-container, .fa-main, .fa-list, .fa-item a {

    display: block;

    position: relative;

}



.fa-container {

    font-size: 0;

    padding: 105px 0 50px;

    background-color: var(--primary-color);

    z-index: 2;

}



.fa-main .global-title {

    width: 100%;

    max-width: 1140px;

    margin: 0 auto;

    overflow: hidden;

    padding-bottom: 70px;

}



.fa-main .global-title h2 {

    display: inline-block;

}



.fa-main .global-title h2:before, .fa-main .global-title h2:after {

    position: absolute;

    content: '';

    top: 50%;

    left: calc(100% + 40px);

    width: 100vw;

    height: 1px;

    background-color: #163153;

}



.fa-main .global-title h2:after {

    left: auto;

    right: calc(100% + 40px);

}



.fa-main .global-title:before, .fa-main .global-title:after {

    position: absolute;

    content: '';

    top: 43px;

    left: 0;

    width: 1px;

    height: 100vh;

    background-color: #163153;

}



.fa-main .global-title:after {

    right: 0;

    left: auto;

}



.fa-list {

    margin: 0 -3px;

}



.fa-item {

    display: inline-block;

    vertical-align: middle;

    width: calc(100% / 3);

    position: relative;

    margin-bottom: 80px;

    padding: 0 3px;

}



.fa-title {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    z-index: 5;

    display: block;

    text-align: center;

    padding: 0 10px 75px;

}



.fa-title span {

    font-size: 40px;

    line-height: 1;

    color: #fff;

    font-family: var(--title-font);

    display: block;

    position: relative;

}



.fa-img:before {

    position: absolute;

    content: '';

    bottom: -43px;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: 2px;

    height: 85px;

    background-color: var(--secondary-color);

    z-index: 5;

}



.fa-img:after {

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    width: 100%;

    height: 40%;

    pointer-events: none;

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.95)));

    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%);

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%);

    z-index: 1;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.fa-img {

    background-color: var(--primary-color);

}



.fa-item a:hover .fa-img img {

    -webkit-filter: grayscale(1);

            filter: grayscale(1);

    opacity: .30;

}



.fa-item a:before {

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    width: 100%;

    height: 40%;

    pointer-events: none;

    z-index: 2;

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(8,22,40,1)));

    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(8,22,40,1) 100%);

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(8,22,40,1) 100%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.fa-item a:hover .fa-img:after {

    opacity: 0;

    visibility: hidden;

    height: 0;

}



.fa-item a:hover:before {

    opacity: 1;

    visibility: visible;

}



.fa-more-btn a {

    margin: 0 auto;

}



.fa-more-btn {

    display: block;

    text-align: center;

}



/*In the Media*/

.in-container, .in-main, .in-row, .in-content-container, .in-content, .in-more-btn, .in-list, .in-item, .in-post-content-inner {

    display: block;

    position: relative;

}



.accent-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 636px;

    height: 787px;

    pointer-events: none;

    z-index: 2;

    width: 40.177%;

    height: 60.632%;

}



.accent-bg canvas {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}



.in-bg canvas {

    opacity: 0.20;

}



html .in-bg.attachment-fixed canvas {

    background-attachment: scroll!important;

    background-position: center!important;

}



.in-bg {

    background-color: var(--primary-color);

    z-index: 1;

    top: auto;

    bottom: 0;

    height: calc(100% - 130px);

}



.in-main {

    z-index: 5;

}



.in-col {

    display: inline-block;

    vertical-align: top;

    width: 50%;

    position: relative;

}



.in-container {

    font-size: 0;

    padding: 237px 0 148px;

    margin-top: -184px;

    background-color: var(--primary-color);

}



.in-post-row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    position: relative;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;

}



.in-post-content-inner h2 {

    font-size: 35px;

    line-height: 1.2;

    color: #fff;

    font-family: var(--title-font);

    display: block;

    margin-bottom: 25px;

    margin-right: -49px;

}



.in-post-content-inner p {

    font-size: 16px;

    line-height: 1.5;

    letter-spacing: 0.005em;

    color: #fff;

    display: block;

    margin-bottom: 20px;

}



.in-post-content {

    width: 50%;

}



.in-post-img,.in-post-content {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    width: 50%;

}



.in-post-img a:hover img {

    opacity: .75;

}



.in-content p {

    font-size: 16px;

    line-height: 1.625;

    letter-spacing: 0.005em;

    color: #fff;

    display: block;

}



.in-content-container .global-title {

    margin-bottom: 50px;

}



.in-content-container {

    padding: 69px 162px 0 24px;

}



.in-content p:not(:last-child) {

    margin-bottom: 25px;

}



.in-content {

    margin-bottom: 35px;

}



.in-col:first-child {

    width: 45.357%;

}



.in-col:last-child {

    width: 54.643%;

}



.in-item:not(:last-child) {

    margin-bottom: 62px;

}



.in-item:nth-child(even) .in-post-row {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

        -ms-flex-direction: row-reverse;

            flex-direction: row-reverse;

}



.in-post-content-inner {

    padding: 0 10px 0 10px;

}



.in-post-btn {

    margin-bottom: -10px;

}



.in-post-row > div {

    padding: 0 22px;

}



.in-post-img a canvas {

    min-height: 263px;

}



.in-list {

    margin: 0 -22px;

}



.in-item:nth-child(even) .in-post-content-inner {

    padding: 0 20px 0 23px;

}



/*Testimonials*/

.testi-container, .testi-main,.testi-slide, .testi-content, .testi-inner, .testi-more-btn {

    display: block;

    position: relative;

}



.testi-container {

    font-size: 0;

    padding: 180px 0 100px;

    background-color: var(--primary-color);

    overflow: hidden;

}



.testi-container > .custom-container {

    max-width: 1330px;

}



.testi-container .border-container {

    padding: 80px 90px 70px;

}



.testi-item {

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    position: relative;

}



.testi-slide:not(.slick-initialized) .testi-item:nth-child(n+2) {

    display: none;

}



.testi-more-btn:after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    width: 1px;

    margin: 0 auto;

    height: 40px;

    background-color: #163153;

}



.testi-content p {

    font-size: 25px;

    line-height: 1.44;

    color: #fff;

    font-family: var(--title-font);

    display: block;

}



.testi-content {

    text-align: center;

}



.testi-content span {

    font-size: 25px;

    line-height: 1;

    color: var(--secondary-color);

    font-family: var(--title-font);

    text-transform: uppercase;

    margin-top: 33px;

    display: block;

}



.testi-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 690px;

    height: 660px;

    pointer-events: none;

    width: 43.589%;

    height: 69.11%;

}



.testi-bg canvas {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    background-position: top center;

    background-size: cover;

    background-repeat: no-repeat;

}



.testi-more-btn {

    text-align: center;

    padding: 50px 0 0;

}



.testi-controls {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

        -ms-transform: translate(-50%,-50%);

            transform: translate(-50%,-50%);

    z-index: 5;

    pointer-events: none;

    width: calc(100% + 100px);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

}



.testi-controls button {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    font-size: 15px;

    color: #fff;

    font-weight: 700;

    border: none;

    background-color: transparent;

    padding: 0;

    pointer-events: auto;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.testi-controls button:hover {

    color: var(--secondary-color);

}



.testi-main .global-title {

    margin-bottom: 85px;

    text-align: right;

    padding-right: 65px;

}



.testi-main .global-title h2 {

    display: inline-block;

    text-align: left;

}



/*Social Media*/

.sm-container, .sm-row, .sm-content-container, .sm-title, .sm-content, .smi-content-img, .sm-smi-holder, .sm-smis ul {

    display: block;

    position: relative;

}



.sm-container {

    font-size: 0;

    padding: 100px 0 77px;

}



.sm-col {

    display: inline-block;

    vertical-align: middle;

    width: 50%;

    position: relative;

}



.sm-content p {

    font-size: 16px;

    line-height: 1.625;

    letter-spacing: 0.005em;

    color: #000;

}



.sm-smi-label span {

    font-size: 18px;

    line-height: 1;

    letter-spacing: 0.050em;

    color: #000;

}



.sm-smi-holder {

    margin-top: 45px;

}



.sm-smis, .sm-smi-label {

    display: inline-block;

    vertical-align: middle;

    position: relative;

}



.sm-smis ul li {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    width: 54px;

    height: 54px;

}



.sm-smis ul li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    border: 1px solid var(--secondary-color);

    color: #000;

    font-size: 20px;

    line-height: 1;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.sm-smis ul li:not(:last-child) {

    margin-right: 10px;

}



.sm-smis {

    margin-left: 25px;

}



.sm-smis ul li a:hover {

    background-color: var(--secondary-color);

    color: #fff;

}



.sm-content-container .custom-title {

    margin-bottom: 30px;

}



.sm-container > .custom-container {

    max-width: 1366px;

}



.smi-content-img img {

    max-width: 100%;

    width: 100%;

    height: auto;

}



.sm-col:first-child {

    width: 52.396%;

}



.sm-col:last-child {

    width: 47.604%;

}



.sm-content-container {

    padding-right: 30px;

}



.smi-content-img {

    margin-right: -96px;

}



/*Join Our Network*/

.ff-container, .ff-main, .ff-caption, .ff-form-widget, .ff-form-widget form, .ff-form {

    display: block;

    position: relative;

}



.ff-container {

    font-size: 0;

    padding: 148px 0 118px;

}



.ff-bg {

    background-color: #000;

}



.ff-bg canvas {

    opacity: .20;

}



.ff-form-col input:not([type=submit]), .ff-form-col textarea {

    width: 100%;

    height: 45px;

    background-color: transparent;

    border: none;

    border-bottom: 1px solid rgba(255,255,255,.30);

    font-size: 15px;

    line-height: normal;

    letter-spacing: 0.100em;

    color: #fff;

    text-transform: uppercase;

    padding: 0;

}



.ff-form-col {

    display: inline-block;

    vertical-align: middle;

    width: calc(50% - 10px);

    position: relative;

    margin-bottom: 23px;

}



.ff-form-row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-flow: row wrap;

            flex-flow: row wrap;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

}



.ff-form-col.full {

    display: block;

    width: 100%;

}



.ff-form-col textarea {

    height: 70px;

    resize: none;

    padding: 10px 0;

}



.ff-form-widget {

    width: 100%;

    max-width: 860px;

    margin: 0 auto;

}



.ff-form-col.form-submit button {

    margin: 0 auto;

}



.ff-form-col.form-submit {

    text-align: center;

    margin-bottom: 0;

    margin-top: 27px;

}



.ff-caption {

    text-align: center;

    font-size: 17px;

    letter-spacing: 0.020em;

    color: #fff;

    margin-bottom: 50px;

}



.ff-main .custom-title {

    margin-bottom: 45px;

}



.ff-form-widget .wpcf7 form .wpcf7-response-output {

    position: absolute;

    bottom: -45px;

    left: 0;

    right: 0;

    font-size: 12px;

    color: #fff!important;

    text-align: center;

    margin: 0;

}



/*Footer*/

.footer-container, .footer-main, .footer-logo, .footer-label, .footer-nav-wrap, .footer-nav-holder, .footer-contacts, .footer-smi-holder, .footer-smi-holder a, .footer-inner, .footer-disclaimer, .copyright, .mls-logo {

    display: block;

    position: relative;

}



.footer-container {

    /*padding: 130px 0 95px;*/

    padding: 0 0 95px;

    background-color: var(--primary-color);

}



.footer-container:before {

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    width: 100%;

    height: 30%;

    pointer-events: none;

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(90%, rgba(4,12,23,1)),to(rgba(4,13,25,1)));

    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(4,12,23,1) 90%,rgba(4,13,25,1) 100%);

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(4,12,23,1) 90%,rgba(4,13,25,1) 100%);

}



.footer-logo {

    text-align: center;

    margin-bottom: 80px;

}



.footer-logo a {

    display: inline-block;

    position: relative;

}



.footer-logo img {

    max-width: 100%;

    height: auto;

}

.footer-logo img.img-responsive {

    margin: 15px auto 0;

}



.footer-label span {

    font-size: 30px;

    line-height: 1;

    font-family: var(--title-font);

    color: #fff;

    display: block;

    text-transform: uppercase;

}



.footer-col {

    display: inline-block;

    vertical-align: top;

    position: relative;

}



.footer-row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

}



.footer-label {

    margin-bottom: 20px;

    padding-bottom: 25px;

}



.footer-label:before {

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    width: 37px;

    height: 1px;

    background-color: var(--secondary-color);

}



.footer-contacts span {

    display: block;

    position: relative;

    font-size: 18px;

    line-height: 1;

    color: #fff;

    letter-spacing: 0.050em;

}



.footer-contacts span a {

    color: inherit;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.footer-contacts span a:hover {

    color: var(--secondary-color);

}



.footer-contacts span:first-child {

    line-height: 1.945;

    margin-bottom: 28px;

}



.footer-contacts span:not(:first-child) {

    margin-top: 15px;

}



.footer-smi-holder{
    font-size: 0;
}
.footer-smi-holder a {

    font-size: 16px;

    color: #fff;

    line-height: 1;

    display: inline-block;

    position: relative;

    margin-left: 15px;

    letter-spacing: 0.050em;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}

.footer-smi-holder a:first-child{
    margin-left: 0;
}

.footer-smi-holder a:hover {

    color: var(--secondary-color);

}



.footer-smi-holder a span > em {

    font-family: var(--body-font);

    font-style: normal;
    display: none;

}



.footer-smi-holder a span:before {

    width: 20px;

    display: inline-block;

    vertical-align: middle;

    text-align: center;

    margin-right: 0px;

    color: var(--secondary-color);

}

.footer-smi-holder a:hover span:before{
    color: #fff;
}

.footer-smi-holder a:not(:last-child) {

    margin-bottom: 21px;

}



.footer-inner .border-container {

    padding: 85px 135px 85px 85px;

}



.footer-container > .custom-container {

    max-width: 1330px;

}



.footer-inner:before {

    position: absolute;

    content: '';

    bottom: 100%;

    left: 0;

    right: 0;

    width: 1px;

    margin: 0 auto;

    height: 44px;

    background-color: #163153;

}



.footer-inner .border-container:before {

    height: 34px;

}



.footer-inner .border-container:after {

    top: 40px;

}





.footer-nav-holder {

    /* padding: 0 40px 0 0; */

}



.footer-nav-holder .footer-label {

    margin-bottom: 30px;

}



#footer-nav {

    -webkit-column-count: 2;

       -moz-column-count: 2;

            column-count: 2;

    -webkit-column-gap: 66px;

       -moz-column-gap: 66px;

            column-gap: 66px;

}



#footer-nav > li {

    display: block;

    position: relative;

    margin-bottom: 25px;

}



#footer-nav > li > a {

    font-size: 16px;

    line-height: 1;

    letter-spacing: 0.050em;

    color: #fff;

    text-transform: uppercase;

    font-weight: 400;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



#footer-nav > li > a:hover {

    color: var(--secondary-color);

}



/*Copyright*/

.footer-disclaimer {

    text-align: center;

    margin: 73px auto 20px;

    padding: 0 35px;

}



.footer-disclaimer p {

    font-size: 12px;

    line-height: 1.834;

    letter-spacing: 0.050em;

    color: #fff;

}



.footer-disclaimer p a {

    color: inherit;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.footer-disclaimer p a:hover {

    color: var(--secondary-color);

}



.copyright {

    font-size: 12px;

    line-height: 1;

    letter-spacing: 0.050em;

    color: #fff;

    margin-bottom: 27px;

    text-align: center;

    text-transform: uppercase;

}



.copyright span {

    font-weight: 700;

}



.copyright a {

    color: inherit;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.copyright a:hover {

    color: var(--secondary-color);

}



.mls-logo {

    text-align: center;

}



.mls-logo span {

    display: inline-block;

    vertical-align: middle;

    font-size: 29px;

    color: var(--secondary-color);

    margin: 0 5px;

}



.mls-logo span:first-child {

    margin-left: 0;

}



.mls-logo span:last-child {

    margin-right: 0;

}



.mls-logo span.ai-font-realtor-mls {

    font-size: 38px;

}



/*******************************************************

 *

 * 4. IP Styles

 *

 *******************************************************/

.ip-container #breadcrumbs {

    font-size: 16px;

    text-transform: uppercase;

}



.ip-container #breadcrumbs span.breadcrumb_last {

    color: var(--secondary-color) !important;

    font-weight: 700;

}

.ip-container #breadcrumbs span.breadcrumb_last span {
    color: inherit !important;
}

.ip-banner {

    position: relative;

    overflow: hidden;

}



.ip-banner:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1;

    background: rgba(0,0,0,.30);

}



.ip-banner canvas {

    display: block;

    position: relative;

    z-index: 0;

    width: 100%;

    min-height: 400px;

    background-color: var(--primary-color);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}



.ip-banner .container {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    z-index: 2;

}



.ip-banner h1 {

    font-weight: 400;

    font-size: 45px;

    text-align: center;

    color: #FFF;

    text-transform: uppercase;

    letter-spacing: 1px;

    line-height: 1;

}



.ip-banner h1 span {

    display: block;

    font-size: 24px;

    font-weight: 400;

    text-transform: none;

    letter-spacing: 1px;

}



/* 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: 74.08%;

}



#content-full #content {

    width: 100%;

}



/* Adjust width of sidebar */

.sidebar {

    width: 23.83%;

    margin-top: 80px;

}



/* 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 {

    font-size: 85px;

    line-height: 1;

    color: var(--primary-color);

    font-family: var(--title-font);

    font-weight: 400;

    text-transform: uppercase;

    margin: 0.37em 0;

}



#content .entry {

    font-size: 16px;

    line-height: 1.625;

    letter-spacing: 0.005em;

    color: var(--primary-color);

    font-weight: 400;

}



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

#content .archive-subtitle {

    font-size: 32px;

    line-height: 1;

    color: var(--primary-color);

    font-family: var(--title-font);

    font-weight: 400;

}



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

#content .archive-list {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

}



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

}



#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: 32px;

}



#content .archive-list .article-long p {

    font-size: 22px;

}



#content .archive-more {

    font-style: normal;

    text-decoration: none;

}



body.single-post .entry-thumbnail img {

    width: 100%;

    max-width: 100%;

    display: block;

}



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

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;

    -webkit-transition: none !important;

    -o-transition: none !important;

    transition: none !important;

}



#pojo-a11y-toolbar .pojo-a11y-btn-grayscale, #pojo-a11y-toolbar .pojo-a11y-btn-light-background, #pojo-a11y-toolbar .pojo-a11y-btn-high-contrast, #pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast {

    display: none !important;

}



body #aios-testimonials.aios-testimonials-page .aios-testimonials-content {

    padding: 0;

}



div.wpcf7 .ajax-loader {

    position: absolute;

    bottom: -18px;

    left: 0;

    right: 0;

    margin: 0 auto;

}



.use-floating-validation-tip .wpcf7-not-valid-tip {

    font-size: 12px;

    position: absolute;

    top: 20%;

    left: 20%;

    width: auto;

}



.wpcf7-form-control-wrap {

    display: block;

}



.wpcf7-spinner {

    position: absolute;

    bottom: -30px;

    left: 0;

    right: 0;

    margin: 0 auto;

}



body.page-id-18 #inner-page-wrapper #breadcrumbs {

    padding: 0;

}



body #agents-single .agents-contact li > div > span {

    float: none;

}



body #agents-single ul.agents-contact li > div {

    padding: 0;

    text-align: center;

    margin: 0!important;

}



body #agents-single .agents-contact li {

    width: 100%;

    height: auto!important;

    margin: 0 0 15px!important;

}



body #agents-single .agents-smi {

    margin: 10px auto 30px;

}



body .aios-home-valuation-step-wrap .aios-home-valuation-form p {

    color: #fff;

}



body .aios-home-valuation-step-3 {

    background-color: #081628;

}



body .aios-home-valuation-step-3 .aios-home-valuation-step-3-wrap .aios-home-valuation-info p {

    color: #fff;

}



body .aios-home-valuation-step-3 .aios-home-valuation-step-3-wrap .aios-home-valuation-info h3, 

body .aios-home-valuation-step-3 .aios-home-valuation-step-3-wrap .aios-home-valuation-info span {

    color: #fff;

}



body.page-id-12 #content .col-md-6 img.img-responsive {

    height: 504px;

    object-fit: cover;

    max-width: 420px;

    width: 100%;

    object-position: top center;

    margin: 0 auto;

    display: block;

}



body #aios-home-valuation-wrap {

    background-image: url(https://cdn.agentimagehosting.com/SMVITJMeGK1nk0tSMZUzK/2024/02/default-banner.jpg)!important;

    background-position: center;

    background-size: cover;

}

.prop-main-title .global-title h2 {
    font-size: 55px!important;
}

.prop-more-btns {
    min-height: 305px;
}

.prop-container.is-col-1 .prop-more-btns,
.prop-container.is-col-2 .prop-more-btns {
    left: 0;
    margin: 0 auto;
}

.prop-container.is-col-5 .prop-more-btns {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.prop-container.is-col-1 .prop-item {
    margin: 0 auto;
    display: block;
}

.prop-container.is-col-1 .prop-main-title {
    position: relative;
    width: 100%;
    right: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

.aidefcf-wrapper .ai-contact-wrap span a:hover {
    color: var(--secondary-color);
}

.aidefcf-wrapper .ai-contact-wrap span a {
    color: inherit;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

body.error404 .wpcf7 form .wpcf7-response-output {
    font-size: 12px;
    margin: 10px auto 0;
}

.wpcf7 form .wpcf7-response-output {
    text-align: center;
}

ul.sitemap-list  li.page_item.page-item-8,
ul.sitemap-list  li.page_item.page-item-10,
ul.sitemap-list  li.page_item.page-item-29 {
    display: none;
}

body #listings-details .listings-map .leaflet-left .leaflet-control {
    margin-left: auto;
    margin-right: 10px;
}

body #listings-details .listings-map .leaflet-left {
    left: auto;
    right: 0;
}

body #inner-page-wrapper #agents-results .agents-contact {
    background: #eeeeee;
}

body #inner-page-wrapper #agents-results .agents-smi li a {
    color: #ffffff;
}

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