/*

Theme Name: Dream Home Realty(Millan)

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

Description: Aios AgentPro Theme 9

Author: AgentImage

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

Version: 1.2.8

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





/*** THEME STYLE ***/

i.ai-font-arrow-g-p:before
 {
    content: "\b0003";
}
i.ai-font-arrow-g-n:before {
content: "\b0004";
}
i.ai-font-arrow-g-n,
i.ai-font-arrow-g-p {

    font-size: 100px;
    color: #fff;
    opacity: 0.75;
}
button.splide__arrow.splide__arrow--next {
right: 200px !important;
}

button.splide__arrow.splide__arrow--prev {
left: 200px !important;
}
.slick-slider * {

    outline: none;

}



body {

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

}



a:link,

a:visited {

    outline: none;

}



#mainwrapper {}





/** Fixed Header **/



#fixed-header {

    position: fixed;

    left: 0;

    top: -105px;

    width: 100%;

    z-index: 1100;

    background: #fff;

    height: auto;

    border-bottom: 1px solid #898989;

}



#fixed-header .logo {

    padding-top: 8px;

    padding-bottom: 8px;

    background: #fff;

}



#fixed-header .logo img {

    width: 100%;

    max-width: 150px;

}





/** Fixed Nav **/



#fixed-header .fixed-nav {}



#fixed-header .fixed-nav nav {}



#fixed-header .fixed-nav nav > div > ul {

    text-align: center;

}



#fixed-header .fixed-nav nav > div > ul > li {

    display: inline-block;

    vertical-align: top;

    position: relative;

    padding: 0;

    font: 300 17px 'BenchNine', sans-serif;

}



#fixed-header.fixed-nav #fixed-nav > li:hover ul {

    display: block;

}



#fixed-header .fixed-nav nav > div > ul > li > a {

    color: #000080;

    text-transform: uppercase;

    text-decoration: none;

    display: block;

    padding: 37px 20px;

}



#fixed-header .fixed-nav nav > div > ul > li:hover {

    /* font-weight: 700; */

    text-shadow: 0 0 1px #fff;

}



#fixed-header .fixed-nav nav > div > ul > li > ul {

    position: absolute;

    left: 50%;

    background: #9bc0e6;

    top: 70px;

    width: 150px;

    margin-left: -75px;

    display: none;

}



#fixed-header .fixed-nav nav > div > ul > li > ul > li {

    display: block;

}



#fixed-header .fixed-nav nav > div > ul > li > ul > li > a {

    font: 300 17px 'BenchNine', sans-serif;

    color: #000080;

    text-decoration: none;

    text-transform: uppercase;

    display: block;

    padding: 10px 0;

    letter-spacing: 0.1em;

    position: relative;

    display: block;

    text-align: center;

}





/** Fixed Nav **/





/** Fixed Contact info **/



#fixed-header .fixed-contact-info {

    text-align: center;

    padding-top: 35px;

}



#fixed-header .fixed-contact-info p {

    color: #fff;

    display: inline-block;

    vertical-align: top;

    font-size: 22px;

    padding-right: 23px;

}



#fixed-header .fixed-contact-info a {

    display: inline-block;

    vertical-align: top;

    font-size: 19px;

    color: #000080;

    text-decoration: none;

}

    

   #fixed-header .fixed-contact-info a.asis-mailto-obfuscated-email {

    font-size: 0;

   }



         #fixed-header .fixed-contact-info a i {

            font-size: 19px;

         }





/** Fixed Contact info **/





/** Fixed Header **/





/** Headerwrapper **/



#headerwrapper {

    width: 100%;

    height: auto;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 200;

}



.header {

    width: 100%;

    position: relative;

}





/** Header Center **/



.header .header-center {

    width: 31.7%;

    height: auto;

    margin: 0 auto;

    position: relative;

    z-index: 8;

}



.header .header-center:after {

    display: block;

    content: "";

    width: 12px;

    height: 100%;

    background: url(images/logo-left.png) no-repeat 0 0 transparent;

    position: absolute;

    left: -12px;

    top: 0;

}



.header .header-center:before {

    display: block;

    content: "";

    width: 12px;

    height: 100%;

    background: url(images/logo-right.png) no-repeat 0 0 transparent;

    position: absolute;

    right: -12px;

    top: 0;

}





/** logo **/



.header .header-center .logo {

    display: block;

    background: #fff;

    width: 100%;

    padding: 17.5px 0;

}



.header .header-center .logo a {

    text-decoration: none;

}



.header .header-center .logo span {

    display: block;

    text-align: center;

    color: #000080;

    font-size: 25px;

    font-weight: 300;

}



