/*



Theme Name: Rinnovare Realty | Setting the Standard in Houston Real Estate | River Oakes | Upper Kirby



Theme URI: http://aios3-staging.agentimage.com/r/rinnovarerealty.com/htdocs



Description: AIOS mobile semi-custom theme.



Author: AgentImage



Author URI: http://www.agentimage.com



Version: 1.2.6



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. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css



  



*/





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



 *



 * 1. Custom CSS



 *



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





/* Global */



body {

    font-family: Arial, Helvetica, Georgia, Sans-serif;

    font-size: 12px;

    background: #FFF;

    color: #000000;

    margin: 0;

}



a,

a:hover,

a:visited,

a:focus {

    outline: 0 !important;

    text-decoration: none;

    color: inherit;

}





/*header*/



section.main-header {

    background: rgba(22, 22, 22, 0.9);

    font-size: 0;

    position: fixed;

    width: 100%;

    z-index: 1020;

}



.top-header .menu-main-nav-container,

.translate-holder,

.top-smi,

.top-contact-number {

    display: inline-block;

    vertical-align: top;

}





/*nav*/



.top-header ul#nav {

    font-size: 0;

}



.top-header ul#nav>li {

    display: inline-block;

    vertical-align: top;

}



.top-header ul#nav>li>a {

    font-family: 'Roboto', sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #ddb06c;

    text-transform: uppercase;

    display: block;

    /*padding: 14px 23px;*/

    padding: 14px 13px;

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

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

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

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

    transition: all 0.4s ease-in-out;

}



.top-header ul#nav>li>a:hover {

    color: #fff;

}



.top-header ul#nav>li:first-child a {

    padding-left: 0;

}



.top-header ul#nav>li:last-child {

    border-right: solid 1px rgba(255, 255, 255, 0.10);

}



.top-header .menu-main-nav-container {

    width: 69.8246%;

}



.top-header #nav .sub-menu .sub-menu {

    margin-left: 50% !important;

    top: -4px;

}



.top-header #nav .sub-menu a {

    font-family: 'Roboto', sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff;

    text-transform: capitalize;

    text-align: left;

}



.top-header #nav .sub-menu a:hover {

    background: none;

    color: #fff;

    text-decoration: none;

}



.top-header #nav .sub-menu {

    min-width: 134px;

    left: 50%;

    margin-left: -67px;

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

    border-top: 4px solid #ebba68;

}





/*translate*/



.translate-holder select {

    border: 0;

    background: transparent;

    color: #ddb06c;

    outline: 0;

    font-family: 'Roboto', sans-serif;

    font-weight: 500;

    font-size: 12px;

    text-transform: uppercase;

    cursor: pointer;

    background: url("images/translate-arrow.png") no-repeat scroll right 7px center;

    -webkit-appearance: none;

    -moz-appearance: none;

    width: 104px !important;

    padding: 6px 15px 5px 8px !important;

    line-height: 1;

}



.translate-holder select::-ms-expand {

    display: none;

}



.translate-holder {

    padding-top: 7px;

    padding-left: 17px;

    padding-right: 10px;

    width: 11.492%;

}





/*contact*/



.top-contact-number {

    width: 11.141%;

}



.top-contact-number a {

    display: block;

    padding: 14px 27px;

    font-family: 'Roboto', sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    background: rgba(221, 176, 108, 0.80);

}





/*top smi*/



.top-smi {

    float: right;

    padding-top: 11px;

}



.top-smi a {

    font-size: 16px;

    color: #ddb06c;

    display: inline-block;

    vertical-align: top;

    padding: 0 8px;

    font-family: 'Roboto', sans-serif;

}



.top-smi a:last-child {

    padding-right: 0;

}





/*slideshow*/



.slideshow {

    position: relative;

}



.slideshow:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    margin: auto;

    width: 100%;

    height: 100%;

    background: url(images/slider-frame.png) no-repeat;

    background-size: 100% 100%;

    z-index: 1;

}





/*logo*/



.logo-holder {

    position: relative;

    z-index: 1000;

    padding-top: 13.4%;

    padding-bottom: 15.4%;

}



.logo-holder a {

    display: block;

    max-width: 619px;

    margin: 0 auto;

}





/*quick search*/



section.qs-holder {

    position: relative;

    z-index: 1000;

    background: rgba(22, 22, 22, 0.90);

    font-size: 0;

    padding: 20px 0;

}



.qs-title.qs-field {

    font-family: 'Playfair Display', serif;

    text-transform: uppercase;

    font-size: 22px;

    color: #ddb06c;

    padding-right: 5px;

}



.qs-field {

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

}



