/* FRS Form Overrides
=============================================== */
.prop-search .prop-search-form {padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; }
.prop-search .prop-search-form input{ border: 0; color: #222; border-radius: 6px; padding: 0 10px; line-height: 38px; height: 38px; width: 100%; }
.prop-search .prop-search-form select{border: 0; border-radius: 0; border-bottom: 1px solid #888; background-color: #fff; color: #222; -webkit-box-shadow: none; box-shadow: none; height: 38px; width: 100%; }
.prop-search .prop-search-form label{color: #fff; font-weight: 500;}
.prop-search .prop-search-form .prop-search-form-keyword {width: 100%;}
.prop-search .prop-search-form .prop-search-form-keyword .prop-search-form-info{font-size: 14px; color: #fff; font-weight: 300; }
.prop-search .prop-search-form .half { width: 48%; margin-bottom: 15px; }
.prop-search .prop-search-form .prop-search-form-rent{margin: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }
.prop-search .prop-search-form .prop-search-form-rent .range { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; color: #fff; }
.prop-search .prop-search-form .prop-search-form-rent .range input { width: 45%; color: #222; }
.prop-search .prop-search-form .prop-search-form-sort,
.prop-search .prop-search-form .prop-search-form-button { width: 100%; }
.prop-search .prop-search-form .prop-search-form-button .btn { min-width: 0; width: 100%; margin: 30px auto 0; }

/* Listings
=================================================== */
ul.listings{list-style-type: none; padding: 0; font-family: 'Oxygen', sans-serif; }
ul.listings li.listing-container { background-color: #f9f9f9; min-height: 310px; }
ul.listings li.listing-container .row { display: flex; flex-wrap: wrap; }
ul.listings li { display: block; margin: 0 auto 30px; padding: 25px 20px 25px 10px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
ul.listings li:hover {cursor: pointer; box-shadow: 1px 1px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); -ms-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
ul.listings li:hover .img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }
ul.listings li:active { -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.35); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
ul.listings li .row { margin: 0; }
ul.listings li .img-container { overflow: hidden; position: relative; height: 100%; }
ul.listings li .img{height: 100%; width: 100%; display: block; background-size: cover; background-position: center; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; }
ul.listings li .address {font-size: 24px; font-weight: 500;color: #333; text-align: left; margin-top: 10px;}
ul.listings li .rentAmount {margin-top: 20px; }
ul.listings li .rentAmount,
ul.listings li .city,
ul.listings li .info,
ul.listings li .sqft,
ul.listings li .available{font-size: 18px; color: #222; text-align: left;}
ul.listings li .address{margin-top: 10px;}
ul.listings li .view-details {margin-top: 25px; }
ul.listings li .view-details .btn-listing{ display: block; text-align: center; line-height: 48px; height: 48px; font-size: 17px; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
ul.listings li .view-details .btn-listing:hover{ box-shadow: unset; border: 1px solid #404040; }

@media (max-width: 1284px){
	ul.listings li .img{}
}

@media (max-width: 940px){
	ul.listings .col-sm-4{width: 32%;}
}

@media (max-width: 767px){
	ul.listings li.listing-container{height: auto; padding: 25px 10px; }
	ul.listings li.listing-container .col-sm-8,
	ul.listings li.listing-container .col-sm-4{width: 100%; text-align: center;}
	ul.listings li .img { height: 0; padding-top: 56%; }
	ul.listings li .address,
	ul.listings li .city,
	ul.listings li .info,
	ul.listings li .sqft,
	ul.listings li .available,
	ul.listings li .rentAmount{text-align: center;}
}


/* Alt Color for property search box */
.frs-widget.prop-list .prop-search, .prop-search .prop-search-form { background: #003e89; padding-bottom: 35px; }
.frs-widget.prop-list .prop-search label, .prop-search .prop-search-form label, .frs-widget.prop-list .prop-search-form .prop-search-form-info { color: #fff; font-weight: normal; height: auto; line-height: 1em; margin: 0; }
.frs-widget.prop-list .prop-search .prop-search-form-rent { color: #fff; }
.frs-widget.prop-list .prop-search input { padding: 0 10px; }
.frs-widget.prop-list .prop-search input, .frs-widget.prop-list .prop-search select, .frs-widget.prop-list .prop-search textarea,
.prop-search .prop-search-form input, .prop-search .prop-search-form select, .prop-search .prop-search-form textarea { color: #222; border-radius: 6px; line-height: 38px; height: 38px; }
.frs-widget.prop-list .prop-search .prop-search-form-button button { background: #fff!important; color: #003e89!important; }
ul.listings li .view-details .btn-listing{  border: 1px solid #003e89!important; }
ul.listings li .view-details .btn-listing:hover{background-color: #003e89!important; }

.prop-search .prop-search-form { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.2,5s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }