/*Index Custom form*/
@font-face {
  font-family: BodoniSvtyTwoSCIT;
  src: url(assets/fonts/BodoniSvtyTwoSCITCTTBook.TTF);
}


/*.slideshow-form {
    background-color: #4e599ecc;
    border-radius: 0px;
    padding: 25px;
    max-width: 310px;
    margin: 0 auto auto 137px;
}*/

.slideshow-contents {
    position: absolute;
    top: 50%;
    margin: auto;
    left: 0;
    right: 0;
}


/*Menu for index*/
.menu-index-container .sub-menu {
    position: absolute;
    list-style: none;
    background: transparent;
    margin: 0;
    padding-top: 15px;
    width: 100%;
    min-width: 180px;
    left: calc(50% - 90px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}


.menu-index-container li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.menu-index-container  .sub-menu {
    position: absolute;
    list-style: none;
    background: transparent;
    margin: 0;
    padding-top: 15px;
    width: 100%;
    min-width: 180px;
    left: calc(50% - 90px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.menu-index-container .sub-menu a{
display: block;
    font-family: "Lato", sans-serif;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 10px;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #000 !important;
	
}

.menu-index-container .sub-menu a:hover {
    background: #008fce;
	color: #fff !important;
}

.menu-index-container .sub-menu li {
    display: block !important;
}

/*end Menu for index 1*/

/*Menu for index 2*/
.menu-index-container .sub-menu li {
    display: block !important;
}
.menu-index2-container ul.sub-menu li {
    display: block !important;
}


.menu-index2-container .sub-menu {
    position: absolute;
    list-style: none;
    background: transparent;
    margin: 0;
    padding-top: 15px;
    width: 100%;
    min-width: 180px;
    left: calc(50% - 90px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}


.menu-index2-container li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.menu-index2-container  .sub-menu {
    position: absolute;
    list-style: none;
    background: transparent;
    margin: 0;
    padding-top: 15px;
    width: 100%;
    min-width: 180px;
    left: calc(50% - 90px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.menu-index2-container .sub-menu a{
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 10px;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #000 !important;
	
}
.header.active {
    
    /* background: none !important; */
}

.menu-index2-container .sub-menu a:hover {
    background: #008fce;
    color: #fff !important;
}

/*end Menu for index 2*/

.slider-caption {
    transform: translateY(0);
    text-align: center;
    margin: 20px 0;
}

.formhead{
	font-family: BodoniSvtyTwoSCIT;
}



.slide-qs-wrapper .slide {
    position: relative;
    display: block;
    z-index: 1;
}

    .slide-qs-wrapper .slide:before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .20;
        z-index: 10;
    }

.index-slider-tagline {
    position: absolute;
    width: 100%;
    top: 45%;
    z-index: 10;
}
    .index-slider-tagline em {
        display: block;
        font: normal 400 75px/1 'Alex Brush', cursive;
        color: #ffffff;
    }
    .index-slider-tagline span {
        display: block;
        font-size: 64px;
        color: #ffffff;
        line-height: 0.9;
        text-transform: uppercase;
        margin-top: -20px;
    }
    .index-slider-tagline span:last-of-type {
        font-size: 60px;
        margin-top: 0;
    }

    .index-slider-tagline.forindex img {
        padding: 0 0 0 193px;
        margin: -32px 0 0 -12px;
    }


/*idx form */
    .idx-form-box {
	    width: 325px;
	    max-width: 100%;
	    margin: auto 0 auto auto;
	    background: #eaf0f4;
	    padding: 30px 25px 25px;
	    border-radius: 5px;
    }
    
    .post-587 .idx-form-box {
    width: 325px;
    max-width: 100%;
    margin: auto 0 auto auto;
    background: #eaf0f4;
    padding: 30px 25px 25px;
    border-radius: 5px;
    text-align: left;
    float: left;
}

.field-price .field-label {
    text-transform: uppercase;
    font-weight: 500;
}
        .idx-form-box h2 {
	        display: block;
	        background: #ea7901;
	        font-size: 28px;
	        font-weight: 500;
	        color: #fefdfd;
	        line-height: 1;
	        text-align: center;
	        text-transform: uppercase;
	        margin-bottom: 18px;
	        border-radius: 5px;
	        padding: 10px 20px;
        }
        .idx-form-box form {
            overflow: hidden;
        }
            .idx-form-box .field-input {
                margin: 2px 0;
                float: left;
                width: 100%;
            }
            .idx-form-box .field-name {
                overflow: hidden;
            }
            .idx-form-box .field-name .field-input {
                display: inline-block;
                width: calc(50% - 2px);
            }
            .idx-form-box .field-right {
                float: right;
            }
                .idx-form-box .field-input select,
                .idx-form-box .field-input input {
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    border: 0;
                    width: 100%;
                    height: 30px;
                    background: #ffffff;
                    padding: 0 10px;
                    border-radius: 3px;
                    border: 1px solid #cccccc;
                    font-size: 14px;
                }
                .idx-form-box .field-input select {
                    background: url(images/qs-arrow.png) #ffffff no-repeat calc(100% - 10px) center;
                }
                .idx-form-box .field-input select::-ms-expand {
                    display: none;
                }
                .field-label {
                    font-size: 14px;
                    color: #000;
                    display: inline-block;
                    vertical-align: middle;
                    float: left;
                    line-height: 30px;
                    margin-right: 4px;
                }
                .idx-form-box .field-price .field-input {
                    width: calc( 50% - 23px );
                }
            .idx-form-box input[type="submit"] {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 0;
                width: 100%;
                height: 30px;
                background: #ea7901;
                color: #ffffff;
                font-size: 24px;
                text-transform: uppercase;
                border-radius: 5px;
                line-height: 1;
                margin-top: 14px;
            }
/*idx form */
/*CTA Layout*/

section.aios-property-style-3.cta-wrappers {
    background: #002a5c;
    padding: 10px 0;
}


.cta-holder .cta-list-item {
    margin: 50px 65px;
}

.cta-circl-outer {
    position: relative;
    /*max-width: 210px;*/
    width: 100%;
    margin: 0 auto;
}

.cta-circle-inner {
    display: inline-block;
    position: relative;
    max-width: 100%;
    border: 1px solid #888;
    white-space: nowrap;
    text-decoration: none;
    background: #fff;
    border-radius: 50%;
    aspect-ratio: 1/1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.cta-main-circle {
    width: 100%;
    height: 100%;
    border-radius: 50% 50%;
    border: 1px solid #888;
    position: relative;
    z-index: 7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.cta-main-circle::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}

.cta-holder a canvas {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin-right: -102%;
}

.cta-holder a .content {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: middle;
    white-space: normal;
    text-align: center;
}

.cta-holder .cta-list-item a .content .icon-wrapper{
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
.cta-holder .content .cta-title {
    font-size: 25px;
    color: #888;
    font-weight: 300;
    line-height: 1;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.cta-holder .content .icon-wrapper span {
    font-size: 60px;
    color: #888;
    margin-bottom: 5px;
    display: block;
    font-weight: 300;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.cta-holder .content .cta-title span {
    font-size: 16px;
    display: block;
}




.fc-list:hover canvas {
    opacity: .15;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

/*.fc-view-more {
    position: absolute;
    top: 155px;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    letter-spacing: 7px;
    padding-top: 43px;
    left: 0;
    right: 0;
    text-align: center;
}*/

/*.fc-view-more::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 45px;
    height: 2px;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}*/

header.header.fixed {
    background: #002a5cc4;
    height: 92px;
}

header.header.fixed a {
    color: #ffffff !important;
}

.fc-list a canvas{


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


}
.fc-list {
    overflow: hidden;
}




.cta-holder .cta-list-item:hover .cta-circle-inner{
    border-radius: 0;
    transform: none;
	/*background: #AF9358;
    border: 1px solid #AF9358;*/
    background: #0c3052;
    border: 1px solid #1a8dc1;
}

.cta-holder .cta-list-item:hover .cta-circle-inner .content .cta-title,  .cta-holder .cta-list-item:hover .cta-circle-inner .content .cta-title {
    color: #fbfcfc;
    text-transform: uppercase;
}

.cta-holder .cta-list-item:hover .cta-circle-inner .content .icon-wrapper span {
    color: #fff;
}

.cta-holder .cta-list-item:hover .cta-circle-inner .cta-main-circle {
    background: none;
    border: 1px solid transparent;
}

.cta-holder .cta-list-item:hover .icon-wrapper {
    max-width: 0;
    max-height: 0;
}

.cta-holder .cta-list-item:hover .cta-title span {
    display: inline-block;
    font-size: 25px;
}

.cta-circl-outer:hover::after {
    transform: scale(0);
}
.cta-holder {
    text-align: center;
}
.cta-holder .cta-list-item {
    /* width: 328px; */
    width: 100%;
    display: inline-block;
    text-align: center;
    /* margin: 0 22px; */
    max-width: 210px;
}
/*end CTA Layout*/


/*featured communities*/

section.featured-communities-area {
    background: #002a5c;
    /* padding-top: 75px;

    padding-bottom: 100px;*/
    padding: 20px 0 50px;
}

.fc-title {
    font-size: 35px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-family: 'Lato', sans-serif;
    position: relative;
    max-width: 750px;
    /*margin: 0 auto 81px;*/
    margin: 0 auto 20px;
}

.fc-title::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 92.933%;
    height: 1px;
    background: #008fce;
    display: none;
}

.fc-title span {
    position: relative;
    z-index: 2;
    background: #002a5c;
    padding: 0 36px;
}

.fc-list-holder {
    font-size: 0;
}

.fc-list {
    width: 33.33333%;
    display: inline-block;
    vertical-align: top;
	    float: left;
}

.fc-list a {
    display: block;
    overflow: hidden;
    background: #002a5c;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
     
     background: transparent;
}

.fc-image {
    /*height: 582px;*/
    height: 291px;
    background-size: cover;
    background-position: center;
    /*background: #fff;*/
    /*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;
    transition: all 0.4s ease-in-out;

    opacity: 1;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.fc-list a:hover {
    /*background: #af9358;*/
    background: #008fce;
}

.fc-list a:hover .fc-name,
.fc-list a:hover .fc-view-more{
    color: #fff;
    /*color: #000;*/
}

.fc-list a:hover .fc-image {
    opacity: .15;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}

.fc-content-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;

}



.fc-name {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    /*color: #000;*/
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Lato', sans-serif;
    position: relative;
    /*padding-bottom: 40px;*/
        padding: 0 20px 40px;
}

.fc-name::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 45px;
    height: 2px;
    /*background: #008fce;*/
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.cycloneslider-template-responsive img.cycloneslider-slide-js[width="1"] + canvas {
    
    /* background-position: top center !important; */
    background-position: 0 center !important;
}

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

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

.fc-info {
    display: inline-block;
    vertical-align: middle;
}

.fc-view-more {
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    /* color: #000; */
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    letter-spacing: 7px;
    padding-top: 43px;
}

.fc-list a:hover .fc-name::after {
    /*background: #fff;*/
    background: #008fce;
}




/* Popup */

.popup-wrapper.active {
    opacity: 1;
    visibility: visible;
    pointer-events: none;
}

.popup-wrapper {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    overflow-y: auto;
    text-align: center;
    padding: 0 15px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 1s;
}

.popup-wrapper .popup-container .popup-content {
    padding: 35px 20px;
    background: #FFF;
    border: 2px solid #333232;
    border-radius: 10px;
    width: 477px;
    max-width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.popup-container {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    pointer-events: auto;
    height: 100%;
}

.popup-wrapper .popup-container .popup-close {
    position: absolute;
    top: 11px;
    right: 13px;
    width: 32px;
    height: 32px;
    border: 1px solid #adadad;
    border-radius: 50%;
    /* background: transparent url(images/popup-close.png) no-repeat; */
    background: transparent url(/app/themes/sharlenechang.com/index-landing-page/images/popup-close.png) no-repeat;
    background-position: center center;
    background-size: 11px 12px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
     visibility: visible;
    
	
}

.popup-wrapper .popup-container .popup-content .popup-logo {
    display: block;
    margin: 12px auto 40px;
    max-width: 100%;
}

.popup-wrapper .popup-container .popup-content .popup-title {
    font-size: 26px;
    font-weight: 100;
    line-height: 26px;
    color: #000;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 9px;
}

.popup-wrapper .popup-container .popup-content .popup-description {
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    color: #fff;
    text-align: center;
    margin-bottom: 23px;
	text-transform: uppercase;
}

.popup-wrapper .popup-container .popup-content .popup-form {
    position: relative;
    width: 377px;
    max-width: 100%;
    margin: 0 auto;
}

.popup-wrapper .popup-container .popup-content .popup-form .wpcf7-form-control-wrap {
    display: block;
}

.subtitlevip {
    color: #000;
    text-transform: uppercase;
	margin: 10px 0;
}


/*For Map*/
#neighborhood-map {
    padding: 0 0;
    position: relative;
    /*margin: 102px 0 0 0 !important;*/
    margin: 0 !important;
}

.neighborhood_title {
    /*position: absolute;
    top: -106px;
    left: 8%;
    z-index: 99;*/
    position: relative;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 30px 0 20px;
    text-align: center;
    background: #002a5c;
    margin-top: -1px;
}

.mapdesc {
    font-size: 13px;
    line-height: 20px;
}

.neighborhood_title h2 {
    /*color: #a08a58;
    font-size: 70px;
    font-variant: small-caps;
    padding: 0;
    line-height: 0px;
	font-family: BodoniSvtyTwoSCIT;*/
    font-size: 35px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-family: 'Lato', sans-serif;
}

.slideshow-caption {
    font-family: BodoniSvtyTwoSCIT;
}

.slideshow-caption h2 {
	  font-size: 77px;
    line-height: 51px;
}
#quicksearch .slideshow-caption h2 {
line-height: 51px;
    color: #a08a58;
    font-size: 70px;
    font-variant: small-caps;
    padding: 0;
    font-family: BodoniSvtyTwoSCIT;
    margin: 14px auto;
    text-align: center;
}

.neighborhood_title span.letterbig {
    font-size: 132px;
}

.neighborhood_title span {
    font-size: 52px;
    font-variant: small-caps;
	font-family: BodoniSvtyTwoSCIT;
}

.col-md-4.cf7forms {
    position: absolute;
    z-index: 9;
}

#neighborhood-map h1{
		color: #ad996e;
		font-size: 55px;
		font-family: 'Didot', sans-serif;
		text-align: center;
		text-transform: uppercase;
		line-height: 55px;
		padding-bottom: 76px;
	}


	#map {
		position: relative;
		width: 1140px;
	}

	#transparent {
		    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    max-width: 100%;
	}

	#trueMap {
		z-index: 1;
		    max-width: 100%;
	}

	#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 {
		display: none;
		position: relative;
		z-index: 1;
	}

		#map .hovers div p {
			font: 800 12px/15px 'Open Sans', sans-serif;
			color: #ffffff;
			text-align: center;
			white-space: nowrap;
			z-index: 2;
			text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
			text-transform: uppercase;
			top: 50%;
			left: 50%;
			width: 200px;
			text-align: center;
			margin-left: -100px;
			display: none;
			height: 75px;
			margin-top: -32.5px;
			box-sizing: border-box;
		}
			#map .hovers div p:before{
				display: block;
				width: 27px;
				background: url(images/map-pin.png) no-repeat 0 0 transparent;
				height: 37px;
				margin-left: -13.5px;
			    top: 0;
				left: 50%;
				content: "";
				opacity: 0;
				position: relative;
				transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;
			}
				#map .hovers div p.pin-show:before{
					opacity: 1;
				}