.qs-form select, .qs-form button.btn {

    border: 0;

    border-radius: 0;

    color: #aba;

    font-size: 12px;

    font-style: italic;

    font-family: 'Roboto', sans-serif;

    border-bottom: solid 1px #fff;

    -webkit-appearance: none;

    -moz-appearance: none;

    background: transparent url("images/qs-arrow.png") no-repeat scroll right 10px center;

    width: 100%;

    height: 23px;

    outline: 0;

}



.qs-form input[type="text"] {

    border: 0;

    border-radius: 0;

    color: #aba;

    font-size: 12px;

    font-style: italic;

    font-family: 'Roboto', sans-serif;

    border-bottom: solid 1px #fff;

    -webkit-appearance: none;

    -moz-appearance: none;

    background: transparent;

    width: 100% !important;

    height: 23px !important;

}



label.label-hide {

    display: none;

}



.qs-form select::-ms-expand {

    display: none;

}



.long-form {

    width: 18.0702%;

}



.short-form {

    width: 9.299%;

}



.btn-form input {

    font-size: 15px;

    color: #ddb06c;

    border: 0;

    border-radius: 0;

    background: transparent;

    text-transform: uppercase;

    font-family: 'Playfair Display', serif;

}



.btn-form.qs-field.qsbtn1 {

    margin-right: 0;

}





/*featured properties*/



section.featured-communities-area {

    position: relative;

    z-index: 100;

    background: #fff;

    padding-top: 7.2%;

}



.fc-title {

    font-size: 50px;

    color: #2f2f2f;

    font-family: 'Playfair Display', serif;

    font-weight: 400;

    line-height: .79;

    position: relative;

    padding-top: 10px;

    margin-left: 20px;

   /* padding-bottom: 25.5%;*/

}



.fp-title span {

    font-style: italic;

}



.fc-title span.first-letter {

    font-style: italic;

}



span.first-letter {

    font-size: 60px;

}



.fc-title .normal-title {

    font-style: normal !important;

    font-size: 39px;

    position: relative;

    padding-left: 34px;

}



.fc-title .normal-title:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    height: 2px;

    width: 30px;

    background: #e0b87a;

    margin: auto;

}



.fc-title:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    height: 2px;

    width: 300px;

    background: #e0b87a;

}



.fc-list a {

    display: inline-block;

    vertical-align: top;

    /* max-width: 160px;*/

   /* width: 24.368%;*/

    width: calc(calc(100% / 5) - 5px);

    margin: 0 auto 5px;

    position: relative;

}



.fc-list a img {

    filter: grayscale(1);

	width: 100%;

}



.featured-communities-holder {

    text-align: center;

}



.fc-name {

    font-size: 20px;

    text-align: left;

    color: #fff;

    font-family: 'Playfair Display', serif;

    position: relative;

    /*top: 6px;*/

    line-height: 1.2;

    padding-bottom: 9px;

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

    -moz-transition: all 0.8s ease-in-out;

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

    -ms-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

    /*bottom: initial;*/

    width: 100%;

    height: 0%;

    z-index: 9;

}



.fc-name span {

    display: inline-block;

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

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

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

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

    transition: all 0.4s ease-in-out;

}



.fc-name:before {

    content: '';

    display: block;

    width: 0;

    height: 0%;

    display: inline-block;

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

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

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

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

    transition: all 0.4s ease-in-out;

}



.fc-content {

    position: absolute;

    width: 87%;

    height: 94%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

    border: solid 1px rgba(255, 255, 255, 0);

    padding: 6px;

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

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

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

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

    transition: all 0.4s ease-in-out;

}



.fc-list a>img.img-responsive.fc-img-hover {

    display: none;

}



img.img-responsive.fc-img-hover {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    opacity: 0;

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

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

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

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

    transition: all 0.4s ease-in-out;

}



.fc-list a:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: rgba(221, 176, 108, 0.7);

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

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

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

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

    transition: all 0.4s ease-in-out;

}



.fc-list a:hover .fc-name:before {

    height: 100%;

}



.fc-list a:hover img {

    filter: grayscale(0);

}



.fc-list a:hover .fc-name {

    /*height: 100%;*/

}



.fc-list a:hover .fc-content {

    border: solid 1px rgba(255, 255, 255, 0.7);

}



.fc-list a:hover img.img-responsive.fc-img-hover {

    opacity: 1;

}



.fc-list a:hover:after {

    background: rgba(221, 176, 108, 0);

}





/*map hover to fcff*/



.fc-list a.map-hover .fc-name:before {

    height: 100%;

}



.fc-list a.map-hover .fc-name {

    /*height: 100%;*/

}



.fc-list a.map-hover img {

    filter: grayscale(0);

}



.fc-list a.map-hover .fc-content {

    border: solid 1px rgba(255, 255, 255, 0.7);

}



