

/** GENERAL **/
.header-wrapper												{ background-image:url(backgrounds/hero-01.jpg); background-color:#FFFFFF; background-repeat:no-repeat; background-position:50% 30%; background-size:cover; }
.header-wrapper.generic-header								{ background:#513389; }



/** NAVIGATION **/
.navigation-bar								{ background:#513389; }



/** HEADER MAIN **/
.header-main												{ position:relative; padding:0px; }
.header-main .header-bg						{ padding:0px 0px 30px 0px; }
.header-wrapper.generic-header .header-main .header-bg { padding:0px; }
.header-main .header-logo									{ position:relative; z-index:2; display:block; float:left; width:90%; max-width:200px; }
.header-main .header-logo img								{ width:100%; max-width:446px; max-height:332px; }
.header-main .overlay										{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; }

.header-main .overlay										{ background:rgba(119,119,119,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3777777,endColorstr=#B3777777); zoom:1; }
.header-wrapper.generic-header .header-main .overlay		{ background:rgba(119,119,119,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3777777,endColorstr=#B3777777); zoom:1; }



/** HEADER TOP **/
.header-top												{ padding:40px 0px; position:relative; z-index:2; }

.header-top												{ background:#FFFFFF; }



/** HEADER DETAILS **/
.header-main .header-contact							{ position:relative; z-index:2; float:right; max-width:290px; }
.header-main .header-contact.btn						{ display:none; padding:10px; font-size:1.3em; }
.header-contact .branch-details							{ display:inline-block; vertical-align:top; width:auto; }
.header-contact .branch-details .icon					{ float:left; display:block; width:25px; height:25px; }
.header-contact .branch-details .icon img				{ width:100%; max-width:25px; max-height:25px; }
.branch-details .icon .icon-sale						{ display:block; }
.branch-details .icon .icon-rent						{ display:none; }
.header-contact .branch-details .addr					{ font-size:1.24em; font-weight:300; }
.header-contact .branch-details .tel,
.header-contact .branch-details .email					{ display:block; clear:both; margin:10px 0px 0px 0px; font-size:1.4em; font-weight:300; }
.header-contact .branch-details .address-main			{ display:block; clear:both; }
.header-contact .branch-details .address,
.header-contact .branch-details .number,
.header-contact .branch-details .email-address			{ display:inline-block; vertical-align:middle; }
.header-contact .branch-details .address				{ margin:0px 0px 0px 10px; }
.header-contact .branch-details .tel .icon				{ margin:5px 0px 0px 0px; }
.header-contact .branch-details .number					{ margin:0px 0px 0px 10px; font-size:1.5em; }
.header-contact .branch-details .email-address			{ margin:0px 0px 0px 10px; }
.header-main .header-contact .seo-text					{ display:block; font-size:0.9em; text-transform:none; margin:20px 0px 0px 0px; }

.header-main .header-contact,
.header-main .header-contact a,
.header-main .header-contact .seo-text					{ color:#262626; }
.header-contact .branch-details .number:hover,
.header-contact .branch-details .email:hover { color:#513389; }
.header-main .header-contact.btn						{ color:#FFFFFF; }



/** HEADER FORMS **/
.header-main.header-form								{ padding:0px 0px 0px 0px; }
.header-main.header-form .title							{ padding:80px 0px 20px 0px; font-size:3em; font-weight:600; letter-spacing:-3px; margin:0px 0px 20px 0px; }
.header-wrapper	.contact-form							{ position:relative; z-index:2; }
.header-wrapper	.contact-form .form						{ margin:0px 0px 0px 0px; padding:0px 0px 80px 0px; }
.header-wrapper	.contact-form .form .btn				{ padding:15px 20px; font-size:1.3em; font-weight:400; }
.header-main.header-form p								{ margin:0px 0px 60px 0px; text-transform:uppercase; }

.contact-page-form										{ background:#586273 url(backgrounds/contact-bg.jpg) no-repeat 50% 30%; background-size:cover; }
.header-main.header-form .title							{ color:#FFFFFF; border-bottom:3px solid #513389; }
.header-main.header-form p								{ color:#FFFFFF; }



/** RENTALS **/
.website-wrapper-rent .navigation-bar					{ background:#6ABD68; }
.website-wrapper-rent .header-wrapper.generic-header	{ background:#6ABD68; }
.website-wrapper-rent .branch-details .icon .icon-sale	{ display:none; }
.website-wrapper-rent .branch-details .icon .icon-rent	{ display:block; }
.website-wrapper-rent .header-main.header-form .title	{ color:#FFFFFF; border-bottom:3px solid #6ABD68; }
.website-wrapper-rent .header-main .header-contact.btn	{ background:#6ABD68; }




/** RESPONSIVE **/
@media screen and (max-width:600px){

	.header-main .header-logo				{ float:none; margin:0px auto; }
	.header-main .header-contact			{ float:none; margin:30px auto 0px auto; text-align:center; }


}

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

	.header-main .header-contact				{ display:none; }
	.header-main .header-contact.btn			{ display:block; }

}
