/*
Theme Name: Ruth Ann Davidson
Theme URI:  http://ruthanndavidsoncom.rs4.aios-staging.com
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.2.2
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. Custom CSS
2.  IP styles
3.  Mobile styles
*/


/*******************************************************
 *
 * 1. Custom CSS
 *
 *******************************************************/


/* Global */

body {
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    color: #444;
    margin: 0;
    font-weight: 300;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a:link,
a:visited {
    color: #000;
    text-decoration: none;
    outline: none;
}


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


/*** Header Wrapper ***/


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

#header-wrapper {
    position: absolute;
    margin: 0 auto 0;
    z-index: 1030;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

#header-wrapper:before {
    border-bottom: 1px solid rgba(253, 253, 253, 0.10);
    position: absolute;
    top: 33px;
    content: '';
    height: 1px;
    width: 100%;
    left: 0;
}

#header-wrapper #header {
    margin: auto;
    position: relative;
    height: auto;
    display: block;
    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

#header-logo {
    
    z-index: 9;
    position: relative;
    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    
    
}

#header-logo img, #fix-logo img {
    width: 100%;
    height: 100%;
    max-width: 342px;
}


/* ==============
// Header Contact //
================*/

#header-contact {
    color: #fff;
    text-align: right;
    position: relative;
    padding: 10px 0;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: none;
    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

#header-contact a {
    color: #fff;
    text-transform: none;
}

#header-contact a:hover {
    opacity: 0.8;
}

#header-contact span {
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 0 4px;
}

#header-contact .c-email {
    display: inline-block;
    position: relative;
    padding-right: 0;
}

a.c-login {
    color: #db1c2e !important;
}

#header-contact .c-phone {
    display: inline-block;
}

.c-email a.asis-mailto-obfuscated-email-hidden.asis-mailto-obfuscated-email {
    opacity: 1
}


/** Fixed Nav Logo **/


/* ==============
// Navigation   //
================*/

#navigation {
    position: relative;
    -moz-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

#navigation #navi {
    list-style: none;
    position: relative;
    font-size: 0;
    text-align: right;
    
}

#navigation li {
    display: inline-block;
    position: relative;
    margin: 0;
}

#navigation li a {
    display: block;
    text-decoration: none;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 300;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    padding: 0 7px;
    letter-spacing: 0.5px;
}

#navigation li:first-child {
    margin-left: 0;
}

#navigation li:first-child:after {
    background: none;
}

#navigation > div > ul > li > a:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 50%;
    height: 2px;
    right: 0;
    margin: 0 auto;
    background: #db1c2e;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

#navigation li:hover > a:after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}


/*drop menu*/

#navigation ul.sub-menu > li {
    background: rgba(193, 37, 37, 0.8);
    text-align: center;
    margin-bottom: 1px;
}

#navigation li ul a {
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    text-align: center;
    padding: 5px 25px 5px 20px;
}

#navigation li > ul {
    position: absolute;
    margin-left: 0;
    display: none;
    width: 100%;
    z-index: 5;
    padding-top: 10px;
    min-width: 160px;
}

#navigation li:hover > ul {
    display: block;
}

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

#navigation li > ul a:hover {
    color: #fff;
}


/*1st drop menu*/

#navigation li > ul > li {
    margin: 0;
    position: relative;
    display: block;
    width: 100%;
    white-space: nowrap;
    padding: 0;
}

#navigation li > ul > li a:after {
    display: block;
    width: 0;
    height: 1px;
    background: transparent;
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#navigation li > ul > li:hover {
    background: #494949
}


/** Fixed Header **/

#fixed-header {
    width: 100%;
    
    position: fixed;
    left: 0;
    top: -140px;
    z-index: 1030;
    background: #000;
}




/** Nav **/

#fixed-header .fixed-nav {
    position: relative;
    -moz-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
    text-align: right;
    font-size: 0;
}

#fixed-header .fixed-nav li {
    display: inline-block;
    position: relative;
    margin: 0;
}

#fixed-header .fixed-nav li a {
    display: block;
    text-decoration: none;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 300;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    padding: 10px 7px 10px;
}

#fixed-header .fixed-nav li:first-child {
    margin-left: 0;
}

#fixed-header .fixed-nav li:first-child:after {
    background: none;
}

#fixed-nav > li > a:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 50%;
    height: 2px;
    right: 0;
    margin: 0 auto;
    background: #db1c2e;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

#fixed-nav li:hover > a:after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}


/*drop menu*/

#fixed-header .fixed-nav ul.sub-menu > li {
    background: rgba(193, 37, 37, 0.8);
    text-align: center;
    margin-bottom: 1px;
}