.fc-list a.map-hover img.img-responsive.fc-img-hover {

    opacity: 1;

}



.fc-list a.map-hover:after {

    background: rgba(221, 176, 108, 0);

}



.fc-list a.map-hover img.img-responsive.BWFilter.BWfade,

.fc-list a.map-hover canvas {

    opacity: 0 !important;

}





/*map*/



.map-bg {

    background: url(./images/map-img/map-bg.png) no-repeat top -57px right;

    background-size: cover;

    min-height: 50px;

    width: 44.75%;

    position: absolute;

    z-index: 0;

    left: 0;

}



#map {

    position: relative;

    width: 475px;

}



#transparent {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 3;

}



#trueMap {

    z-index: 1;

}



#map .hovers {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

}



#map .hovers div,

#map .hovers div p {

    position: absolute;

}



#map .hovers div img {

    opacity: 0;

    position: relative;

    z-index: 1;

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

    -moz-transition: all 0.2s ease-in-out;

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

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}





/*hovers*/



div#midtown {

    right: 11px;

    top: 111px;

}



div#riverOaks {

    top: 212px;

    left: 63px;

}



div#upperKirby {

    top: 238px;

    left: 181px;

}



div#westUniversity {

    /*top: 189px;*/

	bottom: 101px;

    left: 170px;

}



div#medicalCenter {

    bottom: 80px;

    left: 211px;

}



div#sugarland {

    bottom: 19px;

    left: 0;

}



div#buffaloBayou {

    bottom: 0;

    left: 134px;

}



div#montrose {

    bottom: 115px;

    left: 84px;

}



div#map-wrap {

    /*margin-bottom: 33%;*/

    margin-bottom: 23%;

    overflow: hidden;

}



div#cypress {

    left: 23px;

    top: 70px;

}



div#spring {

    right: 6px;

    top: 0;

}





/*cta*/



section.cta-area {

    position: relative;

    z-index: 100;

    background: #161616;

    margin-top: 30.3%;

    padding: 27px 0;

}



.cta-list a {

    max-width: 263px;

    width: 100%;

    margin: 0 auto;

    text-align: center;

    display: block;

    position: relative;

    overflow: hidden;

}



.cta-list a img {

    margin: 0 auto;

}



.cta-title {

    font-size: 38px;

    color: #fff;

    font-family: 'Playfair Display', serif;

    font-weight: 400;

    font-style: italic;

    line-height: .9;

    display: inline-block;

    vertical-align: bottom;

    width: 98%;

    padding-bottom: 38%;

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

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

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

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

    transition: all 0.4s ease-in-out;

}



.cta-title .cta-last-text {

    font-size: 25px;

    font-style: normal;

    text-transform: uppercase;

    font-family: 'Roboto', sans-serif;

    text-align: center;

    position: relative;

    margin-top: 9px;

    display: block;

    color: #fff !important;

}



.cta-title em {

    font-size: 24px;

}



.text-left {

    text-align: left;

}



.text-right {

    text-align: right;

}



.cta-content {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

    width: 100%;

    height: 100%;

}



.cta-content:before {

    content: '';

    width: 0;

    height: 100%;

    display: inline-block;

    vertical-align: bottom;

}



.cta-list a:hover .cta-title {

    color: #ddb06c;

}



.cta-list a:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

    width: 197px;

    height: 220px;

    background: url(images/cta-box-hover.png) no-repeat;

    background-size: 100% 100%;

    z-index: -1;

    opacity: 0;

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

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

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

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

    transition: all 0.4s ease-in-out;

}



.cta-list a:hover:after {

    opacity: 1;

}



.cta-hover-text {

    position: absolute;

    bottom: 0px;

    opacity: 0;

    text-align: center;

    width: 100%;

    color: #ddb06c;

    font-size: 18px;

    font-family: 'Playfair Display', serif;

    font-style: italic;

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

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

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

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

    transition: all 0.4s ease-in-out;

}



.cta-list a:hover .cta-hover-text {

    bottom: 10px;

    opacity: 1;

}





/*featured properties*/



section.featured-properties-area {

    position: relative;

    z-index: 1000;

    background: #fff;

    padding-top: 5.4%;

    padding-bottom: 65px;

}



.fp-title {

    text-align: center;

    font-size: 38px;

    color: #2f2f2f;

    font-family: 'Playfair Display', serif;

    padding-bottom: 1px;

    position: relative;

    padding-top: 21px;

}



.fp-title:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    margin: auto;

    width: 33px;

    height: 2px;

    background: #ddb06c;

}



.fp-title span {

    font-style: italic;

}



.fp-subtitle {

    color: #2f2f2f;

    text-align: center;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    font-weight: 300;

}