.header .header-center .logo img {

    display: block;

    width: 65%;

    height: auto;

    margin: 0 auto;

}





/** logo **/





/** Contact Info **/



.header .contact-info {

    background: rgba(212, 175, 55, 0.80);

    text-align: center;

    padding: 13px 0;

}



.header .contact-info p {

    display: inline-block;

    vertical-align: top;

    font: normal 300 17px 'Roboto', sans-serif;

    color: #464646;

}



.header .contact-info p:after {

    display: inline-block;

    vertical-align: top;

    content: "|";

    font: normal 300 17px 'Roboto', sans-serif;

    color: #464646;

    padding: 0 6px;

}



.header .contact-info a {

    display: inline-block;

    vertical-align: top;

    color: #464646;

    text-decoration: none;

    font: normal 300 15px 'Roboto', sans-serif;

}





/** Contact Info **/





/** Header Center **/





/** Navigation **/



.navigation {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    background: #fff;

}



.navigation nav > div > ul {

    font-size: 0;

}



.navigation nav > div > ul > li {

    display: inline-block;

    vertical-align: top;

    padding: 0;

    position: relative;

    font: 300 19px 'BenchNine', sans-serif;

}



.navigation nav > div > ul > li > a {

    color: #000080;

    text-decoration: none;

    text-transform: uppercase;

    display: block;

    padding: 27px 11px;

    letter-spacing: 0.1em;

    position: relative;

}



.navigation nav > div > ul > li:hover {

    /* font-weight: 700; */

    text-shadow: 0 0 1px #000;

}



.navigation nav > div > ul > li > a:after {

    display: block;

    content: "";

    width: 1px;

    height: 15px;

    position: absolute;

    left: 0;

    top: 31px;

    background: #d4af37;

}



.navigation nav > div > ul > li:first-child > a:after {

    display: none;

}



.navigation nav > div > ul > li:first-child a {

    padding-left: 0;

}



.navigation nav > div > ul > li:last-child a {

    padding-right: 0;

}



.navigation nav > div > ul > li:first-child + li + li {

    margin-right: 374px;

}



.navigation nav > div > ul > li:first-child + li + li + li a:after {

    display: none;

}



ul#navi li:nth-child(1) a, ul#navi li:nth-child(2) a, ul#navi li:nth-child(3) a {

    letter-spacing: 3px;

}



.navigation nav > div > ul > li > ul {

    position: absolute;

    left: 50%;

    background: #9bc0e6;

    top: 80px;

    width: 150px;

    margin-left: -75px;

    display: none;

}



.navigation nav > div > ul > li > ul > li {

    display: block;

}



.navigation nav > div > ul > li > ul > li > a {

    font: 300 17px 'BenchNine', sans-serif;

    color: #000080;

    text-decoration: none;

    text-transform: uppercase;

    display: block;

    padding: 10px 0;

    letter-spacing: 0.1em;

    position: relative;

    display: block;

    text-align: center;

}



.sub-menu li a:hover {

    background: rgba(212, 175, 55, 0.80);

}



/** Navigation **/





/** Headerwrapper **/





/** Hero **/



#hero {

    width: 100%;

    height: auto;

    position: relative;

}





/** Slideshow **/



#hero .slideshow {

    width: 100%;

    height: auto;

}



#hero .slideshow img {

    display: block;

    width: 100%;

    height: auto;

}



#hero .cycloneslider-slide:after {

    display: block;

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: #000;

    z-index: 9;

    opacity: 0.3;

}





/** Slideshow **/





/** Quick Search **/



#hero .quick-search-wrap {

    position: absolute;

    left: 0;

    bottom: 8%;

    width: 100%;

    height: auto;

    z-index: 10;

}



#hero .quick-search {

    background-color: rgba(255, 255, 255, 0.8);

    padding: 23px;

    font-size: 0;

}



#hero .quick-search .qc-icon {

    display: inline-block;

    vertical-align: top;

    color: #d4af37;

    font-size: 33px;

    width: 4%;

    padding-left: 1%;

}



#hero .quick-search form {

    display: inline-block;

    vertical-align: top;

    width: 96%;

}



#hero .quick-search form select {

    display: inline-block;

    vertical-align: top;

    height: 31px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    background-color: rgba(255, 255, 255, .5);

    border: solid 1px #868686;

    font: 300 11px 'Roboto', sans-serif;

    color: #464646;

    padding: 4px 8px;

    width: 10.3%;

    margin-left: 1%;

    outline: none;

}



#hero .quick-search form select.qc-long {

    width: 15.6%;

}



#hero .quick-search form select:first-child {

    margin-left: 2%;

}