#fixed-header .fixed-nav ul.sub-menu > li:hover {
    background: #494949;
}

#fixed-header .fixed-nav li ul a {
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    text-transform: capitalize;
    display: block;
    text-align: center;
    padding: 5px 25px 5px 20px;
}

#fixed-header .fixed-nav li > ul {
    position: absolute;
    margin-left: 0;
    display: none;
    width: 100%;
    z-index: 5;
    padding-top: 0;
    min-width: 185px;
}

#fixed-header .fixed-nav li:hover > ul {
    display: block;
}

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

#fixed-header .fixed-nav li > ul a:hover {
    color: #fff;
}


/*1st drop menu*/

#fixed-header .fixed-nav li > ul > li {
    margin: 0;
    position: relative;
    display: block;
    width: 100%;
    white-space: nowrap;
    padding: 0;
}

#fixed-header .fixed-nav li > ul > li a:after {
    display: block;
    width: 0;
    height: 1px;
    background: transparent;
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#fixed-header .fixed-nav li > ul > li:hover {
    color: #fff;
}

#fixed-header .fixed-nav li > ul > li:first-child {
    border-top: none;
}

#fixed-header .fixed-nav li > ul > li:hover a:after {
    width: 100%;
}


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


/*** End Header Wrapper ***/


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


/* ==============
// HP SLIDESHOW  //
================ */

#main-slide {
    position: fixed;
    z-index: 1;
    width: 100%;
    margin: 0 auto 0;
    display: block;
}

#slideshow-wrapper {
    width: 100%;
    z-index: 2;
    position: relative;
    /*    position: relative;
    background: transparent url(images/slide-bg.jpg) no-repeat top center;
    background-size: cover;*/
}

#slideshow {
    position: relative;
    z-index: 3;
    /*    background: url(images/slide-bg_progressive.jpg) no-repeat top center;*/
}

#slideshow-wrapper canvas {
    width: 100%;
}

#slide-content {
    position: absolute;
    bottom: 18px;
    z-index: 10;
    margin: 0 auto 0;
    text-align: center;
    width: 100%;
    font-size: 0;
}

.iframe_video {
    text-align: center;
}

#slideshow:before {
    background: rgba(0, 0, 0, 0.40);
    position: absolute;
    top: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    content: '';
}

#slide-content .slide-content-holder {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

#hp-tagline {
    position: relative;
    display: inline-block;
    text-align: center;
}

#hp-tagline .slide-title {
    /* font-size: 43px; */
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'im_fell_french_canonregular';
    text-shadow: 0px 0 20px rgba(0, 0, 0, 0.5);
    letter-spacing: 8px;
    color: #fff;
    text-align: center;
    width: 100%;
    opacity: 1;
    line-height: 1;
}

.slide-title img {
    padding: 17px 0;
}

#hp-tagline .slide-title span {
    padding: 0;
    font-size: 17px;
    text-transform: uppercase;
    display: block;
    line-height: 1;
    letter-spacing: 7px;
    font-weight: 300;
    font-family: 'Rubik', sans-serif;
    text-shadow: 0px 0 20px rgba(0, 0, 0, 0.5);
}

#hp-tagline .slide-sub {
    padding: 0;
    font-size: 13.5px;
    text-transform: capitalize;
    display: block;
    letter-spacing: 1px;
    font-weight: 300;
    color: #fff;
}

#hp-tagline .slide-sub strong {
    display: block;
    color: #fff;
    padding-top: 4px;
    font-weight: 500;
}

#hp-tagline .b-contact {
    font-family: 'Heebo', sans-serif;
    color: #fff;
    display: block;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 0.6px solid #fff;
    font-size: 13px;
    width: 188px;
    margin: 6px auto;
    padding: 10px 0;
}

#hp-tagline .b-contact a {
    color: #fff;
}

.hptagline-item.cycle-slide {
    margin: 0 auto 0;
    width: 100%;
    text-align: center;
}

#hp-tagline .cycle-slide {
    margin: 0 auto 0;
    text-align: center;
    left: 0;
    width: 100%;
}

#hp-tagline .b-contact a:hover {
    color: #db1c2e;
}


/*=========================
//  HP Quick Search//
=========================*/

#hp-search-wrapper {
    display: block;
    position: relative;
    width: 100%;
    background: transparent;
    bottom: 0;
    z-index: 9;
    padding: 65px 0;
}

#hp-search h2 {
    display: block;
    color: #171717;
    font-family: 'im_fell_french_canonregular';
    text-transform: uppercase;
    padding-bottom: 25px;
    text-align: center;
    font-size: 25px;
    letter-spacing: 3px;
}

