/*
Theme Name: Braithwaite Property Pty Ltd
Description: Braithwaite Property are unique Property Consultants who prides itself on working closely with clients to reach their desired outcomes.

Author: Eduardo Murillo Design www.murillodesign.com.au
Design and Developed by EMD
Version: 2.0 - 2017
*/

/*
---------------------------------------------------------------------
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

audio, canvas, video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

.clear { clear:both; }

/* 
--------------------------------------------------------------------- 
Image Alignment & Settings
---------------------------------------------------------------------
*/

img.alignleft { float: left; margin:3px 15px 15px 0 ; display:block; padding:0px; }
	.wp-caption.alignleft { float: left; margin:3px 15px 10px 0 ; display:block; padding:0px; }
img.alignright { float: right; margin:3px 0 15px 15px; display:block; padding:0px; }
	.wp-caption.alignright { float: right; margin:3px 0 10px 15px; display:block; padding:0px; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align:center; clear:both; }
	.wp-caption.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align:center; clear:both; }
img.alignnone { clear:both; margin:3px 0 15px 0;  display:block; padding:0px; }

.wp-caption {
	padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	line-height: 16px;
	color: #757575;
	background:#f6f6f6;
	padding:5px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* 
---------------------------------------------------------------------
Responsive Images - In Content Output Area
---------------------------------------------------------------------
*/

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

.ie8 img {
	height: auto; 
	width: auto\9; 
}

.ie8 img.size-large {
	max-width: 60%;
	width: auto;
}

.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/*
---------------------------------------------------------------------
TYPOGRAPHY
---------------------------------------------------------------------
*/

body { 
	font-family: 'Fira Sans', sans-serif;
	background:url(images/bg/bg.jpg) repeat;
	color:#002c42;
}

a {
	text-decoration:none;
	/*-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out*/
}
	a:hover { 
		color:#00c0ff; 
		/*-webkit-opacity: 0.50;
		-moz-opacity: 0.50;
		opacity: 0.50; */	
		text-decoration:none;
	}

	
.entry-content p { padding-bottom:16px; line-height:24px; color:#002c42; }	
	.entry-content a { color:#0086b2; text-decoration:underline; }
		.entry-content a:hover { color:#00c0ff; }
	.entry-content strong { font-weight:bold; }
	.entry-content ul { margin-bottom:15px; margin-left:30px; }
		.entry-content ul li { line-height:22px; }

	.entry-content .propertyDetails ul { list-style:none; margin:0px 0px 20px 0px; padding:0px; border-top:1px solid #f0f0f0; }
	.entry-content .propertyDetails ul li {
		border-bottom:1px solid #f0f0f0; 
		padding:10px 0px 8px 0px;
		display:block;
		width:100%;
		text-decoration:none;		
	}

header.entry-header .date { color:#999; font-size:12px; }
header.entry-header .category { color:#999; font-size:12px; }

strong { font-weight:bold; }

.blue { color:#00a6dc; }

.firstdivider { border-bottom:1px solid #dedede; padding-bottom:10px; }
.divider { border-bottom:1px solid #dedede; padding-bottom:10px; margin-top:25px; }

.content-center { text-align:center; }

/* 
---------------------------------------------------------------------
Headings
---------------------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6, 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	line-height:normal;
	font-family: 'Fira Sans', sans-serif;
}

h1 {
	font-size:36px;
	line-height:normal;
	padding:0px; 
	margin:0px 0px 10px 0px;
	font-weight:700;
}

h2 {
    font-size:26px;
	line-height:normal;
	padding:0px; 
	margin:0px 0px 15px 0px;
}

h3 {
    font-size: 20px; 
	line-height:normal;	
	padding:0px; 
	margin:0px 0px 15px 0px;
}

h4 {
    font-size: 16px;
	line-height:normal;	
	padding:0px; 
	margin:0px 0px 15px 0px;
}

.entry-content h1, 
.entry-content h2,
.entry-content h3,
.entry-content h4 { font-weight:bold; }

/*
---------------------------------------------------------------------
LAYOUT
---------------------------------------------------------------------
*/

.websiteContainer { 
	max-width: 1400px; 
	margin: 0px auto;
	padding:0px;
}

.wrapper { max-width:1170px; margin:0px auto; }

.paddingTopBottom { padding:30px 0px; }

.half { width:49%; }

.col1of1 { width:100%; float:none; margin:0px; padding:0px; }

.col1of2 { width:48%; float:left; margin:0px; padding:0px; }
.col2of2 { 	width:48%; float:right; margin:0px; padding:0px; }

.col1of4 { width:24%; float:left;margin:0px; padding:0px; }
.col3of4 { width:74%; float:left;margin:0px; padding:0px; }
.col4of4 { width:24%; float:right; margin:0px; padding:0px; }	

.col1of3 { width:32%; float:left;margin:0px; padding:0px; }
.col2of3 { width:65%; float:left;margin:0px; padding:0px; }
.col3of3 { width:32%; float:right; margin:0px; padding:0px; }

.whiteBG { background-color:#fff; }
.lightBlueBG { background-color:#2597be; }

.floatLeft { float:left; padding:0px; margin:0px; }
.floatRight { float:right; padding:0px; margin:0px; }
.floatNone { float:none; padding:0px; margin:0px; }

.buttonBlue { 
	background:#00a6dc;
	padding:15px;
	margin:0px auto;
	color:#fff; 
	text-transform:uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align:center;
}
	.buttonBlue:hover { background:#002c42; }

/*
---------------------------------------------------------------------
HEADER
---------------------------------------------------------------------
*/

#topBar { 
	width:100%; height:40px; color:#fff; 
	background:#006489; 
	font-size:14px; font-weight:500;
}

	#topBar a { color:#fff; }
		#topBar a:hover { color:#00c0ff; }

	#topBar .phone { float:left; margin-right:10px; padding-top:10px; }
	#topBar .maintenance { float:left; padding-top:10px; }

#headerContainer { 
	height:100px;
	display: block;
	
 	left: 0px;
  	top:40px;
	right:0px;
	margin:0px auto;
	z-index: 9999;
	
	position: absolute;
}

#headerContainer .logo { float:left; margin-top:15px; }
#headerContainer .menuPosition { float:right; margin-top:35px; }

/* Header Mobile */
#headerContainerMobile { display:none; }

/*
---------------------------------------------------------------------
NAVIGATION
---------------------------------------------------------------------	
*/

a.button-bar.noo-menu-collapse { margin-top:4px; }
	a.button-bar.noo-menu-collapse:hover,
		a.button-bar.noo-menu-collapse:link,
		a.button-bar.noo-menu-collapse:active  { cursor:pointer; }

.noo-menu-collapse-bar.clearfix > a.navbar-brand { margin-right:0px; padding-right:0px; }

.noosticky  { 
	background-color:#003951 !important;
	padding:9px 0 0 0 !important;   
}

div.noo-megamenu.horizontal.animate.slide.noo-collapse-open.noocollapse > ul.clearfix.noo-nav.level0  { background-color:#003951 !important; }
div.noo-megamenu.horizontal.animate.slide.noo-collapse-open.noocollapse > ul > li:hover  { background-color:#006489 !important; }

div.menuPosition > div#noo_menu_2.noo-menu-align-center.noonav.noo_menu_2.noo-nav-mb1.horizontal-down > div > div.noo-megamenu.horizontal.animate.slide.noo-collapse-open.noocollapse > ul.clearfix.noo-nav.level0 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-34.noo-nav-item.dropdown.mega > div.noo-nav-child.dropdown-menu.mega-dropdown-menu > div.mega-dropdown-inner > div.noo-row > div.noo-col.noo-span12.noo-col-nav > div.mega-inner > ul.mega-nav.level1 > li.menu-item.menu-item-type-post_type.noo-nav-item:hover { background:#3ea4c7; color:#fff; }

/*
---------------------------------------------------------------------
BANNER
---------------------------------------------------------------------
*/	

#homeBanner { 
	display:block;
 	left: 0px;
  	top:0;
	right:0px;
	margin:0px auto;
	z-index: -1;
	position: relative;
}

#pageBanner { 
	display:block;
 	left: 0px;
  	top:0;
	right:0px;
	margin:0px auto;
	z-index: -1;
	position: relative;
}

/*
---------------------------------------------------------------------
CALL TO ACTION SERVICES - PROPERTIES
---------------------------------------------------------------------
*/	

#homeProperties {
	margin:0px auto;
	clear:both;
}

#homeProperties .col1of5 { width:19.840%; height:319px; display:block; margin-right:0.2%; float:left; padding:0px; background:#fff; }
#homeProperties .col5of5 { width:19.840%; height:319px; display:block; float:right; margin:0px; padding:0px; background:#fff; }

#homeProperties .bankstown { background:url(images/homeproperties/bankstown.jpg) no-repeat center center; background-size:cover; }
#homeProperties .parramatta { background:url(images/homeproperties/parramatta.jpg) no-repeat center center; background-size:cover; }
#homeProperties .darlinghurst { background:url(images/homeproperties/darlinghurst.jpg) no-repeat center center; background-size:cover; }
#homeProperties .chaplainshomes { background:url(images/homeproperties/chaplains_homes.jpg) no-repeat center center; background-size:cover; }
#homeProperties .uccypf { background:url(images/homeproperties/uccypf.jpg) no-repeat center center; background-size:cover; }

#homeProperties .titleandbutton { padding:45% 0; }

#homeProperties h2 { 
	text-transform:uppercase; 
	text-align:center; 
	font-family: 'Fira Sans', sans-serif; 
	font-weight:700;
	font-size:30px;
	margin-bottom:20px;
}

	#homeProperties h2 a { color:#fff;  }
		#homeProperties h2 a:hover { color:#002c42; }

#homeProperties .buttonPosition { margin:0px auto; width:100%; text-align:center; clear:both; }
	#homeProperties .buttonPosition .buttonBlue:hover  { color:#fff; background:#006489; }

/* Call to Action Mobile */
#homePropertiesMobile { display:none; }

/*
---------------------------------------------------------------------
MIDDLE CONTAINER 
---------------------------------------------------------------------
*/	

#middleContent { margin:0px auto; padding:0px; background:none; font-size:16px; }

	#middleContent a { color:#0086b2; text-decoration:underline; }
		#middleContent a:hover { color:#00c0ff; }

#homeContentOutput { padding:40px 0px; }

	#homeContentOutput h1 { color:#002c42; } 
	#homeContentOutput h2 { color:#006489; font-size:18px; text-transform:uppercase; margin:0px; padding:0px; font-weight:500; letter-spacing:5px;  }

#homeContactFormOuput {	padding:40px 0px; } 

	#homeContactFormOuput h2 { color:#006489; font-size:18px; text-transform:uppercase; margin:0px 0px 15px 0px; padding:0px; font-weight:500; letter-spacing:5px;  }
	#homeContactFormOuput .contactDetails { margin-bottom:10px; line-height:24px; }

.entry-content .contactDetails {
	font-size:20px;
	line-height:28px;
}

	.entry-content .contactDetails i { width:26px; }
	.entry-content .contactDetails ul li a { text-decoration:none !important; color:#002c42 !important; }
		.entry-content .contactDetails ul li a:hover { color:#00c0ff !important; }
	.entry-content .contactDetails ul { list-style:none; margin:0px 0px 20px 0px; padding:0px; border-top:1px solid #f0f0f0; }
	.entry-content .contactDetails ul li {
		border-bottom:1px solid #f0f0f0; 
		padding:10px 0px 8px 0px;
		display:block;
		width:100%;
		text-decoration:none;		
	}

/*
---------------------------------------------------------------------
SERVICE AND MAINTENANCE HOME PAGE
---------------------------------------------------------------------
*/	

#serviceAndMaintenance { margin:0px auto; padding:0px; }

	#serviceAndMaintenance .serviceImage img { vertical-align:top; height:auto;}
	
		#serviceAndMaintenance .serviceImage a img {
			-webkit-transition: all .5s ease-in-out;
			-moz-transition: all .5s ease-in-out;
			-ms-transition: all .5s ease-in-out;
			-o-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
		}
			#serviceAndMaintenance .serviceImage a img:hover { 
				-webkit-opacity: 0.50;
				-moz-opacity: 0.50;
				opacity: 0.50; 
			}

	#serviceAndMaintenance .serviceTextOuput { padding:10%; color:#fff; text-align:center; min-height:170px; }

	#serviceAndMaintenance .portfolio { width: 33.3333%; float:left; background:#006489; }
	#serviceAndMaintenance .commercial { width: 33.3333%; float:left; background:#0080ab; }	
	#serviceAndMaintenance .lease { width: 33.3333%; float:left; background:#2597be; }	
	
	#serviceAndMaintenance h3 { font-size:22px; font-weight:700; text-transform:uppercase; }	
		#serviceAndMaintenance h3 a { color:#fff; }
			#serviceAndMaintenance h3 a:hover { color:#002c41; }		

/*
---------------------------------------------------------------------
NEWS PAGE LISTING
---------------------------------------------------------------------
*/	

#newsViewAllPage {}

	#newsViewAllPage h2 { color:#006489; font-size:18px; text-transform:uppercase; margin:0px 0px 15px 0px; padding:0px; font-weight:500; letter-spacing:5px; }
	
	#newsViewAllPage .col1of1NewsPageOutput { width:100%; margin:0px 0px 20px 0px; }
	
	#newsViewAllPage .date { float:left; background:#0180ab; width:7%; padding:10px; font-size:12px; border:1px solid #007299; }
		#newsViewAllPage .dayMonth { text-align:center; color:#fff; }
		#newsViewAllPage .year { text-align:center; color:#fff; }
	
	#newsViewAllPage .articleSummaryText { float:right; width:87%; }
		#newsViewAllPage .articleSummaryText h3 { font-size: 18px; font-weight:bold; margin:0px; padding:0px;	}	
			#newsViewAllPage .articleSummaryText h3 a { text-decoration:none; color:#002c42; } 	
			#newsViewAllPage .articleSummaryText h3 a:hover { color:#00c0ff; }
		#newsViewAllPage .articleSummaryText .category { font-size:14px; color:#999; }
			#newsViewAllPage .articleSummaryText .category a { text-decoration:none; }
		#newsViewAllPage .articleSummaryText .entry-summary { font-size:14px; line-height:20px; }
		
	#newsViewAllPage	.viewAll { border-top:1px solid #e8e8e8; margin:0px; padding:0px; }
		#newsViewAllPage	.viewAll a { background:#e8e8e8; margin:0px; padding:5px 7px 5px 7px; font-size:12px; float:right; text-decoration:none; }
		#newsViewAllPage	.viewAll a:hover { background:#006489; color:#fff; }

/*
---------------------------------------------------------------------
NEWS OUTPUT AT BOTTOM OF PAGE
---------------------------------------------------------------------
*/	

#newsBottomPage { margin-top:20px; background:#fafafa; width:94%; height:100%; clear:both; padding:3%; } 
	#newsBottomPage h2 { color:#006489; font-size:18px; text-transform:uppercase; margin:0px 0px 15px 0px; padding:0px; font-weight:500; letter-spacing:5px; }
	
	#newsBottomPage .col1of2NewsPageOutput { width:48%; float:left; margin:0px 0px 0px 0px; padding:0 2% 0 0; }
	#newsBottomPage .col1of1NewsPageOutput { width:100%; margin:0px 0px 0px 0px; }
	
	#newsBottomPage .date { float:left; background:#0180ab; width:12%; padding:10px; font-size:12px; border:1px solid #007299; }
		#newsBottomPage .dayMonth { text-align:center; color:#fff; }
		#newsBottomPage .year { text-align:center; color:#fff; }
	
	#newsBottomPage .articleSummaryText { margin:0px 0px 20px 0px; padding:0px; float:right; width:76%; }
		#newsBottomPage .articleSummaryText h3 { font-size: 18px; font-weight:bold; margin:0px; padding:0px;	}	
			#newsBottomPage .articleSummaryText h3 a { text-decoration:none; color:#002c42; } 	
			#newsBottomPage .articleSummaryText h3 a:hover { color:#00c0ff; }
		#newsBottomPage .articleSummaryText .category { font-size:14px; color:#999; }
			#newsBottomPage .articleSummaryText .category a { text-decoration:none; }
		#newsBottomPage .articleSummaryText .entry-summary { font-size:14px; line-height:20px; }
		
	#newsBottomPage	.viewAll { border-top:1px solid #e8e8e8; margin:0px; padding:0px; }
		#newsBottomPage	.viewAll a { background:#e8e8e8; margin:0px; padding:5px 7px 5px 7px; font-size:12px; float:right; text-decoration:none; }
		#newsBottomPage	.viewAll a:hover { background:#006489; color:#fff; }

/*
---------------------------------------------------------------------
SIDEBAR
---------------------------------------------------------------------
*/	

#rightSidebar { max-width:100%; }
#rightSidebar h2 { color:#006489; font-size:18px; text-transform:uppercase; margin:0px 0px 15px 0px; padding:0px; font-weight:500; letter-spacing:5px; }
#rightSidebar .contactDetails { margin-bottom:10px; }

#rightSidebar .propertiesMenuSidebar { margin-bottom:20px; }
#rightSidebar .propertiesMenuSidebar ul { border-top:1px solid #f0f0f0; list-style:none; }
#rightSidebar .propertiesMenuSidebar ul li a {
	border-bottom:1px solid #f0f0f0; 
	padding:10px 0px 8px 0px;
	display:block;
	width:100%;
	text-decoration:none;
}

#rightSidebar .maintenanceReportSidebarContainer { margin-bottom:15px; }
	#rightSidebar .maintenanceReportSidebar { width:100%; margin:0px auto 5px auto; }
		#rightSidebar .maintenanceReportSidebar a {
			background:#006489;
			text-align:center;
			color:#fff;
			width:100%;
			height:100%;
			display:block;
			padding:20px 0px;
			text-decoration:none;
		}
		
			#rightSidebar .maintenanceReportSidebar a:hover { background:#0080ab; } 
		
		#rightSidebar .maintenanceReportSidebar .iconBG { display:inline; background:#fff; border-radius: 50%; width:50px; height:50px; display:block; text-align:center; margin:0px auto; }
			#rightSidebar .maintenanceReportSidebar .iconBG i { color:#006489; font-size:26px; padding:10px; width:30px; height:30px; text-align:center; margin:0px auto; }
		#rightSidebar .maintenanceReportSidebar .text { display:inline; font-family: 'Fira Sans', sans-serif; font-size:20px; font-weight:700; }

/*
---------------------------------------------------------------------
CONTACT FORM HOME
---------------------------------------------------------------------
*/

#middleContent { margin:0px; padding:0px; }	
#middleContent .title { font-weight:bold; font-size:20px; margin-bottom:20px; }
	
#middleContent input { font-size:16px; font-family: 'Fira Sans', sans-serif; }
#middleContent .wpcf7 p { padding:0px; margin:0px; clear:both; }		

#middleContent input[type="password"],
#middleContent input[type="datetime"],
#middleContent input[type="datetime-local"],
#middleContent input[type="date"],
#middleContent input[type="month"],
#middleContent input[type="time"],
#middleContent input[type="week"],
#middleContent input[type="number"],
#middleContent input[type="url"],
#middleContent input[type="search"],
#middleContent input[type="color"],
#middleContent .uneditable-input,
#middleContent input[type="text"],
#middleContent input[type="tel"],
#middleContent input[type="email"],
#middleContent textarea {
	margin-bottom:10px;
	width:96%; 
	padding:2%;
	color:#808080;
	border: 1px solid #dadada;
}

#middleContent select { 	
	margin-bottom:10px !important;
	width:98.5%;
	padding: 0.5% 2% !important;
	color:#808080 !important;
	border: 1px solid #dadada;
	font-size:16px !important;
}

#middleContent > div#wpcf7-f64-o1.wpcf7 > form.wpcf7-form > p > span.wpcf7-form-control-wrap.PropertyLocation > select#PropertyLocation.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.PropertyLocation > option { padding:5px 2%; font-family: 'Fira Sans', sans-serif; font-size:16px; }

#middleContent textarea { height:90px; font-family: 'Fira Sans', sans-serif; }

div#middleContent > div#wpcf7-f5-o1.wpcf7 > form.wpcf7-form > p > span.wpcf7-form-control-wrap.EnquiryMessage > textarea#EnquiryMessage.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required { height: 124px; font-size:16px; }

#middleContent select:hover,
#middleContent textarea:hover,
#middleContent input[type="text"]:hover,
#middleContent input[type="tel"]:hover,
#middleContent input[type="password"]:hover,
#middleContent input[type="datetime"]:hover,
#middleContent input[type="datetime-local"]:hover,
#middleContent input[type="date"]:hover,
#middleContent input[type="month"]:hover,
#middleContent input[type="time"]:hover,
#middleContent input[type="week"]:hover,
#middleContent input[type="number"]:hover,
#middleContent input[type="email"]:hover,
#middleContent input[type="url"]:hover,
#middleContent input[type="search"]:hover,
#middleContent input[type="tel"]:hover,
#middleContent input[type="color"]:hover,
#middleContent .uneditable-input:hover,
#middleContent select:focus,
#middleContent textarea:focus,
#middleContent input[type="text"]:focus,
#middleContent input[type="tel"]:focus,
#middleContent input[type="password"]:focus,
#middleContent input[type="datetime"]:focus,
#middleContent input[type="datetime-local"]:focus,
#middleContent input[type="date"]:focus,
#middleContent input[type="month"]:focus,
#middleContent input[type="time"]:focus,
#middleContent input[type="week"]:focus,
#middleContent input[type="number"]:focus,
#middleContent input[type="email"]:focus,
#middleContent input[type="url"]:focus,
#middleContent input[type="search"]:focus,
#middleContent input[type="tel"]:focus,
#middleContent input[type="color"]:focus,
#middleContent .uneditable-input:focus  
{
	border: 1px solid #00a1e6;
	color:#000;
}
	
#middleContent [type="submit"] { 
	border: 1px solid #00a1e6;
	width:100%; 
	padding:2% 0;
	text-align: center;
	font-weight:700;
	font-size: 16px;
	background:#00a1e6;
	color:#fff;
	text-transform:uppercase;
}

#middleContent input[type="submit"]:hover {
	border: 1px solid #006489;
	background:#006489;
	cursor: pointer;
}		

/*
---------------------------------------------------------------------
PAGE FORMS AND INPUTS
---------------------------------------------------------------------
*/

.entry-content input {
	padding:5px;
	color:#808080;
	font-size:16px; font-family: 'Fira Sans', sans-serif;
	border: 1px solid #dadada;
}

	.entry-content input:focus,
	.entry-content input:hover {
		border: 1px solid #00a1e6;
		color:#000;
	}
	
	div.entry-content > form.search-form > input.search-submit {
		border:none;
		text-align: center;
		font-weight:700;
		background:#00a1e6;
		color:#fff;
		text-transform:uppercase;
	}
	
	div.entry-content > form.search-form > input.search-submit:hover {
		border:none;
		background:#006489;
		cursor: pointer;
	}
	
/*
---------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------
*/

#footer { margin:0px auto; padding:0px; color:#afb7be; font-size:14px; line-height:20px; }

	.footerBackgroundDarkGrey { background:#1e1f20; padding:40px 0px; }
	
	#footer .logoFooter { height:79px; }

	#footer h4 { 
		font-size:20px; font-weight:700; color:#ffffff; text-transform:uppercase;
		height:40px;
		padding-top:15px;
		background:url(images/footer_header_bottom_border.gif) no-repeat bottom left;
	} 

	#footer a { color:#bcbcbc; }
		#footer a:hover { color:#35cdff; }
		
	#footer ul { list-style:none; margin:0px; padding:0px; line-height:38px; }
	
	#footer .col1of4 { width:25%; float:left; margin:0px; padding:0px; }
	#footer .col4of4 { width:25%; float:right; line-height:38px; margin:0px; padding:0px; }	
	
		#footer .col4of4 .blue a { color:#00a6dc !important; }
			#footer .col4of4 .blue a:hover { color:#35cdff; text-decoration:underline; }
	
	#footer .buttonPosition { margin-top:15px; }
	
	#footer .buttonBlue { 
		background:#00a6dc;
		padding:15px;
		margin:0px auto;
		color:#fff; 
		text-transform:uppercase;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-align:center;
	}
	
		#footer .buttonBlue:hover { background:#006489; color:#fff; }
	
/*
---------------------------------------------------------------------
FOOTER BASE
---------------------------------------------------------------------
*/

#footerBase {
	margin:0px auto; padding:0px; color:#686e74; font-size:12px; line-height:20px;
}

	.footerBackgroundBlack { background:#121313; padding:20px 0px 20px 0px; }

	#footerBase a { color:#686e74; }
		#footerBase a:hover { color:#35cdff; }

/*
---------------------------------------------------------------------
FADE IN EFFECT
---------------------------------------------------------------------
*/

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-in.one {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.fade-in.two {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay:0.6s;
	animation-delay: 0.6s;
}

.fade-in.three {
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

.fade-in.four {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.fade-in.five {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.fade-in.six {
	-webkit-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	animation-delay: 1.8s;
}

.fade-in.seven {
	-webkit-animation-delay: 2.1s;
	-moz-animation-delay: 2.1s;
	animation-delay: 2.1s;
}

.fade-in.eight {
	-webkit-animation-delay: 2.4s;
	-moz-animation-delay: 2.4s;
	animation-delay: 2.4s;
}

/*
---------------------------------------------------------------------
RESONSIVE
---------------------------------------------------------------------
*/

/*
@import "style-responsive.css";
*/

@media only screen and (max-width: 1420px) {

	.websiteContainer {	margin: 0px 20px; }
	
}

@media only screen and (max-width: 1240px) {
	
	.websiteContainer {	margin: 0px 10px; }
	
	.wrapper { margin:0px 20px; }
	
}

/*--- tablet ---*/
@media only screen and (max-width: 1099px) {
	#homeProperties h2 { 
		font-size:26px;
		margin-bottom:10px;
	}
	
	.buttonBlue { 
		padding:10px;
	}
}


@media only screen and (max-width: 1060px) {
	.wrapper {  }
	#headerContainer .menuPosition { float:right; margin-top:20px; }
	#noo-sticky-wrapper.noo-sticky-wrapper > div#noo_menu_2.noo-menu-align-center.noonav.noo_menu_2.noo-nav-mb1.horizontal-down > div > div.noo-megamenu.horizontal.animate.slide.noo-collapse-open.noocollapse > ul.clearfix.noo-nav.level0 > li > a  { background:#006489;  } 
	#noo-sticky-wrapper.noo-sticky-wrapper > div#noo_menu_2.noo-menu-align-center.noonav.noo_menu_2.noo-nav-mb1.horizontal-down > div > div.noo-megamenu.horizontal.animate.slide.noo-collapse-open.noocollapse > ul.clearfix.noo-nav.level0 > li > a:hover { background:#005574; }
	
		#noo-sticky-wrapper.noo-sticky-wrapper > div#noo_menu_2.noo-menu-align-center.noonav.noo_menu_2.noo-nav-mb1.horizontal-down > div > div.noo-megamenu.horizontal.animate.slide.noo-collapse-open.noocollapse > ul.clearfix.noo-nav.level0 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-34.noo-nav-item.dropdown.mega > div.noo-nav-child.dropdown-menu.mega-dropdown-menu > div.mega-dropdown-inner > div.noo-row > div.noo-col.noo-span12.noo-col-nav > div.mega-inner > ul.mega-nav.level1 > li { background:#027ba8; padding:5px 0px; }
		#noo-sticky-wrapper.noo-sticky-wrapper > div#noo_menu_2.noo-menu-align-center.noonav.noo_menu_2.noo-nav-mb1.horizontal-down > div > div.noo-megamenu.horizontal.animate.slide.noo-collapse-open.noocollapse > ul.clearfix.noo-nav.level0 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-34.noo-nav-item.dropdown.mega > div.noo-nav-child.dropdown-menu.mega-dropdown-menu > div.mega-dropdown-inner > div.noo-row > div.noo-col.noo-span12.noo-col-nav > div.mega-inner > ul.mega-nav.level1 > li > a { color:#fff !important; }
		#noo-sticky-wrapper.noo-sticky-wrapper > div#noo_menu_2.noo-menu-align-center.noonav.noo_menu_2.noo-nav-mb1.horizontal-down > div > div.noo-megamenu.horizontal.animate.slide.noo-collapse-open.noocollapse > ul.clearfix.noo-nav.level0 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-34.noo-nav-item.dropdown.mega > div.noo-nav-child.dropdown-menu.mega-dropdown-menu > div.mega-dropdown-inner > div.noo-row > div.noo-col.noo-span12.noo-col-nav > div.mega-inner > ul.mega-nav.level1 > li > a:hover { color:#005574 !important; }

	#homeProperties .titleandbutton { padding:80% 0 0 0; }

	#homeProperties h2 { 
		font-size:20px;
		margin-bottom:10px;
	}
}

@media only screen and (max-width: 980px) {
	#homeProperties .col1of5 { height:260px; }
	#homeProperties .col5of5 { height:260px; }

}

/*--- mobile landscape style ---*/
@media only screen and (max-width: 970px) {

	#serviceAndMaintenance .serviceTextOuput { min-height:260px; }
	
	#newsBottomPage .col1of2NewsPageOutput .articleSummaryText { width:74%; }

}

@media only screen and (max-width: 820px) {

	/* Remove Home Call To Actions */
	#homeProperties { display:none; }

		#homePropertiesMobile  { display:block; clear:both;  margin:0px auto; padding:0px; }
	
		#homePropertiesMobile .row1 { width:100%; background:#006489; margin-top:3px; transition: all 0.4s ease; }
			#homePropertiesMobile .row1 .thumb { float:left; width:125px; height:125px; overflow:hidden; }
			#homePropertiesMobile .row1 .text { float:left;  padding:45px 10px 0 10px; }
			
			#homePropertiesMobile .row1:hover { 
				background:#2597be; 
				-webkit-transition: background-color 300ms ease-out 0.4s;
				-moz-transition: background-color 300ms ease-out 0.4s;
				-o-transition: background-color 300ms ease-out 0.4s;
				transition: background-color 300ms ease-out 0.4s;
			}
			
		#homePropertiesMobile h2 { 
			text-transform:uppercase; 
			text-align:left; 
			font-family: 'Fira Sans', sans-serif; 
			font-weight:700;
			font-size:30px;
			margin-bottom:20px;
		}
		
			#homePropertiesMobile .row1 a { color:#fff;  }
				#homePropertiesMobile .row1 a:hover { color:#002c42; }		
	
	.col1of2 {
		width:100%;
		float:none;
		clear:both;
	}
	
	.col2of2 {
		border-top:1px dotted #999;
		width:100%;
		height:auto;
		float:none;	
	}
	
	#homeContentOutput { padding:40px 0px 20px 0px; }
	
	#homeContactFormOuput {	 padding:40px 0px 40px 0px;  } 
	
	#middleContent .col2of3 {
		width:100%;
		float:none;
		clear:both;
	}
	
	#middleContent .col3of3 {
		border-top:1px dotted #999;
		padding:20px 0 0 0;
		width:100%;
		float:none;
		clear:both;	
	}	
	
	#footer .col1of4 { width:49.5%; float:left;}
	#footer .col4of4 { width:49.5%; float:left ; }	
	
}

@media only screen and (max-width: 600px) {
	
	#topBar .websiteContainer .floatRight { float:none !important; width:260px; margin:0px auto !important; }
		#topBar .phone { float:left; margin:0px; }
		#topBar .maintenance { float:right; margin:0px; }		
	
	#headerContainer .logo img { width:90%; }
	
	#serviceAndMaintenance .serviceTextOuput { min-height:400px; }
	
	#newsBottomPage .col1of2NewsPageOutput { width:100%; float:none; }
		#newsBottomPage .col1of2NewsPageOutput .date { width:12%; }
		#newsBottomPage .col1of2NewsPageOutput .articleSummaryText { float:right; width:80%; }	

	#newsViewAllPage .date { width:10%; }	
		#newsViewAllPage .articleSummaryText { float:right; width:82%; }
	
	#footer .col1of4 { width:100%; float:none; border-bottom:1px dotted #383a3b; padding-bottom:10px; }
	#footer .col4of4 { width:100%; float:none; }	
	
}

@media only screen and (max-width: 500px) {	
	
	#headerContainer .logo { display:none; }
	#headerContainer .menuPosition { display:none; }

	#headerContainerMobile { display:block; }
	#headerContainer .menuPositionMobile { background:#0080ab; }
		
	#homePropertiesMobile .row1 .text { padding-top:50px; }
		
	#homePropertiesMobile h2 { 
		font-size:20px;
	}	
		
	#serviceAndMaintenance .serviceTextOuput { min-height:auto; }
	#serviceAndMaintenance .portfolio { width: 100%; float:none; }
	#serviceAndMaintenance .commercial {  width: 100%; float:none; }
	#serviceAndMaintenance .lease {  width: 100%; float:none; }

	#newsBottomPage .col1of2NewsPageOutput .articleSummaryText { float:right; width:75%; }	
		#newsBottomPage .col1of2NewsPageOutput .articleSummaryText h3 { font-size: 16px; 	}		

	#newsViewAllPage .date { width:10%; }	
		#newsViewAllPage .articleSummaryText { float:right; width:77%; }

	#footerBase .floatLeft { float:none; text-align:center; width:100%; }
		#footerBase .floatRight { float:none; text-align:center;  width:100%; }
		
}

/*--- mobile portrait style ---*/
@media only screen and (max-width: 420px) {

	#homePropertiesMobile .row1 .thumb { float:left; width:100px; height:100px; overflow:hidden; }
		#homePropertiesMobile .row1 .text { padding-top:42px; }
		#homePropertiesMobile h2 { font-size:15px; }	

	#footerBase { font-size:8px; }
	
}