/*------------------------------------------------*/
/*-------------- html5 Reset ---------------------*/
/*------------------------------------------------*/
/*

html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

html,body,h1,h2,h3,h4,h5,h6 {
	font-family:'Open Sans',sans-serif;
}

body {
	line-height:1.5;
	font-size:14px;
	height:100%;
}

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

nav ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom:10px;
}

h1 {
	font-size:30px;
	line-height:1.6em;
	text-transform:uppercase;
	font-weight:400;
	color:#333;
}

h2 {
  font-family:'Lato',sans-serif;
	font-size:30px;
	font-weight:400;
	line-height:1.2em;
}

h3 {
	font-family:'Lato',sans-serif;
	font-size:17px;
	line-height:1.6em;
	text-transform:capitalize;
	font-weight:400;
	color:#333;
}

p {
	margin:0 0 20px;
	color:#737373;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
	color:#43b4f9;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:700;
}

del {
	text-decoration:line-through;
}

abbr[title],dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}

input,select {
	vertical-align:middle;
}

ul {
	list-style-type:square;
	padding-left:0;
	margin-left:0;
	list-style-position:inside;
	color:#737373;
}

.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

* html .clearfix {
	zoom:1;
}

/* IE6 */
:first-child+html .clearfix {
	zoom:1;
}

/* Ordered list alignments
------------------------------------------------------- */

ol.align {
  counter-reset: item;
  padding-bottom: 0;
  margin-bottom: 0;
}

ol.align li {
  display: block;
  padding-left: 1.75em;
}

ol.align li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  display:inline-block;
  width: 1.75em;
  margin-left: -1.75em;
}


/* Unordered list alignments
------------------------------------------------------- */

ul.align {
  counter-reset: list;
  padding-bottom: 0;
  margin-bottom: 1em;
  list-style-type: lower-alpha;
}

ul.align li {
  display: block;
  padding-left: 1.75em;
}

ul.align li:before {
  content: counter(list, square);
  counter-increment: list;
  display:inline-block;
  width: 1.75em;
  margin-left: -1.75em;
}

/*-------------- Icons ---------------------*/

.icon {
	font-family:FontAwesome;
	font-size:24px!important;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-align:center;
	font-style:normal;
	color:#43b4f9;
	margin:0 15px 0 0;
	vertical-align:text-top;
	width:auto;
	height:auto;
	line-height:1;
	background:none;
	margin:0 15px 0 0;
	float:left;
	display:block;
}


/*-------------- Buttons ---------------------*/

#submitform,.button {
	font-weight:400;
	text-transform:uppercase;
	color:#fff;
	background-color:#43b4f9;
	font-size:16px;
	padding:10px 33px;
	border: none;
}

#submitform:hover,.button:hover {
	background-color:#333;
	cursor: pointer;
}

#submitform.small {
  font-size: 14px;
}


/*-------------- Forms ---------------------*/

input,input[type="text"],input[type="url"],input[type="date"],input[type="password"],input[type="email"],textarea,select,input[type="reset"] {
	font-family:'Lato',sans-serif;
	background-color:#fff;
	border:1px solid #e8e8e8;
	padding:10px 20px 11px;
	outline:none;
	font-size:14px;
	color:#333;
	margin:0;
	width:100%;
	max-width:100%;
	display:block;
	margin-bottom:20px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-appearance:none;
}

.booking-form, .contact-form {
	background:#f7f7f7;
	padding:35px;
	margin-top:40px;
	text-align:left;
}

.contact .quarter {
	margin-top:40px;
}

.booking-form input,.contact-form input {
	display:inline-block;
}

#submitform {
	width:auto;
}


/*-------------- Layout ---------------------*/

section.padding {
	padding:55px;
}

.container {
	max-width:1000px;
	margin:0 auto;
}

.container.page-wrap {
	padding:45px 0;
}

.width75 {
	width:75%;
}

.width75.centred {
	margin:0 auto;
	text-align:center;
}