#hp-search {
    position: relative;
    margin: auto;
}

#qs-form {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 20px;
}

#qs-form select::-ms-expand {
    display: none;
}

#qs-form select {
    height: 30px;
    line-height: 30px;
    text-transform: uppercase!important;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: transparent url(images/dropdown.png) no-repeat center right 8px;
    outline: 0;
    font-weight: 400;
    padding: 0 10px;
    font-size: 9px;
    letter-spacing: 1px;
    color: #898989!important;
    vertical-align: top;
    display: inline-block;
    border: 1px solid rgba(37, 37, 37, 0.30)
}

#qs-form input.qs-wide {
    height: 30px;
    text-transform: uppercase!important;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: transparent url(images/icon-mglass.png) no-repeat center left 8px;
    outline: 0;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 1px 10px 0 10px;
    font-size: 9px;
    color: #898989 !important;
    vertical-align: top;
    display: inline-block;
    border: 1px solid rgba(37, 37, 37, 0.30)
}

#qs-form input.qs-short {
    height: 30px;
    text-transform: uppercase!important;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    outline: 0;
    font-weight: 400;
    padding: 0 5px 0 10px;
    font-size: 9px;
    letter-spacing: 1px;
    color: #898989 !important;
    vertical-align: top;
    display: inline-block;
    border: 1px solid rgba(37, 37, 37, 0.30)
}

#qs-form span.qs-title {
    display: block;
    color: #171717;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 500;
    padding-bottom: 7px;
}

.field-loc {
    width: 21%;
    display: inline-block;
    vertical-align: top;
}

.field-type,
.field-min,
.field-max,
.field-bed,
.field-bat {
    width: 13%;
    display: inline-block;
    vertical-align: top;
}

.qs-wide {
    width: 100%;
}

.qs-short {
    width: 100%;
}

.quick-search-form-input2 {
    text-indent: 8px;
}

.qs-search > input {
    background: none;
    border: none;
    color: #fff !important;
    width: 100%;
    text-transform: uppercase;
}

.qs-search {
    width: 7.8%;
    height: 30px;
    display: inline-block;
    padding: 0;
    text-transform: capitalize;
    background: #db1c2e url(images/icon-mglass.png) center center no-repeat;
    font-size: 0;
    text-align: center;
    color: #fff!important;
    font-weight: 400;
    vertical-align: top;
    outline: none;
    margin-left: 1%;
    border: 0;
    margin-top: 17px;
}

a:hover img.hover {
    opacity: 0.8;
}

input.qs-search:hover,
.qs-advance:hover {
    opacity: 0.8;
}

.qs-search a {
    color: #ccc!important;
}


/* ==============
// HP Community Market  //
================ */

#hp-market {
    position: relative;
    display: block;
}

#hp-market h2 {
    display: block;
    color: #171717;
    font-family: 'im_fell_french_canonregular';
    text-transform: uppercase;
    padding-bottom: 70px;
    text-align: center;
    font-size: 22px;
    letter-spacing: 2px;
}

.video-holder {
    text-align: center;
    display: block;
    position: relative;
    z-index: 1;
}

.mobile .video-holder > div {
    height: auto !important;
}

.video-holder a.market-vid-link {
    display: none;
}

.video-holder a.market-vid-link {
    background: #db1c2e url(images/hp-market-video-bg.jpg);
    background-size: cover;
}

.mobile.ios-true .video-holder a.market-vid-link {
    display: block;
}

.mobile .video-holder a.market-vid-link canvas {
    display: block;
    width: 100%;
    height: auto;
    background-size: cover;
}

.mobile.ios-true .video-holder iframe {
    display: none;
}

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

.video-holder iframe {
    width: 100%;
    height: 245px;
}

.video-holder img {
    width: 100%;
    height: 245px;
}

.v-img::after {
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.30);
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 1;
    z-index: 8;
    -moz-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

img.play_button {
    top: 100px !important;
    left: 130px !important;
}

.video-wrapper {
    position: relative;
    display: block;
}

