/*

Theme Name: Ocean Homes

Theme URI: http://aios3-staging.agentimage.com/o/oceanhomes.com/htdocs/

Description: AIOS mobile semi-custom theme.

Author: AgentImage

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

Version: 1.4.1

Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post

License: Proprietary

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

Template: aios-starter-theme

*/



/*



TABLE OF CONTENTS



1. Custom CSS

2.	IP styles

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



*/





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

 *

 * 1. Navigation

 *

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





/* Sub Menu */

#nav li {

	position:relative;

}



#nav .sub-menu,

#fixnav .sub-menu {

    list-style: none outside none;

    margin: 0;

    background: transparent;

    display: none;

    padding: 0;

    position: absolute;

 	width:100%;

 	min-width:180px;

    left: 50%;

    margin-left: -90px;

}

#fixnav .sub-menu{
    text-align: center;
}

#fixnav > li > .sub-menu {
    padding-top: 16px;
}

#nav .sub-menu a,
#fixnav .sub-menu a {
    color: #fff;
    background: rgba(41, 76, 115, 0.9);
    display: block;
    padding: 10px;
}

#nav .sub-menu a:hover,
#fixnav .sub-menu a:hover {
    background: rgba(23, 58, 98, 1);
    color: #fff;
    text-decoration: none;
}

#nav .sub-menu .sub-menu,

#fixnav .sub-menu .sub-menu {

    /*margin-left: 100%;*/

    margin-left: 51%;

    top:0;

}

#nav li:hover > .sub-menu,

#fixnav li:hover > .sub-menu {

    display: block;

}

#nav .sub-menu li,

#fixnav .sub-menu li {

    position: relative;

}





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

 *

 * 2. Custom CSS

 *

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



/* Global */



body{

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

    /*font-family: 'Montserrat', sans-serif;*/

	font-size: 12px;

	background: #FFF;

	color: #000000;

	margin: 0;

    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */

    /* -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale; */

}



    a,

    a:hover,

    a:visited,

    a:focus,

    select,

    input,

    textarea{

        text-decoration: none;

        outline: 0;

        cursor: pointer;

        word-break: break-word;

    }



    select,

    textarea {

        appearance: none;

        -webkit-appearance: none;

        -moz-appearance: none;

        -o-appearance: none;

        border-radius: 0;

    }



    select::-ms-expand {

        display: none;

    }



    .slick-slide{

        outline: 0;

    }



    .label-hide{

        display: none;

    }



    .no-gutter{

        padding-left: 0;

        padding-right: 0;

    }



    .no-gutter-left{

        padding-left: 0;

    }



    .no-gutter-right{

        padding-right: 0;

    }



    .ease-transition{

        transition: all 0.3s ease-out;

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

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

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

    }



    .section-wrap{

        position: relative;

    }

    .amh-header-buttons.amh-1a .amh-center .amh-phone-text,
    .amh-header-buttons.amh-1a .amh-center .amh-phone-text a {
        color: #fcc643 !important;
    }



/*Header Fixed*/

.header-fixed{

    z-index: 1030;

    position: fixed;

    top: -150px;

    left: 0;

    width: 100%;

    /*background: #173a62;*/

    background: rgba(41, 76, 115, 0.9);

    -webkit-transform: translateZ(0);

    min-height: 70px;

    border-bottom: 1px solid #ffcf51;

    transition: all 0.3s ease-out;

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

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

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

    opacity: 0;

}



    .hf-fixed .header-fixed{

        opacity: 1;

        top: 0;

    }



    .hf-navigation{

        text-align: right;

        padding: 14px 15px;

    }



    #fixnav{

        margin-right: -15px;

    }



    .hf-logo {

        padding: 21px 15px;

    }





/*Header*/