.panel {
	width:100%;
}

.column.half {
	width:45%;
	float:left;
}

.column.half.col1 {
	margin-right:8%;
}

.column.quarter {
	width:25%;
	float:left;
	margin-right:5%;
	text-align:center;
}

.column.threequarter {
	float:left;
	width:70%;
}

.column.left {
  text-align: left;
}

.grey {
  background-color: #f1f1f1;
}

.blue {
  background-color: #4fade4;
}

.blue h2,
.blue p {
  color: #fff;
}

@media only screen and ( max-width: 768px ) {
  .container {
    max-width: 420px;
  }
  .column.quarter,
  .column.threequarter,
  .width75 {
  	width: 100%;
  	float: none;
  }
  .centred .column.quarter {
    margin: 30px 0;
  }
  .centred .column.threequarter {
    text-align: center;
    margin-bottom: 60px;
  }
  .centred,
  .centred .width75 {
    text-align: center;
  }
}


/*-------------- Header ---------------------*/

#fixed-header {
	display:none;
	position:fixed;
	width:100%;
	height:60px;
	text-align:center;
	padding:5px 0 20px;
	top:0;
	z-index:9999;
	background-color:#fff;
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 0 rgba(0,0,0,.1);
	box-shadow:0 1px 0 rgba(0,0,0,.1);

/* animation
	---------------------------------------------------- */
	opacity:1;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

/* Time for image to fade in
	---------------------------------------------------- */
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;

/* Time for image to be delayed
	---------------------------------------------------- */
	-webkit-animation-delay:0;
	-moz-animation-delay:0;
	-o-animation-delay:0;
	animation-delay:0;
}

/* Key Frames
	---------------------------------------------------- */
@-webkit-keyframes fadeIn {
	from {
		opacity:0;
	}

	to {
		opacity:1;
	}
}

@-moz-keyframes fadeIn {
	from {
		opacity:0;
	}

	to {
		opacity:1;
	}
}

@-o-keyframes fadeIn {
	from {
		opacity:0;
	}

	to {
		opacity:1;
	}
}

@keyframes fadeIn {
	from {
		opacity:0;
	}

	to {
		opacity:1;
	}
}


#main-header .logo {
	padding:15px 0;
	float:left;
}

.headContact {
	float:right;
	padding:25px 0;
}

.headText,
.headTel {
	display:inline-block;
}

.headText {
	text-align:right;
	padding-right:10px;
	text-transform:uppercase;
	color:#737373;
	font-size:14px;
}


/*-------------- Fixed Header ---------------------*/

#scroll-header {
	display:none;
	position:fixed;
	width:100%;
	height:50px;
	text-align:center;
	top:0;
	z-index:9999;
	background-color:#fff;
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 0 rgba(0,0,0,.1);
	box-shadow:0 1px 0 rgba(0,0,0,.1);

/* animation
	---------------------------------------------------- */
	opacity:1;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

/* Time for image to fade in
	---------------------------------------------------- */
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;

/* Time for image to be delayed
	---------------------------------------------------- */
	-webkit-animation-delay:0;
	-moz-animation-delay:0;
	-o-animation-delay:0;
	animation-delay:0;
}

/* Key Frames
	---------------------------------------------------- */
@-webkit-keyframes fadeIn {
	from {
		opacity:0;
	}

	to {
		opacity:1;
	}
}

@-moz-keyframes fadeIn {
	from {
		opacity:0;
	}

	to {
		opacity:1;
	}
}

@-o-keyframes fadeIn {
	from {
		opacity:0;
	}

	to {
		opacity:1;
	}
}

@keyframes fadeIn {
	from {
		opacity:0;
	}

	to {
		opacity:1;
	}
}

#scroll-header.scrolled {
	display:block;
}

#scroll-header .logo {
	float:left;
}

#scroll-header .logo img {
	height:45px;
	padding-top:2px;
}