#map .calabasas {
    top: 92px;
    left: 133px;
    width: 167px;
}
#map .woodlandhills {
top: 105px;
    left: 241px;
    width: 105px;
}
#map .malibu {
    top: 167px;
    left: 91px;
    width: 134px;
}
#map .topanga {
    top: 156px;
    left: 207px;
    width: 115px;
}
#map .malibubeach {
    top: 275px;
    left: 143px;
    width: 171px;
}
#map .tarzana {
	top: 93px;
    left: 323px;
    width: 75px;
}
#map .pacific-palisades {
top: 170px;
    left: 265px;
    width: 179px;
}
#map .enzino {
left: 371px;
    top: 81px;
    width: 122px;
}
#map .brentwood {
	left: 399px;
    top: 173px;
    width: 116px;
}
#map .santamonica {
    top: 339px;
    left: 405px;
    width: 136px;
}
#map .shermanoaks {
    top: 72px;
    left: 476px;
    width: 114px;
}
#map .bellairholmobyhills {
    left: 469px;
    top: 170px;
    width: 96px;
}
#map .westwoodcenturycity {
	left: 493px;
    top: 273px;
    width: 99px;
}
#map .westla {
    top: 329px;
    left: 483px;
    width: 85px;
}
#map .venice {
    top: 423px;
    left: 466px;
    width: 58px;
}
#map .marinadelrey {
	top: 438px;
    left: 490px;
    width: 112px;
}
#map .palayavista {
    top: 460px;
    left: 548px;
    width: 122px;
}
#map .palmsmarvista {
	top: 375px;
    left: 508px;
    width: 100px;
}
#map .cheviothills {
    top: 330px;
    left: 560px;
    width: 48px;
}
#map .culvercity {
	top: 378px;
    left: 571px;
    width: 79px;
}
#map .bhpostoffice {
top: 169px;
    left: 536px;
    width: 82px;
}
#map .beverlyhills {
    top: 205px;
    left: 557px;
    width: 97px;
}
#map .beverlywoodvicinity {
    top: 324px;
    left: 599px;
    width: 117px;
}
#map .studiocity {
    top: 118px;
    left: 576px;
    width: 80px;
}
#map .sunsetstrip {
    top: 168px;
    left: 614px;
    width: 102px;
}
#map .hollywood {
top: 222px;
    left: 665px;
    width: 122px;
}
#map .hancockparkwilshire {
top: 269px;
    left: 700px;
    width: 62px;
}
#map .beverlycentermiraclemile {
    top: 272px;
    left: 625px;
    width: 74px;
}
#map .whollywood {
    top: 241px;
    left: 619px;
    width: 82px;
}
#map .hollywoodhills {
    top: 125px;
    left: 655px;
    width: 60px;
}
#map .hollywoodhillseast {
top: 125px;
    left: 698px;
    width: 65px;
}
#map .losfeliz {
    top: 113px;
    left: 749px;
    width: 81px;
}
#map .midwilshire {
top: 268px;
    left: 757px;
    width: 50px;
}
#map .downtownla {
    top: 297px;
    left: 804px;
    width: 76px;
}
#map .silverlakeechopark {
top: 213px;
    left: 791px;
    width: 114px;
}
#map .altwatervillage {
    top: 124px;
    left: 810px;
    width: 69px;
}
#map .mtwashington {
    top: 159px;
    left: 862px;
    width: 74px;
}
#neighborhoods-lists{
	position: relative;
	background: #fff;
	padding: 53px 0 88px;
}

	#neighborhoods-lists h2{
		text-align: center;
		font-size: 48px;
		font-weight: 200;
		color: #7c7c7c;
		text-transform: uppercase;
		padding-bottom: 60px;
		letter-spacing: 12px;
	}

		#neighborhoods-lists ul{
			float: left;
			font-family: 'Roboto', sans-serif;
			margin: 0 4%;
		}
			#neighborhoods-lists ul:first-child {
			    margin-left: 0;
			}
			#neighborhoods-lists ul:last-child {
			    margin-right: 0;
			}
			#neighborhoods-lists ul li{
				display: block;
				padding: 10px 0;
			}
				#neighborhoods-lists ul li a{
					color: #666666;
					text-decoration: none;
					font-size: 14px;
					text-transform: uppercase;
					-moz-transition: all .25s ease-in-out;
					-webkit-transition: all .25s ease-in-out;
					transition: all .25s ease-in-out;
					font-weight: 400;

				}
					#neighborhoods-lists ul li:hover a{
						color: #2a2a2a;
						text-shadow: 0 0 0 #2a2a2a;
					}