#hero .quick-search form input[type="submit"] {

    display: inline-block;

    vertical-align: top;

    height: 31px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    font: normal 14px 'BenchNine', sans-serif;

    background-color: #d4af37;

    color: #ffffff;

    border: none;

    outline: none;

    cursor: pointer;

    text-transform: uppercase;

    width: 9.3%;

    margin-left: 1%;

    transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out;

}



#hero .quick-search form input[type="submit"]:hover {

    background: #000080;

}



#hero .quick-search form a {

    display: inline-block;

    vertical-align: top;

    height: 31px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    font: normal 14px 'BenchNine', sans-serif;

    background-color: #464646;

    color: #ffffff;

    border: none;

    outline: none;

    cursor: pointer;

    text-transform: uppercase;

    width: 9.3%;

    margin-left: 1%;

    text-align: center;

    padding: 5px 0;

    text-decoration: none;

    border: 1px solid transparent;

    transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out;

}



#hero .quick-search form a:hover {

    border-color: #464646;

    color: #464646;

    background: transparent;

}





/** Quick Search **/





/** Hero **/





/** CTA **/



#cta {

    width: 100%;

    height: auto;

    position: relative;

    padding: 3% 0;

}



#cta .cta-list {}



#cta .cta-list a {

    display: block;

    width: 100%;

    height: auto;

    position: relative;

    max-width: 360px;

    margin: 0 auto;

}



#cta .cta-list a:after {

    display: block;

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background-color: rgba(161, 161, 161, 0.80);

    z-index: 0;

    transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out;

}



#cta .cta-list:hover a:after {

    background-color: rgba(212, 175, 55, 0.80);

}



#cta .cta-list:hover a p {

    color: #000080;

}



#cta .cta-list a:before {

    content: "";

    display: block;

    height: 3px;

    background-color: rgba(255, 255, 255, 0.80);

    position: absolute;

    left: 0;

    top: 25px;

    z-index: 1;

    width: 122px;

}



#cta .cta-list a img {

    display: block;

    width: 100%;

    height: auto;

}



#cta .cta-list a p {

    display: block;

    position: absolute;

    z-index: 5;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    color: #fff;

    font: normal 31px 'BenchNine', sans-serif;

    text-transform: uppercase;

    transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out;

}



#cta .cta-list a p span {

    display: inline-block;

    vertical-align: middle;

}



#cta .cta-list a p:after {

    content: "";

    height: 100%;

    width: 0;

    display: inline-block;

    vertical-align: middle;

}



#cta .cta-list a p:before {

    content: "";

    display: block;

    height: 1px;

    background-color: rgba(255, 255, 255, 0.80);

    position: absolute;

    right: 0;

    bottom: 25px;

    z-index: 1;

    width: 122px;

}





/** CTA **/





/** Featured Areas **/



#featured-areas {

    width: 100%;

    height: auto;

}





/** Featured Property **/



#featured-areas .properties {

    position: relative;

}



#featured-areas .properties h2 {

    font: 300 35px 'BenchNine', sans-serif;

    color: #898989;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    text-align: center;

    padding-bottom: 20px;

}



#featured-areas .properties h2 span {

    color: #000080;

}



#featured-areas .prop-wrap {

    width: 100%;

    height: auto;

    position: relative;

    max-width: 360px;

    margin: 0 auto;

}



#featured-areas .prop-wrap img {

    display: block;

    width: 100%;

    height: auto;

}



#featured-areas .prop-wrap .pro-details {

    width: 100%;

    height: auto;

    position: absolute;

    bottom: 0;

    left: 0;

    background: #d7d7d7;

    padding: 21px;

}



.prop-img {

    height: 295px;

    background-position: center;

    background-size: cover;

    width: 100%;

}



#featured-areas .prop-wrap .pro-details p {

    font: 300 14px 'Roboto', sans-serif;

    width: 60%;

    text-transform: capitalize;

}



#featured-areas .prop-wrap .pro-details p span {

    font: 300 21px 'Roboto', sans-serif;

}



#featured-areas .prop-wrap .pro-details a {

    display: block;

    position: absolute;

    right: 5%;

    top: 22%;

    width: 104px;

    height: 50px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    background: #464646;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    font: normal 14px 'BenchNine', sans-serif;

    letter-spacing: 0.1em;

    padding: 16px 0;

    text-decoration: none;

    transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out;

    border: 1px solid transparent

}



#featured-areas .prop-wrap .pro-details a:hover {

    color: #fff;

    background: #000080;

    border-color: #000080;

}





/** Featured Property **/





/** Area Expertise **/



#featured-areas .area-expertise {

    position: relative;

}



#featured-areas .area-expertise h2 {

    font: 300 35px 'BenchNine', sans-serif;

    color: #898989;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    text-align: center;

    padding-bottom: 20px;

    opacity: 0;

}



#featured-areas .area-expertise h2 span {

    color: #000080;

}



#featured-areas .area-expertise .expertise {

    width: 100%;

    height: auto;

    border: 1px solid #cfcfcf;

    padding: 19px 30px 0;

    font-size: 0;

    max-width: 360px;

    margin: 0 auto;

}



#featured-areas .area-expertise .expertise ul {

    display: inline-block;

    vertical-align: top;

    /* width: 45%; */

    width: 100%;

    margin-left: 0%;

    font-size: 0px;

    text-align: center;

}



#featured-areas .area-expertise .expertise ul:first-child {

    margin-left: 0;

}



#featured-areas .area-expertise .expertise ul li {

    display: inline-block;

    width: 50%;

    padding: 0px 0px 0px 10px;

    box-sizing: border-box;

    text-align: left;

}



#featured-areas .area-expertise .expertise ul li:last-child {

    text-align: center;

}



#featured-areas .area-expertise .expertise ul li a {

    font: 300 18px 'BenchNine', sans-serif;

    color: #898989;

    text-transform: uppercase;

    display: block;

    text-decoration: none;

    border-bottom: 1px dotted #898989;

    padding: 6.9px 0;

}



#featured-areas .area-expertise .expertise ul li:first-child a {

    padding-top: 0;

}



#featured-areas .area-expertise .expertise ul li:last-child a {

    border-bottom: none;

}



#featured-areas .area-expertise .expertise ul li a.active {

    font-weight: 700;

    color: #000080;

}



#featured-areas .area-expertise .expertise a.view-details {

    display: block;

    width: 104px;

    height: 50px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    font: normal 14px 'BenchNine', sans-serif;

    letter-spacing: 0.1em;

    border: solid 1px #999;

    color: #777777;

    text-transform: uppercase;

    text-decoration: none;

    text-align: center;

    padding: 15px 0;

    margin: 15px auto;

    transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out;

}



#featured-areas .area-expertise .expertise a.view-details:hover {

    color: #fff;

    background: #000080;

    border-color: #000080;

}





/** Area Expertise **/





/** Featured Communities **/



#featured-areas .communities {

    position: relative;

}



#featured-areas .communities h2 {

    font: 300 35px 'BenchNine', sans-serif;

    color: #898989;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    text-align: center;

    padding-bottom: 20px;

}



#featured-areas .communities h2 span {

    color: #000080;

}



#featured-areas .communities .expertise {

    width: 100%;

    height: auto;

    border: 1px solid #cfcfcf;

    padding: 19px 30px;

    font-size: 0;

}



#featured-areas .communities .com-wrap {

    width: 100%;

    height: auto;

    position: relative;

    max-width: 360px;

    margin: 0 auto;

}



#featured-areas .communities .com-wrap > div {

    display: none;

}



#featured-areas .communities .com-wrap > div.active-comm {

    display: block;

}



#featured-areas .communities .com-wrap img {

    display: block;

    width: 100%;

    height: auto;

}



#featured-areas .communities .com-wrap .com-details {

    width: 100%;

    height: auto;

    position: absolute;

    bottom: 0;

    left: 0;

    background: #d7d7d7;

    padding: 21px;

}



#featured-areas .communities .com-wrap .com-details p {

    font: 300 26px 'BenchNine', sans-serif;

    text-transform: uppercase;

    color: #464646;

    letter-spacing: 0.1em;

}



#featured-areas .communities .com-wrap .com-details a {

    display: block;

    position: absolute;

    right: 5%;

    top: 17%;

    width: 104px;

    height: 50px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    background: #464646;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    font: normal 14px 'BenchNine', sans-serif;

    letter-spacing: 0.1em;

    padding: 16px 0;

    text-decoration: none;

    border: 1px solid transparent;

    transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out;

}



#featured-areas .communities .com-wrap .com-details a:hover {

    color: #fff;

    background: #000080;

    border-color: #000080;

}



.com-img{

    height: 295px;

    width: 100%;

    background-size: cover;

    background-position: center;

}





/** Featured Communities **/





/** Featured Areas **/





/** HP Main **/



#hp-main {

    width: 100%;

    height: auto;

    padding-top: 50px;

}





/** Welcome **/



#hp-main .welcome {

    position: relative;

    border-right: 1px solid #d4af37;

    padding-bottom: 10px;

}



#hp-main .welcome h1 {

    font: 300 35px 'BenchNine', sans-serif;

    color: #898989;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    padding-bottom: 20px;

    padding-top: 16px;

}



#hp-main .welcome h1 span {

    color: #000080;

}