.fp-slide-full {

    position: relative;

    padding-top: 3px;

    margin-top: 5.8%;

}



.fp-logo-center {

    max-width: 159px;

    width: 100%;

    height: 91px;

    position: absolute;

    z-index: 10;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



.fp-slick-slider {

    /*padding:13px;*/

    overflow: hidden;

    margin-left: -2px;

    margin-right: -2px;

}



.fp-overflow {

    overflow: hidden;

}



.fp-list {

    max-width: 286px;

    width: 100%;

    margin: 0 auto;

    padding: 2px;

}



.fp-list a {

    display: block;

    position: relative;

}



.fp-list a:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(76, 76, 76, 0.5);

    z-index: 1;

}



.fp-content {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    text-align: center;

    z-index: 9;

}



.fp-name {

    font-size: 18px;

    font-weight: 700;

    color: #fff;

    font-family: 'Roboto', sans-serif;

    text-transform: uppercase;

    padding: 8px 0;

    position: relative;

    margin-bottom: 16px;

}



.fp-name:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 169px;

    height: 40px;

    border: solid 1px #ddb06c;

    margin: auto;

    z-index: -1;

}



.fp-price {

    font-size: 18px;

    font-weight: 500;

    color: #fff;

    font-family: 'Roboto', sans-serif;

}



.fp-address,

.beds-baths {

    font-size: 12px;

    font-weight: 400;

    color: #fff;

    font-family: 'Roboto', sans-serif;

}



.beds-baths span {

    margin: 0 8px;

}



.beds-baths span img {

    display: inline-block;

    vertical-align: baseline;

    margin-right: 2px;

}



.fp-details {

    display: inline-block;

    vertical-align: middle;

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

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

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

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

    transition: all 0.4s ease-in-out;

    opacity: 1;

    width: 100%;

}



.fp-content:before {

    content: '';

    width: 0;

    height: 100%;

    display: inline-block;

    vertical-align: middle;

}



.beds-baths {

    padding-top: 9px;

}



.fp-hover-details {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(221, 176, 108, 0.8);

    padding: 10px;

    opacity: 0;

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

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

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

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

    transition: all 0.4s ease-in-out;

}



.fp-hover-details div {

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 500;

    color: #fff;

    width: 100%;

    height: 100%;

    border: solid 1px #fff;

}



.fp-hover-details div:after {

    content: '';

    width: 0;

    height: 100%;

    display: inline-block;

    vertical-align: middle;

}



.fp-list a:hover .fp-details {

    opacity: 0;

}



.fp-list a:hover .fp-hover-details {

    opacity: 1;

}



.fp-view-all a {

    display: block;

    font-size: 15px;

    color: #2f2f2f;

    max-width: 184px;

    width: 100%;

    margin: 0 auto;

    text-align: center;

    border: solid 1px;

    font-family: 'Playfair Display', serif;

    padding: 13px 0;

    font-style: italic;

}



.fp-view-all {

    margin-top: 5%;

}





/*welcome*/



section.welcome-area {

    position: relative;

    z-index: 1000;

    background: #fff;

    padding-bottom: 7.7%;

    overflow: hidden;

}



.wc-seperator {

    width: 100%;

    height: 300px;

    background: url(images/welcome-seperator1.jpg) top center fixed no-repeat;

    position: relative;

}



.white-border {

    /*position: absolute;



		bottom: 0;



		background: #fff;



		height: 63px;



		width: 100%;*/

}





/*.wc-seperator:after{



		content: '';



		display: block;



		position: absolute;



		bottom: 0;



		left: 0;



		width: 85.625%;



		height: 63px;



		background: #fff;



	}*/



.welcome-title h2 {

    font-size: 68px;

    text-transform: uppercase;

    color: #2f2f2f;

    font-family: 'Playfair Display', serif;

    font-weight: 400;

    line-height: .9;

    position: relative;

}



.welcome-title h2:after {

    content: '';

    display: block;

    position: absolute;

    top: 18px;

    left: 0;

    width: 100%;

    height: 2px;

    background: #e0b87a;

}



.welcome-title span.wc-estate {

    text-transform: none;

    font-size: 27px;

    display: block;

    font-style: italic;

    font-family: 'Playfair Display', serif;

    text-align: right;

    margin-top: 4px;

    position: relative;

}



.h1-hide-title {

    display: none;

}



.welcome-title span.wc-estate:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 79%;

    margin: auto;

    height: 2px;

    background: #e0b87a;

}



.welcome-title span.wc-word {

    font-size: 30px;

    text-transform: none;

}



.welcome-title span.wc-first {

    font-size: 37px;

    font-style: italic;

}



.welcome-title span.wc-to {

    font-size: 16px;

    text-transform: none;

    font-style: italic;

}



