@charset "utf-8";
/* CSS Document */

	

    .async-hide { opacity: 0 !important} 
	
	.home-section img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    box-shadow: 3px 3px 3px #888888;
}

.moreAboutText{

	border:2px solid white;

	padding: 2px 7px 4px 5px;

	margin:2px 2px 5px 7px;

	font-weight: normal;

	color: #2f466b;

	width: auto;

	font-size: 20px;

	background-color: #fff;	

	text-align: left;

	float: right;

}

	

.moreAboutTextWide{

	border:2px solid white;

	padding: 2px 7px 4px 5px;

	margin:2px 2px 5px 7px;

	font-weight: normal;

	color: #2f466b;

	width: 65%;

	font-size: 20px;

	background-color: #fff;	

	text-align: left;

	float: right;

}
	
	
.mapcolourtool {	

	border: 2px solid white;

	padding: 6px 25px 6px 25px;

	margin: 0px 8px 8px 8px;

	font-weight: bold;

	color: #FFF;

	max-width: 100%;

	font-size: 18px;

	background-color: #79AEFF;	

	text-align: center;

	text-decoration: none;

	width: auto;

	float: left;

	align-content: center;

	box-shadow: 3px 3px 3px #888888;

	text-decoration: none;

}



	a {

		text-decoration:none;

	}	

	

.mapcolourtoolwide {	

	border: 2px solid white;

	padding: 6px 25px 6px 25px;

	margin: 8px 8px 8px 8px;

	font-weight: bold;

	color: #FFF;

	max-width: 100%;

	font-size: 18px;

	background-color: #79AEFF;	

	text-align: center;

	text-decoration: none;

	width: 25%;

	float: left;

	align-content: center;

	box-shadow: 3px 3px 3px #888888;

}

	

.mapcolourtool:hover, .mapcolourtoolwide:hover {

	border: 2px solid #0099ff;

	color: #0099ff;

	background-color: white;

}

p {
    margin-bottom: 18px;
    font-size: 1rem;
    margin-left: auto;
    color: #777777;
    line-height: 1.8rem;
}
#top-bar p{
    margin-bottom: 0px;
    font-size: 1rem;
/*    margin-left: auto;*/
    color: #ffffff;
    line-height: 1rem;
}	
	.headingBox img {
    width: 100%;
}
	
@media (max-width:955px) {



.home-section {

width:44.5%;

margin-left:3px;

}

.home-section:nth-child(odd) {

margin-left:1%;

}

.home-section:nth-child(even) {

margin-left:1%;

}
	}	
	@media (max-width:630px) {

	.home-section {

	width:94%;

	min-height:0;

	padding-bottom:10px;

	margin:0 2% 10px 2%;

	}

	.headingBox img{

		width:97%;



	}

	

	.mapcolourtoolwide{

	box-sizing: border-box;

	display: block;

    margin: 0 auto;

    width:100%;

    height: auto;

    box-shadow: 3px 3px 3px #888888;

	margin-bottom:20px;

	}

	.moreAboutTextWide{

		box-sizing: border-box;

	display: block;

    width:100%;

	}

#clientLogosFooter img {

		width: 95%;

		}

	

#headerImages img {

		width: 95%;

		}

	.home-section:nth-child(even) {

	margin-left:3px;

	}

}
	@media (max-width:630px) {

	.home-section {

	width:94%;

	min-height:0;

	padding-bottom:10px;

	margin:0 2% 10px 2%;

	}

	.headingBox img{

		width:97%;



	}

	

	.mapcolourtoolwide{

	box-sizing: border-box;

	display: block;

    margin: 0 auto;

    width:100%;

    height: auto;

    box-shadow: 3px 3px 3px #888888;

	margin-bottom:20px;

	}

	.moreAboutTextWide{

		box-sizing: border-box;

	display: block;

    width:100%;

	}

#clientLogosFooter img {

		width: 95%;

		}

	

#headerImages img {

		width: 95%;

		}

	.home-section:nth-child(even) {

	margin-left:3px;

	}

}