/*general styles*/
html { position: relative; min-height: 100% }
body {  font-family: 'Raleway', sans-serif; font-size: 14px; color: #000; background: #F9F9F9; letter-spacing:1px;}
h1 { font-family: 'Playfair Display', serif; }
h1 span { font-family: 'Raleway', sans-serif; font-size: 18px; color: #000; font-weight: 500}
a { color: #638EC7}

.message_list {padding-left: 0; margin: 10px 0;}
.message_list li {list-style-type: none; padding: 7px;}
.message_list li.success, .message_list li.info, .message_list li.debug {background-color: #86e8b3}
.message_list li.error {background-color: #ff7c7c}
.message_list li.warning {background-color: #ffe47c}

/*header*/
header { background-color: #fff; width: 100%; z-index: 10; color: #022222; font-size: 12px}
header h1 { font-size: 18px;}
header a { color: #022222;}
header .nav {text-transform: uppercase; font-weight: bold;}
footer { border-top: 2px solid #000; font-size: 12px}
footer a { color:#000;}

input[type="text"], input[type="email"], input[type="phone"], textarea { width: 100%; padding: 5px; margin-bottom: 10px; border-bottom: 1px solid #000; border-left: none; border-right: none; border-top: none; background-color: #F9F9F9}
input[type="submit"] { background-color: #5484C3; color:#fff; border:1px solid #5484C3; text-transform: uppercase; text-align: center; padding: 4px 7px; border-radius: 4px; cursor: pointer}
#lead_form { font-size: 14px}
#lead_form label { text-align: left; font-weight: 400; display: block; }
.required label:after { content:" *"; color: red; font-size: 20px; font-weight: bold;}

.listing_photo_descr {display: inline-block; position: relative; vertical-align: bottom; width: 200px; margin-right: -205px; padding-left: 20px; background: rgba(2, 2, 2, 0.41); color: #fff; font-size: 12px;}
.listing_photo_descr:not(:empty) {padding-top: 3px; padding-bottom: 3px}
.floorplan_wrap {position: absolute; background-color: #000; padding: 2px 10px; color: #fff; z-index: 1000}
.floorplan_wrap:hover { color:#fff;}

.font2 { font-family: 'Merriweather', serif; }
.light { font-weight: 300 }
.regular { font-weight: 400 }
.btn-primary { background-color: #5283c5; border: 1px solid #5283c5;}
.h2 { padding-bottom: 25px; font-size: 18px; padding-bottom: 25px; text-transform: uppercase; font-weight: bold;}

/*pretty tables*/
.pretty_table thead { background: url(../listings/images/standalone/pattern.png) repeat;}
.pretty_table th { padding: 25px 20px; font-weight: 400; border-bottom: none !important}
.pretty_table thead tr { border-top: 2px solid #000; border-bottom: 2px solid #000;}
.pretty_table td { padding: 1rem; border-bottom: 1px solid #000;}
/*foursquare*/
.foursquare_wrap .medium_font { font-size: 18px; padding-bottom: 25px; text-transform: uppercase; font-weight: bold;}
#foursquare p a { font-style: normal;}
#foursquare p { font-style: italic; margin-bottom: 5px;}

.subways { float: left; margin-right: 8px;}
/* Subway icons*/
.subways span { display: block; width: 25px; height: 26px; float: left; margin: 0; margin-right: 20px; margin-bottom: 20px; background-repeat: no-repeat; background-position: center; background-size: 100%;}
.subways .subway_1 { background-image:  url("/assets/ui/subway/1.svg"); }
.subways .subway_2 { background-image:  url("/assets/ui/subway/2.svg"); }
.subways .subway_3 { background-image:  url("/assets/ui/subway/3.svg"); }
.subways .subway_4 { background-image:  url("/assets/ui/subway/4.svg"); }
.subways .subway_5 { background-image:  url("/assets/ui/subway/5.svg"); }
.subways .subway_6 { background-image:  url("/assets/ui/subway/6.svg"); }
.subways .subway_7 { background-image:  url("/assets/ui/subway/7.svg"); }
.subways .subway_A { background-image:  url("/assets/ui/subway/a.svg"); }
.subways .subway_C { background-image:  url("/assets/ui/subway/c.svg"); }
.subways .subway_E { background-image:  url("/assets/ui/subway/e.svg"); }
.subways .subway_H { background-image:  url("/assets/ui/subway/h.svg"); }
.subways .subway_B { background-image:  url("/assets/ui/subway/b.svg"); }
.subways .subway_D { background-image:  url("/assets/ui/subway/d.svg"); }
.subways .subway_F { background-image:  url("/assets/ui/subway/f.svg"); }
.subways .subway_M { background-image:  url("/assets/ui/subway/m.svg"); }
.subways .subway_G { background-image:  url("/assets/ui/subway/g.svg"); }
.subways .subway_J { background-image:  url("/assets/ui/subway/j.svg"); }
.subways .subway_Z { background-image:  url("/assets/ui/subway/z.svg"); }
.subways .subway_L { background-image:  url("/assets/ui/subway/l.svg"); }
.subways .subway_N { background-image:  url("/assets/ui/subway/n.svg"); }
.subways .subway_Q { background-image:  url("/assets/ui/subway/q.svg"); }
.subways .subway_R { background-image:  url("/assets/ui/subway/r.svg"); }
.subways .subway_S { background-image:  url("/assets/ui/subway/s.svg"); }
.subways .subway_SIR { background-image:  url("/assets/ui/subway/sir.svg"); }
.sub_wrap { clear: both; margin-bottom: 20px}

/*image gallery*/
/*lightbox*/
.listing-photo-row img.listing-photos {display: inline; margin: 0; padding: 0; height: 500px;}
div.mega-container {width: 100%; background-color: #fff;}
div.listing-photo-row {white-space: nowrap; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; text-align: center;}
div.listing-photo-row a {margin: 0; padding: 0; display: inline-block; vertical-align: top}
div.mega-default-container {background-color: #EAEBEC}
.listing-photo-row .iframe_slideshow  { height: 500px}

/*content*/
.iframe_slideshow { width: 100%; height: 600px}

.form_wrap { background-color: #fff; border-radius: 20px; border: 1px solid #E9E9E9;}
.form_wrap input[type="submit"] { margin: 0 auto; display: block;}
.listing_amenities li { float: left; width: 350px;}

/*stats*/
.stats { background: url(../listings/images/standalone/pattern.png) repeat; min-height: 105px; padding: 35px 0; font-size: 16px; border-bottom: 2px solid #000;}
.stats_wrap { padding: 15px 20px; background-color: #f9f9f9; border-bottom: 2px solid #000}

/*agents*/
.agent_img, .agent_info_wrap { display: inline-block; vertical-align: top;}
.agent_name { text-transform: uppercase; line-height: 20px; }
.agent_img { margin-right: 10px; margin-bottom: 20px; height: auto; overflow: hidden;}
.agent_img_info_wrap .agent_img img { max-width: 100%; max-height: 100%;}
.agent_name a { color: #000; font-size: 18px;}
.gray { color: #7F7F7F;}
.contact_agent { margin-top: 18px; width: 142px; color: #fff !important; background-color: #3E75BB; text-transform: uppercase; font-size: 16px; font-weight: 700; display: block; text-align: center; cursor: pointer;}
.agent_info_wrap { max-width: 190px}
.small_font { font-size: 12px; font-weight: 400; font-style: normal; }

/*footer*/
footer .col { min-height: 150px; padding-left: 8px}
.office_wrapp { display: inline-block; width: 170px; padding: 0 10px; vertical-align: top;}
.fixed_height { min-height: 40px;}
.footer_title {  font-weight: bold; font-style: normal; letter-spacing: 0.1em; text-transform: uppercase; }
.foot_addr { margin-bottom: 15px;}


@media screen and (max-width:530px) {
 .top_links { float: none !important;}
 .first-nav-link { padding-left: 0}
}


