.popup-wrapper {
	position: fixed;
	right: 0;
	bottom: 30px;
	overflow: hidden;
	z-index: 1000;
	padding: 0;
	color: #fff;
}

.popup-item {
    background-color: #ff5859;
    border: 2px solid white;
    margin: 15px 30px 15px 4px;
    padding: 10px 15px;
    border-radius: 23px;
    position: relative;
    left: 100%;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.45);
    width: 320px;
    color: #fff;
}

.testimonial-info a {color:#fff;}

.features-properties-grid label {top:10px; padding: 0 10px; right: 0; left:auto; width:auto; height:auto; -webkit-transform-origin:none; transform-origin:none; -webkit-transform:none; transform:none;}
.features-properties-grid label span {top:auto; transform: none; left:auto; -webkit-transform:none; max-width: auto;}

.features-properties-grid img, main#homepage section#exclusive .items .item .item img {max-width: 400px;}
.features-properties-grid img.tour-triangle {position: absolute; top: 0; left:0; min-height: auto; min-width: auto; transform: none; z-index: 15;}

section.heading-luxury {padding: 60px 15px;}
#chicago-properties section.content {padding: 20px 0;}

main#homepage section#search form {border: 15px solid rgba(1, 79, 110, 0.5);}
section#testimonials .quotes a{text-decoration: none !important; outline: none !important; color: #fff !important;}

.hva-next{
    border-radius: 23px;
    border: 2px solid white;
    background: rgba(255,88,89,0.8);
    font-size: 25px;
    color: white;
    font-weight: 500;
    padding:  5px;
    text-decoration: none;
}
.hva-next:hover{
	color: white;
	text-decoration: none;
}
/* HOME BUYING */
section.header-home-buying{
	background: url('../img/dt_home_buying_header2.jpg') no-repeat;
    padding: 87px 15px;
    text-align: center;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-size: contain !important;
    background-position: center top !important;
    background-attachment: fixed !important;
}
.header-home-buying::before,
.background-image::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}

.header-home-buying h1{
	font-size: 50px !important;
    font-weight: 400 !important;
    color: white !important;
    margin: 0 !important;
    text-transform: lowercase !important;
    line-height: 1.1 !important;
}

.new-buying .col-md-6{
	padding: 0 !important;
}
.new-buying .content{
	padding:  25px 0 !important;
}
.new-buying .btn-cta{
	width: 290px;
}

.new-buying .content h3{
	color: #006fba !important;
}

.new-buying .content p{
	margin: 5px 0 !important;
}

.new-buying .content .last{
	font-weight: bold !important;
	color: #6a6a6a !important;
	font-size: 18px !important;
}

.new-buying .row{
	width: 100%;
	margin: 0 !important;
}
.new-buying .qualities hr{
	width: 0%;
	margin: 20px 3px !important;
	border-top: 3px solid #fff !important;
	transition: all 0.5s ease;
}
.titleLine{
	width: 70% !important;
	transition: all 0.5s ease;
}

#qualified{background: url('../img/buy/highlyQualified.jpg') no-repeat top center/cover;}
#available{background: url('../img/buy/alwaysAvailable.jpg') no-repeat top center/cover;}
#analysts{background: url('../img/buy/skilledMarketAnalysts.jpg') no-repeat top center/cover;}
#team{background: url('../img/buy/teamOriented.jpg') no-repeat top center/cover;}
#negotiator{background: url('../img/buy/expertNegotiators.jpg') no-repeat top center/cover;}
#focused{background: url('../img/buy/locallyFocused.jpg') no-repeat top center/cover;}

.background-image{
	position: relative;
	width:  100%;
	height:  384px;
	overflow: hidden;
}
.background-image .hover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(22, 130, 190, 0.5);
	transform: translateY(100%);
	transition: all 0.5s ease;
}
.background-image .row,
.background-image .row .col-sm-12
{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
}
.background-image h2{
	text-align: left !important;
    font-weight: bold;
    font-size: 35px !important;
    line-height: 30px;
    color: #fff !important;
    margin: 25% 15% 2% 15% !important;
    transition: all 0.5s ease;
}
.background-image .title{
	position: absolute;
	z-index: 9999;
	transition: all 0.5s ease;
}
.background-image  .hover p{
	text-align: left !important;
	color: #fff !important;
	margin: 30% 16% !important;
}
.background-image h2.titleUp{
	margin: 15% 15% 2% 15% !important;
}
.slideUp{
	transform: translateY(0%) !important;
}
.dream-match{
	padding: 3%;
}
.new-buying .dream-match h2{
	text-align: left !important;
	text-transform: none !important;
	font-weight: 400;
}
.dream-match h3{
	color:  #006fba !important;
	font-weight: bold !important;
	margin: 6% 0 0 0 !important;
	text-transform: uppercase;
	font-size: 20px !important;
}
.dream-match p{
	margin: 0 !important;
}
.dream-match ul{
	margin-bottom: 2% !important;
}
.dream-match img{
	display: block;
	margin:  5% auto;
	width: 100%;
	max-width: 481px;
}