.header-default {

    position: absolute;

    left: 0;

    z-index: 1025;

    width: 100%;

}



    .header-top {

        background: rgba(41, 76, 115, 0.9);

        min-height: 117px;

        padding-top: 11px;

        padding-bottom: 15px;

    }

    .img-responsive.default{
        display: block;
    }
    .img-responsive.mob-logo{
        display: none;
    }


    /*Header Temperature*/

    .header-temp {

        float: left;

        max-width: 247px;

        width: 100%;

        font-size: 0;

    }



    .temp-value{

        color: #fff;

        font-size: 35px;

        line-height: 69px;

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

        background: #567dab;

        height: 69px;

        display: inline-block;

        vertical-align: middle;

        text-align: center;

        width: 36.03%;

        position: relative;

    }



    .temp-value span{

        position: relative;

        display: inline-block;

        padding-right: 14px;

    }



    .temp-value span::after {

        content: '';

        position: absolute;

        height: 12px;

        width: 12px;

        right: 0;

        top: 20px;

        background: url(images/degrees-icon.png) no-repeat center;

    }



    .temp-loc{

        color: #fff;

        font-size: 13px;

        line-height: 69px;

        text-transform: uppercase;

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

        background: transparent;

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

        height: 69px;

        display: inline-block;

        vertical-align: middle;

        text-align: center;

        width: 63.97%;

    }



	iframe#weatherwidget-io-0{

		height:120px!important;

	}



	#weatherWidget .currentWeather{

		display:block!important;

	}



	#weatherWidget .weatherForecast{

		display:none!important;

	}



	a.weatherwidget-io{

		height:115px!important;

	}



    /*Header Contact*/

    .hc-name{

        font-size: 18px;

        font-weight: 900;

        color: #fff;

        margin-bottom: 3px;

    }

    .hc-position{
        font-size: 14px;
        color: #dfdfdf;
        font-style: italic;
        line-height: 1;
        margin-bottom: 2px;
    }

    .hc-number .ai-mobile-phone{
        font-size: 14px;
        color: #dfdfdf;
        line-height: 1;
    }

    .hc-field{
        display: inline-block;
        vertical-align: middle;
    }

    .header-contact-btn a{
        max-width: 180px;
        width: 100%;
        display: block;
        color: #25466a;
        font-size: 17px;
        font-weight: 900;
        background: #fcc643;
        height: 67px;
        line-height: 67px;
        text-align: center;
        position: relative;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }

    .header-contact-btn a:hover {
        background: #fcbe2a;
    }

    .header-contact-btn a::before{
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        border: 1px solid #fff;
        width: 97%;
        height: 90%;
    }

    .header-contact-btn{

        min-width: 180px;

        margin-left: 17px;

    }



    .header-contact{

        text-align: right;

        padding-top: 5px;

    }



    /*Navigation*/

    .header-nav {

        background: rgba(88, 118, 152, 0.9);

        text-align: center;

        font-size: 0;

        position: relative;

    }



    .header-nav::after{

        content: '';

        position: absolute;

        left: 0;

        bottom: 3px;

        width: 100%;

        height: 1px;

        background: rgba(255, 207, 81, 0.1);

    }



    .navigation {

        border-top: 1px solid rgba(255, 207, 81, 0.1);

    }



    #fixnav li,

    #nav li{

        position: relative;

    }



    #nav > li{

        display: inline-block;

        margin: 0 35px;

    }



     #fixnav > li{

        display: inline-block;

        /*margin: 0 3px;*/

        margin: 0 5px;

     }



    #fixnav > li:first-child,

    #nav > li:first-child{

        margin-left: 0;

    }



    #fixnav > li:last-child,

    #nav > li:last-child{

        margin-right: 0;

    }



    #fixnav li a,

    #nav li a{

        display: block;

        color: #fff;

        /*font-size: 13px;*/

        font-size: 15px;

        font-weight: 400;

        text-transform: uppercase;

        /*padding: 11px 15px;*/

        padding: 11px 2px;

    }



    /*Hover*/

    #fixnav > li:hover a,

    #nav > li:hover a {

        color: #efab30;

    }



/*Slideshow*/

.slideshow-container{

    position: relative;

}



    .slideshow-container::before{

        content: '';

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        background: rgba(55, 55, 55, 0.3);

        z-index: 100;

    }



/*CTA*/

.cta-wrap{

    /*position: absolute;*/

    position:relative;

    left: 0;

    width: 100%;

    /*bottom: -198px;*/

    bottom:0;

    min-height: 320px;

    z-index: 200;

}