#markets-cta{
	width: 100%;
	position: relative;
	/* background: url(../../images/market-reports/market-overlay.jpg);
	background-size: cover;
	background-attachment: fixed; */
	padding: 68px 0;
	overflow: hidden;
}
	#markets-cta .container{
		position: relative;
	}
		#markets-cta .container:before{
			display: block;
			width: 2000px;
			content: "";
			height: 1px;
			background: #8e8e8e;
			position: absolute;
			left: -1955px;
			top: 50%;
			margin-top: -0.5px;
		}

		#markets-cta .container:after{
			display: block;
			width: 2000px;
			content: "";
			height: 1px;
			background: #8e8e8e;
			position: absolute;
			right: -1955px;
			top: 50%;
			margin-top: -0.5px;
		}

			#markets-cta a{
				display: block;
				color: #a08a58;
				font-size: 15px;
				text-transform: uppercase;
				border: 1px solid #8e8e8e;
				text-align: center;
				text-decoration: none;
				letter-spacing: 0.15em;
				padding: 21px 0;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;
				transition: all .25s ease-in-out;


			}
					#markets-cta a:hover{
						background: #2a2a2a;
						border-color: #2a2a2a;
						color: #fff;

					}



.header-logo-custom {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    text-align: left;
    text-shadow: 2px 2px #A08A58;
    font-family: 'BodoniSvtyTwoSCIT';
}

