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


*	{
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	background-size:cover; 
	background-position:center; 
	letter-spacing:0.05em;
	}


body {
	margin:0;
	padding:0; 
	font-family: 'Open Sans', sans-serif;
	color:#444;
}






/* 	Text Styling
============================*/

a 	{ color:inherit; text-decoration:none; cursor:pointer; }
a:hover { text-decoration:none; }

p 	{  font-weight:300; margin:0; font-size:14px; }
h1 	{  font-weight:300; margin:0; font-size:1.9em; }
h2 	{  font-weight:300; margin:0; }
h3 	{  font-weight:400; margin:0; }
h4 	{  font-weight:300; margin:0; }
h5 	{  font-weight:300; margin:0; }
h6 	{  font-weight:300; margin:0; }

span.highlight	{ color:#01828f !important; }

h1.heading 	{ padding-left:20px; border-left:solid 5px #01828f; }

p span 		{ color:#01828f; }

.white 		{ color:#fff !important; }

h1+p		{ margin-top:15px; }
h2+p		{ margin-top:15px; }
h3+p		{ margin-top:15px; }

h1+h2		{ margin-top:30px; }

p+p		{ margin-top:10px; }

p a		{ color:#01828f; }







/* Miscellanious
===========================*/
hr	{ border:none; margin:0 0 60px; }
.icon	{ height:14px; margin-right:10px; }


.row h1+img { margin-top:50px; }
.row h2+img { margin-top:50px; }
.row p+img  { margin-top:50px; }

.row img+h1 { margin-top:50px; }
.row img+h2 { margin-top:50px; }
.row img+p  { margin-top:50px; }





/* 	Forms Inputs Buttons
================================*/

.button	{ 

	display:inline-block; 
	padding:1em 3em; 
	margin:10px 0;
	background-color:#01828f; 
	border-radius:100px; 
	text-align:center;
	color:#fff;
	font-weight:100;
	font-size:14px;
	transition:0.2s ease;
	box-shadow:3px 3px 5px rgba(0,0,0,0.2);
}

.button:hover	{ background-color:#025d66; }
*+.button	{ margin-top:30px; }


input	{ 
	width:100%;  
	border:solid 1px #ddd;  
	padding:10px; 
	font-size:14px;
	font-weight:300; 
	font-family:inherit; 
	border-radius:3px;
}

input[type="checkbox"] { width:auto; margin-right:10px; padding:0; }

select {
	width:100%;
	height:41px;  
	border:solid 1px #ddd;  
	padding:10px; 
	font-size:14px;
	font-weight:300; 
	font-family:inherit; 
	border-radius:3px;
}

textarea	{ 
	width:100%;  
	border:solid 1px #ddd;  
	padding:10px; 
	font-size:14px;
	font-weight:300; 
	font-family:inherit; 
	border-radius:3px;
	height:150px;

}






/* LAYOUT CONTAINERS ROWS ETC.
========================================*/

.contain	{ width:80% !important; margin:auto; max-width:1100px; position:relative; }

.row		{ width:100%; padding:50px 0; overflow:hidden; position:relative; background-size:cover; background-position:center; }

.row+.row	{ padding-top:0; margin-top:-30px; }

.testimonial		{ background-color:#eeeeee; padding-top:100px !important; }
.testimonial .contain 	{ max-width:900px; }
.testimonial *		{ font-weight:100; }

.center		{ text-align:center; }
.left		{ text-align:left; }
.right		{ text-align:right; }
.justify	{ text-align:justify; } 

.table		{ display:table; table-layout:fixed; width:100%; }
.cell		{ display:table-cell; }

.top		{ vertical-align:top; }
.bottom		{ vertical-align:bottom; }
.middle		{ vertical-align:middle; }

.col50		{ width:47%; float:left; }
.col50+.col50	{ margin-left:6%; }

.col30				{ width:28%; float:left; margin-bottom:30px; }
.col30+.col30			{ margin-left:8%; }
.col30:nth-of-type(3n+1)	{ clear:both; margin-left:0; }

.col25				{ width:19%; float:left; }
.col25+.col25			{ margin-left:8%; }
.col25:nth-of-type(4n+1)	{ clear:both; margin-left:0; }




	@media screen and (max-width : 600px) {

	.row		{ padding:60px 0; }
	
	.testimonial	{ padding-top:60px !important; }

	.table		{ display:block; }
	.cell		{ width:100% !important; display:block; padding:0 !important; }
	.cell+.cell	{ margin-top:30px; }

	.col30		{ width:100%; float:none; margin-bottom:0; }
	.col30+.col30	{ margin:50px 0 0; }

	.col50		{ width:100%; }
	.col50+.col50	{ margin:30px 0 0; }

	.col25		{ width:100%; float:none; }
	.col25+.col25	{ margin:50px 0 0; }

	.center		{ text-align:left; }


}





/* Header and Navigation
=========================================*/

.header 			{ position:relative; width:100%; background-color:#111; padding:0; box-shadow:0px 2px 10px rgba(0,0,0,0.3); }

.header .ao_logo		{ left:0; top:0; padding:23px 5%; position:absolute; height:100%;  }
.header .evolvin_logo		{ right:0; top:0; padding:23px 5%; position:absolute; height:100%; background:#01828f; transition:0.2s ease; }
.header .evolvin_logo:hover	{ background-color:#025d66; }

.navigation ul			{ list-style:none; margin:0; padding:0; text-align:center;  }
.navigation li			{ display:inline-block; font-weight:300; font-size:14px; cursor:pointer; color:#fff; padding:30px 1.5%; transition:0.1s ease; }
.navigation li:hover		{ background:#222; }


.submenu 			{ display:block; background:#01828f; position:absolute; top:79px; right:0; left:0; z-index:5000000; }
.submenu ul			{ list-style:none; margin:0; padding:0; display:table; width:100%; }
.submenu li			{ font-size:13px; display:table-cell; padding:15px 10px; color:#fff; font-weight:300; transition:0.5s ease; text-align:center; }
.submenu li:hover		{ background:#025d66;}

li:hover .submenu 		{ display:block; }


.mobile_menu_icon		{ display:none; position:absolute; right:10%; height:20%; top:40%;  z-index:1000; }

#mobile_menu			{ position:fixed; left:0; top:0; bottom:0; right:0; background:#01828f; z-index:999; }
#mobile_menu ul			{ list-style:none; padding:30px 0; margin:0; }
#mobile_menu li			{ font-size:1em; color:#fff; padding:0 10% 15px; }
#mobile_menu li .dropdown_icon	{ max-width:100%; }




	@media screen and (max-width : 900px) {

	.header 				{ padding:20px 10%; }
	.header .ao_logo			{ position:relative; width:50%; max-width:200px; left:0; top:0; padding:0; }
	.header .evolvin_logo			{ display:none; }
	.header+.submenu			{ display:none; }

	.submenu 			{ display:block; background:#025d66; position:relative; top:auto; right:0; left:0; margin-bottom:15px; }
	.submenu ul			{ display:block; padding:20px 0 !important; }
	.submenu ul li			{ display:block; text-align:left; padding:40px 0 !imporant; }
	
	.navigation  			{ display:none;  }
	.mobile_menu_icon		{ display:block; }
}




/* Features menu used on feature pages
======================================*/


.features-menu 			{ display:block; background:#01828f; overflow:auto; z-index:5000001; position:relative; }
.features-menu ul		{ list-style:none; margin:0; padding:0; display:table; width:100%; min-width:1000px; }
.features-menu li		{ font-size:13px; display:table-cell; padding:15px; color:#fff; font-weight:300; transition:0.5s ease; text-align:center; }
.features-menu li:hover		{ background:#025d66;}





/* Banners at the top of web pages
=========================================*/

.banner 			{ background-color:#222; padding:13% 0 15%; overflow:hidden; background-size:cover; background-position:center; position:relative; }

.banner .contain 		{ width:60%; margin:auto; }
.banner h1 			{ font-size:2.6em; color:#fff; }
.banner h3 			{ color:#fff; font-weight:300; }

.banner_icon			{ width:50%; max-width:50px; margin-bottom:30px; }


	@media screen and (max-width : 700px) {

	.banner 			{ padding:50px 0;  }
	.banner h1 			{ font-size:2em; }
	.banner .contain 		{ width:85%; margin:auto; }
}









/* Home Page - Features
========================================*/

.bxslider			{ width:90%; margin:0 auto; padding:0; }
.bxslider li			{ width:100%; margin:0 auto; }
.bxslider li .contain		{ width:90%; max-width:none; }

img.ao_suite			{ width:80%; max-width:730px; margin:0 auto 50px; z-index:2000000; }

.feature			{ position:relative; margin-bottom:0; }

.feature .icon 			{ height:0.9em; position:absolute; left:0; top:4px; }
.feature h3			{ margin-left:34px; margin-bottom:10px; }
.feature p			{ font-size:14px; }

.home_features+.home_features 	{ display:none; text-align:center !important; }

.home_features video		{ width:90%; margin:auto; max-width:900px; margin-bottom:50px; }


	@media screen and (max-width : 600px) {

	.home_features+.home_features 	{ display:block; }
	.home_features:nth-of-type(1)	{ display:none; }
	.home_features:nth-of-type(2)	{ padding-top:50px !important; }
}








/* Forms (demo, contact etc.)
===========================================*/

.form				{ width:100%; max-width:600px; margin:auto; text-align:left; font-size:14px; }

.form p				{ margin:0 0 5px; }
.form *+p			{ margin-top:20px; }

.form input[type="checkbox"]	{ margin-top:10px; }

.form .button			{ margin-top:20px; }

.arrange_demo_form		{  }

.postcode-search {
	display: block;
	position: relative;
	margin-bottom: 16px;
}

	.postcode-search input[type="image"].postcodeIcon {
		position: absolute;
		display: block;
		right: 4px;
		top: 50%;
		transform: translateY(-50%);
		bottom: 0;
		background: #01828f;
		padding: 4px;
		width: 30px;
	}



/* Use of VIDEO on features pages
============================================*/

video		{ width:100%; height:100%; }

*+video		{ margin-top:50px; }
video+*		{ margin-top:50px; }





/* 	FOOTER
========================================*/

.contact_footer		{ background:#151515; padding:80px 0; }
.contact_footer *	{ color:#fff; }
.contact_footer h4	{ margin:0 0 15px; border-left:solid 3px #01828f; padding-left:15px; font-weight:400; }
.contact_footer p	{ margin:0 0 8px; font-size:12px; color:#ccc; }

.footer 		{  padding:50px 0 !important; margin-top:0 !important; }

.footer .evolvin_logo	{ height:40px; }
.footer p		{ margin:0; font-size:12px; }




	@media screen and (max-width : 600px) {

	.contact_footer		{ padding:50px 0; }

	.footer 		{ background:#e5e5e5; }

	.footer .cell		{ text-align:center !important; margin:0 !important; padding:0; !important; }

	.footer .evolvin_logo	{ height:45px; }
	.footer p		{ display:none; margin:0; font-size:12px; }

}

.cookies_message {
    z-index: 100000;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #111;
    color: #fff;
    text-align: center;
    padding: 30px 5%;
}
.cookies_message a{ text-decoration:underline; font-size:16px; }