/* CSS Document */

* 				{ margin: 0 auto; padding: 0; box-sizing: border-box; }
*:after,
*:before 		{ box-sizing: border-box; }

body 			{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 1em; }
.clear			{ clear: both; display: block; }

img 			{ width: 100%; height: auto; }
.logo 			{ width: 90%; margin: 3em auto; max-width: 165px; }

h1 				{ font-size: 2.5em; line-height: 1.3em; font-weight: 100; color: #00A99D; margin-bottom: 2.2em; }
h2 				{ font-size: 1.9em; line-height: 1em; font-weight: 100; color: #00A99D; margin-bottom: 1.8em; text-align: center; position: relative; }
h3 				{ font-size: 1.4em; font-weight: 100; line-height: 1em; margin-bottom: 0; } 

p 				{ font-size: 1em; line-height: 1.4em; margin-bottom: 1.6em; color: #333333; }
address 		{ font-style: normal; }
small 			{ color: rgba(255,255,255,0.7); margin-bottom: 0.5em; display: inline-block; font-size: 1em; }

.padtb50 		{ padding: 5% 0; }
.pad20 			{ padding: 20px; }
.pad30 			{ padding: 30px; }

.wrapper 		{ width: 90%; max-width: 1200px; margin: 0 auto; }
.two-col 		{ -webkit-column-count: 2; column-count: 2; }

.left50 		{ width: 50%; float: left; }
.left40			{ width: 40%; float: left; }
.left20 		{ width: 20%; float: left; }

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

.vertical-align { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }


.fancy {
	text-align: center;
	position: relative;
}
.fancy span {
	display: inline-block;
	padding: 0 1em;
	background-color: #fff;
}
.fancy span:after {
	content: "";
	position: absolute;
	height: 1px;
	border-top: 1px solid #E8E8E8;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	z-index: -1;
}

.blue-bg { background-color: #00A99D; color: #ffffff; }

.contact-boxes .left20 		 { position: relative; padding: 40px 0; }
.contact-boxes .left20 span  { color: #A3A3A3; }
.contact-boxes .left40 		 { position: relative; overflow: hidden; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.contact-boxes .left40:after {
	position: absolute;
    content: '';
    border: 55px solid transparent;
    border-left-color: #008B7D;
    top: 50%;
    bottom: 0;
    left: 0;
    height: 100%;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
	z-index: 0;
}
.contact-boxes .left40:hover 		{ background-color: #00BBAE; }
.contact-boxes .left40:hover:after {
	border: 70px solid transparent;
	border-left-color: #008B7D;
}
.contact-boxes .left40 small,
.contact-boxes .left40 h3 		{ z-index: 10; }

footer { background-color: #E6E6E6; padding: 30px 0; color: #666666; }



@media all and (max-width:950px) {
	
	body 						{ font-size: 85%; }
	h1 							{ font-size: 2em; }
	
	.contact-boxes .left20		{ width: 10%; }
	.contact-boxes .left40  	{ width: 45%; }
	
}

@media all and (max-width:800px) {
	
	body 						{ font-size: 85%; }
	h1 							{ font-size: 2em; }
	
	.contact-boxes .left20		{ width: 100%; padding: 15px 0; }
	.contact-boxes .left40  	{ width: 100%; }
	
}

@media all and (max-width:600px) {
	
	h1 			{ font-size: 1.3em; }
	h1 br 		{ display: block; margin-bottom: 1em; line-height:22px; content: ''; }
	.two-col 	{ -webkit-column-count: 1; column-count: 1; }
	
}

@media all and (max-width:400px) {
	
	.contact-boxes .left40:after { display: none; }
	
}