.header-logo-custom span {
    font-size: 20px;
}






/****************************************cutted part 1 media*/


/*end For Map*/

.popup-wrapper .popup-container .popup-content .popup-form input[type="text"],
.popup-wrapper .popup-container .popup-content .popup-form input[type="email"],
.popup-wrapper .popup-container .popup-content .popup-form input[type="tel"],
.popup-wrapper .popup-container .popup-content .popup-form input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #000;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 300;
    line-height: 15px;
    color: #000 !important;
    text-transform: uppercase;
    text-align: center;
    outline: none;
    margin: 0 auto 9px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: rgba(0, 0, 0, 0);
}

.popup-wrapper .popup-container .popup-content .popup-form input[type="submit"] {
    background: #337ab7;
    border-color: #0D1D33;
    color: #fff !important;
    font-weight: 700;
    margin-bottom: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.popup-wrapper .popup-container .popup-content .popup-form input[type="submit"]:hover {
    background: #337ab7;
    border-color: #284164;
}

.popup-wrapper .popup-container .popup-content .popup-form .wpcf7-response-output {
    margin: 9px 0 0 0;
    font-size: 13px;
    width: 100%;
    text-align: center;
}

main {
    overflow: hidden;
}
/* Custom Styles */

.header {
    width: 100%;
    padding: 20px 0;
    position: fixed;
    top: 0;
    z-index: 100;
    /*    background-color: rgba(0, 0, 0, 0.5);*/
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    font-size: 0;
}


/*Listing update form*/
.listingform input {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 10px 13px;
    border: 1px solid #d2d2d2;
    color: #d2d2d2;
    
}

.form_whole {
    background: #AF9358;
}

input.wpcf7-form-control.wpcf7-submit {
    font-size: 14px;
}

.listingform input[type=submit] {
    background: #af9358;
    border: none;
    color: #fff;
}
/*end Listing update form*/

.header.fixed {
    padding: 10px 0;
    
}

.index-header-logo {
    padding: 0;
    max-width: 80px;
    transition: 400ms ease;
}

header.header.fixed img {
    /*width: 18%;*/
/*    width: 100%;*/
}

header.fixed .index-header-logo {
    max-width: 80px;
}

.index-header-logo a {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #000;
    /* display: none; */
}

.page-id-5 .index-header-logo a {
    display: block;
}

.navigation {
    width: 100%;
    text-align: right;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	margin: 0 0 0 47px;
}


#nav li,
#nav2 li {
    position: relative;
    display: inline-block;
    margin: 0 15px;
}