@media only screen and ( max-width: 768px ) {
  #main-header .logo,
  #main-header .headContact {
    float: none;
  }
  #main-header .headContact {
    padding: 0;
  }
  #main-header {
    text-align: center;
  }
}


/*-------------- Nav ---------------------*/

#main-header nav {
/* 	width:100%; */
	padding:15px;
	background-color:#343434;
}

#main-header nav a {
	padding:18px 35px;
	color:#fff;
	font-family:'Lato',sans-serif;
	font-size:16px;
	font-weight:300;
	border-right:1px solid #fff;
}

#main-header nav a:last-of-type {
	border-right:none;
}

#main-header nav a:hover,
#main-header nav a.active {
	color:#43b4f9;
}

#scroll-header nav {
	float:right;
	margin-top:15px;
}

#scroll-header nav a {
	margin-left:20px;
	font-size:14px;
	color:#333;
}

#scroll-header nav a.active {
	color:#43b4f9;
}

#topbutton {
	height:60px;
	width:80px;
	background:#555E58;
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	line-height:60px;
}

#topbutton a {
	color:#fff;
}

.mobile-header {
  display: none;
}

@media only screen and ( min-width: 769px ) and ( max-width: 960px ) {
  #main-header nav a {
    padding: 18px;
    font-size: 14px;
  }
  .container {
    max-width: 960px;
    padding: 0 20px;
  }
}


@media only screen and ( max-width: 768px ) {
	#main-header {
    padding: 62px 20px 0;
	}
	.mainNav {
  	display: none;
	}
	.mobile-header {
  	display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #343434;
    padding: 10px 16px;
    width: 100%;
    cursor: pointer;
    z-index: 98;
    overflow: hidden;
    height: 42px;
    color: #fff;
	}

	/* The Overlay (background) */
	#mobileNav.overlay {
		height:100%;
		width:0;
		position:fixed;
    /* Stay in place */
		z-index:1;
    /* Sit on top */
		left:0;
		top:0;
		background-color:#343434;
    /* Black fallback color */
		overflow-x:hidden;
    /* Disable horizontal scroll */
		transition:.5s;
    /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	}

/*
	nav#mobileNav {
		padding:0;
	}
*/

	/* Position the content inside the overlay */
	#mobileNav .overlay-content {
		position:relative;
		top:20%;
    /* 25% from the top */
		width:100%;
    /* 100% width */
		text-align:center;
    /* Centered text/links */
		margin-top:30px;
    /* 30px top margin to avoid conflict with the close button on smaller screens */
	}

	/* The navigation links inside the overlay */
	#mobileNav a {
		padding:8px;
		text-decoration:none;
		font-size:26px;
		color:#fff;
		display:block;
    /* Display block instead of inline */
		transition:.3s;
    /* Transition effects on hover (color) */
	}

	/* When you mouse over the navigation links, change their color */
	#mobileNav a:hover,#mobileNav a:focus {
		color:#f1f1f1;
	}

	/* Position the close button (top right corner) */
	#mobileNav .closebtn {
		position:absolute;
		top:20px;
		right:45px;
		font-size:60px;
	}

	.menubtn {
		float:left;
		font-size:20px;
		cursor:pointer;
		margin-top:9px;
		color: #fff;
	}
}



/*-------------- Home Page ---------------------*/

.banner.home {
	background-image:url(images/Home-Cleaning-Services-Melbourne.jpg);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:550px;
}

.banner.home p {
	text-align:center;
	font-weight:700;
	font-family:'Lato',sans-serif;
	font-size:58px;
	line-height:70px;
	color:#fff;
	padding-top:142px;
	margin:0 auto;
	width:585px;
	height:138px;
}

.banner.home p span {
	font-style:italic;
	font-weight:400;
}

.intro {
	text-align:center;
	padding:55px 0;
}

p.lastMargin {
  margin-bottom: 60px;
}

.button.yellow {
	background-color:#f2e721;
	padding:10px 33px;
	color:#000;
	font-size:16px;
}

