/********************************************
    OwnGlendale.com
	Built by WebSight Design, Inc.
*********************************************/

/***** Fonts *****/
@font-face { font-family: 'CompassSans-Regular';
			 src: url('fonts/CompassSans-Regular.eot');
			 src: url('fonts/CompassSans-Regular.eot?#iefix') format('embedded-opentype'),
				  url('fonts/CompassSans-Regular.woff') format('woff'),
				  url('fonts/CompassSans-Regular.ttf') format('truetype');
}

@font-face { font-family: 'CompassSans-Medium';
			 src: url('fonts/CompassSans-Medium.eot');
			 src: url('fonts/CompassSans-Medium.eot?#iefix') format('embedded-opentype'),
				  url('fonts/CompassSans-Medium.woff') format('woff'),
				  url('fonts/CompassSans-Medium.ttf') format('truetype');
}

@font-face { font-family: 'CompassSans-Bold';
			 src: url('fonts/CompassSans-Bold.eot');
			 src: url('fonts/CompassSans-Bold.eot?#iefix') format('embedded-opentype'),
				  url('fonts/CompassSans-Bold.woff') format('woff'),
				  url('fonts/CompassSans-Bold.ttf') format('truetype');
}

/******** BROWSER CSS RESET *************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	/*** Include Padding/Borders in width for all elements ***/
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* Responsive images & embedded objects (remove for image cropping) */
img, object, embed { max-width: 100%; }

/****** GLOBAL ELEMENT CSS ******/
html * { max-height: 999999px; } /* Android mobile font sizing fix */

body {
	line-height: normal;
	font-size: 18px;
	font-family: 'CompassSans-Regular', sans-serif;
	background: #fff;
	-webkit-text-size-adjust: none;
}

body, select, input, textarea { color: #000; }

ins { background-color: #fcd700; color: #000; text-decoration: none; }
mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
	padding:0 0 20px 0;
}
h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4, h5, h6 { font-size:1.2em; }

p { padding:0 0 20px 0; line-height:140%; }
p.testimonial { padding:20px 0; font-size:1.2em; width:100%; max-width:800px; margin:0 auto; }
p.byline { font-weight:bold; text-transform:uppercase; font-size:0.8em; }

.bold30 { font-weight:bold; font-size:26px; text-transform:uppercase; }

a, a:visited { color: #666; text-decoration: underline; }
a:hover, a:active { color: #000; text-decoration: underline; }
a:link { -webkit-tap-highlight-color: initial; }

a.biglink { font-size:21px; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#000;
    display:inline-block; vertical-align:top; margin:5px 5px 5px 0; padding:0 0 8px 0; width:auto; position:relative;
    /*border-bottom:3px #000 solid;*/
    transition:0.2s linear all; cursor:pointer;
}
a.biglink::after { content:'';
    display:block; width:100%; height:3px; background:#000; 
    position:absolute; bottom:0; left:0; 
}
a.biglink:hover { color:#333; }
a.biglink:hover::after {
    animation-name: biglinkline;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}

a.boxbtn { width:auto; display:inline-block; vertical-align:top;
    background:#000; padding:12px 30px; margin:0 5px 5px 0;
    font-size:1em; color:#fff; text-decoration:none; text-transform:uppercase; text-align:center; 
    cursor:pointer; transition:0.2s linear all;
}

@keyframes biglinkline {
	from { width:1px; }
	to { width:100%; }
}

img { height:auto; }
img.bg-img { width:100%; height:100%; display:flex; position:absolute; top:0; left:0; z-index:1; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }

.clear { clear: both; }
.clearfix::after { content:''; clear:both; display:table; }

.container1500 { width:100%; max-width:1540px; margin:0 auto; padding-left:20px; padding-right:20px; }
.container1500-dskpad { width:100%; max-width:1540px; margin:0 auto; }
.pad100 { padding-top:50px; padding-bottom:50px; }

.subpage { max-width:1000px !important; padding-bottom:50px; }

.dsk, .dsk2 { display:none; }
.mob { display:block; }
.mob2 { display:inline; }

/*** Basic List Styling ***/
ul {
	margin: 0px 0px 20px;
	padding: 0 0 0 20px;
	list-style-type: disc;
	list-style-position: outside;
}
ul li { margin-bottom: 5px; }
ul li ul li { margin-top: 5px; }
ul li ol li { margin-top: 5px; }

ol {
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	list-style-type: decimal;
	list-style-position: outside;
}
ol li { margin-bottom: 5px; }
ol li ol li { margin-top: 5px; }
ol li ul li { margin-top: 5px; }

.grecaptcha-badge { visibility: hidden; }

/*** Blockquote ***/
/*genric styles for blockquote in content*/
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


/*** CKEditor Image Alignment Classes ***/
.align-left {
	margin: 0px 15px 15px 0px;
    float: left;
}
.align-right {
	margin: 0px 0px 15px 15px;
    float: right;
}
.align-center { text-align: center; }
.align-center > figure { display: inline-block; }


/****** FRONTEND LAYOUT ******/
#page {
	margin: 0 auto;
	width: 100%;
	min-width: 350px;
	position: relative;
}

#scrollme { width:10px; height:10px; position:absolute; top:50px; left:0; z-index:100; }

/*** Header ***/
.homepage #header, .propertyDetail #header { position:absolute; top:0; left:0; z-index:9999; width:100%; height:80px; 
    background:url('../images/top-gradient.png') repeat-x; background-size:auto 80px;
    padding:10px 20px;
}
    
.homepage #logo, .propertyDetail #logo { width:60px; height:60px; display:block;
    background:url('../images/own-glendale-white.png') 0 0 no-repeat; background-size:100% 100%; filter:invert(0);
    float:left; position:relative; z-index:9999;
}

#logo { width:60px; height:60px; display:block;
    background:url('../images/own-glendale-white.png') 0 0 no-repeat; background-size:100% 100%;
    float:left; position:relative; z-index:9999; filter:invert(1);
    transition:0.2s linear all;
}