#nav li a,
#nav2 li a {
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    /* text-shadow: 1px 1px 1px #000; */
}

header.header.fixed #nav li .sub-menu li a,
header.header.fixed #nav2 li .sub-menu li a {
    color: #fff;
    font-size: 10px !important;
}

.index-header-contact,
.index-header-contact a {
    font-size: 21px;
    font-weight: 500;
    /*color: #ea7901;*/
    color: #fff;
    text-transform: uppercase;
    text-align: right;
    /*padding: 17px 0;*/
    text-decoration: none;
    /* text-shadow: 1px 1px 1px #000; */
    font-family: 'Poppins', sans-serif;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.index-header-contact:hover,
.index-header-contact a:hover{
    opacity: 1;
     color: #fff;
}

.button_container {
    position: relative;
}

.button_container span {
    position: absolute;
    top: 9px;
    right: 19px;
    color: #fff;
    font-size: 17px;
}

.index-header-contact span {
    margin-right: 10px;
    font-size: 17px;
}

.index-slidehow-content {
    position: absolute;
    top: 30%;
    z-index: 1;
    left: 0;
    right: 0;
    text-align: center;
}

.index-footer-right {
    text-align: center;
}

.index-footer-right span {
    font-size: 20px;
}

.index-custom-form {
    margin-top: 50px;
}

.index-custom-form input {
    width: 500px;
    font-size: 14px;
    font-style: italic;
    padding: 10px 15px;
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    color: #a7a7a7;
    display: block;
    margin: 5px auto;
}


#cf2 {
    display: none;
    opacity: 0;
}

.slide-qs-wrapper {
    position: relative;
}

.slidehow-content {
    position: absolute;
	/*bottom: 30px;*/
    top: 50%;
    /*top: 60%;*/
    z-index: 99;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
}

.slidehow-content.seller {
    transform: translateY(-40%);
}

.slidehow-content.buyer .slideshow-caption {
    margin: 15% 0 0 21%;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    text-align: left;
	    text-shadow: 2px 2px #A08A58;
}

.listings_title {
    text-align: center;
	/*font-family: BodoniSvtyTwoSCIT;*/
    font-family: 'Lato', sans-serif;
	padding: 55px 0;
}

.listings_title h2 {
    font-size: 33px;
    text-transform: uppercase;
    color: #888181;
}

.listings_title span {
    color: #9a8148;
    font-size: 46px;
    line-height: 21px;
    text-transform: uppercase;
}

.footer {
    
    /*padding: 0;*/
    padding: 50px 0 20px;
    color: #fff;
    font-size: 0;
        background: url(images/footerbg.png) no-repeat;
    background-size: cover;
    /* background-position: bottom; */
    background-position: 10px 10px;
}

.index-footer-navigation {
    text-align: center;
}


header .row > div {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

header.header.fixed #nav li a,
header.header.fixed #nav2 li a{
    color: #000;
}


section.aios-property-copyright {
    font-size: 10px;
    color: #b1a2a2;
    margin: 13px 0 0 0;
}


.index-footer-left {
    font-size: 14px;
    text-align: center;
    margin: 20px 0;
}

.footer .footer-contact .contact {
    display: block;
    margin-left: 0;
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}

.footer .footer-contact .contact span {
    font-size: 18px;
    margin-right: 8px;
}

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

.footer .footer-contact h2 {
    margin-bottom: 25px;
    color: #ffffff;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 3px;
}

.footer .contact-form {
    position: relative;
    /*
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
*/
    margin-bottom: 40px;
}

.footer .contact-form label {
    width: 24.25%;
    margin: 0 .5%;
    display: inline-block;
    vertical-align: top;
}