.button.yellow:hover {
	background-color:#f90;
	box-shadow:0 3px 0 0 #eea900;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	transition:all 1s;
	cursor:pointer;
}


/* features
---------------------------------------------------- */

.features {
/* 	background-color:#f1f1f1; */
	text-align:center;
}

.features h2 {
/*
	font-family:'Lato',sans-serif;
	font-size:30px;
	line-height:1.6em;
*/
	color:#303030;
}

.features .subhead {
	margin-bottom:40px;
}

.features .row.padding {
	padding-bottom:35px;
}

.column.third {
	width:30%;
	display:inline-block;
	text-align:center;
	vertical-align:top;
}

.column.third.col1,.column.third.col2 {
	margin-right:4%;
}

.column.third img {
	margin-bottom:35px;
}


/* packages
---------------------------------------------------- */

.packages img {
	width:100%;
}


/* cta
---------------------------------------------------- */

.cta {
	padding-top:55px;
	padding-right:55px;
	padding-bottom:65px;
	padding-left:55px;
	background-image:url(images/cover1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
}

.cta h2 {
/*
	font-family:'Lato',sans-serif;
	font-size:40px;
	font-weight:400;
*/
	color:#fff;
	margin-bottom:35px;
}

.cta .button {
	font-size:24px;
}


/* servicing
---------------------------------------------------- */

.servicing {
	text-align:center;
	padding:55px;
/* 	background:#f1f1f1; */
}

/*
.servicing h2 {
	font-family:'Lato',sans-serif;
	font-size:30px;
	font-weight:400;
}
*/

.servicing p {
	font-weight:300;
}


/* map
---------------------------------------------------- */

.map iframe {
	margin-bottom:0;
	padding:0;
	display:block;
	width:100%;
}

.map p {
	text-align:center;
	font-weight:300;
	margin:40px 0;
}


/* testamonials
---------------------------------------------------- */

.testimonials {
	background-color:#4fade4;
	padding:55px;
}

.testimonials h2 {
/*
	font-family:'Lato',sans-serif;
	font-size:30px;
	font-weight:400;
*/
	color:#fff;
	text-align:center;
	margin-bottom:40px;
}

.flexslider {
	background:none!important;
	border:none!important;
	text-align:center;
}

.flexslider ul li,
.flexslider ul li p {
	font-family:'Lato',sans-serif;
	font-size:20px;
	font-weight:300;
	color:#fff!important;
}

.flexslider .user {
	text-transform:uppercase;
	font-size:16px;
}

.flexslider .slides img {
	width:inherit!important;
}

.testimonial .testimonial-author .featured-thumbnail {
	position:relative;
	display:inline-block;
	margin-bottom:10px;
	width:80px;
}

.flex-control-nav {
	bottom:-80px!important;
}

.flex-control-nav li a:hover,
.flex-control-nav li a.flex-active {
	background:#fff!important;
}

.flexslider ol,
.flexslider ul {
  list-style-type: none;
}

@media only screen and ( max-width: 768px ) {
  .banner.home {
    height: 328px;
  }
  .banner.home p {
    font-size: 34px;
    line-height: 1.2em;
    padding-top: 100px;
    width: 100%;
  }
  .column.half,
  .column.third {
    width: 100%;
    display: block;
    margin-bottom: 60px;
  }
  .column.half.col1,
  .column.third.col1,
  .column.third.col2 {
    margin-right: 0;
  }
  .cta h2 {
    font-size: 23px;
  }
}

@media only screen and ( max-width: 420px ) {
  section.padding {
    padding: 30px;
    margin-bottom: 30px;
  }
  .container {
    max-width: 330px;
  }
  .banner.home {
    height: 161px;
  }
  .banner.home p {
      font-size: 16px;
      width: 100%;
      padding-top: 52px;
  }
  .cta {
    padding: 30px 30px 60px 30px;
  }
  .cta .button {
    font-size: 18px;
  }
}


/*-------------- Ndis ---------------------*/

.ndis {
	background-color:#fff;
	padding-top: 0 !important;
}

.ndis .column {
	text-align:left;
}

.ndis .logos {
	display:flex;
	align-items:center;
	justify-content:center;
}

.ndis .logos img {
	margin:0 20px;
}

@media only screen and ( max-width: 768px ) {
  .ndis .logos {
    display: block;
    margin-bottom: 40px;
  }
  .ndis .logos img {
  	margin: 20px 0 0 0;
  }
  .ndis .column {
    margin-bottom: 0;
  }
}


/*-------------- Franchise ---------------------*/

#flexslider-franchise,
#flexslider-franchise .flex-viewport,
#flexslider-franchise ul {
	height:100%!important;
}

