body
{
	background: #61c4eb;
	margin: 0;
}

.clearfix:after,
.strip-content:after,
div#contact-strip .contact-form .form-field:after
{
	clear: both;
	content: '.';
	display: block;
	height: 0px;
	visibility: hidden;
}

.white-content,
.white-content p,
.white-content td,
.white-content span,
.white-content a
{
	color: white;
}

img.auto-scale
{
	height: auto !important;
	max-width: 100%;
}

.page-centered
{
	margin: 0 auto;
	position: relative;
	width: 1200px;
}

.spr
{
	background-image: url('images/sprites.png');
	background-repeat: no-repeat;
	display: inline-block;
}

a.spr
{
	font-size: 0 !important;
	text-decoration: none !important;
}

.box-link
{
	background: white;
	border: 1px solid #ffb20c;
	border-bottom-right-radius: 14px;
	border-top-right-radius: 14px;
	box-sizing: border-box;
	color: #ffb20c;
	display: inline-block;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	height: 35px;
	letter-spacing: -0.025em;
	line-height: 1em;
	padding: 8px 26px 0 10px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}

.box-link:after
{
	border-bottom: 8px solid transparent;
	border-left: 5px solid #ffb20c;
	border-top: 8px solid transparent;
	content: "";
	display: block;
	position: absolute;
	right: 12px;
	top: 8px;
}

.box-link:hover
{
	background: #ffb20c;
	color: white;
}

.box-link:hover:after
{
	border-left: 5px solid white;
}

button.box-link
{
	cursor: pointer;
	padding: 0 26px 0 10px;
}

div#top
{
	background: url('images/top-bg1.png') no-repeat center top;
	height: 243px;
	position: relative;
}

div#top a.logo
{
	background-position: left top;
	display: block;
	height: 129px;
	margin-top: 22px;
	position: absolute;
	width: 228px;
}

div#top .top-links-wrapper
{
	height: 190px;
	margin-left: 231px;
	position: relative;
}

div#top .top-links-wrapper .top-links
{
	float: right;
}

div#top .top-links .phone-number
{
	color: #ffb20c;
	float: left;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 47px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -0.025em;
	line-height: 1em;
	padding: 42px 37px 0 0;
}

div#top .top-links .phone-number:before
{
	background: url('images/sprites.png') no-repeat -228px -87px;
	content: "";
	display: inline-block;
	height: 34px;
	margin-right: 12px;
	width: 38px;
}

div#top .top-links .top-search
{
	float: left;
	margin: 49px 12px 0 0;
	width: 240px;
}

div#top .top-links .top-search .search-field
{
	background: white;
	border: 1px solid #e3e3e3;
	border-bottom-right-radius: 16.5px;
	border-top-right-radius: 16.5px;
	box-sizing: border-box;
	height: 33px;
}

div#top .top-links .top-search .search-field input[type=text]
{
	background: none;
	border: none;
	box-sizing: border-box;
	display: block;
	float: left;
	height: 31px;
	padding: 0 0 0 13px;
	width: 200px;
}

div#top .top-links .top-search .search-field button.search-btn
{
	background: none;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 31px;
	width: 35px;
}

div#top .top-links .top-search .search-field button.search-btn span.icon
{
	background-position: -344px -16px;
	display: block;
	height: 16px;
	width: 14px;
}

div#top .top-links .social-media
{
	float: left;
	padding-top: 50px;
}

div#top .top-links .social-media .spr
{
	display: block;
	float: left;
	height: 29px;
	margin-left: 7px;
	width: 29px;
}

div#top .top-links .social-media .icon-facebook				{ background-position: -228px 0; }
div#top .top-links .social-media .icon-twitter				{ background-position: -257px 0; }
div#top .top-links .social-media .icon-linkedin				{ background-position: -286px 0; }
div#top .top-links .social-media .icon-yelp					{ background-position: -315px 0; }

div#top .top-links .social-media .icon-facebook:hover		{ background-position: -228px -58px; }
div#top .top-links .social-media .icon-twitter:hover		{ background-position: -257px -58px; }
div#top .top-links .social-media .icon-linkedin:hover		{ background-position: -286px -58px; }
div#top .top-links .social-media .icon-yelp:hover			{ background-position: -315px -58px; }

div#top nav
{
	display: block;
	height: 53px;
	position: relative;
}