section.free{
	background-color: #c5e7f5;
}
.free .skew{
	width: 60%;
	margin:  15% 5% 0 5%;
}
.free h2{
	text-align: left !important;
	text-transform: none !important;
	font-weight: 400;
}
.free p{
	margin: 10px 0 !important;
}
.free img{
	width: 100%;
}
.img-layer{
	position: absolute;
	top: 0;
	right: -1px;
	width:  auto !important;
	height: 100%;
}
.new-buying .testimonials{
	background-color: #fff !important;
}
.new-buying .testimonials h3{
	color:  #006fba !important;
}
.new-buying .testimonials .all-testimonials{
	padding: 0 50px;
}
#general-template form .form-group{
	margin-bottom: 14px !important;
}
section.form h2{
	text-transform: lowercase !important;
	font-size: 40px !important;
	line-height: 35px;
}

@media (max-width: 1075px) and (min-width: 992px){
	.free .skew{
		margin: 1% auto;
	}
	.free .skew h2,
	.free .skew p{
		margin: 0 !important;
	}
}
@media (min-width: 1024px) and (max-width:1500px) {
	.background-image  .hover p{
		margin: 35% 16% !important;
	}
}
@media (max-width: 1024px){
	section.header-home-buying{
		background-size: auto !important;
	}
}
@media (max-width: 992px){
	.free .skew{
		margin: 5% auto;
	}
	.img-layer{
		display: none;
	}
}
@media (max-width: 690px){
	.new-buying .btn-cta{
		float: left !important;
	}
}
@media (max-width: 415px){
	section.header-home-buying{
		padding: 60px 15px;
	}
	.background-image  .hover p{
		margin: 50% 17% !important;
	}
	.background-image h2{
		font-size: 25px !important;
	}
}

/* END HOME BUYING */

/* LIST YOUR HOME */
section.heading-list-your-home-2 {
    background: url('/sell/images/0_header.jpg') no-repeat;
}
#online-tools .col-md-6{
	padding: 0;
}
#list-your-home .background-image::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}
#list-your-home .sell-title{
	color: #1179bf !important;
	font-size: 25px !important;
	margin:  0 0 10px 0 !important;
	text-transform: none !important;
}
#list-your-home .sell-titles-2{
	color: #1179bf !important;
	font-weight: bold !important;
	font-size: 18px !important;
	text-transform: uppercase !important;
	margin: 20px 0 5px 0 !important;

}
#list-your-home .sell-paragraph{
	font-size: 20px !important;
}
#list-your-home form{
	margin: 0 !important;
	padding: 10px 25px !important;
}
#list-your-home form .button{
	height: 25px !important;
	margin: 0 !important;
}
div#featured-property{
	background: url('/sell/images/1_FeaturedProperty.jpg') no-repeat;
	background-size: cover;
}
div#database-of-buyers{
	background: url('/sell/images/2_DTdatabase.jpg') no-repeat;
	background-size: cover;
}
div#first-look{
	background: url('/sell/images/3_FirstLook.jpg') no-repeat;
	background-size: cover;
}
div#unique-property{
	background: url('/sell/images/4_LuxuryWebsites.jpg') no-repeat;
	background-size: cover;
}
#online-tools .line{
    width: 0%;
    margin: 20px 3px !important;
    border-top: 3px solid #fff !important;
    transition: all 0.5s ease;
}
#list-your-home section.form {
    padding: 20px 0 35px 0 !important;
}
.list-link{
	color: #ff5859 !important;
}
/* END LIST YOUR HOME */