.page .cta-wrap,
.ip-container .cta-wrap {
    bottom: 50px;
}



    .cta-link{

        position: relative;

        display: block;

        width: 273px;

        height: 273px;

        /*border-radius: 50%;

        overflow: hidden;*/

    }



    .cta-link::before{

        content: '';

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        z-index: 5;

        border-radius: 50%;

        overflow: hidden;

    }



    .cta-col-1 .cta-link::before{

        background: url(images/cta1.jpg) no-repeat center / cover;

    }



    .cta-col-2 .cta-link::before{

        background: url(images/cta2.jpg) no-repeat center / cover;

    }



    .cta-col-3 .cta-link::before{

        background: url(images/cta3.jpg) no-repeat center / cover;

    }



    .cta-link::after{

        content: '';

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        background: rgba(239, 171, 48, 0.64);

        z-index: 8;

        border-radius: 50%;

        overflow: hidden;

        transition: all 0.3s ease-out;

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

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

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

    }



    .cta-col-wrap {

        position: relative;

        height: 100%;

        text-align: center;

        /*border-radius: 50%;

        overflow: hidden;*/

    }



    .cta-col-wrap::before{

        content: '';

        display: inline-block;

        vertical-align: middle;

        height: 100%;

    }



    .cta-col-wrap::after{

        content: '';

        position: absolute;

        left: 0;

        bottom: -34px;

        width: 100%;

        height: 31px;

        background: url(images/cta-shadow.png) no-repeat center / contain;

        z-index: 20;

    }



    .cta-center{

        display: inline-block;

        vertical-align: middle;

        z-index: 30;

        position: relative;

    }



    .cta-main-label{

        display: block;

        color: #fff;

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

        font-weight: 300;

        font-size: 20px;

        text-transform: uppercase;

        line-height: 30px;

    }



    .cta-main-label em{

        display: block;

        font-weight: 700;

        font-style: normal !important;

        font-size: 23px;

    }



    .cta-hover-text{

        font-size: 14px;

        font-weight: 300;

        color: #fff;

        line-height: 1.2;

        margin-top: 15px;

        display: none;

    }



    .cta-col-1 .cta-link{

        margin-left: auto;

    }



    .cta-col-2 .cta-link{

        margin: auto;

    }



    /*Hover*/

    .cta-link:hover::after{

        background: rgba(3, 3, 3, 0.30);

    }



    .cta-link:hover .cta-hover-text{

        display: block;

    }



/*Featured Communities 1*/

.featcomm-wrap{

    position: relative;

}



    .featcomm-wrap::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 150px;

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

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

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

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

    }



    .featcomm-wrap::after {

        content: '';

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%;

        height: 150px;

        background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

        background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);

        background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);

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

    }



        .featcomm-wrap-1{

        /*min-height: 960px;*/

        min-height: 830px;

        background: url(images/ofh-bg.jpg) no-repeat center / cover;

        /*margin-top: 193px;

        padding-top: 62px;*/

        position: relative;

    }



    .featcomm-col-info{

        text-align: center;

    }



    .featcomm-label{

        /*font-size: 32px;

        font-style: italic;*/

        font-size: 36px;

        font-style: normal;

        /*color: #20426a;*/

        color: #efab30;

        line-height: 1;

        position: relative;

        padding-bottom: 33px;

        font-weight: 700;

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

        text-transform: uppercase;

        padding: 35px 0 25px 0;

        text-shadow: 1px 1px 2px #173a62;

    }



    .featcomm-label span{

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

        font-size: 36px;

        font-style: normal;

        font-weight: 700;

        text-transform: uppercase;

        /*color: #efab30;*/

        /*color: #20426a;*/

        color: #efab30;

    }



    .featcomm-label::after{

        content: '';

        position: absolute;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

        width: 36px;

        height: 2px;

        background: #efab30;

    }



    .featcomm-desc{

        font-size: 13px;

        color: #20426a;

        line-height: 16px;

        max-width: 525px;

        width: 100%;

        margin: 26px auto 30px;

    }



    .featcomm-link{

        max-width: 360px;

        width: 100%;

        margin: 10px auto 20px;

        position: relative;

        display: block;



    }



    .featcomm-link::after{

        content: '';

        position: absolute;

        left: 0;

        bottom: -18px;

        width: 100%;

        height: 21px;

        background: url(images/fc-shadow.png) no-repeat center;

        z-index: 1;

        opacity: 0.55;

    }



    .featcomm-item-wrap{

        position: relative;

        height: 278px;

        width: 100%;

        z-index: 20;

        border: 2px solid #fff;

        transition: all 0.3s ease-out;

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

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

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

    }



    /*.featcomm-link-1 .featcomm-item-wrap{

        background: url(images/ofh1.jpg) no-repeat center / cover;

    }*/



    .featcomm-item-label {

        position: absolute;

        left: 0;

        width: 100%;

        bottom: 23px;

        z-index: 30;

        color: #fff;

        text-align: center;

        font-size: 15px;

        font-weight: 700;

        text-transform: uppercase;

        /*text-transform: capitalize;*/

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

        background: rgba(41, 76, 115, 0.7);

        padding: 10px;

    }



    .featcomm-overlay {

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        background: #efab30;

        z-index: 50;

        color: #fff;

        text-align: center;

        padding: 20px 15px;

        opacity: 0;

        transition: all 0.3s ease-out;

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

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

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

    }



    .fc-label{

        font-size: 15px;

        font-weight: 700;

        text-transform: uppercase;

        /*text-transform:capitalize;*/

        position: relative;

        /*padding-bottom: 15px;

        margin-bottom: 20px;*/

        padding-bottom: 9px;

        margin-bottom: 11px;

        min-height: 39px;

    }



    .fc-label span:first-child {

        margin-top: 10px;

    }



    .fc-label span {

        display: block;

        line-height: 1;

    }



    .fc-label::after{

        content: '';

        position: absolute;

        left: 0;

        right: 0;

        bottom: 0;

        height: 1px;

        width: 25px;

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

        margin: 0 auto;

    }



    .fc-desc {

        font-size: 12px;

        font-weight: 300;

        line-height: 1.2;

        /*max-width: 255px;*/

        width: 100%;

        margin: auto;

        min-height: 110px;

    }



    .fc-btn{

        max-width: 165px;

        width: 100%;

        /*margin: 43px auto 10px;*/

        margin: 9px auto 10px;

        display: block;

        border: 1px solid #fff;

        text-align: center;

        color: #fff;

        text-transform: uppercase;

        font-size: 12px;

        font-weight: 500;

        line-height: 47px;

        height: 47px;

        letter-spacing: 1px;

    }



    .featcomm-link:hover .featcomm-overlay{

        opacity: 1;

    }



    .featcomm-link:hover .featcomm-item-wrap{

        border: 2px solid #efab30;

    }