.footer .contact-form label:first-of-type {
    margin-left: 0;
}

.footer .contact-form label:last-of-type {
    margin-right: 0;
}

.footer .contact-form input,
.footer .contact-form textarea {
    width: 100%;
    height: 35px;
    padding-left: 8px;
    font-size: 14px;
    font-weight: 300;
    background-color: #fff;
    border: 1px solid #ffffff;
    line-height: 28px;
    color: #0D1D33;
}

.footer .contact-form input::placeholder,
.footer .contact-form textarea::placeholder {
    color: #0D1D33;
}

.footer .contact-form input[type="submit"] {
    width: 19px;
    height: 19px;
    font-size: 0;
    position: absolute;
    bottom: 32px;
    right: 32px;
    border: none;
    background-image: url(images/submit-btn.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* Home Valuation */

.index-home-valuation .wmhw-form-wrapper {
    background: none;
}

.index-home-valuation .wmhw-title,
.index-home-valuation .wmhw-subtitle {
    display: none;
}

.index-home-valuation .wmhw-control-wrap.next-wrap div {
    background: #0D1D33;
}

.index-home-valuation .wmhw-control-wrap.icon-warp span {
    color: #0D1D33;
}


/* .aios-property-style-3 */

.aios-property-style-3 {
    width: 100%;
    height: auto;
    margin: 0 0;
    background: url(images/listingupdate.png);
	padding: 0;
}


.aios-property-style-3 h2 {
    font-size: 35px;
    text-align: center;
    color: #000;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-family: 'Lato', sans-serif;
}

.aios-property-style-3 h2 strong {
    font-weight: 700;
    font-size: 30px;
    display: block;
}

.f_contact {
    font-size: 24px;
    margin: 10px 0 0 0;
    text-shadow: 1px 1px 2px grey;
    color: #000;
}

section.aios-property-footer {
        text-align: center;
    margin: 28px 0 ;
}

.cycloneslider-template-standard {

    max-width: 100% !important;
}

.aios-property-style-3 .fp-wrap canvas {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #d7d7d7;
    display: block;
}


.aios-property-style-3 .fp-wrap canvas img {
    width: 100%;
    height: auto;
    display: block;
}

.aios-property-style-3 .fp-wrap .fp-list {
    margin-bottom: 50px;
}

.aios-property-style-3 .fp-wrap .fp-list a {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
}
    
    .aios-property-style-3 .fp-wrap .fp-list a:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,143,206,.85);
        opacity: 0;
        z-index: 1;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

        .aios-property-style-3 .fp-wrap .fp-list a:hover:before {
            opacity: .85;
        }

		
/*Contact form*/
.impress-lead-signup {
    width: 33%;
}
form#LeadSignup input {
    padding: 4px 9px;
}

form#LeadSignup {
    background: #d2d2d2;
    padding: 33px 24px;
}

.impress-lead-signup label {
    display: none;
}

/*end Contact form*/
.aios-property-style-3 .fp-wrap .fp-list a .pro-details {
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
    width: 100%;
    /* background: #b399618a; */
    background: rgba(0,143,206,.85);
    padding: 25px 30px;
	color: #fff;
    z-index: 5;
    font-family: 'Lato', sans-serif;
    -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
		    background: #337ab7;
			    min-height: 125px;
}
    
    .aios-property-style-3 .fp-wrap .fp-list a:hover .pro-details {
        background: transparent;
    }

.p_address {
    text-transform: uppercase;
}
.p_address strong {
    display: block;
    font-size: 20px;
	color: #fff !important;
    line-height: 1.5;
}

.index-header-contact a {

    /* font-family: BodoniSvtyTwoSCIT; */
    /* background: #ea7901; */
    /*padding: 10px 10px 6px;*/
    text-align: right;
    display: flex;
	justify-content: flex-end;
	align-items: center;
}

.fixed .index-header-contact a {

    /* font-family: BodoniSvtyTwoSCIT; */
background: none;
    padding: 10px 10px 6px;
    text-align: center;
    display: block;
    color: #000;
    text-shadow: none;
}

.col-md-4.cta-list {
    margin: 0 0 15px 0;
}

.col-md-4.cta-list a {
display: block;
    background: #FFF;
    text-align: center;
    font-size: 50px;
    color: #997e44;
    padding: 147px 7px;
    font-family: BodoniSvtyTwoSCIT;
    min-height: 444px;
}

.listinghills strong{
	    color: #997e44;
}
.cycloneslider-caption {
    background: transparent !important;
    width: 100% !important;
    max-width: 1100px;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50% , -50%);

}


.col-md-4.cta-list a:hover {
    background: #997e44;
   
}

.col-md-4.cta-list:hover  a{
   
    color: #fff;
}

.p_left {
    width: 53%;
    display: inline-block;
}

.p_right {
    display: inline-block;
    vertical-align: top;
    float: right;
    font-size: 20px;
    line-height: 1.5;
}

.aios-property-style-3 .fp-wrap .fp-list a .pro-details h3 {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.001em;
}

.aios-property-style-3 .fp-wrap .fp-list a .pro-details p {
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    padding-top: 7px;
}