.video-content {
    width: 100%;
    height: 100%;
    background: transparent;
    text-align: center;
    display: block;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.video-content::before {
    content: '';
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.video-content span {
    top: 30%;
    position: absolute;
    z-index: 10;
    margin: 0 auto 0;
    text-align: center;
}

.video-holder h3 {
    display: block;
    color: #171717;
    font-family: 'im_fell_french_canonregular';
    text-transform: uppercase;
    padding-bottom: 20px;
    text-align: center;
    font-size: 20px;
    letter-spacing: 2px;
    padding-top: 20px;
}

a:hover .video-holder h3 {
    opacity: 0.8
}


/*.market3 {
    width: 31.7%;
    margin: 0 auto;
}*/


/* HP Properties*/

#hp-properties {
    position: relative;
    padding-top: 20px;
    padding-bottom: 50px;
}

#hp-properties h2 {
    display: block;
    color: #171717;
    font-family: 'im_fell_french_canonregular';
    text-transform: uppercase;
    padding-bottom: 25px;
    text-align: center;
    font-size: 25px;
    letter-spacing: 3px;
    border-top: 1px solid #c1c0c0;
    padding: 60px 0;
}

.fp-holder {
    display: inline-block;
    font-size: 0;
    text-align: center;
    position: relative;
}

.fp-holder.slick-slide {
    padding: 0 15px;
}

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

.fp-img:hover {
    opacity: 0.8;
}

.fp-img canvas {
    display: block;
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center center;
}

.fp-price {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 3px;
    font-family: 'Quicksand', sans-serif;
    background: #003fae;
    padding: 4px 0;
}

.fp-address {
    display: block;
    color: #555;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    padding: 10px 20px;
}

.fp-content {
    display: block;
    color: #898989;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    width: 100%;
    border-bottom: 1px solid #c1c0c0;
    padding-bottom: 20px;
}

.fp-content .fp-bed {
    display: inline-block;
    vertical-align: top;
    width: 32.4%;
    border-right: 1px solid #c1c0c0;
    line-height: 20px;
    padding-top: 10px;
    letter-spacing: 1px;
}

.fp-content .fp-bath {
    display: inline-block;
    vertical-align: top;
    width: 32.4%;
    border-right: 1px solid #c1c0c0;
    line-height: 20px;
    padding-top: 10px;
    letter-spacing: 1px;
}

.fp-content .fp-sqft {
    display: inline-block;
    vertical-align: top;
    width: 32.4%;
    line-height: 20px;
    padding-top: 10px;
    letter-spacing: 1px;
}


/*===============
    Explore Our Communities
=================*/

#hp-communities {
    display: block;
    position: relative;
}

#hp-communities h2 {
    display: block;
    color: #171717;
    font-family: 'im_fell_french_canonregular';
    text-transform: uppercase;
    padding-bottom: 90px;
    padding-top: 40px;
    text-align: center;
    font-size: 25px;
    letter-spacing: 2px;
}

.map-wrap {
    width: 100%;
}

.map-wrap img {
    box-shadow: 0 2px 16px #d0cdcd;
    border: 10px solid #fff;
    width: 100%;
}

.map-wrap a:hover {
    opacity: 0.7;
}

.map-mobile {
    display: none;
    position: relative;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 2px;
    z-index: 10;
    margin: 20px auto;
    text-align: center;
    width: 50%;
    border: 5px solid #52719d;
    background: #003fae;
}

.map-mobile a {
    text-decoration: none;
    color: #000;
}

.map-mobile ul li a {
    display: block;
    padding: 10px 0;
    color: #fff;
    z-index: 9;
    margin: 0 auto 0;
    border-bottom: 1px solid #52719d;
}

.map-mobile ul {
    list-style: none !important;
}


/*===============
    HP CTA 
=================*/

#hp-cta {
    position: relative;
    font-size: 0;
    padding-top: 80px;
    padding-bottom: 100px;
}

.cta {
    font-size: 0;
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #cacaca;
    min-height: 180px;
}

.cta a {
    color: #636363;
    text-align: center;
    vertical-align: top;
}

.cta .cta-holder {
    text-align: center;
    display: block;
    position: relative;
    z-index: 1;
    top: 0;
    -moz-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.cta-img {
    position: absolute;
    text-align: center;
    width: 100%;
    top: -25px;
}

.cta .text-overlay {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 45px 0 0 0;
    opacity: 1;
    z-index: 8;
    -moz-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.cta .cta-overlay-bg {
    position: relative;
    height: 100%;
}

.cta .cta-text-center {
    position: relative;
    height: 100%;
}

.cta .cta-text-center-item {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.cta .cta-text-center-item .cta-text1 {
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    color: #100101;
    letter-spacing: 2px;
    font-family: 'im_fell_french_canonbold';
    display: block;
    padding-bottom: 20px;
}

.cta .cta-text-center-item .cta-text2 {
    font-size: 12px;
    text-transform: none;
    font-weight: 400;
    line-height: 21px;
    display: block;
    color: #636363;
}

.cta .cta-text-center-item .cta-text1:hover {
    opacity: 0.8
}


/*=========================
//  HP Testimonials //
=========================*/

#hp-testimonials-wrapper {
    position: relative;
    display: block;
    width: 100%;
    background: #7c7c7c;
    /*background: url(images/bg-testi.jpg) no-repeat top center;*/
    padding: 100px 0;
    z-index: 10;
}

#hp-testimonials h2 {
    display: block;
    color: #fff;
    font-family: 'im_fell_french_canonregular';
    text-transform: uppercase;
    padding-bottom: 25px;
    text-align: center;
    font-size: 25px;
    letter-spacing: 3px;
}

#hp-testimonials {
    position: relative;
    padding-top: 50px;
    text-align: center;
}