#logo b { display:none; }

#header { position:relative; width:100%; height:80px; padding:10px 20px }


/*** Main Menu ***/
#menuBtn { width:40px; height:40px; display:block; margin:0; cursor:pointer; position:relative; border:none; float:right; background:transparent; z-index:9999; }

#menuBtn svg:first-child { position:absolute; top:10px; left:0; width:100%; height:4px; transition:0.2s linear all; fill: #000; }
#menuBtn svg:nth-child(2n) { position:absolute; top:18px; left:0; width:100%; height:4px; transition:0.2s linear all; fill: #000; }
#menuBtn svg:last-child { position:absolute; top:26px; left:0; width:100%; height:4px; transition:0.2s linear all; fill: #000; }

.homepage #menuBtn svg:first-child, .propertyDetail #menuBtn svg:first-child { fill: #fff; }
.homepage #menuBtn svg:nth-child(2n), .propertyDetail #menuBtn svg:nth-child(2n) { fill: #fff; }
.homepage #menuBtn svg:last-child, .propertyDetail #menuBtn svg:last-child { fill: #fff; }

#menuBtn.open svg:first-child { transform: rotate(45deg); top:18px; fill: #fff; }
#menuBtn.open svg:nth-child(2n) { opacity:0; }
#menuBtn.open svg:last-child { transform: rotate(-45deg); top:18px; fill: #fff; }

#header:has(#menuBtn.open) #logo { filter:invert(0); }


#mainmenu {
	display: none;
	position: absolute; top:0; left:0; z-index:8888;
	width: 100%;
	text-align: center;
	margin: 0; padding:80px 0 10px 0;
	background:rgba(0,0,0,0.85);
}
#mainmenu ul {
	margin: 0px auto;
	padding: 0px;
	list-style-type: none;
}
#mainmenu ul li {
	margin: 0px;
	float: none;
	border-left: none;
	border-top: 1px solid #666;
}
#mainmenu ul li:first-child { border-top: none; }
#mainmenu ul li a, #mainmenu ul li a.mobnav {
	display: block;
	padding: 10px 20px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	background-color: transparent;
}
#mainmenu ul li a.dsknav { display:none; }

#mainmenu ul li:hover > a, #mainmenu ul li:active > a  { }
#mainmenu ul li > ul { display: none; }
#mainmenu ul li:hover > ul { display: none; }
#mainmenu ul li > ul li { border-top:none; }

/***** BREADCRUMBS *****/
#breadcrumbs-wrapper { width:100%; padding:0 50px 20px 0; color:#999; }
ul.breadcrumbs {
    display:block; text-align:left;
	margin:0; padding:0; list-style-type: none;
	font-size: 12px;
}
ul.breadcrumbs li {
	display: inline-block; vertical-align:top;
	margin: 0;
	padding: 0;
}
ul.breadcrumbs li a { text-decoration: underline; color: #999; }
ul.breadcrumbs li:last-child { border-right:0; margin-right:0; padding-right:0; }

/*** Content Area ***/
#content { }

/**  Block Content **/
.bc-left-img { display:block; margin:0 0 20px 0; }
.bc-left-img img { width:100%; display:block; }
.bc-right-txt { }

.featuredImg { width:100%; margin:0 0 50px 0; height:auto; height:400px; }
.featuredImg img { width:100%; height:400px; object-fit:cover; }


/*** Footer ***/
#footer {
	padding: 20px;
	width:100%; background:#000; color:#fff; text-align:center; font-size:14px;
}
#footer a { color:#fff; text-decoration:underline; }
#footer a:hover { color:#fff; text-decoration:none; }