/*Featured Communities 2*/

.featcomm-wrap-2{

    /*min-height: 890px;*/

    min-height: 828px;

    background: url(images/owh-bg.jpg) no-repeat center / cover;

    position: relative;

}



    /*.featcomm-wrap-2::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 150px;

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

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

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

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

    }*/







    .featcomm-wrap-2 .featcomm-label{

        padding-bottom: 22px;

    }



/*Featured Communities 3*/

.featcomm-wrap-3{

    /*min-height: 890px;*/

    min-height: 828px;

    background: url(images/ovh-bg.jpg) no-repeat center / cover;

}



    .featcomm-wrap-3 .featcomm-label{

        padding-bottom: 22px;

    }



.lecta-bg{

    position: relative;

    background: url(images/lecta-bg.jpg) no-repeat center / cover;

}



.lecta-bg::before{

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 200px;

    z-index: 0;

    background: background: -moz-linear-gradient(top, rgba(255,255,255,1) 28%, rgba(255,255,255,0) 100%);

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 28%,rgba(255,255,255,0) 100%);

    background: linear-gradient(to bottom, rgba(255,255,255,1) 28%,rgba(255,255,255,0) 100%);

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

}



.lecta-bg::after{

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 200px;

    z-index: 0;

    background: background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 28%, rgba(255,255,255,0) 100%);

    background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 28%,rgba(255,255,255,0) 100%);

    background: linear-gradient(to top, rgba(255,255,255,1) 28%,rgba(255,255,255,0) 100%);

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

}





/*Featured Communities 4*/

.featcomm-wrap-4{

    position: relative;

    /*min-height: 585px;*/

    min-height: 570px;

    /*background: url(images/le-bg.jpg) no-repeat center / cover;*/

}



    .featcomm-wrap-4 .featcomm-label{

        padding-bottom: 28px;

    }



    .featcomm-wrap-4 .featcomm-desc{

        margin: 20px auto 30px;

    }



    .featcomm-wrap-4::before,

    .featcomm-wrap-4::after{

        display: none;

    }



/*Welcome*/

.welcome-wrap {

    /*padding-top: 10px;

    padding-bottom: 80px;*/

}



    .welcome-label{

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

        font-size: 36px;

        font-style: normal;

        font-weight: 700;

        text-transform: uppercase;

        text-align: center;

        color: #efab30;

        padding-top: 20px;

        margin-bottom: 50px;

    }



    .welcome-label::after {

        content: '';

        position: absolute;

        left: 0;

        right: 0;

        top: 0;

        margin: auto;

        width: 36px;

        height: 2px;

        background: #1e497c;

    }



    .welcome-content{

        font-size: 14px;

        font-weight: 300;

        line-height: 25px;

    }



    .welcome-content-main {

        max-width: 475px;

    }



    .welcome-content-left .welcome-content-main {

        margin-left: auto;

    }



    .welcome-content-main p{

        margin-bottom: 24px;

    }



/*Footer*/