#hp-testimonials p {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    padding: 30px;
    width: 83%;
    margin: 0 auto;
    letter-spacing: 2px;
}

#hp-testimonials strong {
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom: 2px;
}

#hp-testimonials em {
    display: block;
    font-size: 12px;
    color: #fff;
    font-weight: 200;
    letter-spacing: 1px;
}

#hp-testimonials .slick-prev.slick-arrow {
    background: url("images/arrow-left.png") no-repeat scroll 0 0;
    border: 0;
    cursor: pointer;
    display: inline-block;
    width: 9px;
    height: 17px;
    left: 0;
    outline: none;
    position: absolute;
    font-size: 0;
    bottom: 108px;
    vertical-align: middle;
    z-index: 2;
}

#hp-testimonials .slick-next.slick-arrow {
    background: url("images/arrow-right.png") no-repeat scroll 0 0;
    border: 0;
    cursor: pointer;
    display: inline-block;
    width: 9px;
    height: 17px;
    right: 0;
    outline: none;
    position: absolute;
    font-size: 0;
    bottom: 108px;
    vertical-align: middle;
    z-index: 2;
}

#footer-wrapper {
    padding: 30px 0;
    background: #0c0c0c;
    width: 100%;
    position: relative;
    z-index: 0;
    margin: 0 auto 0;
    text-align: center;
}


/*** Hp Ask Quetions Widget ***/


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

#footer-form {
    position: relative;
    display: block;
    padding-bottom: 85px;
    width: 82%;
    margin: 0 auto;
}

#footer-form h2 {
    display: block;
    color: #fff;
    font-family: 'im_fell_french_canonregular';
    text-transform: uppercase;
    padding-bottom: 25px;
    text-align: center;
    font-size: 25px;
    letter-spacing: 4px;
    padding: 50px 0;
}

#footer-form .field-input {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
}

#footer-form .field-sm {
    width: 49%;
    margin-bottom: 10px;
    z-index: 10;
}

#footer-form .field-lg {
    width: 100%;
    display: block;
    margin-top: 10px;
}

#footer-form .field-input label {
    display: none;
}

#footer-form .field-input input[type="text"],
#footer-form .field-input input[type="email"],
#footer-form .field-input input[type="tel"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(253, 253, 253, 0.1);
    background: none;
    height: 35px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff!important;
    width: 100%;
    font-weight: 400;
    padding: 20px;
    letter-spacing: 1px;
}

#footer-form .field-input textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(253, 253, 253, 0.1);
    background: none;
    text-transform: uppercase;
    height: 80px;
    font-size: 11px;
    color: #fff!important;
    width: 100%;
    resize: none;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 14px 80px 0 20px;
    vertical-align: middle;
}

.field-input.field-sm.field-left {
    float: left;
}

.field-input.field-sm.field-right {
    float: right;
}

#footer-form .get-sub {
    position: absolute;
    right: 15px;
    top: 211px;
}

#footer-form .get-sub input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: #fff url(images/icon-sub.png) center center no-repeat;
    width: 27px;
    height: 25px;
    margin: auto;
    outline: none;
    font-size: 0;
    padding: 25px 35px 25px 30px;
}

#footer-form .get-sub input[type="submit"]:hover {
    opacity: 0.8;
}

#footer-form input#git-ContactEmail {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #6e6e6e;
    background: none;
    color: #6d6c6c !important;
    width: 100%;
    height: 37px;
    padding: 0 20px;
}

#footer-form .wpcf7-form-control-wrap {
    display: block;
}

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

#footer-form div.wpcf7-response-output {
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin-left: 0;
    margin-right: 0;
}

#footer-form div.wpcf7 .ajax-loader {
    position: absolute;
    right: 0;
    bottom: -28px;
}


/*================
 Footer Contact/
================ */

#footer-contact {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    text-align: center;
    letter-spacing: 1px;
}

#footer-contact a {
    color: #fff;
}