div.copy { padding:20px 0 1px 0; background:#fff; text-align:center; color:#000; }
div.copy img { width:102px; margin-bottom:10px; }
div.copy p { font-size:11px; line-height:normal; text-align:left; }

#social { display:inline-block; width:auto; margin:10px auto 20px auto; padding:0; list-style-type:none; }
#social li { display:inline-block; vertical-align:top; margin:0 5px; padding:0; }
#social a { width:30px; height:30px; display:block; overflow:hidden; font-size:1px; text-indent:-3000px; color:#fff; }
    
a.fb { background:url('../images/facebook-white.svg') 50% 50% no-repeat; background-size:auto 24px; }
a.ig { background:url('../images/instagram-white.svg') 50% 50% no-repeat; background-size:24px auto; }
a.li { background:url('../images/linkedin-white.svg') 50% 50% no-repeat; background-size:24px auto; }
a.yt { background:url('../images/youtube-icon-white.svg') 50% 50% no-repeat; background-size:24px auto; }
a.pt { background:url('../images/pinterest-white.svg') 50% 50% no-repeat; background-size:24px auto; }
a.co { background:url('../images/compass-o-white.svg') 50% 50% no-repeat; background-size:24px auto; }
    
    

/****** FORMS STYLING ******/
div.form {
	margin: 0 auto;
	max-width: 600px;
}
div.form label {
	display: block;
	font-weight: normal;
}
div.form input,
div.form textarea,
div.form select {
	box-sizing: border-box;
	margin:0;
	font-size:18px; font-family: 'CompassSans-Regular';
}
div.form fieldset { margin:0 0 20px 0; }
div.form input[type=text],
div.form input[type=number],
div.form input[type=password] {
	padding: 5px;
	width: 100%;
	border: 1px solid #666;
	border-radius: 0px;
	-webkit-appearance: none;
}
div.form textarea {
	padding:5px;
	width: 100%;
	height: 120px;
	resize: none;
	border: 1px solid #666;
	border-radius: 0px;
	-webkit-appearance: none;
}
div.form select {
	padding: 5px;
	width: 100%;
	border: 1px solid #666;
	border-radius: 0px;
}
div.form .note { font-size:0.8em; }
div.form span.required { color: red; }

div.form .row.checkbox label,
div.form .row.radio label {
	float: none;
	padding: 0px;
	display: inline-block;
	width: auto;
}
div.form .row.buttons { text-align: center; }
div.form input[type=submit] {
	padding: 10px 30px;
	color: #fff; font-size: 20px; font-weight: bold; text-transform:uppercase; font-family: 'CompassSans-Regular';
	border:1px #fff solid;;
	border-radius: 0px;
	-webkit-appearance: none;
	background: #000;
	box-shadow: none;
	cursor:pointer;
}

/*** Form Errors ***/
div.form div.error label,
div.form label.error,
div.form span.error {
	color: #C00;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
	background: #FEE;
	border-color: #C00;
}
div.form .errorSummary {
	border: 2px solid #C00;
	padding: 10px;
	margin: 0px 0px 20px;
	background: #FEE;
}
div.form .errorMessage { color: red; }
div.form .errorSummary p { margin: 5px; }
div.form .errorSummary ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}


/****** HOMEPAGE ******/
.homepage { }

/* Banners */
#hp-banner { width:100%; display:block; position:relative; overflow:hidden; }
div.slideshow { width:100%; height:auto; margin:0 !important; }
div.slideshow img { width:100%; height:50vh; object-fit:cover; }

/* As Seen In*/
#tiles { width:100%; display:block; position:relative; 
    background:url('../images/poolside-yard.jpg') 50% 50% no-repeat #000; background-size:cover;
    color:#fff; text-align:center;
}

.tiles-inner { width:100%; background:rgba(0,0,0,0.5); padding:100px 0; }

ul.carouselTicker__list { margin:0; }
.carouselTicker { height:70px; overflow:hidden; }
.carouselTicker__item { height:70px; padding:0; position:relative; }

/* Featured Properties */
#featured-properties { list-style-type:none; padding:0 15px; margin:0; }
#featured-properties li { display:block; }
#featured-properties li p { padding:5px 15px; font-size:20px; }

div.fp-img { width:100%; aspect-ratio:3 / 2; display:block; margin:0 0 10px 0; position:relative; background:#000; }

div.fp-overlay { 
    width:100%; height:auto; padding:15px; background:rgba(0,0,0,0.5); 
    text-transform:uppercase; font-weight:bold; color:#fff;
    display:flex; align-items:center; justify-content:space-between; 
    position:absolute; bottom:0; left:0; z-index:10;
    transition:0.2s linear all;
}
div.fp-price { width:auto; text-align:left; }
div.fp-view { width:auto; text-align:right; }
div.fp-overlay a { color:#fff; text-decoration:none; }

#featured-properties .slick-next::before, #featured-properties .slick-prev::before { content:''; }
#featured-properties .slick-next { 
    top:0; right:-15px; z-index:888;
    height:100%; transform:none; width:20px; 
    background:url('../images/right-arrow.svg') 0 30% no-repeat; background-size:20px; 
    opacity:1; transition:0.2s linear all;
}
#featured-properties .slick-prev { 
    top:0; left:-15px; z-index:888;
    height:100%; transform:none; width:20px; 
    background:url('../images/left-arrow.svg') 0 30% no-repeat; background-size:20px;
    opacity:1; transition:0.2s linear all;
}