ul#navigation 
{
	display: block;
	height: inherit;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#navigation .home-link-mobile
{
	display: none;
}

ul#navigation > li
{
	display: block;
	float: left;
	position: relative;
}

ul#navigation > li.home-btn
{
	width: 54px;
}

ul#navigation > li.home-btn a.home-icon
{
	background-position: -344px 0;
	display: block;
	float: left;
	height: 16px;
	margin: 8px 0 0 10px;
	width: 18px;
}

ul#navigation > li.home-btn a.home-icon:hover
{
	background-position: -362px 0;
}

ul#navigation a.nav-link
{
	box-sizing: border-box;
	color: #636769;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	height: 53px;
	letter-spacing: 0.025em;
	line-height: 1em;
	overflow: hidden;
	padding: 5px 20px 0 20px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}

ul#navigation > li:hover a.nav-link,
ul#navigation a.nav-link.current
{
	border-bottom: 7px solid #00a0e3;
}

ul#navigation > li:hover a.nav-link:after,
ul#navigation a.nav-link.current:after
{
	background: #00a0e3;
	border-radius: 6px;
	bottom: 0px;
	content: "";
	display: block;
	height: 12px;
	left: 50%;
	margin: 0 0 -8px -6px;
	position: absolute;
	width: 12px;
}

ul.flyout
{
	display: block;
	left: 50%;
	list-style: none;
	margin: 0 0 0 -105px;
	opacity: 0;
	padding: 10px 0 0 0;
	position: absolute;
	transition: opacity 0.2s, visibility 0.2s;
	visibility: hidden;
	width: 210px;
	z-index: 9999;
}

ul.flyout ul.flyout
{
	left: auto;
	margin: -16px 0 0 210px;
	top: 0;
}

ul#navigation li:hover > ul.flyout
{
	opacity: 1;
	transition-delay: visibility 0s;
	visibility: visible;
}

ul.flyout li
{
	display: block;
	position: relative;
}

ul.flyout a.flyout-link
{
	background: white;
	color: #5f6364;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	padding: 9px 22px;
	text-decoration: none;
}

ul.flyout a.flyout-link:hover
{
	color: #00a0e3;
}

ul.flyout > li:first-child a.flyout-link
{
	padding-top: 15px;
}

ul.flyout > li:last-child a.flyout-link
{
	padding-bottom: 15px;
}

ul.flyout li + li a.flyout-link
{
	border-top: 1px solid #c2c2c2;
}

header
{
	overflow: hidden;
	position: relative;
}

header.mobile-only
{
	display: none;
}

header p
{
	margin: 0;
	padding: 0;
}

header .outer
{
	left: 50%;
	position: absolute;
}

header .inner
{
	left: -50%;
	position: relative;
}

.main header
{
	height: 704px;
}

.second header
{
	height: 500px;
}

.second header.short-header
{
	height: 273px;
}

.strip
{
	position: relative;
}

div#strip1
{
	background: white;
	padding-bottom: 60px;
}

div#strip1 .residential-maintenance,
div#strip1 .commercial-maintenance
{
	margin-top: -90px;
	position: relative;
	width: 357px;
	z-index: 999;
}

div#strip1 .residential-maintenance
{
	float: left;
	margin-left: 221px;
}

div#strip1 .commercial-maintenance
{
	float: right;
	margin-right: 221px;
}

div#strip1 .residential-maintenance:before,
div#strip1 .commercial-maintenance:before
{
	background-image: url('images/sprites.png');
	background-repeat: no-repeat;
	content: "";
	display: block;
	margin: 0 auto 20px auto;
	height: 182px;
	width: 182px;
}

div#strip1 .residential-maintenance:before 	{ background-position: 0 -286px; }
div#strip1 .commercial-maintenance:before 	{ background-position: -182px -286px; }

div#strip1 .column-heading
{
	border-bottom: 3px solid #d8d8d8;
	padding-bottom: 15px;
	text-align: center;
}

div#strip1 .column-heading .service-name
{
	color: #05a8eb;
	font-family: 'Roboto Slab', serif;
	font-size: 40px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.005em;
	line-height: 1.1em;
	text-transform: uppercase;
}

div#strip1 .column-heading .service-label
{
	color: #636769;
	display: block;
	font-family: 'Roboto', serif;
	font-size: 32px;
	font-style: normal;
	font-weight: 100;
	letter-spacing: 0.005em;
	line-height: 1.1em;
}

div#strip2
{
	background: #01a2d6 url('images/strip2-bg.jpg') no-repeat center top;
}

div#strip2 .strip-content
{
	padding: 62px 0 84px 0;
}

div#strip2 .strip-top
{
	background: white;
	padding: 20px;
}

div#strip2 .included-heading
{
	box-sizing: border-box;
	color: white;
	font-size: 63px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 300;
	height: 139px;
	padding-top: 33px;
	text-align: center;
}

div#strip2 .included-heading strong
{
	font-family: 'Roboto Slab', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

div#strip2 .strip-columns
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	margin: 0;
	padding-top: 44px;
	position: relative;
}

div#strip2 .strip-columns .column
{
	background: white;
	float: left;
	margin-left: 32px;
	position: relative;
	width: 214px;
}

div#strip2 .strip-columns .column:first-child
{
	margin-left: 0;
}

div#strip2 .strip-columns .column-content
{
	padding: 40px 18px 20px 18px;
	position: relative;
}

div#strip2 .strip-columns .column:before
{
	background: white;
	border: 3px solid #00a0e3;
	border-radius: 50%;
	box-sizing: border-box;
	color: #00a0e3;
	content: "";
	display: block;
	font-family: 'Raleway', sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: bold;
	height: 78px;
	left: 50%;
	margin-left: -39px;
	margin-top: -44px;
	padding-top: 10px;
	position: absolute;
	text-align: center;
	width: 78px;
	z-index: 99; 
}

div#strip2 .strip-columns .column-1:before { content: "1"; }
div#strip2 .strip-columns .column-2:before { content: "2"; }
div#strip2 .strip-columns .column-3:before { content: "3"; }
div#strip2 .strip-columns .column-4:before { content: "4"; }
div#strip2 .strip-columns .column-5:before { content: "5"; }

div#strip3 
{
	background: white;
}

div#strip3 .strip-left
{
	float: left;
	padding: 45px 38px 50px 36px;
	width: 550px;
}

div#strip3 .strip-right
{
	float: left;
	padding: 60px 0;
	width: 576px;
}

div#strip4
{
	background: white;
	border-top: 1px solid #bcbcbc;
}

div#strip4 .strip-heading
{
	box-sizing: border-box;
	color: #636769;
	font-family: 'Roboto', sans-serif;
	font-size: 63px;
	font-style: normal;
	font-weight: 100;
	line-height: 1em;
	letter-spacing: -0.025em;
	padding: 32px 0 10px 0; 
	text-align: center;
}

div#strip4 .strip-top
{
	padding: 10px 0;
}

div#strip4 .strip-heading strong
{
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	text-transform: uppercase;
}

div#content-wrapper
{
	background: white;
}

div#content-wrapper .wide-content
{
	padding: 30px 0 50px 0;
}

ul.category-menu
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	list-style: none;
	margin: 0 -15px;
	padding: 0;
	position: relative;
}