#footer-contact h2 {
    display: block;
    color: #fff;
    font-family: 'im_fell_french_canonregular';
    text-transform: uppercase;
    padding-bottom: 4px;
    text-align: center;
    font-size: 22px;
    letter-spacing: 4px;
    padding-top: 25px;
}

#footer-contact span {
    display: block;
    font-style: normal;
    padding-bottom: 5px;
}

#footer-contact .ft-email {
    display: inline-block;
    position: relative;
}

#footer-contact .ft-phone {
    display: inline-block;
    letter-spacing: 2px;
}

#footer-contact .ft-email a.c-login {
    color: #db1c2e !important;
    display: inline-block;
}

#footer-contact .social {
    margin: 0;
    width: 100%;
    font-size: 0;
    display: block;
    padding: 30px 0 40px 0;
}

#footer-contact .social a {
    height: 30px;
    width: 30px;
    margin: 0;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border: 0;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    background: #061f41;
}

#footer-contact .social a:hover,
#footer-contact a:hover {
    opacity: 0.7;
}

#footer-contact .social a.ai-font-facebook {
    margin-right: 10px;
    background: #4d6baa;
    padding-top: 7px;
}

#footer-contact .social a.ai-font-twitter {
    margin-right: 10px;
    background: #4fc6f8;
    padding-top: 7px;
}

#footer-contact .social a.ai-font-linkedin {
    margin-right: 10px;
    background: #0077b5;
    padding-top: 7px;
}

#footer-contact .social a.ai-font-google-plus {
    margin-right: 10px;
    background: #dc4e41;
    padding-top: 7px;
}

#footer-contact .social a.crslogo {
    margin-right: 0;
    padding-top: 7px;
    background: transparent;
}

#footer-contact .social img.crslogo,
img.crslogo {
    vertical-align: top;
}

.footer-copy-wrapper {
    position: relative;
    width: 100%;
    display: block;
}

.footer-copy-wrapper::after {
    position: absolute;
    background: #252525;
    width: 100%;
    height: 1px;
    content: '';
    bottom: 90px;
    left: 0;
}

.footer-copy-wrapper::before {
    position: absolute;
    background: #252525;
    width: 100%;
    height: 1px;
    content: '';
    top: -400px;
    left: 0;
}

.footer-copyright {
    color: #898989;
    font-size: 10px;
    text-align: center;
    font-weight: 400;
    text-transform: none;
    display: block;
    letter-spacing: 0.5px;
    padding-top: 40px;
    padding-bottom: 10px;
}

.footer-copyright a {
    color: #898989;
}

.footer-copyright a:hover {
    opacity: 0.8;
}

.footer-copyright em {
    color: #898989;
    font-style: normal;
    text-decoration: underline;
}

.footer-copyright a em {
    color: #898989;
    text-decoration: underline;
}

.footer-copyright em:hover {
    opacity: 0.8
}

.footer-copyright span {
    text-transform: uppercase;
}

.footer-icons {
    text-align: center;
    position: relative;
    display: block;
}

.footer-icons span.ai-font-realtor {
    color: #898989;
    font-size: 22px;
    display: inline-block;
}

.footer-icons span.ai-font-mls {
    color: #898989;
    font-size: 22px;
    display: inline-block;
}

.footer-icons span.ai-font-eho {
    color: #898989;
    font-size: 22px;
    display: inline-block;
}

.footer-icons span.ftr-logos {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
}


/*******************************************************
 *
 * 2. IP Styles
 *
 *******************************************************/


/** IDX Boostrap Conflic Fix **/

#ihf-main-container div#areaPickerInputWrapper {
    height: 50px !important;
}

#ihf-main-container .modal-dialog {
    left: inherit !important;
}

ul#ihf-search-location-tabs {
    margin-left: 0;
}

ul.chosen-results {
    margin-left: 0px !important;
}

ul.chosen-results {
    padding-left: 0 !important;
}

ul#ihf-detail-extrainfotabs {
    margin-left: 0;
}

.modal-dialog {
    margin-top: 80px;
}

#page-bg {
    position: relative;
    width: 100%;
    height: 400px;
    background: url(images/ip-bg.jpg) no-repeat center center transparent;
    background-size: cover;
}

#page-bg::after {
    position: absolute;
    background: #e5e5e5;
    height: 1px;
    width: 100%;
    content: '';
    left: 0;
    bottom: -2px;
}

.ip-side-contact {
    color: #555;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    text-align: center;
}

.ip-side-contact a {
    color: #000;
}