.welcome-title span.wc-main {

    padding-left: 16px;

    letter-spacing: -1.6px;

}



.welcome-title {

    width: 82.5327%;

    margin: 0 auto;

    left: -550px;

    /* left: 0; */

    padding-top: 4px;

    position: relative;

    opacity: 1;

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

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

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

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

    transition: all 0.4s ease-in-out;

}



.wc-subtitle {

    font-size: 30px;

    color: #ddb06c;

    font-style: italic;

    font-family: 'Playfair Display', serif;

    padding-bottom: 27px;

}



.wc-text p {

    font-size: 13px;

    color: #2f2f2f;

    line-height: 2.1;

    font-family: 'Roboto', sans-serif;

    margin-bottom: 27px;

}



.wc-text {

    padding-top: 30px;

    position: relative;

    right: -750px;

    /* right: 0; */

    opacity: 1;

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

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

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

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

    transition: all 0.4s ease-in-out;

}





/*seperator*/



.row-white {

    position: relative;

    height: 300px;

}



.white-border {

    position: absolute;

    background: #fff;

    height: 63px;

    z-index: 100;

    width: 100%;

    bottom: 0;

    left: 0;

}



.wc-seperator:after {

    content: '';

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    height: 63px;

    width: 100%;

    background: #fff;

}





/*agent*/



.agent-list {

    display: inline-block;

    vertical-align: baseline;

    text-align: center;

    /*margin: 0 17px 0 0;*/

   /* width: 160px;*/

    width: 190px;

    position: relative;

    /* opacity: 1; */

    opacity: 1;

    /* top: 0px; */

    top: 400px;

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

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

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

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

    transition: all 0.4s ease-in-out;

}



.agent-name {

    font-size: 24px;

    color: #ddb06c;

    font-family: 'Playfair Display', serif;

    padding-top: 2px;

}



.agent-photo img {

    margin: 0 auto;

}



.agent-position {

    font-size: 13px;

    font-style: italic;

    color: #4c4c4c;

    font-family: 'Roboto', sans-serif;

}



.agent-holder {

    padding-top: 26px;

    overflow: hidden;

}





/*blog*/



section.blog-area {

    position: relative;

    z-index: 1000;

    background: #fff;

    margin-top: 20%;

    padding-top: 9.6%;

    padding-bottom: 8.1%;

    overflow: hidden;

}



.blog-list {

    max-width: 359px;

    width: 100%;

    position: relative;

    /* top: 0px; */

    top: 270px;

    /* opacity: 1; */

    opacity: 0;

    margin: 0 auto;

}



.blog-title {

    text-align: center;

    color: #2f2f2f;

    font-family: 'Playfair Display', serif;

    font-size: 44px;

    text-transform: uppercase;

    position: relative;

    letter-spacing: -1px;

    line-height: .9;

    width: 100%;

    max-width: 230px;

    margin: 0px auto 9.3% auto;

    padding-bottom: 12px;

    /* left: 0; */

    left: -40%;

    /* opacity: 1; */

    opacity: 0;

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

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

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

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

    transition: all 0.3s ease-in-out;

}



.blog-title span {

    display: block;

    position: relative;

    font-size: 33px;

    font-style: italic;

    text-transform: none;

    letter-spacing: 0;

    padding-right: 0;

}



.blog-title span:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    width: 100%;

    height: 2px;

    background: #e0b87a;

}



.blog-title:after {

    content: '';

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 2px;

    background: #e0b87a;

}



.blog-name {

    font-size: 20px;

    color: #ddb06c;

    font-family: 'Playfair Display', serif;

    padding-top: 19px;

    padding-bottom: 32px;

}



.blog-title span em {

    background: #fff;

    position: relative;

    z-index: 10;

    padding: 0 12px;

    top: -4px;

}



.blog-text p {

    font-size: 13px;

    font-weight: 300;

    color: #6f6f6f;

    font-family: 'Roboto', sans-serif;

    line-height: 1.6;

}



a.blog-read-more {

    display: block;

    color: #ddb06c;

    padding-top: 22px;

}





/*footer*/



footer.main-footer {

    position: relative;

    z-index: 1000;

    border-top: solid 1px #737373;

}



.footer-logo {

    padding: 0 29px;

}



.footer-logo img {

    margin: 0 auto;

}



.footer-contact a {

    display: inline-block;

    vertical-align: top;

    color: #fff;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    width: 50%;

    text-align: left;

    padding-left: 43px;

}



.footer-contact-details {

    padding-bottom: 3.3%;

    background: #161616;

    padding-top: 3.5%;

}



.footer-contact {

    text-align: center;

    font-size: 0;

    padding-top: 25px;

}