ul.category-menu > li
{
	box-sizing: border-box;
	display: block;
	float: left;
	padding: 0 15px 35px 15px;
	position: relative;
	width: 25%;
}

ul.category-menu a.category-top-link
{
	color: #a6a6a6;
	display: block;
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.1em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

ul.category-menu .category-icon
{
	background-image: url('images/category-sprites.png');
	background-repeat: no-repeat;
	display: block;
	height: 182px;
	margin: 0 auto 19px auto;
	width: 182px;
}

ul.category-menu .category-icon-1 { background-position: 0 0; }
ul.category-menu .category-icon-2 { background-position: -182px 0; }
ul.category-menu .category-icon-3 { background-position: -364px 0; }
ul.category-menu .category-icon-4 { background-position: -546px 0; }
ul.category-menu .category-icon-5 { background-position: 0 -182px; }
ul.category-menu .category-icon-6 { background-position: -182px -182px; }
ul.category-menu .category-icon-7 { background-position: -364px -182px; }
ul.category-menu .category-icon-8 { background-position: -546px -182px; }

ul.category-menu > li:hover .category-icon-1 { background-position: 0 -364px; }
ul.category-menu > li:hover .category-icon-2 { background-position: -182px -364px; }
ul.category-menu > li:hover .category-icon-3 { background-position: -364px -364px; }
ul.category-menu > li:hover .category-icon-4 { background-position: -546px -364px; }
ul.category-menu > li:hover .category-icon-5 { background-position: 0 -546px; }
ul.category-menu > li:hover .category-icon-6 { background-position: -182px -546px; }
ul.category-menu > li:hover .category-icon-7 { background-position: -364px -546px; }
ul.category-menu > li:hover .category-icon-8 { background-position: -546px -546px; }

ul.category-menu ul.submenu-flyout
{
	background: #f2f2f2;
	border-top: 2px solid #b3b6b8;
	display: block;
	list-style: none;
	margin: 204px 0 0 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	top: 0;
	transition: all 0.2s;
	visibility: hidden;
	width: 278px;
	z-index: 999;
}

ul.category-menu ul.submenu-flyout ul.submenu-flyout
{
	margin: -1px 0 0 278px;
	top: 0;
}

ul.category-menu li:hover > ul.submenu-flyout
{
	opacity: 1;
	transition-delay: visibility 0s;
	visibility: visible;
}

ul.category-menu ul.submenu-flyout li
{
	display: block;
	position: relative;
}

ul.category-menu ul.submenu-flyout a.submenu-flyout-link
{
	color: #636769;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	padding: 8px 10px;
	text-align: center;
	text-decoration: none;
}

ul.category-menu ul.submenu-flyout li + li > a.submenu-flyout-link
{
	border-top: 1px solid white;
}

ul.category-menu ul.submenu-flyout a.submenu-flyout-link:hover
{
	background: #b3b6b8;
	color: white;
	font-weight: 500;
}

div#main-content
{
	float: right;
	padding: 25px 0 80px 55px;
	width: 895px;
}

div#sidebar
{
	float: right;
	padding: 40px 0 80px 0;
	width: 250px;
}

div#main-content.blog-content
{
	padding-left: 15px;
	width: 935px;
}

div#sidebar div.page-name
{
	color: #05a8eb;
	font-family: 'Roboto Slab', serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -0.025em;
	line-height: 1em;
	padding-bottom: 12px;
	text-align: center;
	text-transform: uppercase;
}

div#sidebar ul.sidebar-menu
{
	background: #f2f2f2;
	border-top: 3px solid #05a8eb;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#sidebar ul.sidebar-menu li
{
	position: relative;
}

div#sidebar ul.sidebar-menu a.sidebar-link
{
	color: #6e6f71;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -0.025em;
	line-height: 1em;
	padding: 10px 26px;
	position: relative;
	text-decoration: none;
}

div#sidebar ul.sidebar-menu > li + li a.sidebar-link
{
	border-top: 1px solid white;
}

div#sidebar ul.sidebar-menu li:hover a.sidebar-link,
div#sidebar ul.sidebar-menu li.expanded a.sidebar-link
{
	background: #b3b6b8;
	color: white;
}

div#sidebar ul.sidebar-menu a.expand-btn
{
	height: 38px;
	left: 0;
	position: absolute;
	top: 0;
	width: 26px;
}

div#sidebar ul.sidebar-menu a.expand-btn span.icon
{
	background-position: -344px -33px;
	display: block;
	height: 9px;
	left: 0;
	margin: 15px 0 0 14px;
	position: absolute;
	top: 0;
	width: 5px;
}

div#sidebar ul.sidebar-menu li:hover a.expand-btn span.icon
{
	background-position: -349px -33px;
}

div#sidebar ul.sidebar-menu li.expanded a.expand-btn span.icon
{
	background-position: -354px -33px !important;
	height: 5px;
	margin: 18px 0 0 10px;
	width: 9px;
}

/*div#sidebar ul.sidebar-menu li.expanded a.sidebar-link:before
{
	background-position: -354px -33px;
	height: 5px;
	margin: 18px 0 0 10px;
	width: 9px;
}*/

div#sidebar ul.submenu
{
	display: none;
	list-style: none;
	margin: 0;
	padding: 5px 10px 5px 40px;
}

div#sidebar ul.submenu ul.submenu
{
	display: block !important;
	padding-left: 20px;
}

div#sidebar ul.submenu a.submenu-link
{
	color: #6e6f71;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	padding: 5px 0;
	text-decoration: none;
}

div#sidebar ul.submenu a.submenu-link:hover
{
	color: #05a8eb;
	font-weight: 500;
	text-decoration: underline;
}

div#contact-strip
{
	background: #eaeaea url('images/contact-bg.png') no-repeat center top;
	padding-top: 157px;
}

div#contact-strip .contact-wrapper
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	margin: 0 auto;
	width: 984px;
}

div#contact-strip .contact-wrapper .contact-left,
div#contact-strip .contact-wrapper .contact-right
{
	box-sizing: border-box;
	float: left;
	padding: 15px 44px 25px 44px;
	width: 50%;
}

div#contact-strip .contact-wrapper .contact-left
{
	background: white;
}

div#contact-strip .contact-wrapper .contact-right
{
	background: #42b6e7;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

div#contact-strip .contact-form .contact-heading
{
	font-family: 'Roboto Slab', sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 300;
	line-height: 1em;
	margin-bottom: 24px;
	text-transform: uppercase;
}

div#contact-strip .contact-form .form-field
{
	margin-bottom: 11px;
}

div#contact-strip .contact-form .field-row
{
	margin: 0 -5px;
	position: relative;
}

div#contact-strip .contact-form .field-row .form-field
{
	box-sizing: border-box;
	float: left;
	padding: 0 5px;
	width: 50%;
}

div#contact-strip .contact-form .form-field .field-label
{
	box-sizing: border-box;
	display: block;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1em;
	padding: 5px 0 0 0;
	width: 103px;
}

div#contact-strip .contact-form .form-field .field-input 
{
	margin-left: 103px;
}

div#contact-strip .contact-form .form-field input[type=text],
div#contact-strip .contact-form .form-field textarea
{
	background: white;
	border: none;
	box-sizing: border-box;
	color: #505050;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	height: 36px;
	padding: 0 10px;
	width: 100%;
}

div#contact-strip .contact-form .form-field textarea
{
	height: 102px;
	padding: 10px;
}

div#contact-strip .contact-form .button-field
{
	text-align: right;
}

.blog-roll
{
	position: relative;
}

.blog-roll .hh-content-menu
{
	margin-left: 40px !important;
}

.blog-roll .blog-bottom
{
	padding: 30px 0 40px 0;
	text-align: center; 
}

.blog-roll .blog-column
{
	float: left;
	width: 25%;
}

.blog-roll .blog-column .blog-header
{
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 4px 8px 4px;
	padding-bottom: 74%; 
	position: relative;
}

.blog-roll .blog-column .blog-info
{
	border-right: 1px solid #bcbcbc;
	box-sizing: border-box;
	padding: 10px 20px 20px 20px;
	position: relative;
}

.blog-roll .blog-column:last-child .blog-info
{
	border-right: none;
}

.blog-roll .blog-column .blog-info .blog-heading
{
	padding-bottom: 10px;
}

.blog-roll .blog-column .blog-info .blog-title,
.blog-roll .blog-column .blog-info .blog-date
{
	color: #05a8eb;
	display: block;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.005em;
	line-height: 1.1em;
	text-decoration: none;
	text-transform: uppercase;
}

.blog-roll .blog-column .blog-info .blog-date
{
	color: #5f6364;
	text-transform: none;
}

.blog-roll .blog-column .blog-info .blog-snippet
{
	color: #5f6364;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	letter-spacing: -0.005em;
	line-height: 1.1em;
}

.blog-roll .blog-column .blog-info .blog-arrow
{
	background-position: -358px -16px;
	bottom: 0;
	display: block;
	height: 18px;
	position: absolute;
	right: 19px;
	width: 21px;
}

footer
{
	background: url('images/footer-bg1.png') no-repeat center top;
}

footer .footer-container
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row-reverse;
	min-height: 477px;
}

footer .footer-left
{
	float: right;
	width: 914px;
}

footer .footer-contact
{
	box-sizing: border-box;
	min-height: 234px;
	padding: 77px 0 25px 349px;
	position: relative;
}

footer .footer-contact .footer-phone
{
	display: inline-block;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: bold;
	line-height: 1em;
}

footer .footer-contact .footer-phone:before
{
	background: url('images/sprites.png') no-repeat -266px -87px;
	content: "";
	display: inline-block;
	height: 29px;
	margin-right: 9px;
	width: 33px;
}

footer .footer-contact .footer-logo
{
	background-position: 0 -129px;
	display: block;
	height: 157px;
	left: 0;
	margin-top: 47px;
	position: absolute;
	top: 0;
	width: 279px;
}

footer .footer-contact .contact-top p
{
	margin: 0;
	padding: 0;
}

footer .footer-contact .contact-addresses
{
	margin: 0 -30px;
	position: relative;
}

footer .footer-contact .contact-addresses .address-column
{
	box-sizing: border-box;
	float: left;
	padding: 0 30px;
	width: 50%;
}

footer .footer-copyright
{
	background: url('images/copyright-line.png') no-repeat left top;
	padding-top: 10px;
}

footer .footer-right
{
	background: rgba(255, 255, 255, 0.26);
	float: right;
	width: 286px;
}

footer .footer-menu-wrapper
{
	padding: 56px 20px 15px 52px;
}

footer ul.footer-menu
{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

footer ul.footer-menu .title-row
{
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;;
	font-style: normal;
	font-weight: 900;
	margin-bottom: 8px;
	text-transform: uppercase;
}

footer ul.footer-menu a.footer-link
{
	color: white;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.03em;
	line-height: 1em;
	padding: 5px 0;
	text-decoration: none;
	text-transform: uppercase;
}

footer ul.footer-menu a.footer-link:hover
{
	font-weight: bold;
	text-decoration: underline;
}

footer .social-media
{
	padding: 10px 0 50px 50px;
}

footer .social-media .spr
{
	display: block;
	float: left;
	height: 29px;
	margin-left: 7px;
	width: 29px;
}

footer .social-media .icon-facebook				{ background-position: -228px -29px; }
footer .social-media .icon-twitter				{ background-position: -257px -29px; }
footer .social-media .icon-linkedin				{ background-position: -286px -29px; }
footer .social-media .icon-yelp					{ background-position: -315px -29px; }

footer .social-media .icon-facebook:hover		{ background-position: -228px -58px; }
footer .social-media .icon-twitter:hover		{ background-position: -257px -58px; }
footer .social-media .icon-linkedin:hover		{ background-position: -286px -58px; }
footer .social-media .icon-yelp:hover			{ background-position: -315px -58px; }

ul#navigation .expand-arrow,
div#top .toggle-menu-btn,
div#top nav .nav-header,
header .mobile-header
{
	display: none;
}

/* -------------------------------------------------------- */

div.hhblog-post
{
	padding-bottom: 20px;
}

div.hhblog-readmore
{
	padding-bottom: 10px;
}

div.hhblog-post-info
{
	border-top: 1px solid #05a8eb;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	padding-top: 5px;
}

div#hhblog-post-comments
{
	padding-bottom: 20px;
}

textarea.hhblog-comment-contents
{
	display: block;
	height: 100px;
	width: 90%;
}

div.hhblog-post-comment
{
	padding-bottom: 10px;
}

div.hhblog-comment-info
{
	padding-bottom: 15px;
}

div.hhblog-comment-info span
{
	display: block;
}

div.hhblog-comment-info span.hhblog-author-name
{
	display: inline;
	font-weight: bold;
}

div.hhblog-comment-text
{
	padding-bottom: 5px;
}

div.hhblog-comment-replies
{
	border-left: 2px solid #05a8eb;
	margin: 5px 0 10px;
	padding: 0 0 0 15px;
}

span.hhblog-comment-timestamp
{
	font-size: 12px;
}


div#hhblog-comment-form div.hhblog-form-row
{
	margin-bottom: 10px;
}

div.hhblog-form-heading 
{
	color: #05a8eb;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}

div#hhblog-comment-form textarea
{
	display: block;
	height: 80px;
	resize: none;
	width: 100%;
}

div#hhblog-comment-form textarea:focus
{
	outline: none;
}

h1.hhblog-post-title a
{
	color: inherit;
	text-decoration: none;
}

ul.blog-category-list
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.blog-category-list li
{
	display: block;
	padding-bottom: 5px;
}

ul.blog-category-list li + li
{
	border-top: 1px solid #F2F2F2;
	padding-top: 5px;
}

ul.blog-category-list a.blog-category-link
{
	color: #05a8eb;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-style: none;
	font-weight: 300;
	text-decoration: none;
}

@media screen and (max-width: 800px), screen and (max-width: 1024px) and (orientation: landscape) {

	body
	{
		-webkit-text-size-adjust: 100%;
	}

	.page-centered
	{
		margin: 0;
		width: auto;
	}

	.H1-home,
	.H1
	{
		font-size: 30px !important;
	}

	.spr,
	div#top .top-links .phone-number:before,
	div#strip1 .residential-maintenance:before,
	div#strip1 .commercial-maintenance:before
	{
		background-image: url('images/mobile-sprites.png');
		background-size: 250px 250px;
	}

	div#top
	{
		background: white;
		border-bottom: 1px solid #00a0e3;
		height: 40px;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
	}

	div#top .toggle-menu-btn
	{
		display: block;
		position: absolute;
		left: 0;
		margin-top: 4px;
		padding: 10px;
		top: 0;
		z-index: 9999;
	}

	div#top .toggle-menu-btn .icon
	{
		background-position: -114px -32px;
		display: block;
		height: 13px;
		width: 19px;
	}

	div#top .top-content
	{
		position: relative;
	}

	div#top a.logo
	{
		display: none;
	}

	div#top .top-links-wrapper
	{
		height: auto;
		margin-left: 0;
		z-index: 99;
	}

	div#top .top-links-wrapper .top-links
	{
		float: right;
	}

	div#top .top-links .phone-number
	{
		font-size: 18px;
		padding: 11px 15px 0 0;
	}

	div#top .top-links .phone-number:before
	{
		background-position: -114px -19px;
		height: 13px;
		margin-right: 5px;
		width: 15px;
	}

	div#top .top-links .top-search
	{
		display: none;
	}

	div#top .top-links .social-media
	{
		float: left;
		padding: 11px 10px 0 0;
	}

	div#top .top-links .social-media .spr
	{
		height: 19px;
		margin-left: 9px;
		width: 19px;
	}

	div#top .top-links .social-media .icon-facebook				{ background-position: -114px 0 !important; }
	div#top .top-links .social-media .icon-twitter				{ background-position: -133px 0 !important; }
	div#top .top-links .social-media .icon-linkedin				{ background-position: -152px 0 !important; }
	div#top .top-links .social-media .icon-yelp					{ background-position: -171px 0 !important; }

	div#top nav
	{
		background: white;
		display: block;
		height: 100%;
		left: -100%;
		opacity: 0;
		overflow: scroll;
		position: fixed;
		transition: left 0.3s, opacity 0.3s; 
		width: 100%;
	}

	div#top nav.show-nav
	{
		left: 0;
		opacity: 1;
	}

	div#top nav .nav-header
	{
		background: white;
		border-bottom: 1px solid #00a0e3;
		display: block;
		height: 40px;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
	}

	/*div#top nav .nav-header:before
	{
		color: #636769;
		content: "MENU";
		display: block;
		font-family: 'Roboto', sans-serif;;
		font-size: 20px;
		font-style: normal;
		font-weight: bold;
		left: 0;
		letter-spacing: -0.01em;
		line-height: 1em;
		margin: 10px 0 0 40px;
		position: absolute;
		text-transform: uppercase;
		top: 0;
	}*/

	ul#navigation
	{
		height: auto;
		margin-top: 41px;
	}

	ul#navigation .home-link-mobile
	{
		display: block;
	}

	ul#navigation > li
	{
		border-bottom: 1px solid #00a0e3;
		float: none;
	}

	ul#navigation > li.home-btn
	{
		display: none;
	}

	ul#navigation a.nav-link,
	ul#navigation > li:hover a.nav-link,
	ul#navigation a.nav-link.current
	{
		border-bottom: none;
		height: auto;
		overflow: visible;
		padding: 14px 65px 14px 40px;
	}

	ul#navigation > li:hover a.nav-link:after,
	ul#navigation a.nav-link.current:after
	{
		display: none;
	}

	ul#navigation a.expand-arrow
	{
		background: url('images/expand-arrow2.png') no-repeat center;
		background-size: 21.5px 12.5px;
		display: block;
		height: 46px;
		left: 0;
		opacity: 0.35;
		position: absolute;
		top: 0;
		transition: transform 0.25s, opacity 0.25s;
		width: 40px;
	}

	ul#navigation li.expanded a.expand-arrow 
	{
		opacity: 1;
		transform: rotateZ(180deg);
		-webkit-transform: rotateZ(180deg);
	}

	ul.flyout
	{
		display: none;
		left: auto;
		margin: 0;
		opacity: 1;
		padding: 0 10px 20px 40px;
		position: relative;
		transition: none;
		visibility: visible;
		width: auto;
		z-index: 99;
	}

	ul.flyout ul.flyout
	{
		display: block !important;
		margin: 0;
		padding-bottom: 10px;
		top: auto;
	}

	ul.flyout a.flyout-link,
	ul.flyout > li:first-child a.flyout-link,
	ul.flyout > li:last-child a.flyout-link,
	ul.flyout li + li a.flyout-link
	{
		border-top: none;
		font-size: 18px;
		font-weight: 300;
		line-height: 1.1em; 
		padding: 5px 0;
	}

	header
	{
		height: auto !important;
	}

	header.mobile-only
	{
		display: block !important;
	}

	header .outer
	{
		display: none;
	}

	header .mobile-header
	{
		background: white;
		background-size: cover;
		display: block;
		height: 86px;
		margin-top: 41px;
		position: relative;
	}

	header .mobile-header .logo
	{
		background-position: left top;
		display: block;
		height: 64.5px;
		margin: 12px 0 0 10px;
		position: absolute;
		width: 114px;
	}

	header .mobile-header .search-form
	{
		float: left;
		margin: 29px 0 0 141px;
		position: relative;
		width: 168px;
	}

	header .mobile-header .search-form .search-field
	{
		background: white;
		border: 1px solid #e3e3e3;
		border-bottom-right-radius: 16.5px;
		border-top-right-radius: 16.5px;
		box-sizing: border-box;
		height: 35px;
	}

	header .mobile-header .search-form .search-field input[type=text]
	{
		background: none;
		border: none;
		box-sizing: border-box;
		display: block;
		float: left;
		font-size: 16px;
		height: 33px;
		padding: 0 0 0 10px;
		width: calc(100% - 35px);
	}

	header .mobile-header .search-form .search-field button.search-btn
	{
		background: none;
		border: none;
		cursor: pointer;
		display: block;
		float: left;
		height: 33px;
		width: 35px;
	}

	header .mobile-header .search-form .search-field button.search-btn span.icon
	{
		background-position: -114px -45px;
		display: block;
		height: 19.5px;
		width: 16px;
	}	

	div#strip1
	{
		padding: 20px 0 0 0;
	}

	div#strip1 .residential-maintenance,
	div#strip1 .commercial-maintenance
	{
		float: none;
		margin: 0;
		padding: 0 10px 30px 10px;
		text-align: center;
		width: auto;
	}

	div#strip1 .residential-maintenance:before,
	div#strip1 .commercial-maintenance:before
	{
		display: inline-block;
		margin: 0;
		height: 35px;
		width: 35px;
	}

	div#strip1 .residential-maintenance:before 	{ background-position: 0 -64.5px; }
	div#strip1 .commercial-maintenance:before 	{ background-position: -35px -64.5px; }

	div#strip1 .column-heading
	{
		border-bottom: none;
		display: inline-block;
		padding: 0 0 0 5px;
		text-align: left;
	}

	div#strip1 .column-heading .service-name
	{
		font-size: 20px;
	}

	div#strip1 .column-heading .service-label
	{
		font-size: 16px;
		font-weight: 300;
	}

	div#strip1 .column-content
	{
		clear: both;
		padding: 12px 0 0 0;
	}

	div#strip2
	{
		background: #01a2d6 url('images/strip2-bg-mobile.jpg') no-repeat center top;
		background-size: cover;
	}

	div#strip2 .strip-content
	{
		padding: 10px;
	}

	div#strip2 .strip-top
	{
		padding: 10px;
	}

	div#strip2 .included-heading
	{
		font-size: 25px;
		height: auto;
		text-shadow: 1px 2px 3px rgba(0,0,0,0.8);
		padding: 10px 0;
	}

	div#strip2 .included-heading strong
	{
		font-family: 'Roboto Slab', sans-serif;
		font-weight: bold;
		text-transform: uppercase;
	}

	div#strip2 .strip-columns
	{
		display: block;
		margin: 0;
		padding: 0;
	}

	div#strip2 .strip-columns .column
	{
		background: none;
		clear: both;
		float: none;
		margin: 0;
		padding: 0;
		width: auto;
	}

	div#strip2 .strip-columns .column + .column
	{
		padding-top: 10px;
	}

	div#strip2 .strip-columns .column-content
	{
		background: white;
		margin-left: 50px;
		margin-top: 0;
		padding: 10px;
		position: relative;
	}

	div#strip2 .strip-columns .column:before
	{
		border: 2px solid #00a0e3;
		float: left;
		font-size: 18px;
		height: 40px;
		left: auto;
		margin: 0;
		padding-top: 5px;
		position: relative;
		width: 40px;
		z-index: 99; 
	}

	div#strip3 .strip-content
	{
		padding: 5px 10px;
	}

	div#strip3 .strip-left,
	div#strip3 .strip-right
	{
		float: none;
		padding: 5px 0;
		width: auto;
	}

	div#strip4 .strip-heading
	{
		height: auto;
		font-size: 30px;
		font-weight: 100;
		padding: 10px; 
	}

	div#strip4 .strip-top
	{
		padding: 0 10px 10px 10px;
	}

	div#strip4 .strip-heading strong
	{
		font-family: 'Roboto Slab', serif;
		font-weight: bold;
		text-transform: uppercase;
	}

	.blog-roll .blog-bottom
	{
		padding: 10px;
	}

	.blog-roll .blog-column
	{
		float: none;
		margin-bottom: 10px;
		width: auto;
	}

	.blog-roll .blog-column .blog-header
	{
		background-position: center;
		margin: 0;
		padding-bottom: 40%; 
	}

	.blog-roll .blog-column .blog-info
	{
		border: none;
		padding: 10px;
	}

	.blog-roll .blog-column .blog-info .blog-heading
	{
		padding-bottom: 10px;
	}

	.blog-roll .blog-column .blog-info .blog-title,
	.blog-roll .blog-column .blog-info .blog-date
	{
		display: block;
		line-height: 1.2em;
	}

	.blog-roll .blog-column .blog-info .blog-date
	{
		color: #5f6364;
		text-transform: none;
	}

	.blog-roll .blog-column .blog-info .blog-snippet
	{
		color: #5f6364;
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		font-style: normal;
		font-weight: 300;
		letter-spacing: -0.005em;
		line-height: 1.1em;
	}

	.blog-roll .blog-column .blog-info .blog-arrow
	{
		background-position: -358px -16px;
		bottom: 0;
		display: block;
		height: 18px;
		position: absolute;
		right: 19px;
		width: 21px;
	}

	ul.category-menu
	{
		margin: 0 -10px;
	}

	ul.category-menu > li
	{
		padding: 0 10px 25px 10px;		
		width: 50%;
	}

	ul.category-menu a.category-top-link
	{
		font-size: 16px;
		position: relative;
	}

	ul.category-menu .category-icon
	{
		background-size: 400% 400%;
		display: block;
		height: auto;
		margin: 0 auto 10px auto;
		padding-bottom: 80%;
		width: 80%;
	}

	ul.category-menu .category-icon-1 { background-position: 0 0 !important; }
	ul.category-menu .category-icon-2 { background-position: 33.3% 0 !important; }
	ul.category-menu .category-icon-3 { background-position: 66.6% 0 !important; }
	ul.category-menu .category-icon-4 { background-position: 100% 0 !important; }
	ul.category-menu .category-icon-5 { background-position: 0 33.3% !important; }
	ul.category-menu .category-icon-6 { background-position: 33.3% 33.3% !important; }
	ul.category-menu .category-icon-7 { background-position: 66.6% 33.3% !important; }
	ul.category-menu .category-icon-8 { background-position: 100% 33.3% !important; }

	ul.category-menu ul.submenu-flyout
	{
		display: none;
	}

	div#main-content,
	div#main-content.blog-content,
	div#sidebar
	{
		float: none;
		padding: 10px;
		width: auto;
	}

	div#sidebar .sidebar-menu-wrapper
	{
		display: none;
	}

	div#content-wrapper .wide-content
	{
		padding: 10px;
	}

	div#contact-strip
	{
		background: #eaeaea;
		padding-top: 0;
	}

	div#contact-strip .contact-wrapper
	{
		display: block;
		margin: 0;
		width: auto;
	}

	div#contact-strip .contact-wrapper .contact-left,
	div#contact-strip .contact-wrapper .contact-right
	{
		display: block;
		float: none;
		padding: 10px;
		width: auto;
	}

	div#contact-strip .contact-form .contact-heading
	{
		font-size: 25px;
	}

	div#contact-strip .contact-form .field-row
	{
		margin: 0;
		position: relative;
	}

	div#contact-strip .contact-form .field-row .form-field
	{
		float: none;
		padding: 0;
		width: auto;
	}

	div#contact-strip .contact-form .form-field .field-label
	{
		float: none;
		padding: 0 0 5px 0 !important;
	}

	div#contact-strip .contact-form .form-field .field-input
	{
		margin-left: 0;
	}

	div#contact-strip .contact-form .form-field input[type=text],
	div#contact-strip .contact-form .form-field textarea
	{
		font-size: 16px;
	}


	footer
	{
		background: none;
	}

	footer .footer-container
	{
		display: block;
		min-height: 0;
	}

	footer .footer-left
	{
		float: none;
		width: auto;
	}

	footer .footer-contact
	{
		min-height: 0;
		padding: 10px;
		position: relative;
	}

	footer .footer-contact .footer-phone
	{
		display: none;
	}

	footer .footer-contact .footer-logo
	{
		background-position: -133px -19px;
		display: block;
		height: 64.5px;
		left: auto;
		margin: 0 auto 20px auto;
		position: relative;
		top: auto;
		width: 114px;
	}

	footer .footer-contact .contact-addresses
	{
		margin: 0;
	}

	footer .footer-contact .contact-addresses .address-column
	{
		float: left;
		padding: 5px 0;
		text-align: center;
		width: 50%;
	}

	footer .footer-contact .contact-addresses .address-column p.footer-text
	{
		font-size: 14px;
	}

	footer .footer-copyright
	{
		background: none;
		padding: 0 10px 10px 10px;
	}

	footer .footer-right
	{
		background: none;
		float: none;
		width: auto;
	}

	footer .footer-menu-wrapper
	{
		padding: 10px;
	}

	footer ul.footer-menu li
	{
		display: block;
		float: left;
		margin: 0 -5px;
		width: 50%;
	}

	footer ul.footer-menu .title-row
	{
		box-sizing: border-box;
		display: block;
		float: none;
		margin-bottom: 0;
		padding: 5px;
		width: auto;
	}

	footer ul.footer-menu a.footer-link
	{
		font-size: 16px;
		padding: 5px;
	}

	footer .social-media
	{
		display: none;
	}