.aios-property-style-3 .fp-wrap .fp-list a .pro-details span {
    display: block;
    position: absolute;
    right: 30px;
    top: 50%;
    width: 83px;
    height: 38px;
    line-height: 38px;
    font-weight: 300;
    font-size: 13px;
    color: #fff;
    text-align: center;
    background: #0D1D33;
    margin-top: -19px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.aios-property-style-3 .fp-wrap .fp-list a .pro-details span:hover {
    background-color: #284164;
}

.ip-banner {
    /* background: url(images/iStock-471104670.jpg); */
    background-size: cover;
    background-position: center center;
    height: 153px;
	background: #002a5c;
}

.footer-contact {
    text-align: center;
}

.footer-contact form {
    position: relative;
}

.footer-contact .wpcf7-form-control-wrap {
    width: 30%;
    margin: 1%;
    display: inline-block;
}

.footer-contact .wpcf7-form-control-wrap.your-message {
    width: 94%;
    margin: 1% auto;
    display: block;
}

/*Quicksearch*/
/*Custom QS*/

section#quicksearch {
    text-align: center;
}

form#qs-form {
    width: 79%;
    display: inline-block;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
	vertical-align: top;
	
}
.slideshow_label {
    font-size: 20px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
	padding: 28px 0;
}

.search-filter {
				padding: 0;
				font-size: 0;
				/* border-top: 1px solid #c4ad7d; */
				/*overflow: hidden;*/
			}
				.search-filter form {

				}
					.search-filter-left {
    width: calc(100%/12*10);
    float: left;
    /* padding-left: 45px; */
    padding: 0px 18px;
    height: 38px;
					}
					.search-filter-right {
					
    float: left;
    padding: 0;
    width: calc(100%/12*2);
					}
						#content .search-filter i {
							display: inline-block;
							vertical-align: middle;
							width: 24px;
							font-size: 25px;
							font-style: normal;
							color: #c4ad7d;
							margin-right: 18px;
						}
						.search-filter .field-input {
							display: inline-block;
							vertical-align: middle;
							margin-right: 1%;
						}
						.search-filter .field-text {
							width: calc( 100% - 42px);
							margin-right: 0;
						}
							.search-filter .field-input input,
							.search-filter .field-input select {
								    -webkit-appearance: none;
									-moz-appearance: none;
									appearance: none;
									border: 0;
									background: #FFFFFF;
									font-size: 16px;
									font-weight: 400;
									color: #fff;
									width: 100%;
									padding: 7px 16px;
							}
							.search-filter .field-input select {
								background: url(images/sl-caret.png) no-repeat right center;
								padding: 0 28px 0 0;
								color: #252525;
							}
							.search-filter .field-strong select {
								font-weight: 600;
								color: #000000;
							}
							.search-filter .field-input select::-ms-expand {
								display: none;
							}
			.search-results {
				background: #ebebeb;
				font-size: 0;
				overflow: hidden;
			}

			.hb-qs input[type="submit"], .search-filter input[type="submit"] {
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: #808080;
    width: 100%;
    height: 38px;
    margin-left: 0.79%;
	padding: 3px 21px;
	font-family: BodoniSvtyTwoSCIT;
}

.search-filter-right .field-input:nth-child(1) {
    width: 18%;
    margin-right: 0%;
}

.search-filter-right .field-input:nth-child(2), .search-filter-right .field-input:nth-child(3) {
    width: 13%;
}

.search-filter-right .field-input:nth-child(4),
.search-filter-right .field-input:nth-child(5) {
    /*width: 37%;*/
    width: 18%;
}

ul#ui-id-1{
	z-index: 9999;
}

.single-idx-wrapper .IDX-wrapper-standard #IDX-detailsTopNav,
.single-idx-wrapper .IDX-wrapper-standard #IDX-sharethis {
	display: none;
}
.info-item {
    float: left;
    margin-right: 20px;
    font-size: 13px;
}

.row.address-price p {
    font-size: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
}
/*end Quicksearch*/


/* .aios-cta-style-2 */

.aios-cta-style-2 {
    margin: 50px 0 20px;
}

.aios-cta-style-2 .cta-list {
    margin-bottom: 30px;
}

.aios-cta-style-2 .cta-list a {
    display: block;
    width: 100%;
    height: 222px;
    text-align: center;
    background: #0D1D33;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.aios-cta-style-2 .cta-list a:hover {
    background: #284164;
}

.aios-cta-style-2 .cta-list a:after {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.aios-cta-style-2 .cta-list a span {
    display: inline-block;
    vertical-align: middle;
}

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

.page-id-45 #content h1.entry-title {
    display: none;
}

.ai-default-cf7wrap input[type="submit"] {
    background: #0D1D33 !important;
}

.ai-default-cf7wrap input[type="submit"]:hover {
    background: #284164 !important;
}

img {
    max-width: 100%;
}

.popup-content img {
    /* width: 320px; */
    margin-bottom: 26px;
}

#nav li a:after,
#nav2 li a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 4px;
    background: #fff;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    transition: all .5s;
}

.cycloneslider-template-standard .cycloneslider-slide img {

    width: 100%;
}

#nav li a:hover:after,
#nav2 li a:hover:after  {
    width: 100%;
}


.no-padding {
    padding: 0 !important;
}

.cta-holder .cta-list-item:hover {
    max-width: 300px;
    margin: 5px 20px;
}




.fixed-logo{
    display: none;
}

header.header.active.fixed .fixed-logo{
    display: block;
}
header.header.active.fixed .main-logo{
    display: none;
}



.button-holder {
    position: relative;
        display: block;
    clear: both;
}

.button-holder em.ai-font-arrow-g-n {
    position: absolute;
    top: 57%;
    right: 20px;
    transform: translateY(-25%);
    color: #fff;
}

.button-holder em.ai-font-arrow-g-n:nth-of-type(1) {
    right: 30px;
}


.page-template-template-index-ps2 .bootstrap-select>.dropdown-toggle{
	background: #fff !important;
	height: 38px !important;
	color: #000 !important;
	border: 0 !important;
}
.page-template-template-index-ps2 .search-filter .field-input input,
.page-template-template-index-ps2 .search-filter .field-input select{
	color: #808080 !important;
}