.footer-contact a:first-child {

    border-right: solid 1px rgba(221, 176, 108, 0.20);

    text-align: right;

    padding-right: 43px;

}



.footer-smi a {

    display: inline-block;

    vertical-align: baseline;

    color: #fff;

    font-size: 16px;

    margin: 0 7px;

}



.footer-smi {

    text-align: center;

    padding-top: 22px;

}



.footer-information {

    background: rgba(22, 22, 22, 0.95);

    padding-top: 2.4%;

    text-align: center;

}



.footer-info {

    border-bottom: solid 1px rgba(71, 71, 70, 0.9);

    padding-bottom: 2.2%;

}



.footer-info h3 {

    text-transform: uppercase;

    font-size: 20px;

    color: #ddb06c;

    font-family: 'Playfair Display', serif;

    padding-bottom: 2.4%;

}



.footer-info ul {

    display: inline-block;

    vertical-align: text-bottom;

    color: #fff;

    text-align: left;

    font-size: 14px;

    line-height: 1.23;

}



.footer-info ul.left-col {

    margin-right: 45px;

}



.footer-bottom ul#menu-main-nav li {

    display: inline-block;

    vertical-align: top;

    position: relative;

}



.footer-bottom ul#menu-main-nav li a {

    color: #fff;

    font-size: 13px;

    font-family: 'Roboto', sans-serif;

    padding-left: 8px;

    padding-right: 13px;

}



.footer-bottom ul#menu-main-nav li:after {

    content: '';

    display: block;

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    width: 3px;

    height: 3px;

    border-radius: 50%;

    background: #fff;

}



.footer-bottom {

    padding-top: 4%;

    padding-bottom: 5%;

}



.footer-copyright {

    color: #fff;

    padding-top: 4px;

}



.mls {

    color: #fff;

    font-size: 22px;

    padding-top: 12px;

    display: inline-block;

    vertical-align: top;

    margin-right: 10px;

}





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



 *



 * 2. IP Styles



 *



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



.home .ip-bg {

    display: none;

}



.ip-bg {

    position: fixed;

    left: 0;

    top: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

}



.ip-bg .ip-img {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center 0;

    position: absolute;

    width: 100%;

    height: 100%;

    background-color: transparent;

    background-image: url(images/slider1.jpg);

}



.ip-bg:before {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    margin: auto;

    width: 100%;

    height: 100%;

    background: url(images/slider-frame.png) no-repeat;

    background-size: 100% 100%;

    z-index: 1;

}



#inner-page-wrapper {

    margin-bottom: 0 !important;

    padding-top: 17%;

}



.ip-white-bg {

    background: #fff;

}





/* Adjust minimum height of page area */



#content-sidebar,

#content-full {

    min-height: 500px;

}





/** Adjust width of content columns **/



#content-sidebar #content {

    width: 74%;

}



#content-full #content {

    width: 100%;

}





/* Adjust width of sidebar */



.sidebar {

    width: 24%;

    background: rgba(22, 22, 22, 0.90);

    margin-top: 22px;

    padding: 0 10px;

    margin-bottom: 20px;

}



.sidebar div.wpcf7-response-output {

    color: #fff;

}



.sidebar .qs-title.qs-field {

    padding-right: 0;

    display: block;

    text-align: center;

}



.sidebar .long-form {

    width: 100%;

}



.sidebar .short-form {

    width: 49%;

}



.sidebar .field-left {

    float: left;

}



.sidebar .field-right {

    float: right;

}



.sidebar .qs-field {

    margin-right: 0;

    margin-bottom: 5px;

}



.sidebar .btn-form.qs-field.qsbtn1 {

    display: block;

    text-align: center;

}



.sidebar .qs-form select {

    height: 30px;

}



.sidebar .logo-holder {

    padding-top: 5%;

    padding-bottom: 5%;

}



.sidebar .ai-default-cf7wrap.ai-contact-wrap h2 {

    font-family: 'Playfair Display', serif;

    text-transform: uppercase;

    font-size: 22px;

    color: #ddb06c;

    text-align: center;

    font-weight: 400;

}





/* 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 post/page main headings (h1) */



#content .entry-title {

    font-size: 30px;

    color: #2f2f2f;

    font-family: 'Playfair Display', serif;

    font-weight: 400;

    line-height: .9;

    position: relative;

}





/* Style category/archive/etc main headings (h1) */



#content .archive-title {

    font-size: 30px;

    color: #2f2f2f;

    font-family: 'Playfair Display', serif;

    font-weight: 400;

    line-height: .9;

    position: relative;

}





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



#content .archive-subtitle {

    font-size: 30px;

    color: #2f2f2f;

    font-family: 'Playfair Display', serif;

    font-weight: 400;

    line-height: .9;

    position: relative;

}