#hp-main .welcome p {

    color: #898989;

    font: 300 14px/25px 'Roboto', sans-serif;

    letter-spacing: -0.025em;

    padding-bottom: 17px;

}





/** Welcome **/





/** Testimonials **/



#hp-main .testimonials {}



#hp-main .testimonials h2 {

    font: 300 35px 'BenchNine', sans-serif;

    color: #898989;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    padding-bottom: 20px;

    padding-top: 16px;

    padding-left: 20px;

}



#hp-main .testimonials .testi-list {

    padding-left: 20px;

}



#hp-main .testimonials .testi-list a {

    /* color: #de8ca7;

				text-decoration: none;

				font: 300 13px/20px 'Roboto', sans-serif; */

    /* margin-left: 10px; */

    display: block;

    width: 104px;

    height: 50px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    font: normal 14px 'BenchNine', sans-serif;

    letter-spacing: 0.1em;

    border: solid 1px #999;

    color: #777777;

    text-transform: uppercase;

    text-decoration: none;

    text-align: center;

    padding: 15px 0;

    margin: 15px 0 0;

    transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out

}



#hp-main .testimonials .testi-list a:hover {

    color: #fff;

    background: #000080;

    border-color: #000080;

}



#hp-main .testimonials p {

    color: #898989;

    font: 300 14px/25px 'Roboto', sans-serif;

    letter-spacing: -0.020em;

}



#hp-main .testimonials h3 {

    font: normal 24px 'BenchNine', sans-serif;

    color: #d4af37;

    padding: 16px 0 0;

    text-transform: uppercase;

}





/** Testimonials **/





/** HP Main **/





/** Blog Area **/



#blog-wrap {

    width: 100%;

    height: auto;

    padding-top: 28px;

    padding-bottom: 25px;

}





/** Latest Post **/



#blog-wrap .latest-post {

    position: relative;

}



#blog-wrap .latest-post h2 {

    font: 300 35px 'BenchNine', sans-serif;

    color: #898989;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    padding-bottom: 20px;

    border-bottom: 1px solid #dddddd;

}



#blog-wrap .latest-post h2 span {

    color: #000080;

}



#blog-wrap .latest-post .blog-area {

    width: 100%;

    height: auto;

    font-size: 0;

    padding-top: 30px;

    padding-bottom: 30px;

}



#blog-wrap .latest-post .blog-list {

    display: inline-block;

    vertical-align: top;

    width: 50%;

    font-size: 14px;

}



#blog-wrap .latest-post .blog-list .blog-image {

    display: inline-block;

    vertical-align: top;

    width: 26.14%;

}



#blog-wrap .latest-post .blog-list .blog-image img {

    display: block;

    width: 100%;

    height: auto;

}



#blog-wrap .latest-post .blog-list .blog-descript {

    /* width: 65%; */

    width: 100%;

    margin-left: 5%;

    display: inline-block;

    vertical-align: top;

}



#blog-wrap .latest-post .blog-list .blog-descript h3 a {

    color: #959595;

    font: normal 20px/20px 'BenchNine', sans-serif;

    text-transform: uppercase;

}



#blog-wrap .latest-post .blog-list .blog-descript h3 a:hover {

    text-decoration: none

}



#blog-wrap .latest-post .blog-list .blog-descript p {

    font: 300 13px/20px 'Roboto', sans-serif;

    padding-top: 5px;

}



#blog-wrap .latest-post .blog-list .blog-descript p a {

    color: #d4af37;

    text-decoration: none;

    margin-left: 10px;

}





/** Latest Post **/





/** Comm IP **/



#content .comm-ip {

    font-size: 0px;

    text-align: center;

}



#content .comm-ip .com-cell {

    display: inline-block;

    width: 33.33%;

    vertical-align: top;

    font-size: 14px;

    margin: 0px 0px 20px;

    position: relative;

    min-width: 250px;

}



#content .comm-ip .com-cell > p {

    display: none;

}



#content .comm-ip .com-cell .com-details {

    position: absolute;

    z-index: 100;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

}



#content .comm-ip .com-cell .com-details p:first-child {

    background: rgba(212, 175, 55, 0.8);

    width: 70%;

    margin: 0px auto;

    position: absolute;

    bottom: 0px;

    left: 0px;

    right: 0px;

    color: #000000;

    text-transform: uppercase;

    padding: 6px 0px;

}



#content .comm-ip .com-cell:after {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 99%;

    height: 92%;

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

    right: 0;

    margin: auto;

    display: block;

    content: '';

    transition: all ease .7s;

}



#content .comm-ip .com-cell:hover:after {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 99%;

    height: 92%;

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

    right: 0;

    margin: auto;

    display: block;

    content: '';

    transition: all ease .7s;

}