/* DEVELOPMENT PAGE */
section.chicago-development{
	margin: 10px 0 20px 0;
}
section.heading-development {
    background: url('/developments/images/development_header.jpg') no-repeat;
}
.heading-development{
	height: 360px;
}
.heading-development:before{
	background-color: rgba(0, 0, 0, 0.2) !important;
}
section.heading-development h1{
	margin-top: 5% !important;
	font-size: 20px;
}
.development-page .chicago-properties-pagination{
	display: none;
}
.devImg{
	margin-top: 10px;
	overflow: hidden;
	max-height: 440px;
}
h3.devTitle {
    color: #026eba;
    font-size: 30px;
    margin: 10px 0 0 0;
    font-weight: normal;
}
p.devAddress {
    color: #747474;
    font-size: 25px;
    text-transform: uppercase;
}
p.devP{
	margin: 10px 0;
}
ul.devUl2{
	margin-bottom: 50px;
}
ul.devUl li, ul.devUl2 li {
    width: 49%;
    display: inline-block;
    color: #747474;
    text-transform: uppercase;
    vertical-align: top;
}
ul.devUl2 li:last-child{
	font-weight: bold;
	color: #014f6e !important;
}
ul.devUl li span{
	font-weight: bold;
	color: #026eba;
}
.development-page p.title{
	font-size: 1.8em !important;
}
/* END DEVELOPMENT PAGE */

/* INDIVIDUAL DEVELOPMENT PAGE */
#chicago-development-individual .heading-development:before{
	background-color: rgba(0, 0, 0, 0.4);
}
.slideshow h3.titles{margin-bottom: 0;}
.slideshow ul{
	text-transform: uppercase;
	margin: 10px 0;
}
.slideshow .address{text-transform: uppercase;}
.slideshow ul span{
	color: #006fba;
	font-weight: bold;
	text-transform: uppercase;
}
.slideshow p:last-child{margin-bottom: 10px;}
.slideshow img{height: 100% !important;}
.gallery .images{position: relative; width: 100%; height: auto; overflow: hidden;}
.gallery .images .slick-slide{overflow: hidden; height: 500px; background-color: #eefbff;}
.gallery .thumbs .slick-slide{overflow: hidden; height: 60px;}
.gallery .thumbs img{width: 100%;}
.gallery .images img{position: relative; top: 50%; left:  50%; transform:  translate(-50%, -50%); }
h3.titles{color:#006fba; font-weight: 400; font-size: 1.7em;text-transform: capitalize !important; margin-bottom: 10px;}
#chicago-development-individual section.form h2{color:#014f6e !important; margin-bottom:10px;}
#chicago-development-individual section.form p{color:#464646; font-size:1.5em;}
section.features p{
	margin: 20px 0 10px 0;
}
section.features ul li{
	list-style-type: initial;
	margin-left: 18px;
}
section.features h3{
	color: #006fba;
	text-transform: uppercase;
}
section.slideshow, section.floorplans,section.developer, #chicago-development-individual section.form{padding: 30px 0;}
button.btn-floor{border: 1px solid #555555 !important; border-radius: inherit; padding: 6px; color: #555555 !important;}
button.btn-floor:hover{color: #fff !important; background-color: #006fba !important;}
button.btn-floor:focus{background-color: transparent;}
.floor-button{
	margin: 20px 0;
}
.floor-list{
	margin: 10px 0 10px 20px;
}
.floor-list li{
	margin: 10px 0;
	text-decoration: underline;
	cursor: pointer;
}
.floor-list li.active{
	color: #006fba;
	font-weight: bold;
	text-decoration: none;
}
.thumbs{margin-top:5px; width: 100%; max-height: 70px; overflow: hidden;}
.thumbs .slick-arrow{
	background-color: #cceaf6;
	border-radius: initial;
	min-width: 50px;
}
.thumbs .slick-arrow:before{
	color: #006fba;
	padding: 0;
}
.thumbs .slick-slide{
	margin: 0 2px;
}
/* END INDIVIDUAL DEVELOPMENT PAGE */

/* MY DASHBOARD */
#general-template.my-dashboard section.content .my-profile>div label{
	cursor: default !important;
}

/* END Agent Page */

/* MEDIA QUERY */
@media (max-width:800px){
	#mainHeading{
		margin: 25px 0 !important;
	}
	#mainHeading img{
		width: 180px !important;
	}
	#mainHeading span{
		font-size: 40px !important;
	}
}
@media (max-width:480px){
	#mainHeading{
		width: 100% !important;
	}
	#mainHeading{
		margin:0 auto !important;
	}
		#mainHeading img{
			width: 180px !important;
		}
		#mainHeading span{
			font-size: 25px !important;
		}
}