.ip-side-contact h2 {
    display: block;
    color: #000;
    font-family: 'im_fell_french_canonregular';
    text-transform: uppercase;
    text-align: center;
    font-size: 22px;
    padding-top: 20px;
    line-height: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.ip-side-contact .agent-sub {
    display: block;
    color: #555;
    font-family: 'im_fell_french_canonregular';
    font-size: 14px;
    padding-bottom: 10px;
}

.ip-side-contact .ip-remax-text {
    /* border-top:1px solid rgba(0,0,0,0.10); */
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    display: block;
    font-size: 15px;
    color: #555;
    padding: 0 0 27px;
    margin-top: 20px;
}

.ip-side-contact span {
    display: block;
    font-weight: 500;
    padding-top: 18px;
    color: #000;
}

.ip-side-contact .ft-email {
    display: block;
    position: relative;
    letter-spacing: 0;
}

.ip-side-contact .ft-phone {
    display: block;
    letter-spacing: 0;
}

.ip-side-contact .ft-phone strong,
.ip-side-contact .ft-email a {
    color: #000;
    font-weight: 400;
}

.ip-side-contact .ft-email a:hover {
    opacity: 0.8
}

.ip-side-contact .social {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    margin: 0;
    width: 100%;
    font-size: 0;
    display: block;
    padding: 30px 0 40px 0;
}

.ip-side-contact .social a {
    height: 30px;
    width: 30px;
    margin: 0;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border: 0;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -moz-border-radius: 50px;
}

.ip-side-contact .social a:hover,
.ip-side-contact a:hover {
    opacity: 0.7;
}

.ip-side-contact .social a.ai-font-facebook {
    margin-right: 10px;
    background: #4d6baa;
    padding-top: 7px;
}

.ip-side-contact .social a.ai-font-twitter {
    margin-right: 10px;
    background: #4fc6f8;
    padding-top: 7px;
}

.ip-side-contact .social a.ai-font-linkedin {
    margin-right: 10px;
    background: #0077b5;
    padding-top: 7px;
}

.ip-side-contact .social a.ai-font-google-plus {
    margin-right: 10px;
    background: #dc4e41;
    padding-top: 7px;
}

.ip-side-contact .social a.crslogo {
    margin-right: 0;
    padding-top: 7px;
    background: transparent;
}


/*class Hide Mobile*/

.mob-hide {
    display: block;
}


/* Adjust minimum height of page area */

#content-sidebar,
#content-full {
    min-height: 700px;
    padding: 0 20px;
    margin: 40px 0 0 0;
}

input,
button,
select,
textarea {
    color: #000 !important
}


/** Adjust width of content columns **/

#content-sidebar #content {
    width: 75%;
    padding: 0;
    min-height: 631px;
    color: #434343;
    line-height: 26px;
    font-size: 13px;
    text-align: left;
    padding-right: 3%;
}

#content-full #content {
    width: 100%;
    min-height: 500px;
    padding: 1px 1% 0 1%;
    color: #747474;
    line-height: 26px;
    font-size: 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
}


/* Styles for post/page main headings (h1) */

#content .entry-title {
    color: #0c0c0c;
    display: block;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 1% 0;
    position: relative;
    font-family: 'im_fell_french_canonregular';
    line-height: 40px;
}


/* Styles for category/archive/etc main headings (h1) */

#content .archive-title {
    color: #0c0c0c;
    display: block;
    font-size: 30px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 1% 0;
    position: relative;
    font-family: 'im_fell_french_canonregular';
}


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

#content .archive-subtitle {
    padding: 1% 0;
    font-size: 20px;
    text-transform: uppercase;
}

#inner-page-wrapper {
    margin: 0;
    background: #fff;
}

#content h2,
aside h2,
#content h3 {
    font-family: 'im_fell_french_canonregular';
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
}


/* Styles for content p */

#content .entry {
    /* color: #909090; */
    color: #434343;
    line-height: 26px;
    font-weight: 300;
    font-size: 15px;
    text-align: left;
}

#content .entry p {
    color: #555;
    line-height: 23px;
    font-weight: 400;
    font-size: 12px;
}

.entry .entry-content h2,
#content h2,
aside h2 {
    margin: 0;
    display: block;
    text-align: left;
    font-family: 'im_fell_french_canonregular';
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
}

#content .entry .aidefcf-title span {
    margin: 0;
    display: block;
    font-size: 25px;
    font-weight: 300;
    text-transform: capitalize;
}

#content img[class*="align"],
#content img[class*="wp-image-"],
#content img[class*="attachment-"],
#content img.size-full,
#content img.size-large,
#content img.header-image,
#content img.wp-post-image {
    max-width: 98%;
    margin-top: 10px;
    margin-bottom: 0;
    height: auto;
    margin-right: 3%;
}


