
/********************************************
        FONTS
********************************************/

	@font-face {
    font-family: 'quatro_slabmedium_italic';
    src: url('../fonts/quatroslab_mediumitalic-webfont.eot');
    src: url('../fonts/quatroslab_mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quatroslab_mediumitalic-webfont.woff') format('woff'),
         url('../fonts/quatroslab_mediumitalic-webfont.ttf') format('truetype'),
         url('../fonts/quatroslab_mediumitalic-webfont.svg#quatro_slabmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;
		}


	@font-face {
    font-family: 'quatro_slabitalic';
    src: url('../fonts/quatroslab_regularitalic-webfont.eot');
    src: url('../fonts/quatroslab_regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quatroslab_regularitalic-webfont.woff') format('woff'),
         url('../fonts/quatroslab_regularitalic-webfont.ttf') format('truetype'),
         url('../fonts/quatroslab_regularitalic-webfont.svg#quatro_slabitalic') format('svg');
    font-weight: normal;
    font-style: normal;
	}


	@font-face {
    font-family: 'quatro_slabregular';
    src: url('../fonts/quatroslab_regular-webfont.eot');
    src: url('../fonts/quatroslab_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quatroslab_regular-webfont.woff') format('woff'),
         url('../fonts/quatroslab_regular-webfont.ttf') format('truetype'),
         url('../fonts/quatroslab_regular-webfont.svg#quatro_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}


h1 {
	font-family: Helvetica, Arial;
	font-size: 45px;
	font-weight: 100;
	color: #585858;
	display: block;
	text-align: center;
	-webkit-font-smoothing: antialiased;
}

h2 {
	font-family: Helvetica, Arial;
	font-weight: 100;
	color: #83c565;
	display: block;
	text-align: center;
	-webkit-font-smoothing: antialiased;
}

h3 {
	font-family: Helvetica, Arial;
	font-size: 22px;
	font-weight: 100;
	line-height: 24px;
	color: #0064D2;
	display: inline-block;
	margin: 0 0 38px 0;
	-webkit-font-smoothing: antialiased;
}

p {
	font-family: Helvetica;
	-webkit-font-smoothing: antialiased;
	font-weight: 100;
	font-size: 14px;
	line-height: 20px;
	color: #808284;
}

a {
	font-family: Helvetica;
	-webkit-font-smoothing: antialiased;
	font-weight: 100;
	font-size: 14px;
	line-height: 20px;
	color: #808284;
}


a:hover {	
}

.clearfix {
	clear: both;
}


body {
	background: #202020;
	-webkit-font-smoothing: antialiased;
}

img {
	display: inline-block;
}

.btn {
	width: 207px;
	border-radius: 3px;
	background: #E7E7E7;
	font-family: Helvetica, Arial;
	font-size: 18px;
	font-weight: 100;
	color: #585858;
	text-decoration: none;
	padding: 11px 20px 11px 20px;
	display: inline-block;
	margin: 0 13px;
}

.blue-btn {
	background: #0064D2;
	color: #fff;
}

.btn:hover {
	background: #DDDDDD;
}

.blue-btn:hover {
	background: #0062BA;
}


/********************************************
        HEADER
********************************************/

.header-wrapper {
	background: #fff;
	min-height: 85px;
	border-bottom: 1px solid #e5e6e7;
}

		
		.header {
			width: 940px;
			margin: 0 auto;
			min-height: auto;
		}
		
				.logo {
					height: 55px;
					display: inline-block;
					float: left;
					margin: 15px 0 15px 0;
				}
		
		.header-contact {
			font-size: 11px;
			float: right;
			padding-top: 20px;
		}
		
		span.telephone {
			background: url(../images/core/icon-speechbubble.png) 0 1px no-repeat;
			padding: 0 0 0 16px;
			margin: 0 0 0 5px;
		}
		
		
/********************************************
        Banner
********************************************/

.banner-wrapper {
	background: url(../images/core/img-banner-bg.jpg) center 242px no-repeat #fff;
	border-bottom: 1px solid #e5e6e7;
	
}

		
		.banner {
			width: 940px;
			margin: 0 auto;
			padding: 70px 0 30px 0;
			text-align: center;
			
		}
		
		.banner h1 {
			margin: 0 0 10px 0;
		}
		
		.banner h2 {
		  font-family: Helvetica, Arial;
		  font-size: 20px;
		  font-weight: 100;
		  line-height: 20px;
		  color: #888888;
		  display: block;
		  text-align: center;
		  margin: 0 0 20px 0;
		}
		
		.action {
			width: 550px;
			margin: 23px auto 37px auto;
			text-align: center;
		}
		
		
		p.arrow-hover {
			opacity: 0;
			-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
		}
		
		a.arrow:hover + p.arrow-hover {
			opacity: 1;
		}
		
		
/********************************************
        Content
********************************************/
		
		
.content-wrapper {
	background: #fff;
	border-bottom: 1px solid #e5e6e7;
}

		.quote {
			background: #f4f4f4;
			height: auto;
			text-align: center;
			padding-top: 60px;
			padding-bottom: 60px;
			border-bottom: 1px solid #e5e6e7;
		}
		
				.quote h2 {
					font-size: 25px;
					color: #585858;
					margin: 0 0 13px 0;
				}
				
				.quote h3 {
					font-size: 17px;
					color: #888888;
				}
				
				
		#globe h2 {
			font-size: 45px;
		}
		
		#globe h3 {
			font-size: 20px;
		}
		
		#globe-content {
			width: 700px;
			margin: 0 auto;
			text-align: center;
		}
		
		.globes {
			width: 150px;
			display: inline-block;
			padding: 0 35px 0 35px;
			text-align: center;
		}
		
			.globes a.button {
				width: 150px;
				height: 28px;
				font-size: 18px;
				color: #fff;
				background: #0064cd;
				display: inline-block;
				text-decoration: none;
				padding: 7px 0 0 0;
				margin: 25px 0 0 0;
			}
			
			.globes a.button:hover {
				-webkit-box-shadow:  3px 3px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow:  3px 3px 1px 1px rgba(0, 0, 0, 0.1);
			}
		
		.content {
			width: 940px;
			margin: 0 auto;
		}
		
			.content h2 {
					font-size: 45px;
					color: #585858;
					margin: 60px 0 13px 0;
					text-align: center;
				}
				
				.content h3 {
					font-size: 20px;
					color: #888888;
					display: block;
					text-align: center;
				}
		
				
		.tips h2 {
			margin: 0 0 13px 0px;
		}
		
		.tips h3 {
			display: block;
			text-align: center;
			margin: 0 0 50px 0;
		}
		
				.tip-sec {
					height: 254px;
					margin-bottom: 90px;
				}
				
						.tip-sec img {
							float: left;
							display: inline-block;
						}
				
						.tip-sec .txt {
							width: 400px;
							float: right;
							margin: 40px 10px 0 0;
						}
						
						.tip-sec .txt p {
							font-size: 17px;
							line-height: 22px;
						}
						
						.tip-sec .txt h3 {
							font-size: 22px;
							text-align: left;
							color: #0064D2;
							margin: 0px 0 10px 0;
						}
						
						.tip-sec .txt a {
							color: #00AEEF;
							text-decoration: none;
						}
						
						.tip-sec .txt a:hover {
							text-decoration: underline;
						}
				
				.last {
					border: none;
				}
				
				.tip-sec.first {
					padding-top: 60px;
				}
				
				.tips.last {
					padding-bottom: 70px;
				}
		
		.action.bottom {
			width: 940px;
			padding: 56px 0 75px 0;
			border-bottom: 1px solid #e5e6e7;
			border-top: 1px solid #e5e6e7;
		}
		
		.bottom h2 {
			margin-top: 0px;
		}
		
/********************************************
        FOOTER
********************************************/
				
		
		
		.footer-top {
			width: 940px;
			height: 125px;
			padding: 50px 0 0 0;
			margin: 0 auto;
			text-align: center;
		}
		
				.footer-top h3 {
					font-size: 16px;
					color: #62BA46;
					margin: 0px 0 10px 0;
					display: block;
					text-align: center;
				}
		
		
		.footer {
			width: 940px;
			margin: 0 auto;
			height: 190px;
			padding: 25px 0 0 0;
			text-align: center;
		}
		
				.logo-bw {
					width: 149px;
					height: 22px;
					display: inline-block;
					margin: 0 0 18px 0;
				}
				
				.smo {
					margin:30px 0 20px 0;
					display: block;
				}
				
				.smo a {
					display: inline-block;
					margin: 0 7px 0 7px;
				}
				
				.copyright {
					font-size: 11px;
					font-weight: normal;
				}
				
				.copyright a {
					font-size: 11px;
					font-weight: normal;
					color: #727272;
					text-decoration: none;
				}
				
				.copyright a:hover {
					color: #fff;
				}
				
				
				







