.footer{

    position: relative;

    z-index: 200;

}



    .footer-top-wrap {

        background: #1d1d1d;

        min-height: 326px;

    }



    .footer-bottom-wrap{

        min-height: 86px;

        background: #000000;

        padding: 30px 0;

    }



    /*Quick Search*/

    .qs-form {

        font-size: 0;

        text-align: left;

        max-width: 233px;

        width: 100%;

        margin: 50px auto 20px;

    }



    .qs-form-label{

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

        font-size: 20px;

        font-weight: 600;

        text-transform: uppercase;

        color: #fff;

        margin-bottom: 13px !important;

    }



    .qs-field{

        margin-bottom: 1px;

    }



    .qs-field select{

        height: 34px;

        width: 100%;

        background: #fff url(images/select-arrow.png) no-repeat center right 7px;

        border: none;

        padding: 0 12px;

        font-size: 12px;

        font-style: italic;

        color: #727272;

        cursor: default;

    }



    .qs-property{

        position: relative;

    }



    .qs-property::before{

        content: '';

        position: absolute;

        left: 13px;

        top: 0;

        bottom: 0;

        margin: auto;

        height: 14px;

        width: 14px;

        background: url(images/search-icon.png) no-repeat center;

        z-index: 10;

    }



    .qs-property select{

        padding-left: 30px;

    }



    .qs-searchbtn input{
        height: 34px;
        width: 100%;
        border: none;
        font-size: 13px;
        font-weight: 700;
        color: #fff;
        background: #efab30;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }

    .qs-searchbtn input:hover {
        background: #d7992b;
    }

    .qs-advsearchbtn a{
        height: 34px;
        width: 100%;
        line-height: 34px;
        border: none;
        font-size: 13px;
        font-weight: 700;
        color: #fff;
        background: rgba(41, 76, 115, 0.9);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        display: block;
        text-align: center;
        text-decoration: none;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }

    .qs-advsearchbtn a:hover {
        background: #203c5c;
    }

    .qs-field-half {
        display: inline-block;
        vertical-align: top;
        width: 50%;
    }

    .qs-field-half:nth-child(even){
        padding-right: 0.5px;
    }

    .qs-field-half:nth-child(odd){
        padding-left: 0.5px;
    }



    /*Contact*/

    .contact-label{

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

        font-size: 20px;

        font-weight: 600;

        text-transform: uppercase;

        color: #fff;

        margin-bottom: 13px !important;

    }



    .contact-form-main{

        max-width: 233px;

        width: 100%;

        display: block;

        margin: 50px auto 20px;

        font-size: 0;

    }



    .contact-form-main input{
        height: 34px;
        width: 100%;
        background: #fff;
        border: none;
        padding: 0 12px;
        font-size: 12px;
        font-style: italic;
        color: #727272;
        cursor: default;
    }

    .contact-form-main input[type="submit"]{
        height: 34px;
        width: 100%;
        border: none;
        font-size: 13px;
        font-weight: 700;
        color: #fff;
        background: #efab30;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-style: normal;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }

    .contact-form-main input[type="submit"]:hover {
        background: #bf8826;
    }

    .contact-form-main textarea{

        height: 69px;

        width: 100%;

        background: #fff;

        border: none;

        padding: 12px;

        font-size: 12px;

        font-style: italic;

        color: #727272;

        cursor: default;

        resize: none;

    }



    .contact-form-main span.wpcf7-not-valid-tip{
        font-size: 10px;
        white-space: nowrap;
        left: 10%;
    }



    .contact-form-main div.wpcf7-response-output{

        font-size: 12px;

        margin: 0;

        background: #fff;

        text-align: center;

    }



    .cf-field{

        margin-bottom: 1px;

    }



    .cf-field-half {

        display: inline-block;

        vertical-align: top;

        width: 50%;

    }



    .cf-field-half:nth-child(odd){

        padding-right: 0.5px;

    }



    .cf-field-half:nth-child(even){

        padding-left: 0.5px;

    }



    /*Testimonilas*/

    .testi-label{

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

        font-size: 20px;

        font-weight: 600;

        text-transform: uppercase;

        color: #fff;

        margin-bottom: 13px !important;

    }



    .testi-main{

        max-width: 240px;

        width: 100%;

        display: block;

        margin: 50px 0 20px;

        font-size: 0;

    }



    .testi-content{

        font-size: 13px;

        font-weight: 300;

        line-height: 16px;

        color: #fff;

    }



    .testi-name{

        font-size: 15px;

        font-weight: 700;

        color: #fff;

        text-transform: uppercase;

        margin-top: 20px;

    }



    /*Contact Info*/

    .contactinfo-bg {

        background: #efab30;

        min-height: 216px;

        /*color: #294c73;*/
        /*color: #14263a;*/
        color: #25466a;

        text-align: center;

        padding: 15px 15px;

        line-height: 1;

        margin-top: 50px;

    }



    .contactinfo-name{

        font-size: 25px;

        font-weight: 700;

        margin-top: 10px;

    }



    .contactinfo-pos{

        font-size: 13px;

        font-weight: 300;

        margin-top: 18px;

        margin-bottom: 10px;

    }



    .contactinfo-number .ai-mobile-phone{

        font-size: 20px;

        font-weight: 700;

    }



    .contactinfo-desc {

        font-size: 13px;

        font-weight: 300;

        max-width: 220px;

        margin: 10px auto 0;

    }

    .footer-credits{
        color: #828383;
        font-size: 12px;
        font-weight: 400;
        margin-top: 5px;
    }

    .footer-credits a{
        color: #828383;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }

    .footer-credits a:hover {
        color: #efab30;
    }

    .footer-realtor-logo{
        font-size: 24px;
        color: #828383;
        line-height: 1;
        text-align: right;
    }

/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/

/* Adjust minimum height of page area */

#content-sidebar, #content-full {
    min-height: 500px;
    /*background: #fff;*/
    position: relative;
    padding: 15px 30px 55px 30px;
    margin-top: 0;
    margin-bottom: 82px;
    z-index: 200;

}



/** Adjust width of content columns **/

#content-sidebar #content{ width: 72%;     padding-right: 15px;}

#content-full #content { width: 100%; }



/* Adjust width of sidebar */

.sidebar{ width: 25.69%; padding-top: 15px; }



/* Adjust line height of page elements */

#content h4, aside h4,

#content p, aside p,

#content blockquote, aside blockquote,

#content ul, aside ul,

#content fieldset, aside fieldset,

#content form, aside form,

#content ol, aside ol,

#content dl, aside dl,

#content dir, aside dir,

#content menu, aside menu { line-height:1.7 }



/* Style post/page main headings (h1) */

#content .entry-title {
    position: relative;
    text-shadow: 1px 1px 2px #173a62;
    font-size: 40px;
    margin: 58px 0 30px;
    text-transform: uppercase;
    font-weight: 700;
    color: #efab30;
    line-height: 1;
    text-align: center;
    padding-bottom: 33px;
}
    #content .entry-title::after{
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 50px;
        height: 2px;
        background: #efab30;
    }



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