#content .entry p {

    font-size: 13px;

    color: #2f2f2f;

    line-height: 2.1;

    font-family: 'Roboto', sans-serif;

    margin-bottom: 15px;

}





/*mobile header*/



.aios-mobile-header-wrapper {

    z-index: 1001 !important;

}



.aios-mobile-header-wrapper .amh-header-buttons {

    background: rgba(22, 22, 22, 0.9);

    color: #ddb06c;

}



.aios-mobile-header-wrapper .amh-navigation {

    background: rgba(22, 22, 22, 0.9);

}



.aios-mobile-header-wrapper .amh-navigation .amh-menu li a {

    color: #ddb06c;

}



.category-27 #content .archive-subtitle {

    font-size: 30px;

    color: #ddb06c;

    font-style: italic;

    font-family: 'Playfair Display', serif;

    margin: 0 0 .75em;

}



.page-id-119 #content .archive-subtitle {

    font-size: 30px !important;

    color: #ddb06c !important;

    font-style: italic !important;

    font-family: 'Playfair Display', serif !important;

    margin: 0 0 .75em !important;

}



.aidefcf-wrapper {

    text-align: center;

}



*[class*=aidefcf-wrapper-contact-us] .wpcf7 {

    margin: 0 auto;

}



#short-message {

    color: #ddb06c!important;

}



#content .neighimage img {

    width: 100%;

    margin-bottom: 30px;

}





/* Pop up form */



.vip-cform-wrap label {

    display: none !important;

}



.vip-list-wrap {

    padding: 30px 20px 20px;

    background: transparent;

    border-radius: 5px;

    max-width: 333px;

    margin: auto;

    position: fixed;

    overflow: hidden;

    width: 100%;

    border: solid 10px #fff;

    opacity: 0;

}



.vip-list-wrap:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: url(images/slider1.jpg) no-repeat;

    background-size: cover;

    z-index: -1;

}



.vip-list-wrap div.wpcf7-response-output {

    margin: 0;

    padding: 0.2em 1em;

}



.vip-list-wrap .form-close-btn {

    position: absolute;

    right: 0;

    top: 0;

    padding: 5px;

    color: #fff;

    cursor: pointer;

}



.home .aios-popup-body .aiosp-close {

    color: #fff !important;

    /* opacity: 0;*/

    left: 290px;

}



.home .aiosp-wrap {

    top: 0 !important;

}



.aiosp-container {

    overflow: hidden;

}



.vip-list-wrap:before {

    content: '';

    width: 100%;

    height: 470px;

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 65%, rgba(255, 255, 255, 1) 82%);

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 65%, rgba(255, 255, 255, 1) 82%);

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 65%, rgba(255, 255, 255, 1) 82%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#ffffff', GradientType=0);

    position: absolute;

    top: 0;

    left: 0;

    opacity: .8;

}



.vip-content {

    position: relative;

    z-index: 1024;

}



.ip-container .vip-list-wrap {

    display: none;

}



.vip-popup-logo img {

    max-width: 260px;

    width: 100%;

}



.vip-label {

    font-size: 20px;

    text-align: center;

    font-weight: 400;

    color: #fff;

    text-transform: uppercase;

    line-height: 1;

    margin: 11px auto 8px;

    text-shadow: 1px 1px 1px #000;

}



.vip-cform-wrap input {

    width: 100%;

    text-align: center;

    margin: 2px 0;

    border-radius: 3px;

    border: 1px solid #888888;

    color: #888888;

    font-size: 14px;

    line-height: 1;

    padding: 9px 0;

    outline: 0;

}



.vip-cform-wrap input.contact-btn {

    color: #fff;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    padding: 9px 0;

    background: rgb(221, 176, 108);

    border: rgba(221, 176, 108, 0.80);

}



.vip-cform-wrap textarea {

    width: 100%;

    text-align: center;

    margin: 2px 0;

    border-radius: 3px;

    border: 1px solid #888888;

    color: #888888;

    font-size: 14px;

    line-height: 1;

    padding: 9px 0;

    outline: 0;

    max-height: 39px;

}



.vip-cform-wrap span.wpcf7-not-valid-tip {

    font-size: 11px !important;

}



#aios-content-popup-id {

    font-size: 0;

    display: none;

}



.aiosp-wrap .aiosp-container.aiosp-inline-holder .aios-popup-body {

    background: transparent;

    max-width: 333px;

    margin: auto;

    padding: 0;

    min-height: auto;

    position: absolute;

    top: 0;

    left: -50%;

    bottom: 0;

    max-height: 445px;

    width: 100%;

}





/*Agent Page*/



