* { margin: 0; padding: 0; }
html { font-family: "Open Sans", Arial, sans-serif; font-size: 14px; color: #000; }
body { margin: 0; padding: 0; background: #fff; }
a { outline: none; text-decoration: none; color: #000; }
input, textarea { outline: none; -webkit-appearance: none; }
img { border: 0; display: block; }
.clear { clear: both; }

#wrapper { width: 100%; float: left; }

	#headerContainer { width: 100%; height: 467px; background: url('../images/header.jpg') no-repeat left center; background-size: cover; }
		#headerBackground { width: 100%; height: 111px; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); }
			#menuContainer { width: 1000px; height: 111px; max-width: 95%; margin: 0 auto; }
			#menuContainer h1 { width: 300px; height: 86px; position: absolute; margin: 12px 0 0 0; background: url('../images/logo.png') no-repeat center center; background-size: cover; float: left; }
			#menuContainer h1 a { width: 300px; height: 86px; text-indent: -999px; display: block; }
			#menuContainer nav { height: 111px; margin: 0 auto; float: right; }
			#menuContainer nav ul { margin: 33px 0 0 0; float: right; }
			#menuContainer nav ul li { margin-left: 25px; list-style: none; float: left; }
			#menuContainer nav ul li a { height: 45px; font-size: 16px; color: #313131; line-height: 45px; display: block; }
			#menuContainer nav ul li a:hover { height: 42px; border-bottom: 3px solid #93d600; }
			#menuContainer nav ul li.highlight a { padding: 0 22px; background: #93d600; border-radius: 22px; }
			#menuContainer nav ul li.highlight a:hover { height: 45px; background: #a2e70a; border-bottom: 0; }
				#nav_open { display: none; }
				#nav_close_placeholder { display: none; }
		#sloganContainer { width: 100%; height: 356px; position: relative; }
			#headerShadowTop { width: 100%; height: 170px; position: absolute; top: 0; left: 0; background: url('../images/header-shadow-top.png') repeat-x; }
			#headerShadowBottom { width: 100%; height: 170px; position: absolute; bottom: 0; left: 0; background: url('../images/header-shadow-bottom.png') repeat-x; z-index: 15; }
			#slogan { width: 94%; position: absolute; left: 3%; bottom: 20px; font-size: 36px; color: #fff; text-align: center; text-shadow: 0 0 5px #000; z-index: 16; }

	#intro { width: 90%; max-width: 1000px; margin: 0 auto; padding: 65px 0; }
	#intro h2 { width: 100%; max-width: 750px; margin: 0 auto 35px auto; font-size: 32px; color: #000; font-weight: 400; text-align: center; }
	#intro p { width: 100%; max-width: 750px; margin: 0 auto; font-size: 18px; color: #000; line-height: 40px; text-align: center; }
	#intro p a { text-decoration: underline; color: #000; }
	#intro p a:hover { color: #6d6d6d; }

	#infoBox1 { width: 100%; background: #93d600; }
		#infoBox1Container { width: 1200px; max-width: 100%; height: 369px; position: relative; margin: 0 auto; }
		#infoBox1Container .left { width: 50%; height: 100%; background: url('../images/busjes.png') no-repeat center center; background-size: cover; }
		#infoBox1Container .right { width: 43%; height: 100%; position: absolute; top: 30px; left: 55%; }
		#infoBox1Container .right h3 { width: 100%; height: 90px; margin-bottom: 25px; font-size: 28px; font-weight: 300; color: #fff; line-height: 45px; overflow: hidden; }
		#infoBox1Container .right ul li { height: 40px; margin-bottom: 10px; padding-left: 50px; background: url('../images/icon-tick.png') no-repeat 0 3px; background-size: 30px 30px; list-style: none; font-size: 18px; font-weight: 600; color: #fff; line-height: 35px; }

	#infoBox2Container { width: 1000px; max-width: 90%; margin: 0 auto; padding: 60px 0; }
		#infoBox2Container .left { width: 45%; float: left; }
		#infoBox2Container .left h4 { width: 100%; margin-bottom: 25px; font-size: 28px; font-weight: 300; color: #000; line-height: 45px; }
		#infoBox2Container .left p { width: 100%; margin-bottom: 20px; font-size: 15px; color: #000; line-height: 28px; }
		#infoBox2Container .right { width: 45%; margin-left: 10%; float: left; }
		#infoBox2Container .right h6 { width: 100%; padding: 10px 0 20px 0; font-size: 15px; font-weight: bold; color: #000; }

	#vacanciesContainer { width: 100%; height: auto; background: #e5e5e5; }
		#vacancies { width: 90%; max-width: 1000px; min-height: 316px; position: relative; margin: 0 auto; }
		#vacancies .left { width: 50%; height: 100%; position: absolute; top: 0; left: 0; background: url('../images/image-cleaning1.png') no-repeat top left; background-size: contain; }
		#vacancies .right { width: 47%; max-width: 430px; margin: 30px 0 40px 0; float: right; }
		#vacancies .right h4 { width: 100%; height: 45px; margin-bottom: 25px; font-size: 28px; font-weight: 300; color: #000; line-height: 45px; }
		#vacancies .right p { width: 100%; margin-bottom: 20px; font-size: 15px; color: #000; line-height: 28px; }

	#contentContainer { width: 100%; height: auto; padding: 40px 0; background: #e5e5e5; }
		#content { width: 90%; max-width: 1000px; margin: 0 auto; }
		#content .left { width: 30%; float: left; }
		#content .left h4 { width: 100%; padding-bottom: 20px; font-size: 28px; font-weight: 400; color: #000; line-height: 45px; }
		#content .left ul { width: 100%; }
		#content .left ul li { width: 100%; list-style: none; }
		#content .left ul li span { font-size: 15px; font-weight: bold; color: #000; line-height: 32px; }
		#content .left ul li a { font-size: 15px; color: #000; line-height: 32px; text-decoration: underline; }
		#content .left ul li a:hover { color: #6d6d6d; }
		#content .right { width: 65%; margin-left: 5%; float: left; }
		#content .right h3 { width: 100%; padding-bottom: 20px; font-size: 28px; font-weight: bold; line-height: 45px; }
		#content .right h5 { width: 100%; font-size: 13px; font-weight: 700; color: #000; line-height: 22px; margin-bottom: 5px; }
		#content .right p { width: 100%; margin-bottom: 25px; font-size: 13px; color: #000; line-height: 22px; }
		#content .right p.intro { font-size: 16px; font-style: italic; line-height: 26px; }
		#content .right ul { margin-bottom: 20px; }
		#content .right ul li { width: 100%; list-style: none; font-size: 16px; color: #000; line-height: 27px; }
		#content .right img { max-width: 85%; height: auto; border: 6px solid #fff; margin-bottom: 25px; }

		#content .contact_left { width: 40%; float: left; }
		#content .contact_left h4 { width: 100%; padding-bottom: 20px; font-size: 28px; font-weight: 400; color: #000; line-height: 45px; }
		#content .contact_left p { width: 100%; margin-bottom: 15px; font-size: 13px; color: #000; line-height: 30px; }
		#content .contact_left p.call { font-size: 30px; line-height: 35px; }
		#content .contact_right { width: 52%; margin-left: 8%; float: left; }
		#content .contact_right input.text { width: 200px; height: 24px; margin-bottom: 12px; padding: 18px 20px; background: #fff; border: 0; font-size: 16px; line-height: 24px; }
		#content .contact_right textarea { width: 80%; height: 120px; margin-bottom: 12px; padding: 20px; background: #fff; border: 0; font-size: 16px; line-height: 24px; resize: none; font-family: "Open Sans", Arial, sans-serif; }
		#content .contact_right input.submit { width: auto; height: 56px; padding: 0 30px; background: #93d600; border: 0; font-size: 15px; font-weight: bold; color: #fff; line-height: 56px; border-radius: 30px; cursor: pointer; }
		#content .contact_right input.submit:hover { background: #a2e70a; }
		#content .contact_right p { width: 100%; margin-bottom: 15px; font-size: 13px; color: #000; line-height: 30px; }

	#contactBox { width: 100%; background: #93d600; }
		#contactBoxContainer { width: 1200px; max-width: 100%; height: 362px; position: relative; margin: 0 auto; }
		#contactBoxContainer .left { width: 50%; height: 100%; background: url('../images/contact.jpg') no-repeat center center; background-size: cover; }
		#contactBoxContainer .right { width: 43%; height: 100%; position: absolute; top: 30px; left: 55%; }
		#contactBoxContainer .right h3 { width: 100%; height: 90px; margin-bottom: 25px; font-size: 28px; font-weight: 300; color: #fff; line-height: 45px; overflow: hidden; }
		#contactBoxContainer .right p { font-size: 15px; font-weight: 300; color: #fff; line-height: 22px; }
		#contactBoxContainer .right p a { text-decoration: underline; color: #fff; }

	#bottomBarContainer { width: 100%; height: auto; background: #93d600; }
		#bottomBar { width: 90%; max-width: 1000px; margin: 0 auto; padding: 45px 0; }
		#bottomBar h2 { width: 100%; max-width: 750px; margin: 0 auto 35px auto; font-size: 28px; color: #fff; font-weight: 400; text-align: center; }
		#bottomBar p { width: 100%; max-width: 750px; margin: 0 auto; font-size: 16px; color: #fff; line-height: 30px; text-align: center; }
		#bottomBar p a { text-decoration: underline; color: #fff; }
		#bottomBar p a:hover { color: #d3d3d3; }

	#footerContainer { width: 100%; height: auto; padding: 40px 0; background: #232323; }
		#footer { width: 90%; max-width: 1000px; margin: 0 auto; }
		#footer .left { width: 44%; float: left; }
		#footer .center { width: 40%; float: left; }
		#footer .right { width: 16%; float: left; }
		#footer h5 { width: 100%; margin-bottom: 10px; line-height: 25px; font-size: 18px; font-weight: normal; color: #fff; }
		#footer p { width: 100%; line-height: 23px; font-size: 13px; color: #fff; }
		#footer p a { text-decoration: underline; color: #fff; }
		#footer ul { width: 100%; }
		#footer ul li { list-style: none; font-size: 13px; line-height: 23px; color: #fff; }
		#footer ul li a { text-decoration: underline; color: #fff; }
		#footer ul li a:hover { color: #dedede; }

	.button1_green { width: auto; height: 50px; padding: 0 25px; background: #93d600; font-size: 16px; font-weight: 600; color: #fff; line-height: 50px; border-radius: 25px; cursor: pointer; display: table; }
	.button1_green:hover { background: #a2e70a; }
	.button2_grey { width: auto; height: 50px; padding: 0 25px; background: #232323; font-size: 16px; color: #fff; line-height: 50px; border-radius: 25px; cursor: pointer; display: table; }
	.button2_grey:hover { background: #000; }


@media only screen and (max-width: 1040px) {
	#menuContainer h1 { width: 250px; height: 72px; margin-top: 19px; }
	#menuContainer h1 a { width: 200px; height: 72px; text-indent: -999px; display: block; }

	#headerContainer { height: 367px; }
	#sloganContainer { height: 256px; }
}

@media only screen and (max-width: 990px) {
	#menuContainer nav ul li { margin-left: 17px; }
	#menuContainer nav ul li a { font-size: 14px; }

	#infoBox1Container { height: 300px; }
	#infoBox1Container .left { width: 40%; }
	#infoBox1Container .right h3 { width: 100%; height: 70px; margin-bottom: 25px; font-size: 24px; line-height: 35px; }
	#infoBox1Container .right ul li { height: 30px; margin-bottom: 7px; padding-left: 40px; background: url('../images/icon-tick.png') no-repeat 0 3px; background-size: 24px 24px; font-size: 16px; font-weight: 600; color: #fff; line-height: 30px; }

	#contactBoxContainer { height: 350px; }
	#contactBoxContainer .left { width: 40%; }
	#contactBoxContainer .right { width: 53%; left: 45%; }
	#contactBoxContainer .right h3 { height: 70px; margin-bottom: 20px; font-size: 24px; line-height: 35px; }

	#footer { text-align: center; }
	#footer .left { width: 50%; }
	#footer .center { width: 50%; }
	#footer .right { width: 100%; padding-top: 30px; }
}

@media only screen and (max-width: 900px) {
	#menuContainer nav ul li.highlight { display: none; }
	#menuContainer nav ul li { margin-left: 25px; }
	#menuContainer nav ul li a { font-size: 16px; }
}

@media only screen and (max-width: 840px) {
	#infoBox1Container .right { width: 53%; left: 45%; }

	#footer .left { width: 100%; }
	#footer .center { width: 100%; padding-top: 30px; }
	#footer .right { width: 100%; }
}

@media only screen and (max-width: 800px) {
	#vacancies .left { display: none; }
	#vacancies .right { width: 90%; max-width: 100%; margin: 0 auto; padding: 30px 0 40px 0; text-align: center; float: none; }
	#vacancies .button2_grey { margin: 0 auto; }

	#infoBox2Container .left { width: 100%; max-width: 600px; margin: 0 auto 50px auto; text-align: center; float: none; }
	#infoBox2Container .left h4 { font-size: 26px; }
	#infoBox2Container .right { width: 100%; margin: 0 auto; text-align: center; float: none; }
	#infoBox2Container .button1_green { margin: 0 auto; }

	#content .contact_right input.text { width: 80%; }
}

@media only screen and (max-width: 680px) {
	#menuContainer nav ul li { margin-left: 17px; }
	#menuContainer nav ul li a { font-size: 14px; }

	#content .left { width: 96%; margin: 0 auto; float: none; }
	#content .right { width: 96%; margin: 25px auto 0 auto; float: none; }

	#content .contact_left { width: 100%; max-width: 400px; margin: 0 auto 30px auto; float: none; text-align: center; }
	#content .contact_right { width: 400px; height: 430px; margin: 0 auto; float: none; }
	#content .contact_right input.text { margin-left: 23px; }
	#content .contact_right textarea { margin-left: 23px; }
	#content .contact_right input.submit { margin-left: 23px; }
}

@media only screen and (max-width: 610px) {
	#nav_open { width: 34px; height: 34px; position: absolute; top: 38px; right: 25px; background: url('../images/menu-button-open.png') no-repeat; background-size: cover; cursor: pointer; display: block; }
	#nav_close_placeholder { width: 80%; max-width: 400px; height: 34px; margin: 50px auto 0 auto; display: block; }
		#nav_close { width: 34px; height: 34px; float: right; background: url('../images/menu-button-close.png') no-repeat; background-size: cover; cursor: pointer; z-index: 30; }

	#menuContainer nav { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #93d600; z-index: 40; display: none; }
	#menuContainer nav ul { width: 80%; max-width: 400px; margin: 70px auto 0 auto; border-top: 1px solid #fff; float: none; }
	#menuContainer nav ul li { width: 100%; height: auto; padding: 0; margin: 0; border-bottom: 1px solid #fff; float: none; }
	#menuContainer nav ul li a { width: 80%; height: auto; padding: 0 10%; margin: 0; color: #fff; line-height: 40px; }
	#menuContainer nav ul li a:hover { height: auto; border-bottom: none; text-decoration: none; background: #a2e70a; }

	#infoBox1Container .left { display: none; }
	#infoBox1Container .right { width: 94%; position: relative; left: 0; margin: 0 auto; }
	#infoBox1Container .right h3 { text-align: center; }
	#infoBox1Container .right ul { width: 190px; margin: 0 auto; }
	#infoBox1Container .right ul li { width: 240px; }


	#contactBoxContainer .left { display: none; }
	#contactBoxContainer .right { width: 94%; position: relative; left: 0; margin: 0 auto; }
	#contactBoxContainer .right h3 { text-align: center; }
	#contactBoxContainer .right p { text-align: center; }
}

@media only screen and (max-width: 500px) {
	#infoBox1Container .right ul li { width: 190px; }

	#slogan { font-size: 28px; }

	#content .contact_right { width: 300px; margin: 0 auto; float: none; }
	#content .contact_right input.text { margin-left: 6px; }
	#content .contact_right textarea { margin-left: 6px; }
	#content .contact_right input.submit { margin-left: 6px; }
}

@media only screen and (max-width: 350px) {
	#content .contact_right { width: 200px; margin: 0 auto; float: none; }
	#content .contact_right input.text { margin-left: 0; }
	#content .contact_right textarea { margin-left: 0; }
	#content .contact_right input.submit { margin-left: 0; }
}