#content .archive-title {

    font-size: 36px;

    text-transform: uppercase;

    font-weight: 700;

    color: #efab30;

    margin: 58px 0 30px;

}

.category.category-blog #content .archive-title {
    display: none;
}



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

#content .archive-subtitle {

    font-size: 36px;

    text-transform: uppercase;

    font-weight: 700;

    color: #efab30;

    margin-top: 58px;

	  line-height: 1;

}

#content .archive-subtitle a {
	 color: #efab30;
}



#content .entry{

    font-size: 14px;

    font-weight: 300;

    color: #20426a;

    line-height: 25px;

}

#inner-page-wrapper{
    /*padding-top: 160px;*/
    position: relative;
    margin-bottom: 0;
    background: url(images/custom-ip-bg.png) top center no-repeat;
    background-size: cover;
}

.ip-container #inner-page-wrapper::before{

    content: '';

    position: fixed;

    left: 0;

    top: 145px;

    width: 100%;

    height: 100%;

    background: url(images/ip-bg.jpg) no-repeat center top / cover;

    z-index: 2;

    display: none;

}



/*.ip-container .footer-top-wrap{

    display: none;

}*/

/** Testimonials Ip **/
body.page-id-384 #content .archive-subtitle a,
body.page-id-417 #content .archive-subtitle a{
    pointer-events: none;
}

.ip-testi a[onclick^="return"]{
    pointer-events: none;
}


/*Sidebar*/



.sidebar .qs-form{

    max-width: 100%;

    margin-bottom: 35px;

}



    .sidebar .qs-form-label{

        color: #20426a;

        text-align: center;

        margin-bottom: 10px !important;

    }



    .sidebar .qs-field select{

        border: 1px solid #1d1d1d;

    }





.cta-sb{

    font-size: 0;

}



    .sidebar .cta-main-label{

        line-height: 20.69px;

        font-size: 18px;

    }



    .sidebar .cta-link {

        width: 100%;

        height: 70px;

        margin-bottom: 20px;

    }



    .sidebar .cta-link:hover .cta-hover-text{

        display: none;

    }



    .sidebar .cta-link::before{

        border-radius: 0;

        overflow: auto;

    }



    .sidebar .cta-link::after{

        border-radius: 0;

        overflow: auto;

    }



    .sidebar .cta-main-label em{

        font-size: 22px;

    }



    .sidebar .cta-col-wrap::after{

        bottom: -21px;

        height: 20px;

        background: url(images/cta-shadow.png) no-repeat center / 100% 130%;

    }



