/** HMO LOGO **/
.hmo-logo							{ width:100%; max-width:800px; max-height:600px; }



/** CATEGORIES **/
.hmo-categories						{ text-align:center; }
.hmo-categories ul					{ list-style:none; margin:0px; padding:0px; font-size:0px; }
.hmo-categories li					{ display:inline-block; vertical-align:top; width:33%; font-size:18px; line-height:initial; text-transform:uppercase; margin:20px 0px 0px 0px; }
.hmo-categories .cat				{ display:block; margin:0px 5px; padding:20px; }
.hmo-categories .cat span			{ font-weight:bold; }
.hmo-categories .title				{ display:block; font-size:; padding:10px; margin:0px 5px; font-weight:bold; }
.hmo-categories .text				{ display:block; font-size:0.8em; padding:10px; margin:0px 5px; text-transform:none; }

.hmo-categories .cat				{ background:#BE1522; color:#FFFFFF; }
.hmo-categories .cat span			{ color:#FFFFFF; }
.hmo-categories .title,
.hmo-categories .text				{ background:#FAFAFA; }
.hmo-categories .title				{ border-bottom:1px solid #EFEFEF; }
.hmo-categories .text				{ color:#777777; }

 

/** FLATS **/
.flat-images						{ font-size:0px; }
.flat-image							{ display:inline-block; width:50%; font-size:12px; line-height:initial; text-align:center; }
.flat-image .spacing				{ position:relative; margin:0px 10px 10px 10px; }
.flat-image img						{ width:100%; max-width:588px; max-height:476px; position:relative; z-index:1; }
.flat-image .overlay				{ position:absolute; bottom:0; left:0; right:0; z-index:2; padding:20px; top:0; }
.flat-image .overlay .hmo-x			{ display:block; font-size:3em; margin:20px 0px 0px 0px; }

.flat-image .overlay				{ background:rgba(0,0,0,0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom:1; color:#FFFFFF; }



/** PARTNERSHIP **/
.hmo-partnership .affiliate-logos					{ text-align:center; font-size:0px; }
.hmo-partnership .affiliate-logos ul				{ list-style:none; margin:0px; padding:0px; }
.hmo-partnership .affiliate-logos li				{ display:inline-block; vertical-align:top; width:20%; }
.hmo-partnership .affiliate-logos li span			{ display:block; padding:5px; margin:3px; }
.hmo-partnership .affiliate-logos img				{ width:100%; max-width:427px; max-height:259px; }
.hmo-partnership .affiliate-arrow					{ margin:20px 0px; font-size:5em; text-align:center; }
.hmo-partnership .cycle								{ margin:0px auto; text-align:center; max-width:400px; }
.hmo-partnership .cycle img							{ width:100%; max-width:800px; max-height:663px; }

.hmo-partnership .affiliate-logos span				{ border:1px solid #CCCCCC; }
.hmo-partnership .affiliate-arrow					{ color:#BE1522; }



/** SHARING **/
.hmo-sharing .sharing-boxes							{ text-align:center; font-size:0px; }
.hmo-sharing .share-box								{ font-size:14px; line-height:initial; display:inline-block; vertical-align:top; width:25%; }
.hmo-sharing .spacing								{ margin:10px; padding:20px; }

.hmo-sharing .spacing								{ color:#FFFFFF; background:#BE1522; }



/** NOTICE **/
.serving-notice										{}
.serving-notice .sectors							{ font-size:0px; }
.serving-notice .sector								{ font-size:14px; vertical-align:top; display:inline-block; width:33%; }
.serving-notice .spacing							{ margin:10px; padding:5px; }
.serving-notice .image img							{ width:100%; max-width:427px; max-height:259px; }
.serving-notice .text								{ padding:5px; }

.serving-notice .spacing							{ background:#FAFAFA; }
.static-content-grey.serving-notice .spacing		{ background:#FFFFFF; }




/** RESPONISVE **/
@media screen and (max-width:800px){
	
	.flat-image .overlay .hmo-x		{ font-size:2em; }

}

@media screen and (max-width:760px){
	
	.hmo-categories li				{ width:50%; }
	.static-left,
	.static-right,
	.flat-images					{ height:auto !important; }
	.flat-image						{ width:33%; }
	
}

@media screen and (max-width:600px){
	
	.flat-image											{ width:50%; }
	.hmo-partnership .affiliate-logos li				{ width:33%; }

}

@media screen and (max-width:460px){
	
	.hmo-categories li				{ width:100%; } 
	
}

@media screen and (max-width:400px){
	
	.flat-image						{ width:100%; }
	.flat-image .overlay .hmo-x		{ margin:60px 0px 0px 0px; }

}