/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
.column img, .columns img { max-width:100%; }
body { border-top:4px solid #007ED9; }

/****NAVIGATION****/
.nav.block { background:rgba(0,0,0,0.9); border-right:4px solid #007ED9; padding:25px 50px; position:absolute; top:0; left:-382px; width:278px; z-index:9999; }
	ul.main-nav { }
		ul.main-nav li.nav-team { background:url("../images/template/nav-team.jpg") top center no-repeat; width:278px; height:131px; }
		ul.main-nav li.nav-services { background:url("../images/template/nav-services.jpg") top center no-repeat; width:278px; min-height:131px; }
		ul.main-nav li.nav-areas { background:url("../images/template/nav-areas.jpg") top center no-repeat; width:278px; min-height:131px; }
		ul.main-nav li.nav-success { background:url("../images/template/nav-stories.jpg") top center no-repeat; width:278px; min-height:131px;  }
		ul.main-nav li.nav-about { background:url("../images/template/nav-about.jpg") top center no-repeat; width:278px; min-height:131px; }
			ul.main-nav li.nav-team a, ul.main-nav li.nav-services a, ul.main-nav li.nav-areas a, ul.main-nav li.nav-success a, ul.main-nav li.nav-about a { display:block; width:100%; min-height:131px; text-indent:-9999px; }

		ul.main-nav ul.sub-menu { margin-top:15px; }
		ul.main-nav ul.sub-menu li { margin-bottom:15px; background:none; min-height:auto; }
		ul.main-nav ul.sub-menu li a { text-indent:0; width:100%; min-height:100%; font-size:14px; text-transform:uppercase; text-decoration:none; color:#fff; }
		ul.main-nav ul li a:hover { color:#007ED9; }

		#mobile-nav { display:none; }

	.nav-close { background:url("../images/template/nav-sideburger.png") top left no-repeat; display:inline-block; color:#eee; font-size:12px; font-weight:600; text-transform:uppercase; text-decoration:none; padding-left:35px; margin-bottom:25px; }
		.nav-close:hover { color:grey; }
	.nav-open { background:url("../images/template/nav-hamburger.png") top left no-repeat; display:block; position:absolute; top:110px; left:50px; color:white; font-size:12px; font-weight:600; text-transform:uppercase; text-decoration:none; padding-left:45px; margin-bottom:25px; z-index:9998; }

/****HEADER****/
.header.block { position:absolute; top:0; width:100%; z-index:9997; }
	.logo { margin:15px 0 0; }

	ul.utl-nav { margin:0 0 5px; padding:0; text-align:right; }
		ul.utl-nav li { display:inline; margin:0 0 0 10px; }
		ul.utl-nav a { color:#aaa; text-transform:uppercase; text-decoration:none; letter-spacing:1px; font-size:12px; font-weight:600; }
		ul.utl-nav li.icon-pin { background:url("../images/template/icon-pin.png") top left no-repeat; padding:5px 0 5px 20px; }
		ul.utl-nav li.icon-id { background:url("../images/template/icon-id.png") left 3px no-repeat; padding:5px 0 5px 30px; }

/****SLIDESHOW****/
.slideshow.block { width:100%; position:relative; }
	.slide { background-position:bottom center; background-repeat:no-repeat; background-size:cover; min-height:750px; width:100%; }
	#mobile-slides { display:none; }
	.slideshow .mobile { display:none; }

	#prev { position:absolute; left:10px; top:50%; width:41px; height:79px; background:url("../images/template/arrow-left.png") top left no-repeat; z-index:999; cursor:pointer; opacity: 0.4; }
	#next { position:absolute; right:10px; top:50%; width:41px; height:79px; background:url("../images/template/arrow-right.png") top left no-repeat; z-index:999; cursor:pointer; opacity: 0.4; }

.footer.block { background:#f5f5f5; border-top:10px solid #007ED9; }
	ul.footer-nav { margin:0; padding:0; }
		ul.footer-nav li { border-bottom:1px solid #dedede; padding:15px 0; height:45px; }
		ul.footer-nav a { font-size:23px; color:#282828; text-decoration:none; font-weight:300; }
		ul.footer-nav img { margin-right:10px; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);*/ vertical-align:middle; }


.bg-full ul { list-style-type:disc; margin-left:30px;  }
	.bg-full ul.bull { list-style-type:none; margin-left:10px; }
	.bg-full ul.none { list-style-type:none; margin-left:0; }

/***CLASSES***/
.btn { border-radius:5px; padding:10px; text-decoration:none; text-transform:uppercase; font-size:14px; font-weight:900; text-shadow:1px 1px 2px rgba(0,0,0,0.3); }
	.btn.green { background:#007ED9; color:#fff !important; }
	.btn.read { background-image:url("../images/media/icon-read.png"); background-repeat:no-repeat; background-position:10px center; padding-left:40px; }

.section-title { background:#007ED9; height:1px; text-align:center; text-transform:uppercase; letter-spacing:10px; font-style:italic; font-size:18px; line-height:1px; color:#007ED9; margin:50px 0; }
	.section-title span { display:inline; background:#fff; padding:0 25px; }

.aligncenter { text-align:center; }
.alignright { text-align:right; }
.alignbottom { vertical-align:bottom; }
.alignmiddle { vertical-align:middle; }
.green { color:#007ED9 !important; }
	a.green { text-decoration:none; }
a.white { color:#fff !important; text-decoration:none; }
.font32 { font-size:32px; }
.font24 { font-size:24px; }
.font18 { font-size:18px; }
.font16 { font-size:16px; }
.font14 { font-size:14px; }
.font12, .font12 p { font-size:12px; line-hight:18px; }
.thin { font-weight:300; }
.thick { font-weight:700; }
.upper { text-transform:uppercase; }
.border-bottom { border-bottom:2px solid #007ED9; }
.remove-pad { padding:0 !important; }
ul.bull.green li { background:url("../images/template/bull-green.png") left 7px no-repeat; padding-left:18px; }
.icon-left { float:left; margin-left:-40px; margin-right:7px; }
h2 img { vertical-align:bottom; max-height:41px; max-width:41px; }
.pdf { background:url("../images/media/icon-pdf.png") left 3px no-repeat; padding:5px 0 5px 35px; font-weight:900; }

/* #Page Styles
================================================== */
.slideshow.block { }
	.home .slide01 { background-image:url("../images/home/slide01.jpg"); }
	.home .slide02 { background-image:url("../images/home/slide02.jpg"); }
	.home .slide03 { background-image:url("../images/home/slide03.jpg"); }
	.home .slide04 { background-image:url("../images/home/slide04.jpg"); }
	.home .slide05 { background-image:url("../images/home/slide05.jpg"); }
	.page-id-16 .slide { min-height:700px; }

.cta.block {  padding:25px 0; }
	.cta h2 { line-height:24px; }

.quote { background-color:#007ED9; background-size:cover; padding:25px 0; color:#fff; font-size:28px; letter-spacing:2px; text-align:center; font-style:italic; font-weight:300; text-transform:uppercase; }
	.quote p { line-height:36px; }
		.home .quote { background-color:#007ED9}
	/* .home .quote { background:url("../images/home/bg-quote.jpg") top center no-repeat; background-size:cover; } */

/***COLORED BACKGROUNDS***/
.white.block { padding:25px 0; }
.green.block { background-color:#007ED9; color:#fff !important; background-size:cover; background-repeat:no-repeat; }
.gray.block { padding:25px 0; margin-bottom:50px; background-color:#eee; background-size:cover; background-position:top center; background-repeat:no-repeat; border-bottom:2px solid #007ED9; }
	.home .gray.block01 { background-image:url("../images/home/bg-block01.jpg"); }
	.home .gray.block02 { background-image:url("../images/home/bg-block02.jpg"); }
	.exclusive-tenantuser-representation .gray.block01 { background-image:url("../images/corporate/bg-block01.jpg"); }
	.corporate-services-portfolio-management .gray.block01 { background-image:url("../images/corporate/bg-block01.jpg"); }

/***DROPDOWN SECTIONS***/
.sec-nav { margin-bottom:-25px; }
	.sec-nav div { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); padding-bottom:40px !important; }
	.sec-nav div.on { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); background:url("../images/template/sec-on.png") center bottom no-repeat; }
	.tab { padding-bottom:35px !important; }
	.tab.on { background:url("../images/template/sec-on.png") center bottom no-repeat; }
.sec { display:none; }

ul.alpha-nav { margin:0; padding:0; }
	ul.alpha-nav li { display:inline; margin-right:4px; }
	ul.alpha-nav a { color:#fff; text-decoration:none; font-size:16px; font-weight:600; text-shadow:1px 1px 2px rgba(0,0,0,0.5); }

#team-members span { display:block; line-height:22px; height:44px; }
	.team-pic { height:175px; overflow:hidden; margin-bottom:10px; }

/***CLIENT LOGIN***/
.client-login .slide { min-height:525px; }
.signup.block { background:url("../images/login/bg-signup.jpg") top center no-repeat; background-size:cover; }
	.client-login input[type="text"], .client-login input[type="password"] { border-radius:5px; text-align:center; font-style:italic; color:#007ED9; margin:0 0 10px; }
	.client-login input[type="submit"] { background:#fff; border-radius:5px; padding:10px 15px; font:700 20px 'proxima-nova','Lato'; color:#007ED9; text-transform:uppercase; }

	.login-box { position:relative; background:#007ED9; padding:25px 50px; margin:-360px 0 35px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2); }
		.login-box hr { margin:10px 0; border: solid #007ED9; border-width: 1px 0 0; }
		.login-box a { color:#fff; }
		.login-box .down-arrow { position:absolute; bottom:-27px; background:url("../images/template/sec-down.png") top center no-repeat; height:27px; width:100%; margin-left:-50px; }

	.signup-box { padding:25px 50px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2); font-size:18px; }
		.client-login .signup-box input[type="text"], .client-login .signup-box input[type="password"] { display:inline-block; width:80%; }


/***LISTINGS PAGE***/
.listing-search { overflow:hidden; background-image:url("../images/template/bg-green.jpg"); background-position:top center; background-repeat:no-repeat; background-size:cover; margin-top:-20px; }
	.listing-search select, .listing-search input[type="text"], .contact-form input[type="text"], .contact-form select, .contact-form input[type="email"], .contact-form select, .contact-form textarea { padding:0px 10px; background:#fff; border-radius:5px; width:200px; height:34px; font-size:14px; font-weight:300; font-style:italic; color:#74a137; display:inline-block; }
	.listing-search select.half { width:150px; }
	.listing-search input[type="reset"], .contact-form input[type="reset"]{ background:none; border:2px solid #fff; border-radius:5px; color:#fff; text-shadow:none; font:700 12px 'proxima-nova','Lato'; }
	.listing-search input[type="submit"], .contact-form input[type="submit"] { background:#fff; border-radius:5px; padding:10px 25px; font:900 20px 'proxima-nova','Lato'; font-weight:700; color:#007ED9; text-transform:uppercase; margin:0; }
	.listing-search .w20 { border-left:1px solid #fff; }
	.listing-search select[disabled], .listing-search input[disabled] { background:#ddd; }

	.contact-form { border-right:1px solid #fff; }
	.contact-form .name input[type="text"], .contact-form .phone input[type="text"], .contact-form .email-address input[type="email"] { width:125px; }
	.contact-form .interest select { margin-left:5px; }
	.contact-form .message textarea { width:90%; height:105px; padding-top:15px; }

	#listings .w25 img { height:157px; }

	.listing-push { height:125px; }

.callout { font-size:72px; font-weight:100; padding:0 15px; margin:5px 0 15px; border:1px solid #007ED9; color:#007ED9; text-transform:uppercase; line-height:72px; }

.shadow {box-shadow: 0 4px 4px -2px #232323;  -moz-box-shadow: 0 4px 4px -2px #232323; -webkit-box-shadow: 0 4px 4px -2px #232323; }

.listings-contact { }
	.listings-contact input[type="text"] { border-radius:8px; color:#007ED9; font-style:italic; box-shadow:inset 2px 1px 2px rgba(0,0,0,0.3); }
	.listings-contact input[type="submit"] { font:700 18px 'proxima-nova','Lato'; color:#fff; text-shadow:none; text-transform:uppercase; background:#007ED9; border-radius:8px; padding:8px 20px; }
	.listings-contact hr { border-top:1px solid #007ED9; border-bottom:1px solid #fff; }

/****PAGINATION****/
#page { width:100%; text-align:center; }
	#page  a { color:#fff; cursor:pointer; text-decoration:none; font-size:16px; font-weight:700; text-transform:uppercase; padding:0 3px; }
	#page a.jp-disabled { color:#007ED9; }
	#page a.jp-current { /*text-shadow:1px 1px 3px rgba(0,0,0,0.3);*/ color:#007ED9; }
	#page .jp-previous { float:left; }
	#page .jp-next { float:right; }

/***AGENT BIO***/
.bg-full { background:url("../images/template/bg-single.jpg") top center no-repeat; background-size:cover; padding-top:125px; min-height:500px; }
.cell { background:url("../images/media/icon-cell.png") center left no-repeat; padding:10px 0 10px 25px; margin:0; }
.email { background:url("../images/media/icon-mail.png") center left no-repeat; padding:10px 0 10px 25px; margin:0; }
	.email a { color:#007ED9; font-weight:700; text-decoration:none; }

#listing-top-left img { margin-left:-25%; }

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 999px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 999px) {
		.slide { min-height:550px; }
        #listing-top-right { display:none; }
        #listing-top-left img { margin-left:0; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.nav-open { top:70px; left:5px; }
		.logo { width:100%;  }

		ul.utl-nav { display:none; }
		#mobile-nav { display:block; }
		.search-form { display:none; }

		.success-stories img.alignbottom { display:none; }
		.success-stories .gray.block.remove-pad { padding:25px 0 !important; text-align:center; }
		.success-stories .gray.block.remove-pad.stories { padding:0 !important; }

		.listing-push { height:125px; }
		.map { display:none; }
		.listing-search .w20 { border-left:0; }

		.section-title { background:none; line-height:18px; height:auto; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		.slide { min-height:300px; background-position: -120px bottom; }

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 767px) {
		#desktop-slides { display:none; }
		#mobile-slides { display:block; }
			#next, #prev { display:none; }

		.header.block { position:relative; background-color: #007ED9;}
		.slideshow .slide { display:none; }
		.slideshow .mobile { display:block; }
			.slideshow .mobile img { width:100%; height:auto; }

		.nav-open { text-indent:-9999px; }

		.team-pic { height:210px; }

		.green.block { background-image:none !important; }
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
.overlay {
	opacity: 0.7;
}

.overlay:hover {
  opacity: 1;
	cursor: pointer;
}

.listings {
	font-size: 18px;
	margin-top: 20px;
	font-family: 'Source Sans Pro', sans-serif;
}

.card {
	width: 325px;
	/* border-style:solid;
	border-width: 1px;
	border-color: #C2C5CC; */
	border-radius: 5px;
	box-shadow: 0px 3px 3px #888888;
}

.white {
	padding-left: 20px;
}

.map {
	padding-vertical: 20px;
	padding-horizontal: 20px;
	background-color: white;
	box-shadow: 5px 10px 18px #888888;
}