/* Notable Sales */
ul.notable-sales-list { padding:0; margin:0; list-style-type:none; }
ul.notable-sales-list li { margin:0; padding:0; }

div.ns-img { width:100%; position:relative; color:#fff; background:#000; font-size:14px; }
div.ns-img img { aspect-ratio:3 / 2; object-fit:cover; display:block; }

div.ns-img .fp-view { display:none; }

ul.notable-sales-list .slick-next { top:0; right:0; width:23px; height:100%; transform:none; z-index:888; opacity:1;
    background:url('../images/right-arrow.svg') 0 50% no-repeat; background-size:20px auto; filter:invert(1);
    transition:0.2s linear all;
}
ul.notable-sales-list .slick-prev { top:0; left:0; width:23px; height:100%; transform:none; z-index:888; opacity:1;
    background:url('../images/left-arrow.svg') 100% 50% no-repeat; background-size:20px auto; filter:invert(1);
    transition:0.2s linear all;
}
ul.notable-sales-list .slick-next::before, ul.notable-sales-list .slick-prev::before { content:''; }


/*** Contact ***/
/* Overlay Form */
#onpage-contact { display:none; background:rgba(0,0,0,0.5); color:#fff; width:100%; max-width:1200px; }

div.opc-img { display:none; }

#o-form div.form label { display:block; float:none; margin:0; width:100%; padding:0; font-size:0.8em; font-weight:bold; text-transform:uppercase; }
#o-form div.form input[type=text], #o-form div.form select, #o-form div.form textarea { 
    width:100%; background:transparent; color:#fff; padding:5px 10px; border:none; border-bottom:1px #fff solid;
    font-family: 'CompassSans-Regular';
    transition:0.2s linear all;
}
#o-form div.form input[type=text]:hover, #o-form div.form select:hover, #o-form div.form textarea:hover { background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); }

#o-form span.required { color:#ccc; }
#o-form div.errorMessage { margin:5px 0 0 0; font-size:0.8em; color:#ccc; }

/*** TEAM ***/
#agent-list { list-style-type:none; margin:0; padding:0; width:100%; display:block; text-align:center; }
#agent-list li { width:calc(100% - 20px); max-width:375px; margin:0 10px 40px 10px; display:inline-block; vertical-align:top; }
#agent-list h3 { padding:0 0 5px 0; }
div.agent-thm { width:100%; display:block; margin:0 0 10px 0; aspect-ratio:3 / 2.5; overflow:hidden; }
div.agent-thm img { width:100%; aspect-ratio:3 / 2.5; object-fit:cover; display:block; }


/*** PROPERTIES ***/
#property-list { list-style-type:none; padding:0; margin:0; text-align:center; }
#property-list li { display:inline-block; text-align:left; vertical-align:top; width:100%; margin:0 0 40px 0; }
#property-list li p { padding:5px 15px; font-size:20px; }

/** PROPERTY DETAILS **/
#pdp-intro-photo { width:100%; height:100vh; display:block; margin:0; position:relative; background:#000; }
#pdp-intro-photo img { width:100%; height:100vh; display:block; object-fit:cover; }

div.pdp-intro { position:absolute; bottom:0; left:0; z-index:100;
    width:100%; background:url('../images/bot-gradient.png') 0 100% repeat-x; background-size:auto 150%;
    color:#fff; padding:20px 0 1px 0;
}

div.pdp-intro h1 { font-size:1.3em; }

#photo-gallery { width:100%; padding:50px 20px; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
#photo-gallery a { display:block; width:32%; margin-bottom:10px; }
#photo-gallery a img { width:100%; aspect-ratio:3 / 2; display:block; object-fit:cover; }

#property-info { width:100%; }