#content .comm-ip img {

    width: 98%;

}



#content .comm-ip span {

    background: #000080;

    color: #fff;

    width: 50%;

    display: block;

    margin: auto;

    position: absolute;

    left: 0;

    right: 0;

    top: 0px;

    bottom: 20px;

    padding: 4px 0px;

    max-height: 33px;

    opacity: 0;

    transition: all ease .7s;

}



#content .comm-ip .com-cell:hover span {

    opacity: 1;

    transition: all ease .7s;

}





/** Comm IP End **/





/** Blog Logo **/



#blog-wrap .blog-logo {

    padding: 77px 0;

}



#blog-wrap .blog-logo img {

    display: block;

    margin: 0 auto;

    max-width: 300px;

}





/** Blog Logo **/





/** Blog Area **/





/* Contact Area **/



#contact-details {

    width: 100%;

    height: auto;

    padding-top: 30px;

    background: #d7d7d7;

    padding-bottom: 30px;

}





/** Contact info **/



#contact-details .fp-contact-info-row-1 {}



#contact-details .fp-contact-info-row-2 {

    background: #fff;

    padding-bottom: 15px;

}



#contact-details .fp-contact-info {

    position: relative;

    min-height: 121px;

    text-align: center;

    background: #fff;

}



#contact-details .fp-contact-info img {

    display: block;

    margin: 40px auto;

}



#contact-details .fp-contact-info p {

    color: #d4af37;

    font: bold 39px/39px 'BenchNine', sans-serif;

    padding-top: 0;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    margin: 0 auto;

    text-align: center;

}



#contact-details .fp-contact-info p span {

    color: #000080;

}



#contact-details .fp-contact-info p a {

    color: #d4af37;

}



#contact-details .fp-contact-info a.fp-mail {

    display: block;

    font: 300 33px/33px 'BenchNine', sans-serif;

    color: #d4af37;

    text-decoration: none;

    padding-top: 20px;

}



#contact-details .fp-contact-info .smi {

    font-size: 0;

    padding-top: 15px;

}



#contact-details .fp-contact-info .smi a {

    display: inline-block;

    vertical-align: top;

    width: 41px;

    height: 41px;

    background: #464646;

    border-radius: 50%;

    text-align: center;

    color: #fff;

    text-decoration: none;

    margin: 6px 3px;

    transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out;

}



#contact-details .fp-contact-info .smi a:first-child {

    margin-left: 0;

}



#contact-details .fp-contact-info .smi a:after {

    content: "";

    height: 100%;

    width: 0;

    display: inline-block;

    vertical-align: middle;

}



#contact-details .fp-contact-info .smi a span {

    display: inline-block;

    vertical-align: middle;

    font-size: 23px;

}



#contact-details .fp-contact-info .smi a:hover {

    background: #a58728;

}





/** Contact info **/





/** Agent Photo **/



#contact-details .agent-photo {

    margin-bottom: 40px;

}



#contact-details .agent-photo .a-photo {

    display: block;

    margin: 0 auto;

    height: auto;

    border: 10px solid #000080;

    border-radius: 50%;

    max-width: 273px;

    max-height: 273px;

    overflow: hidden;

    width: 76%;

    height: auto;

    background: #fff;

}



#contact-details .agent-photo .a-photo img {

    display: block;

    width: 100%;

    border: 8px solid #d7d7d7;

    height: auto;

    border-radius: 50%;

}





/** Agent Photo **/





/** Contact Form **/



#contact-details .contact-form {

    padding-right: 0;

}



#contact-details .contact-form .use-floating-validation-tip span.wpcf7-not-valid-tip {

    left: 5%;

}



#contact-details .contact-form h2 {

    font: 300 35px 'BenchNine', sans-serif;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    padding-bottom: 15px;

}



#contact-details .contact-form h2 span {

    color: #000080;

}



#contact-details .contact-form form {

    width: 100%;

    /*font-size: 0;*/

}



#contact-details .contact-form form .text-field {

    width: 100%;

    height: auto;

    font-size: 0;

    margin-bottom: 13px;

}



#contact-details .contact-form form .text-field .wpcf7-not-valid-tip {

    font-size: 16px;

}



#contact-details .contact-form form .text-field input:first-child {

    margin-left: 0;

}



#contact-details .contact-form form input[type="text"],

#contact-details .contact-form form input[type="email"],

#contact-details .contact-form form input[type="tel"] {

    height: 32px;

    border: solid 1px #cfcfcf;

    color: #9c9c9c;

    font: 300 11px 'Roboto', sans-serif;

    text-transform: uppercase;

    width: 50%;

    margin-left: 2%;

    padding: 10px;

    margin-bottom: 7px;

    outline: none;

}