/* Adjust width of sidebar */

.sidebar {
    width: 25%;
    padding: 0;
    margin: 20px 0 80px 0;
    text-align: center;
    position: relative;
}

.ip-cta {
    font-size: 0;
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #cacaca;
    min-height: 110px;
    margin: 20px 0;
}

.ip-cta a {
    color: #636363;
    text-align: center;
    vertical-align: top;
}

.ip-cta .cta-holder {
    text-align: center;
    display: block;
    position: relative;
    z-index: 1;
    top: 0;
    -moz-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.cta-img {
    position: absolute;
    text-align: center;
    width: 100%;
    top: -25px;
}

.ip-cta .text-overlay {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px 0 0 0;
    opacity: 1;
    z-index: 8;
    -moz-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.ip-cta .cta-overlay-bg {
    position: relative;
    height: 100%;
}

.ip-cta .cta-text-center {
    position: relative;
    height: 100%;
}

.ip-cta .cta-text-center-item {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.ip-cta .cta-text-center-item .cta-text1 {
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    color: #000;
    letter-spacing: 1px;
    font-family: 'im_fell_french_canonbold';
    display: block;
    padding-bottom: 20px;
    line-height: 23px;
}

.ip-cta .cta-text-center-item .cta-text2 {
    font-size: 12px;
    text-transform: none;
    font-weight: 400;
    line-height: 21px;
    display: block;
    color: #636363;
}

.ip-cta .cta-text-center-item .cta-text1:hover {
    opacity: 0.8
}


/*About Page*/

.agent-details {
    text-align: center;
    font-size: 14px;
    color: #555;
    line-height: 24px;
    margin-top: 20px;
    display: block;
    position: relative;
    font-weight: 400;
}

.agent-details a {
    color: #555;
}

#content img[class*="align"],
#content img[class*="wp-image-"],
#content img[class*="attachment-"],
#content img.size-full,
#content img.size-large,
#content img.header-image,
#content img.wp-post-image {
    max-width: 100%;
    margin-bottom: 20px;
}


/*IDX*/

ul#ihf-detail-extrainfotabs,
#ihf-search-tabs > ul.nav-tabs,
#ihf_select_property_type_chosen ul.chosen-results,
#ihf_select_bedrooms_homes_chosen ul.chosen-results,
#ihf_select_baths_homes_chosen ul.chosen-results {
    margin-left: 0!important;
}

.ihf-advanced-property-search ul.chosen-results {
    padding-left: 0 !important;
}

#ihf-main-container .dropdown-menu > .active > a {
    color: #333 !important
}

#ihf-main-container .dropdown-menu > li > a:hover {
    color: #000 !important;
}

.page-id-0 #content ul {
    margin-left: 0 !important;
    padding: 0 !important;
}

#ihf-detail-features-tab .row.mt-10 {
    margin-left: 0;
    margin-right: 0;
}

#ihf-main-container .btn-primary:hover {
    background-color: #285e8e !important;
}

#ihf-main-container .pagination>li>a,
#ihf-main-container .pagination>li>span {
    padding: 6px 8px !important;
}

.ihf-grid-result-address {
    display: block !important
}

#ihf-main-container .chosen-results {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.hp-quick-search .bootstrap-select.btn-group .dropdown-toggle {
    height: 30px;
}

.hp-quick-search .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 9px;
    color: #898989 !important;
    padding-top: 3px;
    text-transform: uppercase!important;
}

.hp-quick-search .dropdown-menu.open {
    max-height: 300px !important;
}

.hp-quick-search ul.dropdown-menu.inner {
    max-height: 250px !important;
}

.hp-quick-search #cityzip {
    width: 100%;
}

.rt-videos a {
    /* max-width: 240px; */
    display: block;
    margin: 0 auto 10px;
    position: relative;
}

.rt-videos a:hover {
    opacity: .8;
}

.rt-videos .vid-placeholder {
    /* width: 240px;
        height: 140px; */
    width: 100%;
    height: 203px;
    max-width: 381px;
    display: block;
    margin: 0 auto;
}

.rt-videos .playbtn {
    position: absolute;
    /* top: calc(50% - 13px); */
    /* left: calc(50% - 25px); */
    width: 80px;
    background: #000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

span.video-title {
    display: block;
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
    width: 100%;
    font-family: 'im_fell_french_canonregular';
    font-size: 12px;
}


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

.img-responsive {
    max-width: 100%;
}
#header-wrapper .container, #fixed-header .container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
#header > .row, #fixed-header .row {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

#header-agent, #header-right-logo {
    padding: 0;
}