div.property-stats { margin:0 0 30px 0; }
div.pi-stat { width:100%; margin:0 0 10px 0; }
div.pi-count { width:50%; text-align:right; padding-right:10px; font-size:30px; display:inline-block; vertical-align:middle; }
div.pi-item { width:48%; text-align:left; font-size:16px; font-weight:bold; text-transform:uppercase; display:inline-block; vertical-align:middle; }
div.pi-item a { color:#000; text-decoration:none; }
img.map-icon { width:30px; }

div.property-desc { }


/*** TESTIMONIALS ***/
#the-testimonials { width:100%; display:block; }

#the-testimonials div.test-indv:nth-child(3n + 1) { position:relative; display:block; margin:0 0 50px 0; background:#000; }
#the-testimonials div.test-indv:nth-child(3n + 1) img.test-img { width:100%; height:100%; display:flex; position:absolute; top:0; left:0; z-index:1; object-fit:cover; }
#the-testimonials div.test-indv:nth-child(3n + 1) div.the-test { width:100%; height:auto; padding:100px 20px; background:rgba(0,0,0,0.5); position:relative; z-index:10; }
#the-testimonials div.test-indv:nth-child(3n + 1) div.the-test-inner { width:100%; max-width:1000px; margin:0 auto; text-align:center; color:#fff; }

#the-testimonials div.test-indv:nth-child(3n + 2) { position:relative; width:100%; max-width:1500px; margin:0 auto 50px auto; }
#the-testimonials div.test-indv:nth-child(3n + 2) img.test-img { width:100%; display:block; margin:0 0 20px 0; }
#the-testimonials div.test-indv:nth-child(3n + 2) div.the-test { padding:0 20px; }

#the-testimonials div.test-indv:nth-child(3n + 3) { position:relative; width:100%; max-width:1500px; margin:0 auto 50px auto; }
#the-testimonials div.test-indv:nth-child(3n + 3) img.test-img { width:100%; display:block; margin:0 0 20px 0; }
#the-testimonials div.test-indv:nth-child(3n + 3) div.the-test { padding:0 20px; }


/*** BEFORE & AFTER ***/
#before-after { }

div.ba-indv { width:100%; display:block; margin:0 0 50px 0; padding:0 0 50px 0; border-bottom:1px #ccc solid; }
#before-after div.ba-indv:last-child { border-bottom:none; }
div.ba-indv h2 { padding:0 0 5px 0; }

div.ba-img-pair { width:100%; }
.before, .after { width:100%; display:block; position:relative; margin-bottom:10px; }
.before img, .after img { width:100%; aspect-ratio:3 / 2; ojbect-fit:cover; display:block; }
.before .ba-label { width:auto; position:absolute; bottom:20px; left:30px; z-index:100; color:#fff; text-transform:uppercase; }
.after .ba-label { width:auto; position:absolute; bottom:20px; right:30px; z-index:100; color:#fff; text-transform:uppercase; }

div.ba-gallery { padding:0 10px; margin:0 0 10px 0; }
div.ba-gallery img { width:auto; height:90px; padding:10px; }

div.ba-gallery .slick-next { top:0; right:-20px; width:23px; height:100%; transform:none; z-index:888; opacity:1;
    background:url('../images/right-arrow.svg') 0 50% no-repeat; background-size:20px auto;
    transition:0.2s linear all;
}
div.ba-gallery .slick-prev { top:0; left:-20px; width:23px; height:100%; transform:none; z-index:888; opacity:1;
    background:url('../images/left-arrow.svg') 100% 50% no-repeat; background-size:20px auto;
    transition:0.2s linear all;
}
div.ba-gallery .slick-next::before, div.ba-gallery .slick-prev::before { content:''; }

div.ba-stats { width:100%; display:block; text-align:center; }
div.ba-stat { width:100%; display:flex; align-items:center; margin:0 0 20px 0; }
div.ba-stat p { width:50%; text-align:left; padding:0; }
div.ba-stat h2 { width:50%; text-align:right; padding:0; font-size:1.3em; }

div.ba-desc { width:100%; max-width:1000px; margin:20px auto 0 auto; }


/*** NEWS ***/
ul.tags { list-style-type:none; padding:30px 0 0 0; }
ul.tags li { display:inline-block; vertical-align:top; border-right:1px #ccc solid; padding-right:10px; margin-right:6px; font-size:0.8em; }
ul.tags li:first-child, ul.tags li:last-child { border-right:none; padding-right:0; margin-right:0; }
ul.tags li a, ul.tags li a:hover { border:none !important; text-decoration:underline; text-transform:none; }

div.extras { text-align:center; }
div.extras a.boxbtn { margin:0 5px; }

.postnav { text-align:center; margin:100px 0 0 0; }
.postnav a { display:inline-block; vertical-align:top; margin:0 10px; }


/***************************************************
	TABLET BREAKPOINTS
****************************************************/
@media(min-width: 640px) {

    #property-list li { width:calc(100% - 20px); max-width:375px; margin:0 10px 40px 10px; }

}  /* @media(min-width: 880px) */




/***************************************************
	DESKTOP BREAKPOINTS
****************************************************/
@media(min-width: 992px) {

    /*** ANIMATIONS ***/
    @keyframes fadeup {
        from { margin-top:100px; opacity:0; }
        to { margin-top:0; opacity:1; }
    }

    @keyframes rightin {
        from { padding-left:124px; opacity:0; }
        to { padding-left:24px; opacity:1; }
    }

    @keyframes leftin {
        from { padding-right:124px; opacity:0; }
        to { padding-right:24px; opacity:1; }
    }
    
    @keyframes fadein {
        from { opacity:0; }
        to { opacity:1; }
    }

	/****** GLOBAL ELEMENT CSS ******/
    .container1500, .container1500-dskpad { width:100%; max-width:1600px; margin:0 auto; padding-left:50px; padding-right:50px; }
    .pad100 { padding-top:100px; padding-bottom:100px; }
    
    a.biglink { font-size:24px; }
    
    .bold30 { font-weight:bold; font-size:30px; }
    
    .mob, .mob2 { display:none; }
    .dsk { display:block; }
    .dsk2 { display:inline; }
    
	body { }

	/****** FRONTEND LAYOUT ******/
	#menuBtn { display: none; }
	#searchBtn { display: none; }
    
    .homepage #header { position:fixed; top:0; left:0; z-index:9999; width:100%; height:282px; 
        background:url('../images/top-gradient.png') repeat-x;
        padding:10px 50px; margin:0;
        transition:0.2s linear all;
    }
    
    .homepage #logo { width:160px; height:160px; display:block;
        background:url('../images/own-glendale-white.png') 0 0 no-repeat; background-size:100% 100%; filter:invert(0);
        float:left; transition:0.2s linear all;
    }
    
    .homepage #header.sticky { background:#fff; height:auto; }
    .homepage #header.sticky #logo { filter:invert(1); width:100px; height:100px; }
    
    #header { width:100%; height:auto; padding:10px 50px; /*margin:0 0 50px 0;*/ margin:0; position:fixed; top:0; left:0; z-index:9999; background:#fff; }
    #logo { width:100px; height:100px; display:block;
        background:url('../images/own-glendale-white.png') 0 0 no-repeat; background-size:100% 100%;
        float:left; filter:invert(1);
    }
    #header::after { clear:both; display:table; width:100%; }
    
    .propertyDetail #header { width:100%; height:auto;
        position:fixed; top:0; left:0; z-index:9999;
        background:url('../images/top-gradient.png') repeat-x; background-size:auto 100%;
        padding:10px 50px; margin:0;
        transition:0.2s linear all;
    }
    .propertyDetail #logo { width:100px; height:100px; display:block;
        background:url('../images/own-glendale-white.png') 0 0 no-repeat; background-size:100% 100%;
        float:left; filter:invert(0);
        transition:0.2s linear all;
    }
    
    .propertyDetail #header.sticky { background:#fff; }
    .propertyDetail #header.sticky #logo { filter:invert(1); }
    
    
    
	/*** Main Menu ***/
	#mainmenu {
		display: block; float:right;
		position: relative; top:unset; left:unset;
        margin:50px 0 0 0; padding:0; width:auto;
        background:none; text-align:left;
	}
	#mainmenu ul {
		display: flex;
		justify-content: space-between;
        align-items:flex-start;
	}
	#mainmenu ul li {
		display: -webkit-inline-flex;
		display: inline-flex;
		position: relative;
		border: none;
		width: 100%;
		margin: 0; padding:0 20px;
	}
    
    #mainmenu ul li.mobnavonly { display:none; }
    
	#mainmenu ul li a, #mainmenu ul li a.dsknav {
		padding:5px 0; border-bottom:3px transparent solid; display:block;
		font-size: 17px; text-transform:uppercase; color:#000; white-space:nowrap;
		width: 100%;
        transition:0.2s linear all;
	}
    #mainmenu ul li a.mobnav { display:none; }
    
    .homepage #mainmenu ul li a { color:#fff; }
    .homepage #mainmenu ul li:hover a, .homepage #mainmenu ul li:active a, .homepage #mainmenu ul li.active a { border-bottom:3px #fff solid; font-weight:bold; }
    
    .homepage #header.sticky #mainmenu ul li a { color:#000; }
    .homepage #header.sticky #mainmenu ul li:hover a, .homepage #header.sticky #mainmenu ul li:active a, .homepage #header.sticky #mainmenu ul li.active a { border-bottom:3px #000 solid; font-weight:bold; }
    
    .propertyDetail #mainmenu ul li a { color:#fff; }
    .propertyDetail #mainmenu ul li:hover a, .propertyDetail #mainmenu ul li:active a, .propertyDetail #mainmenu ul li.active a { border-bottom:3px #fff solid; font-weight:bold; }
    
    .propertyDetail #header.sticky #mainmenu ul li a { color:#000; }
    .propertyDetail #header.sticky #mainmenu ul li:hover a, .propertyDetail #header.sticky #mainmenu ul li:active a, .propertyDetail #header.sticky #mainmenu ul li.active a { border-bottom:3px #000 solid; font-weight:bold; }
    
	#mainmenu ul li:hover a, #mainmenu ul li:active a, #mainmenu ul li.active a { border-bottom:3px #000 solid; font-weight:bold; }
	#mainmenu ul li > ul {
		display: none;
		position: absolute; top:30px; left:0; z-index:999;
		margin:0; padding:5px 0;
		min-width: 100px;
        background:#fff;
	}
    
    .homepage #header #mainmenu ul li > ul { background:transparent; }
    .homepage #header.sticky #mainmenu ul li > ul { background:#fff; }
    
    .propertyDetail #header #mainmenu ul li > ul { background:transparent; }
    .propertyDetail #header.sticky #mainmenu ul li > ul { background:#fff; }
    
	#mainmenu ul li:hover > ul { display: block; }

	#mainmenu ul li > ul li {
		margin: 0px; padding:0 20px;
		float: none;
		position: relative;
		border-left: none;
	}

	#mainmenu ul li:last-child { border-bottom: none; }
	#mainmenu ul li > ul li a {
		display: block;
		padding: 5px 0; font-size: 17px; text-decoration: none;
        border-bottom: 1px solid #aaa !important;
	}
    #mainmenu ul li > ul li:hover a { font-weight:bold; border-bottom: 1px solid #aaa !important; }
    #mainmenu ul li > ul li:last-child a { border-bottom:none !important; }


	/*** Content Area ***/
    #content { padding-top:150px; }
    .homepage #content, .propertyDetail #content { padding-top:0; }
    
    
    /**  Block Content **/
    .block-content { width:100%; display:flex; align-items:center; justify-content:space-between; }
    .bc-left-img { width:50%; display:block; margin:0; }
    .bc-right-txt { width:50%; padding:0 5%; display:block; }
    
    .featuredImg { width:100%; margin:0 0 50px 0; height:auto; height:600px; }
    .featuredImg img { width:100%; height:600px; object-fit:cover; }

    
    /*** Footer ***/
	#footer { padding:50px; font-size:18px; }
	
    #social { margin:20px auto 50px auto; }
    #social li { display:inline-block; vertical-align:top; margin:0 10px; padding:0; }

    #ftr-contact { display:block; width:100%; margin:0 auto 30px auto; }
    .ftrc-left { width:50%; float:left; text-align:right; padding-right:124px; opacity:0; }
    .ftrc-right { width:50%; float:left; text-align:left; padding-left:124px; opacity:0; }
    
    .ftrc-left.slidein { animation-name:leftin; animation-duration: 0.5s; animation-fill-mode: forwards; animation-delay:0.25s; }
    .ftrc-right.slidein { animation-name:rightin; animation-duration: 0.5s; animation-fill-mode: forwards; animation-delay:0.25s; }
    
    div.copy { text-align:left; }
    div.copy img { width:102px; float:left; margin:0; }
    div.copy p { font-size:13px; width:calc(100% - 122px); float:right; }

	
	
	/****** FORMS ******/
	div.form { }
	div.form label {
		float: left;
		padding: 5px 0px 0px;
		width: 25%;
	}
	div.form input[type=text],
	div.form input[type=number],
	div.form input[type=password],
    div.form select {
		width: 75%;
	}
	div.form textarea {
		width:75%;
		height: 120px;
	}
	div.form .row.checkbox,
	div.form .row.radio { margin-left: 100px; }

	

    /****** HOMEPAGE ******/
    /* Banners */
    div.slideshow img { width:100%; height:90vh; object-fit:cover; }
    
    /* As Seen In*/
    .tiles-inner { padding:200px 0; }
    
    /* Featured Properties */
    #featured-properties { list-style-type:none; padding:0 30px; margin:0; }
    #featured-properties li { padding:0 15px; display:block; cursor:pointer; }
    #featured-properties li p { padding:10px 20px; font-size:20px; }

    #featured-properties li:hover div.fp-overlay { background:rgba(0,0,0,1); }
    
    div.fp-overlay {  padding:20px; }
    
    #featured-properties .slick-next { 
        top:0; right:15px; z-index:888;
        height:100%; transform:none; width:30px; 
        background:url('../images/right-arrow.svg') 100% 40% no-repeat #fff; background-size:20px; 
        opacity:1; transition:0.2s linear all;
    }
    #featured-properties .slick-next:hover { right:10px; }
    #featured-properties .slick-prev { 
        top:0; left:15px; z-index:888;
        height:100%; transform:none; width:30px; 
        background:url('../images/left-arrow.svg') 0 40% no-repeat #fff; background-size:20px;
        opacity:1; transition:0.2s linear all;
    }
    #featured-properties .slick-prev:hover { left:10px; }
    
    /* Notable Sales */
    .slick-current div.ns-img img { opacity:1; }
    
    ul.notable-sales-list li { margin:0; padding:0 15px; }
    
    div.ns-img { width:auto; height:auto; position:relative; color:#fff; background:#000; }
    div.ns-img img { width:auto; height:65vh; display:block; opacity:0.7; transition:0.2s linear all; object-fit:default; aspect-ratio:0; }
    
    ul.notable-sales-list .slick-next { top:0; right:0; width:70px; height:100%; transform:none; z-index:888; opacity:1;
        background:url('../images/right-arrow.svg') 0 50% no-repeat; background-size:20px auto; filter:invert(1);
        transition:0.2s linear all;
    }
    ul.notable-sales-list .slick-prev { top:0; left:0; width:70px; height:100%; transform:none; z-index:888; opacity:1;
        background:url('../images/left-arrow.svg') 100% 50% no-repeat; background-size:20px auto; filter:invert(1);
        transition:0.2s linear all;
    }
    
    div.ns-img .fp-view { display:block; }

    
    /*** Contact ***/
    /* Overlay Form */
    div.opc-inner { width:100%; display:flex; align-items:stretch; justify-content:space-between; }
    div.opc-img { width:45%; display:block; height:auto;
        background:url('../images/vertical-placeholder.jpg') 50% 50% no-repeat; background-size:cover;
    }

    #o-form { width:50%; display:block; }
    
    /*** TEAM ***/
    #agent-list { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
    #agent-list li { width:30%; max-width:none; display:block; margin:100px 0 40px 0; opacity:0; }
    #agent-list li.slidein { animation-name:fadeup; animation-duration: 0.5s; animation-fill-mode: forwards; animation-delay:0.25s; }
    
    
    /*** PROPERTIES ***/
    #property-list { list-style-type:none; padding:0 30px; margin:0; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
    #property-list li { padding:0; display:block; cursor:pointer; width:49%; max-width:none; margin:100px 0 40px 0; opacity:0; }
    
    #property-list li.slidein { animation-name:fadeup; animation-duration: 0.5s; animation-fill-mode: forwards; }
    #property-list li.already-visible { margin:0 0 40px 0; opacity:1; }
    
    #property-list li p { padding:10px 20px; font-size:20px; }

    #property-list li:hover div.fp-overlay { background:rgba(0,0,0,1); }
    
    /** PROPERTY DETAILS **/
    div.pdp-intro { padding:50px 0 20px 0; }
    div.pdp-intro h1 { font-size:1.7em; }

    #photo-gallery { max-width:1600px; margin:0 auto; padding:50px; }
    #photo-gallery a { width:24%; margin-bottom:20px; }

    div.property-stats { width:30%; float:left; margin:0; }
    div.pi-count { width:150px; margin-left:5%; }
    div.pi-item { width:auto; }
    div.property-desc { width:70%; float:right; }
    
    
    /*** TESTIMONIALS ***/
    #the-testimonials div.test-indv:nth-child(3n + 1) { margin:0 0 100px 0; }
    #the-testimonials div.test-indv:nth-child(3n + 1) div.the-test { padding:200px 50px; }

    #the-testimonials div.test-indv:nth-child(3n + 2) { margin:0 auto 100px auto; }
    #the-testimonials div.test-indv:nth-child(3n + 2) div.test-inner { width:100%; display:flex; align-items:flex-start; }
    #the-testimonials div.test-indv:nth-child(3n + 2) img.test-img { width:50%; display:block; margin:0; }
    #the-testimonials div.test-indv:nth-child(3n + 2) div.the-test { width:50%; display:block; padding:0 0 0 5%; }

    #the-testimonials div.test-indv:nth-child(3n + 3) { margin:0 auto 100px auto; }
    #the-testimonials div.test-indv:nth-child(3n + 3) div.test-inner::after { clear:both; content:''; display:table; }
    #the-testimonials div.test-indv:nth-child(3n + 3) img.test-img { width:50%; display:block; float:right; margin:0; }
    #the-testimonials div.test-indv:nth-child(3n + 3) div.the-test { width:50%; display:block; float:left; padding:0 5% 0 0; }
    
    
    /*** BEFORE & AFTER ***/
    div.ba-img-pair { display:flex; align-items:flex-start; justify-content:space-between; }
    .before, .after { width:49.5%; margin-bottom:0; }

    div.ba-gallery { padding:10px 30px; margin:0 0 20px 0; }
    div.ba-gallery img { width:auto; height:120px; padding:10px; }

    div.ba-gallery .slick-next { right:0; }
    div.ba-gallery .slick-prev { left:0; }

    div.ba-stats { width:100%; display:block; text-align:center; }
    div.ba-stat { width:33%; max-width:300px; display:inline-block; vertical-align:top; opacity:0; }
    
    #stat1.slidein { animation-name:fadein; animation-duration: 1s; animation-fill-mode: forwards; animation-delay:0.25s; }
    #stat2.slidein { animation-name:fadein; animation-duration: 1s; animation-fill-mode: forwards; animation-delay:0.5s; }
    #stat3.slidein { animation-name:fadein; animation-duration: 1s; animation-fill-mode: forwards; animation-delay:0.75s; }
    
    div.ba-stat p { padding:0 0 5px 0; width:100%; float:none; text-align:center; }
    div.ba-stat h2 { width:100%; float:none; text-align:center; font-size:1.5em; }
	

}  /* @media(min-width: 880px) */





/*** Skip to Content invisible link for accessibility ***/
#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
/* uncommenting will make the link visible when focused
#skip a:focus
{
position:static;
float:left;
width:auto;
height:auto;
}
*/