.agent-holder .agent-contact-name {

    font-weight: normal !important;

    font-size: 28px !important;

    color: #ddb06c !important;

    font-family: 'Playfair Display', serif !important;

    padding-top: 2px !important;

}



.agent-contact-position {

    font-size: 13px;

    font-style: italic;

    color: #4c4c4c;

    font-family: 'Roboto', sans-serif;

}



#l2snlayer_head {

    color: #ddb06c!important;

}





/* missing ul content */



#content-listings ul {

    line-height: 24px;

    font-size: 13px;

}



#headlink {

    display: none !important;

}



aside h2.widget-title {

    display: none!important;

}





/* 2017-01-09 */



#ihf-main-container #ihf-search-tabs .nav-tabs {

    margin-left: 0;

}



#ihf-main-container .chosen-results {

    padding-left: 0;

    margin-left: 0;

}



.footer-bottom ul#menu-main-nav li:last-child:after {

    display: none;

}



.ip-container #gallery-4,

.ip-container #gallery-5 {

    clear: both;

    overflow: hidden;

}



.ip-container #gallery-4 .gallery-item,

.ip-container #gallery-5 .gallery-item {

    width: 25%;

}



.page-id-111 .agent-holder .attachment-agent-image {

    width: 111px;

}



.page-id-111 .agent-holder .agent-contacts {

    width: calc(100% - 111px);

}



.page-id-111 .agent-holder .attachment-agent-image img {

    width: 100% !important;

}



.category-blog #content hr {

    width: 100% !important;

}



.blog_wrap {

    clear: both;

    overflow: hidden;

}



.blog_img {

    width: 300px;

    float: left;

}



.blogs_exerpt {

    width: calc(100% - 300px) !important;

    float: left !important;

    margin-top: 0 !important;

    padding-left: 20px !important;

}



.sidebar .ai-contact-wrap {

    color: #fff;

}



.sidebar .ai-contact-wrap span {

    color: #000;

}





/*CTA Pages*/



.page-id-104 #content .entry .wpcf7,

.page-id-44 #content .entry .wpcf7 {

    text-align: center;

}



.ui-helper-hidden-accessible {

    display: none;

}



.ui-autocomplete {

    max-height: 300px;

    overflow-y: auto;

    overflow-x: hidden;

    z-index: 9999;

}



#autocomplete {

    border: 1px solid #6ca3ff;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    font-weight: 600;

    height: 35px;

    width: 135px;

}



.print-logo {

    text-align: center;

    display: none;

    font-size: 0;

}



.print-logo img {

    max-width: 350px;

}







#js-map-canvas {

    height: 226px !important;

}





/*#ihf-great-schools-widget iframe {



    min-height: 800px;



}*/





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











*/



span#siteseal {

    display: inline-block;

    vertical-align: top;

    padding-top: 12px;

}



.ip-rrc .rrc-title {

    font-size: 29px;

}



a.rrc-link {

    color: #e6bc31;

    font-size: 14px;

}



.page-id-1586 .cycloneslider-slide-image {

    background: #525252;

}





/* Details page */



#content .listing-details-wrap .photo-slideshow .photo-list {

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

}



.grecaptcha-badge {

        z-index: 1000;

}



.top-header .foot-link > a {

	pointer-events: none;

}

.wpcf7-turnstile.cf-turnstile iframe{
    width: 200px !important;
}
.vip-list-wrap div.wpcf7-response-output {
    color: white;
    text-shadow: 2px 2px 2px black;
    text-align: center;
}
#ihf-main-container .mc-total-payment-subline {
    color: black !important;
}
#ihf-main-container .mc-amount {
    color: black !important;
}
#ihf-main-container .mc-total-payment {
    color: black !important;
}
#ihf-main-container .mc-total-payment-sm {
    color: black !important;
}
.footer-contact a,
.footer-smi a,
.footer-info a,
.menu-main-nav a,
.footer-copyright a,
.top-smi a,
.top-contact-number a{
    transition: all ease-in-out 0.35s;
}
.footer-contact a:hover,
.footer-smi a:hover,
.footer-info a:hover,
#menu-main-nav a:hover,
.footer-copyright a:hover{
    opacity: 0.7 !important;
}

.top-smi a:hover{
    color: white !important;
}
.top-contact-number a:hover {
    color: rgba(221, 176, 108, 0.80) !important;
    background: #fff !important;
}
.ihf-mapsearch-refine-overlay {
    z-index: 500 !important;
    height: 100% !important;
}
#ihf-refine-map-search-form {
    margin: 0 !important;
}
#ihf-refine-map-search-form .mt-10{
    margin-top: 0 !important;
}
#ihf-refine-map-search-form  .mt-25{
    margin-top: 0 !important;
}