#contact-details .contact-form form .textarea-field {

    width: 100%;

    height: auto;

    position: relative;

}



#contact-details .contact-form form .textarea-field textarea {

    border: solid 1px #cfcfcf;

    color: #9c9c9c;

    width: 100%;

    height: 110px;

    resize: none;

    outline: none;

    color: #9c9c9c;

    font: 300 11px 'Roboto', sans-serif;

    text-transform: uppercase;

    padding: 10px 98px 10px 10px

}



#contact-details .contact-form form .textarea-field input[type="submit"] {

    position: absolute;

    right: 8px;

    top: 7px;

    width: 82px;

    height: 95px;

    background: #d7d7d7;

    border: none;

    outline: none;

    cursor: pointer;

    font: 300 20px 'BenchNine', sans-serif;

    color: #464646;

    text-transform: uppercase;

    letter-spacing: 0.1em;

    resize: none;

    transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out;

}



#contact-details .contact-form form .textarea-field input[type="submit"]:hover {

    background: #d4af37;

    color: #fff;

}





/** Contact Form **/





/** Contact Area **/





/** Footerwrapper **/



#footerwrapper {

    width: 100%;

    height: auto;

    background: #0b0c42;

    min-height: 97px;

}



#footerwrapper .footer-copyright {

    padding-top: 39px;

}



#footerwrapper .footer-copyright ul {}



#footerwrapper .footer-copyright ul li {

    display: inline-block;

    vertical-align: top;

}



#footerwrapper .footer-copyright ul li a {

    font: 300 12px/12px 'Roboto', sans-serif;

    color: #ffffff;

    text-decoration: none;

    text-transform: uppercase;

    display: block;

    border-left: 1px solid #fff;

    padding: 0 15px;

}



#footerwrapper .footer-copyright ul li:first-child a {

    padding-left: 0;

    border-left: none;

}



#footerwrapper .footer-copyright p {

    font: 300 12px/12px 'Roboto', sans-serif;

    color: #ffffff;

    text-decoration: none;

}



#footerwrapper .footer-copyright p a {

    color: inherit;

    text-decoration: none;

}



#footerwrapper .footer-logos {

    text-align: right;

    padding-top: 42px;

}



#footerwrapper .footer-logos span {

    color: #eeeae7;

    font-size: 24px;

}





/** Footerwrapper **/





/* .popup-wrap-request .request-more-info p {

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

	font-size: 18px;

}



.popup-wrap-request .request-more-info .m-form span {

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

	    font-size: 15px;

} */





/*.aios-roadmaps.no-border a.aios-roadmap-link {

	color: #000080!important;

}

*/



.aios-roadmaps.no-border a.aios-roadmap-link:hover,

.aios-roadmaps.black a.aios-roadmap-link.active-link {

    color: #000080!important;

}





/*** THEME STYLE ***/





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

 *

 * 2. IP Styles

 *

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



#page-bg {

    width: 100%;

    height: 247px;

    background: url(http://dreamhomealabama.com/wp-content/uploads/2017/04/slide-0.jpg) no-repeat center center transparent;

    background-size: cover;

    background-position: 0 -25px;

}



#inner-page-wrapper {

    margin-top: 30px;

}





/* Adjust minimum height of page area */



#content-sidebar,

#content-full {

    min-height: 500px;

}





/** Adjust width of content columns **/



#content-sidebar #content {

    width: 77.08%;

}



#content-full #content {

    width: 100%;

}





/* Adjust width of sidebar */



.sidebar {

    width: 20.83%;

}





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



.yoast-breadcrumbs a,

.yoast-breadcrumbs {

    color: inherit;

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

}



#content a {

    color: inherit;

}



#content-sidebar #content {

    width: 67.08%;

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

}



#content .entry-title {

    font: normal 35px 'BenchNine', sans-serif;

    color: #000080;

    letter-spacing: 0.1em;

    text-transform: uppercase;

}





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



#content .archive-title {

    font: normal 35px 'BenchNine', sans-serif;

    color: #000080;

    letter-spacing: 0.1em;

}





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



#content .archive-subtitle {

    font: bold 24px 'BenchNine', sans-serif;

    color: #000080;

    letter-spacing: 0.1em;

    margin: 0;

}



#content .archive-subtitle a {

    color: inherit;

    text-decoration: inherit;

}



.ai-default-cf7wrap input[type="submit"] {

    background: #d4af37 !important;

}



.sidebar {

    width: 30%;

    margin-top: 20px;

}



.sidebar .side-contact {}