/***************part 1 media*/
@media(max-width: 1700px) {
    .slidehow-content {
        bottom: 30px;
        top: unset;
        transform: translateY(0%);
    }
    .cycloneslider-template-responsive.cycloneslider-width-full .cycloneslider-slide canvas,
    .cycloneslider-template-responsive.cycloneslider-width-full .cycle-sentinel canvas{
        height: 650px;
    }
}
@media(max-width: 1199px){
    #neighborhoods-lists ul{
        margin: 0 2%;
    }
}


@media(max-width: 991px){

    #neighborhoods-lists ul {
        float: none;
        margin: 0;
    }

    #markets-cta a{
        margin-bottom: 25px;
    }

    #markets-cta .container:before,
    #markets-cta .container:after{
        display: none;
    }
    #neighborhood-map h1{
        font-size: 48px;
    }
    #neighborhoods-lists h2{
        font-size: 37px;
    }
    #neighborhood-map{
        background-attachment: scroll;
        /*display: none;*/
    }

    .fc-list-holder:nth-of-type(1),
    .fc-list:nth-child(2)
    {
        border: none !important;
    }

    .fc-list {
        width: 100%;
        float: none;
    }



    .map-wrapper{
        display: none;
    }

    .neighborhood_title {
        position: relative;
        top: 0;
        left: 0;

    }

    .neighborhood_title h2{
            font-size: 46px;
            text-align: center;
    }

    .neighborhood_title span.letterbig {
        font-size: 80px;
    }

    .cta-holder .cta-list-item:hover{
        margin: 5px auto;
    }

    .idx-form-box{
        margin: 0 auto;
    }

}
@media(max-width: 767px){
    #hero-banner canvas{
        min-height: 250px;
        background-size: 105% !important;
    }
    .cycloneslider-template-responsive.cycloneslider-width-full .cycloneslider-slide canvas,
    .cycloneslider-template-responsive.cycloneslider-width-full .cycle-sentinel canvas{
        min-height: 300px;
        height: auto;
    }
}
@media(max-width: 575px){
    #hero-banner canvas{
        min-height: 200px;
        background-size: 250% !important;
    }
}
@media(max-width: 560px){
    #neighborhood-map h1{
        font-size: 38px;
    }
    #neighborhoods-lists h2{
        font-size: 27px;
    }
}
@media(max-width: 400px){
    #neighborhood-map h1 {
        font-size: 33px;
        line-height: 40px;
        padding-bottom: 30px;
    }
    #neighborhoods-lists h2 {
        font-size: 17px;
        padding-bottom: 20px;
    }
}
@media(max-width: 320px){
    #neighborhood-map h1{
        font-size: 25px;
    }
    #neighborhoods-lists h2{
        font-size: 13px;
    }

}

@media only screen and (max-width: 1199px) {
    #nav li,
    #nav2 li{
        margin: 0 5px;
    }
    #nav li a,
    #nav2 li a  {
        font-size: 14px;
    }

    .cta-holder .cta-list-item{
        margin: 30px 50px;
    }

    .index-header-contact a {
    }
    .slide-qs-wrapper{
        background: #eaf0f4;
    }
    .slideshow-form{
        background: #eaf0f4;
        margin: 0;
        max-width: 100%;
    }

    .index-slider-tagline.forindex img {
        padding-left: 0;
    }
}

@media only screen and (max-width: 991px) {
    header {
        display: none;
    }
    main {
        padding-top: 52px;
    }
    .slidehow-content {
        transform: translateY(-50%);
    }
    .slidehow-content .slideshow-caption img {
        max-width: 250px;
    }
    .slidehow-content-mob {
        margin-top: 20px;
    }
    .wpcf7-form-control-wrap {
        display: block !important;
        width: 100% !important;
        margin: 5px 0 !important;
    }
    .wpcf7-form-control-wrap input,
    .wpcf7-form-control-wrap textarea {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .slidehow-content.buyer .slideshow-caption {
        margin-top: 0;
    }
    .footer #nav li,
    .footer #nav2 li {
        display: block;
    }
 
    .wmhw-step-icon.ai-font-location-c {
        border: 3px solid #0D1D33;
    }
    .wmhw-step-icon,
    .wmhw-step-num,
    .wmhw-step-desc,
    .wmhw-step-arrow .arrow {
        color: #0D1D33 !important;
    }
    .wmhw-control-wrap:first-child {
        background: #0D1D33;
    }
    .wmhw-control-wrap:first-child .ai-font-location-c {
        color: #fff !important;
    }


    .page-template-index-landing-page .header{
        display: none;
    }

    .slidehow-content.buyer {
        position: static;
        transform: none;
	    margin: 0 auto !important;
    }
	.idx-form-box{
		width: 100% !important;
	}

    .slideshow-form {
        transform: none;
        max-width: 400px;
        margin: 0 auto;
    }

    .cta-holder .cta-list-item {
        margin: 50px auto;
        display: block;
    }

    .form_whole .slideshow_label {
        display: block;
        font-size: 25px;
    }

    .search-filter-left{
        width: 100%;
    }

    .search-filter .field-text {
        width: 100%;
        display: block;
    }

    .search-filter-right {
        width: 100%;
        padding: 0px 18px;
    }

    .hb-qs input[type="submit"], .search-filter input[type="submit"]{
        margin: 5px 0;
        padding: 0;
    }

    .index-slider-tagline.forindex img {
        padding-left: 0;
        margin: 0 auto;
        display: block;
    }

}