#flexslider-franchise .slide {
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	text-align:right;
	display:flex!important;
	align-items:center;
	justify-content:center;
}

#flexslider-franchise .wrapper {
	margin:0 5%;
}

#flexslider-franchise .slide1 {
	background-image:url(images/cleaning-business-for-sale-in-Melbourne.jpg);
}

#flexslider-franchise .slide2 {
	background-image:url(images/Cleaning-franchise-for-sale-in-Melbourne.jpg);
}

#flexslider-franchise .slide3 {
	background-image:url(images/Start-your-own-Melbourne-cleaning-business.jpg);
}

#flexslider-franchise p {
	font-size:65px;
	line-height:65px;
	font-weight:600;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:0;
	font-family:"Open Sans";
	text-align:right;
	clear:both;
}

#flexslider-franchise p,#flexslider-franchise a {
	margin-bottom:40px;
}

#flexslider-franchise a {
	font-size:30px;
}

.franchisees {
	text-align:center;
}

@media only screen and ( max-width: 768px ) {
  #flexslider-franchise p {
    font-size: 24px;
    line-height: 1.2;
  }
  .franchise .flex-control-nav {
    display: none !important;
  }
  .features.mobile .column {
    margin-bottom: 0;
  }
  .franchisees h2 {
    margin-bottom: 40px;
  }
  .franchisees img {
    margin-bottom: 20px;
  }
  .franchisees .col2 {
    margin-bottom: 0;
  }
}


/*-------------- Footer ---------------------*/

#copyright {
	background:#0d0d0d;
	color:#ccc;
	padding:15px 0;
}

#copyright p {
	font-family:'Lato',sans-serif;
	font-size:14px;
	text-align:center;
}

#footer-info {
	padding:60px 0 40px;
	border-top:0 solid #0d0d0d;
	background-color:#0d0d0d;
	background-image:url(images/footer_bg_images.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:scroll;
	background-size:cover;
	color:#9e9e9e;
}

#footer-info .footer-widget {
	display:inline;
	float:left;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-right:15px;
	padding-left:15px;
	width:25%;
	color:#e9e9e9;
}

#footer-info h3 {
	font-family:'Lato',sans-serif;
	line-height:1.6em;
	font-size:22px;
	font-weight:300;
	text-transform:none;
	color:#fff!important;
	padding:0;
	margin:0;
}

#footer-info .separator {
	border-bottom:1px solid #e5eaec;
	margin:24px 0 32px;
}

.separator {
	padding:0;
	height:1px;
	width:100%;
	position:relative;
}

.separator .separator_line {
	height:3px;
	width:30px;
	background-color:#43b4f9;
	position:absolute;
	top:-1px;
}

#footer-info p,#footer-info a,#footer-info ul li a {
	color:#9e9e9e;
	font-size:14px;
}

#footer-info ul li {
	padding:0 0 13px 20px;
	position:relative;
}

#footer-info ul li:before {
	content:"";
	width:4px;
	height:4px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	background-color:#43b4f9;
	float:left;
	margin-right:14px;
	position:absolute;
	top:9px;
	left:0;
	display:block;
}

@media only screen and ( max-width: 768px ) {
  #footer-info .footer-widget {
    width: 100%;
    margin-bottom: 40px;
  }
}