.about-left{

    width: 50%;

    float: left;

}


#content .archive-more {
    text-decoration: none;
    font-style: normal;
    background: #efab30;
    width: 120px;
    height: 35px;
    line-height: 35px;
    display: block;
    color: #3e5e81;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
}

#content .archive-more:hover {
    background: #3e5e81;
    color: #efab30;
}



ul.c-left {
    float: left;
    width: 46.5%;
}

ul.c-right{
    float: left;
    width: 39%;
}

.archive-content{
    border-bottom: 1px dotted;
}

#content h2.ccrd-title {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
}



/*Custom Page*/


/*About*/
.ip-banner canvas {
    display: block;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 250px;
}

.page-template-template-about div#content-full,
.page-template-template-communities div#content-full {
    margin-top: 0;
    background: transparent;
    padding: 0;
}

p.yoast-breadcrumbs {
    margin: 40px 0;
    color: #efab30;
}

.ip-container.page-template-template-about #inner-page-wrapper::before,
.ip-container.page-template-template-communities #inner-page-wrapper::before{
    display: none;
}

.custom-ipmain-wrapper{
    background: url(images/custom-ip-bg.png) top center no-repeat;
    background-size: 100%;
}



.page-template-template-about #content .entry-title{
    text-shadow: 1px 1px 2px #173a62;
    font-size: 40px;
    text-align: center;
    margin: 30px 0;
}
    .page-template-template-about #content .entry-title::after {
        content: "";
        display: block;
        width: 36px;
        height: 2px;
        background: #efab30;
        margin: 35px auto 0;
    }

.page-template-template-about #content p,
.page-template-template-communities #content p,
.page-template-template-about #content ul{
    color: #20426a;
    font-size: 14px;
    font-weight: 400;
}
.page-template-template-about #content ul {
    margin: 0;
    list-style-position: inside;
}
.page-template-template-about #content h2,
#content h2{
    font-size: 34px;
    font-style: normal;
    color: #efab30;
    line-height: 1;
    position: relative;
    padding-bottom: 33px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    padding: 15px 0;
    text-shadow: 1px 1px 2px #173a62;
    /*text-align: center;*/
    margin: 0;
}

.page-template-template-about .footer-top-wrap,
.page-template-template-communities .footer-top-wrap {
    display: block;
}


/*Communities*/
.page-template-template-communities #content .entry-title{
    text-shadow: 1px 1px 2px #173a62;
    font-size: 40px;
    margin: 30px 0;
}

.comm-row {
    font-size: 0;
    padding: 26px 0;
}

.comm-row .comm-col {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.comm-image-holder {
    position: relative;
    display: block;
    width: 100%;
    max-width: 277px;
    margin: 0 auto 30px;
}

.comm-image-holder img {
    width: 100%;
    position: relative;
    z-index: 5;
}

.comm-image-holder canvas {
    width: 100%;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 5;
}

.comm-image-holder::after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 35px;
    background: url(images/comm-image-shadow.png) no-repeat;
    background-size: 100%;
    background-position: bottom center;
    bottom: -20px;
    left: 0;
    z-index: 1;
}

.comm-content {
    text-align: center;
    font-size: 12px;
}
#content .comm-content h3 {
    font-size: 26px;
    font-style: normal;
    color: #efab30;
    line-height: 1;
    position: relative;
    padding-bottom: 33px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #173a62;
    padding: 0;
    margin: 0;
}

.page-id-53 #content .entry p,
.page-id-54 #content .entry p,
.page-id-55 #content .entry p,
.page-id-56 #content .entry p{
    font-size: 14px;
}

#content .contact-content h2 {
    font-size: 24px;
}

.page-id-103 #content h3 {
    text-align: left;
    font-style: normal;
    color: #efab30;
    line-height: 1;
    position: relative;
    padding-bottom: 33px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    padding: 15px 0;
    text-shadow: 1px 1px 2px #173a62;
    margin: 0;
    font-size: 24px;
}

body.page-id-13 #content ul li {
    list-style: none;
}

body.page-id-13 #content ul{
    margin: 0;
    padding-left: 3%;
}

.page-id-159 #content .entry {

}
.page-id-159 #content ul {
    list-style-type: none;
    margin-left: 0;
}
/*.page-id-159 h2::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 2px;
    background: #efab30;
}

.page-id-275  h2::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 2px;
    background: #efab30;
}*/