.side-img img {

    max-width: 300px;

    width: 100%;

    margin: 0 auto 30px;

}



.sidebar .side-contact .a-photo {

    display: block;

    margin: 0 auto;

    height: auto;

    border: 10px solid #d4af37;

    border-radius: 50%;

    max-width: 273px;

    max-height: 273px;

    overflow: hidden;

    width: 76%;

    height: auto;

    margin-bottom: 20px;

}



.sidebar .side-contact .a-photo img {

    display: block;

    width: 100%;

    border: 8px solid #52451b;

    height: auto;

    border-radius: 50%;

}



.sidebar .side-contact p {

    margin: 0;

    text-align: center;

    color: #898989;

    font: bold 39px/39px 'BenchNine', sans-serif;

    padding-top: 0px;

}



.sidebar .side-contact p.contact-tel,

.sidebar .side-contact p.contact-fax,

.sidebar .side-contact p.contact-tel a,

.sidebar .side-contact p.contact-fax a {

	color: #d4af37;

}



.sidebar .side-contact p a {

    color: #898989;

}



.sidebar .side-contact a.asis-mailto-obfuscated-email {

    display: block;

    font: 300 33px/33px 'BenchNine', sans-serif;

    color: #898989;

    text-decoration: none;

    text-align: center;

    padding-top: 20px;

}



.sidebar .side-contact .smi {

    font-size: 0;

    padding-top: 15px;

    text-align: center;

}



.sidebar .side-contact .smi a {

    display: inline-block;

    vertical-align: top;

    width: 41px;

    height: 41px;

    background: #464646;

    border-radius: 50%;

    text-align: center;

    color: #fff;

    text-decoration: none;

    margin: 6px 3px;

    transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out;

}



.sidebar .side-contact .smi a:first-child {

    margin-left: 0;

}



.sidebar .side-contact .smi a:after {

    content: "";

    height: 100%;

    width: 0;

    display: inline-block;

    vertical-align: middle;

}



.sidebar .side-contact .smi a span {

    display: inline-block;

    vertical-align: middle;

    font-size: 23px;

    color: #fff;

}



.sidebar .side-contact .smi a:hover {

    background: #a58728;

}



.sidebar .side-cta {}



.sidebar .side-cta .cta-list {}



.sidebar .side-cta .cta-list a {

    display: block;

    width: 100%;

    height: auto;

    position: relative;

    max-width: 360px;

    margin: 0 auto;

    margin-top: 30px;

}



.sidebar .side-cta .cta-list a:after {

    display: block;

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background-color: rgba(161, 161, 161, 0.80);

    z-index: 0;

    transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out;

}



.sidebar .side-cta .cta-list:hover a:after {

    background-color: rgba(212, 175, 55, 0.80);

}



.sidebar .side-cta .cta-list:hover a p {

    color: #000080;

}



.sidebar .side-cta .cta-list a:before {

    content: "";

    display: block;

    height: 3px;

    background-color: rgba(255, 255, 255, 0.80);

    position: absolute;

    left: 0;

    top: 25px;

    z-index: 1;

    width: 122px;

}



.sidebar .side-cta .cta-list a img {

    display: block;

    width: 100%;

    height: auto;

}



.sidebar .side-cta .cta-list a p {

    display: block;

    position: absolute;

    z-index: 5;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    color: #fff;

    font: normal 31px 'BenchNine', sans-serif;

    text-transform: uppercase;

    margin: 0;

}



.sidebar .side-cta .cta-list a p span {

    display: inline-block;

    vertical-align: middle;

}



.sidebar .side-cta .cta-list a p:after {

    content: "";

    height: 100%;

    width: 0;

    display: inline-block;

    vertical-align: middle;

}



.sidebar .side-cta .cta-list a p:before {

    content: "";

    display: block;

    height: 1px;

    background-color: rgba(255, 255, 255, 0.80);

    position: absolute;

    right: 0;

    bottom: 25px;

    z-index: 1;

    width: 122px;

}



#content ul.list li .prop-det a.view-details {

    color: #fff;

}



ul.list li .prop-det .view-details:hover {

    background: #de8ca7;

}





.page-id-0 #content ul {

    margin-left: 0 !important;

    padding:0 !important;

}



.ihf-grid-result-address {

    display: block;

}



ul#ihf-search-location-tabs, ul#ihf-detail-extrainfotabs,

ul.chosen-results {

    margin-left: 0px !important;

    padding-left: 0px !important;

}



#areaPickerContainer .input-text, #areaPickerContainer input[type=text], #areaPickerContainer input[type=input] {

    padding: 5px 0 0 5px!important;

}



#fp-box .fp-error-message {

    font-size: 20px !important;

    text-align: center;

}

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