.page-id-159 #content .archive-more {
    margin: 30px 0 0;
}

.ip-vid-wrap {
    text-align: center;
}

.comm-row {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}
.comm-row h2 a {
    font-size: 26px;
    font-style: normal;
    color: #efab30;
    line-height: 1;
    position: relative;
    padding-bottom: 33px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #173a62;
}

#post-13 h2,
#post-177 h2,
#post-173 h2,
#post-169 h2 {
    font-size: 26px;
}
.ip-banner .cycloneslider-slides{
    height: 586px !important;
}
.iframe-content {
    height: 1000px;
}

.external-container .container{
    WIDTH: 100%;
    PADDING: 0;
    MARGIN: 0;  
}

.external-container {
    MARGIN: 162PX 0 !important;
    PADDING: 0 !important;
}

.IDX-wrapper-standard td, .IDX-wrapper-standard th {
    /* padding: 0 !important; */
    padding-left: 0px !important;
    position: relative;
    right: 247px;
}

.IDX-wrapper-standard .IDX-panel.IDX-resultsMainInfo {
    background: none;
}

div#IDX-Subheader-Page > img {
    display: block;
    margin: auto;
    max-width: 100%;
}

div#IDX-Subheader-Page > table {
    /*width: calc(100% + 158px );*/
    display: block;
    position: relative;
    /*left: -158px;*/
    width: 100%;
}
    div#IDX-Subheader-Page > table tr,
    div#IDX-Subheader-Page > table tbody {
        display: block;
        width: 100%;
    }
    div#IDX-Subheader-Page > table td {
        right: inherit;
    }
    div#IDX-Subheader-Page > table td:first-child {
        /*width: 158px;
        display: inline-block;*/
        display: block;
        width: 100%;
        text-align: center;
    }
    div#IDX-Subheader-Page > table td:first-child br {
        display: none;
    }
    div#IDX-Subheader-Page > table td:last-child {
        /*width: calc( 100% - 158px);
        display: inline-block;*/
        display: block;
        width: 100%;
    }
    .IDX-wrapper-standard .IDX-resultsPhoto {
        margin-top: 18px;
    }
    .IDX-resultsAddress a {
        font-weight: 700;
        color: #131313;
    }

.error404 #sidebar {
    padding-bottom: 50px;
}

.error404 div.wpcf7-response-output {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    font-size: 13px;
}

.ip-container .cta-wrap .cta-container {
    max-width: 100%;
}

.ip-container [class^="col-"] img {
    max-width: 100%;
}

.page-id-13 #content .wpcf7-response-output,
.page-id-103 #content .wpcf7-response-output {
    text-align: center;
}

.use-floating-validation-tip .ai-default-cf7wrap span.wpcf7-not-valid-tip {
    line-height: 1.2;
}

.IDX-registrationModal.ui-dialog .ui-dialog-titlebar-close span {
    font-size: 0;
}

.IDX-detailsLabel, #IDX-detailsHeadFields .IDX-fieldLabel,
#IDX-detailsHead #IDX-detailsField-propStatus .IDX-fieldLabel {
    color: #333333;
}

#content #IDX-main ul {
    margin: 0;
}

.IDX-wrapper-standard .IDX-navbar-nav>li {
    border-left: 1px solid #cccccc;
}
.IDX-wrapper-standard .IDX-navbar-nav>li:first-child {
    border-left: 0;
}

#IDX-hotLinks #IDX-mortgageLink,
#IDX-hotLinks #IDX-printable,
#IDX-hotLinks #IDX-contactAgent {
    margin-right: 10px;
}

#IDX-detailsTopNav {
    height: 40px;
}

#content .wpcf7 .use-floating-validation-tip {
    position: relative;
    padding-bottom: 50px;
}
    #content .wpcf7 .use-floating-validation-tip div.wpcf7-response-output {
        position: absolute;
        width: 100%;
        margin: 10px 0;
    }


.hp-quick-search .bootstrap-select.btn-group .dropdown-toggle {
    color: #727272;
}

.category-blog .archive-content {
    border-bottom: 0;
}

#content-sidebar aside h2.widget-title{
    background: #24507C !important; 
}

#content-sidebar aside h2.widget-title{
    color: #FCC643;
    text-align: center;
}

aside.sidebar {
    display: none;
}

.category-blog aside.sidebar {
    display: block;
    margin-top: 85px;
}

.post-template-default.single.single-post .sidebar {
    display: block;
    margin-top: 70px;
}

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